@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Muli:300,400,700,800&display=swap);

.account-info-box:after, .account-info-box:before, .chart-box .chart-box-content .chart-navigation:after, .chart-box .chart-box-content .chart-navigation:before, .chart-box .chart-box-content:after, .chart-box .chart-box-content:before, .exchange-display:after, .exchange-display:before, .exchange-modal .exchange-modal-footer:after, .exchange-modal .exchange-modal-footer:before, .exchange-modal:after, .exchange-modal:before, .fieldset:after, .fieldset:before, .form-group:after, .form-group:before, .input-field:after, .input-field:before, .limited-exchange:after, .limited-exchange:before, .result-table:after, .result-table:before, .tab-box .tab-box-header ul:after, .tab-box .tab-box-header ul:before, .tab-box .tab-box-header:after, .tab-box .tab-box-header:before, .tab-box:after, .tab-box:before {
    content: "";
    display: table
}

.account-info-box:after, .chart-box .chart-box-content .chart-navigation:after, .chart-box .chart-box-content:after, .exchange-display:after, .exchange-modal .exchange-modal-footer:after, .exchange-modal:after, .fieldset:after, .form-group:after, .input-field:after, .limited-exchange:after, .result-table:after, .tab-box .tab-box-header ul:after, .tab-box .tab-box-header:after, .tab-box:after {
    clear: both
}

.main-wrapper {
    /*position: relative*/
}

.row {
    width: 100%
}

    .row.no-gutter {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

.table-width {
    min-width: 75px
}

.row.no-gutter [class*=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

b, strong {
    font-weight: 700
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1
}

ol, ul {
    list-style: none;
    margin: 0
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before {
        content: "";
        content: none
    }

    q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}

*, :after, :before {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.clearfix:after, .clearfix:before, .container:after, .container:before, .wrapper:after, .wrapper:before {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .wrapper:after {
    clear: both
}

.disable {
    pointer-events: none;
    cursor: no-drop;
    opacity: .4
}

.float-right {
    float: right
}

input[type=search] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

img {
    outline: 0;
    border: none;
    display: inline;
    vertical-align: middle
}

button, input, select, textarea {
    outline: 0;
    border: none;
    font-family: 'Source Sans Pro',sans-serif;
    touch-action: manipulation
}

body {
    font-family: Muli,'Source Sans Pro';
    font-size: 16px;
    color: #181818;
    line-height: 1.4;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

.demo-title {
    float: left;
    font-size: 25px;
    font-weight: 700;
    width: 100%;
    margin: 20px 0 10px;
    border-bottom: solid 1px #4d4c72;
    color: #4d4c72;
    padding-bottom: 8px
}

@media (max-width:767px) {
    .demo-title {
        padding: 0 10px 5px
    }

    .info-tooltip-width {
        max-width: 75px
    }
}

a.arrow-link {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    color: #b8407c
}

    a.arrow-link::after {
        content: "\e908";
        font-family: icons;
        font-size: .95em;
        vertical-align: middle;
        margin-left: 4px;
        font-weight: 400;
        display: inline-block
    }

.parite-statu {
    margin-left: -4px !important;
    display: inline-block;
    font-size: 13px;
    width: 16px;
    height: 16px;
    color: #96a0b9
}

@media (max-width:767px) {
    .parite-statu {
        vertical-align: super
    }
}

.parite-statu::before {
    content: "\e90b";
    font-family: icons
}

.parite-statu.up {
    font-size: 16px;
    color: #5fca77
}

@media (max-width:767px) {
    .parite-statu.up {
        font-size: 13px
    }
}

.parite-statu.up::before {
    content: "\e902"
}

.parite-statu.down {
    font-size: 16px;
    color: #e9465a
}

@media (max-width:767px) {
    .parite-statu.down {
        font-size: 13px
    }
}

.parite-statu.down::before {
    content: "\e900"
}

.parite-statu.xs {
    font-size: 10px;
    width: 10px;
    height: 10px
}

@media (max-width:767px) {
    .parite-statu.xs {
        vertical-align: middle;
        margin-top: -1px
    }
}

.info {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    color: #96a0b9
}

@media (max-width:767px) {
    .info {
        font-size: 10px
    }
}

.green {
    color: #5fca77
}

.ttype.danger {
    color: #e9465a
}

.ttype.success {
    color: #5fca77
}

.counter-text {
    position: static;
    font-size: 10px;
    font-weight: 400;
    text-align: right;
    color: #d0021b;
    width: 100%;
    margin-top: 4px;
    float: right
}

    .counter-text span {
        font-size: 12px;
        font-weight: 700
    }

.va-middle {
    display: table;
    height: 100%
}

    .va-middle .middle {
        display: table-cell;
        vertical-align: middle;
        height: 100%
    }

.account-empty {
    font-size: 13px;
    letter-spacing: .4px;
    color: #96a0b9;
    font-weight: 700
}

    .account-empty i {
        display: inline-block;
        vertical-align: middle;
        font-size: 38px;
        color: #4d4c72;
        margin-right: 21px;
        font-weight: 400;
        margin-top: -5px
    }

.account-choices {
    width: 100%;
    margin-bottom: 9px
}

    .account-choices tr:not(:last-child) td {
        border-bottom: solid 1px #eee
    }

    .account-choices tr td {
        padding: 11px 0;
        font-size: 12px;
        color: #96a0b9;
        letter-spacing: .4px;
        text-align: left
    }

        .account-choices tr td:last-child {
            text-align: right
        }

        .account-choices tr td a {
            font-size: 14px;
            color: #4d4c72;
            font-weight: 700
        }

.account-show-scroll {
    height: 342px;
    position: relative;
    padding: 0 26px;
    margin: 66px -15px 0 -15px
}

@media (max-width:767px) {
    .account-show-scroll {
        height: auto;
        padding: 0;
        margin: 0;
        float: left;
        width: 94%;
        margin: 16px 0 0 11px
    }
}

@media (max-width:767px) {
    .account-show-scroll.ps {
        overflow: hidden !important;
        overscroll-behavior: auto !important;
        -ms-touch-action: initial;
        touch-action: initial
    }
}

.account-show-item {
    border: solid 1px #ced2de;
    padding: 23px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative
}

    .account-show-item .account-name {
        font-size: 14px;
        font-weight: 700;
        color: #4d4c72;
        letter-spacing: .5px;
        margin-bottom: 10px
    }

    .account-show-item .account-sub-title {
        font-size: 12px;
        color: #4d4c72;
        letter-spacing: .4px;
        font-weight: 400
    }

    .account-show-item .account-title {
        font-size: 14px;
        letter-spacing: .5px;
        color: #4d4c72;
        pointer-events: none
    }

    .account-show-item .account-desc {
        margin-top: 2px;
        color: #96a0b9;
        font-size: 12px;
        letter-spacing: .4px;
        pointer-events: none
    }

    .account-show-item .account-fav {
        position: absolute;
        right: 26px;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        width: 40px;
        font-size: 10px;
        letter-spacing: .4px;
        line-height: .8;
        color: #96a0b9;
        font-weight: 400
    }

@media (max-width:767px) {
    .account-show-item .account-fav {
        right: 5px;
        top: 52%;
        transform: none
    }
}

.account-show-item .account-fav::before {
    display: inline-block;
    content: "";
    font-family: icons;
    width: 17px;
    height: 17px;
    font-size: 17px;
    color: #4d4c72;
    margin-bottom: 2px;
    text-align: center;
    background: url(../img/fonticon/star-o.svg) no-repeat center/contain
}

@media (max-width:767px) {
    .account-show-item .account-fav::before {
        position: absolute;
        right: 100%;
        margin-right: -29px;
        margin-top: -24px
    }
}

.account-show-item .account-fav.active::before {
    background: url(../img/fonticon/star.svg) no-repeat center/contain
}

.account-show-item .account-info {
    position: absolute;
    right: 9px;
    top: 50%;
    color: #4eabff;
    width: 15px;
    height: 15px;
    display: inline-block
}

    .account-show-item .account-info::after {
        content: "\e90c";
        font-family: icons;
        font-size: 15px
    }

.account-show-item.type2 {
    padding: 20px 10px
}

@media (max-width:767px) {
    .account-show-item.type2 {
        padding: 25px 10px 20px
    }
}

.account-show-item.type2 .account-name {
    margin-bottom: 2px
}

app-quantity-select + .information {
    margin-top: -4px
}

.information {
    padding: 0 15px 0 28px;
    position: relative;
    font-size: 11px;
    font-weight: 400;
    color: #4d4c72;
    letter-spacing: .6px;
    line-height: normal;
    display: block;
    margin-bottom: 8px;
    float: left;
    width: 100%
}

@media (max-width:767px) {
    .information {
        margin-bottom: 15px
    }

    .mfp-close {
        color: #fff !important
    }
}

.information::before {
    position: absolute;
    left: 0;
    top: -2px;
    content: "\e91d";
    font-family: icons;
    width: 18px;
    height: 18px;
    font-size: 18px;
    display: inline-block;
    color: #ffb961
}

@media (max-width:767px) {
    .information::before {
        top: -1px
    }
}

.information.type2 {
    letter-spacing: .4px;
    color: #96a0b9
}

    .information.type2::before {
        content: "\e91d"
    }

.information.type3 {
    margin-top: -12px;
    margin-bottom: 20px
}

.tooltip {
    font-size: 12px;
    width: 12px;
    height: 12px;
    color: #4eabff;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    z-index: 0;
    top: -1px;
    line-height: 1;
    cursor: help
}

    .tooltip::before {
        content: "\e90c";
        font-family: icons
    }

@media (max-width:767px) {
    .tooltip.type1 {
        position: absolute;
        right: 0;
        top: 9px;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 26px
    }

        .tooltip.type1::before {
            display: none
        }
}

.tooltip.type1 i {
    display: none;
    background: #96a0b9
}

    .tooltip.type1 i::after, .tooltip.type1 i::before {
        background: #96a0b9
    }

@media (max-width:767px) {
    .tooltip.type1 i {
        display: inline-block
    }
}

.tooltip.type1:hover i {
    background: #4d4c72
}

    .tooltip.type1:hover i::after, .tooltip.type1:hover i::before {
        background: #4d4c72
    }

td .tooltip {
    z-index: 1
}

.result-content {
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .result-content {
        padding: 0 35px
    }
}

.result-content figure {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 13px;
    margin-top: 20px
}

    .result-content figure img {
        width: 100%
    }

.result-content p {
    font-size: 14px;
    letter-spacing: .4px;
    color: #4d4c72;
    line-height: normal
}

.text-icon {
    font-size: 12px;
    letter-spacing: .4px;
    color: #4d4c72;
    margin: 2px 0;
    padding: 0 0 0 21px;
    position: relative;
    display: inline-block
}

    .text-icon::before {
        content: "\e91a";
        font-family: icons;
        font-size: 13px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 400
    }

    .text-icon.phone::before {
        content: "\e91a"
    }

    .text-icon.web::before {
        content: "\e921"
    }

    .text-icon.map::before {
        content: "\e920"
    }

.content-scroll {
    position: relative
}

    .content-scroll.rfq {
        margin: 0 -25px;
        padding: 0 25px;
        max-height: 623px
    }

.content-row {
    font-size: 14px;
    letter-spacing: .5px;
    color: #4d4c72;
    padding: 3px 0;
    width: 100%;
    display: block
}

    .content-row b {
        color: #96a0b9;
        font-weight: 700
    }

.sorting {
    display: inline-block;
    position: relative;
    cursor: pointer
}

    .sorting::after {
        width: 0;
        opacity: 0;
        content: "\e917";
        font-family: icons;
        font-size: 9px;
        transition: all ease-in-out 150ms;
        margin: -5px 0 -5px;
        display: inline-block
    }

    .sorting.asc::after {
        margin-left: 5px;
        width: 9px;
        opacity: 1
    }

    .sorting.desc::after {
        margin-left: 5px;
        width: 9px;
        opacity: 1;
        transform: rotate(180deg)
    }

.filter {
    width: 1%;
    height: 12px;
    text-align: center;
    line-height: 12px;
    vertical-align: middle;
    margin-right: 7%;
    margin-top: 20px;
    color: #96a0b9;
    cursor: pointer;
    position: relative
}

    .filter::before {
        content: "\e91c";
        font-family: icons;
        font-size: 11px;
        margin-left: 3px;
        display: inline-block;
        pointer-events: none
    }

    .filter.empty::before {
        content: '';
        width: 14px;
        height: 14px;
        background: url(../img/icons/fill-1.svg) no-repeat
    }

.dotburger {
    width: 4px;
    height: 4px;
    background: #d8d8d8;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    pointer-events: none
}

    .dotburger::after, .dotburger::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #d8d8d8;
        border-radius: 50%
    }

    .dotburger::before {
        bottom: 100%;
        margin-bottom: 2px
    }

    .dotburger::after {
        top: 100%;
        margin-top: 2px
    }

.download-plate {
    display: block;
    padding: 8px 9px;
    font-size: 14px;
    letter-spacing: .2px;
    color: #4d4c72;
    font-weight: 700;
    margin: 16px 0;
    background: #fff;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 5px 8px 0 rgba(19,12,56,.1)
}

    .download-plate::after {
        content: "\e903";
        display: inline-block;
        font-family: icons;
        position: absolute;
        right: 9px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px
    }

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

[class*=" icon-"], [class^=icon-] {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-card-icon:before {
    content: "\e923"
}

.icon-info-2:before {
    content: "\e922"
}

.icon-phone:before {
    content: "\e91a"
}

.icon-pin:before {
    content: "\e920"
}

.icon-web:before {
    content: "\e921"
}

.icon-danger:before {
    content: "\e91b"
}

.icon-filter:before {
    content: "\e91c"
}

.icon-info-icon-2:before {
    content: "\e91d"
}

.icon-leftarr-icon:before {
    content: "\e91e"
}

.icon-rightarr-icon:before {
    content: "\e91f"
}

.icon-date:before {
    content: "\e918"
}

.icon-chevron-down:before {
    content: "\e917"
}

.icon-edit:before {
    content: "\e919"
}

.icon-trash:before {
    content: "\e913"
}

.icon-close-thing:before {
    content: "\e911"
}

.icon-search:before {
    content: "\e915"
}

.icon-hamburger:before {
    content: "\e90f"
}

.icon-notr:before {
    content: "\e90b"
}

.icon-close:before {
    content: "\e901"
}

.icon-download:before {
    content: "\e903"
}

.icon-education:before {
    content: "\e905"
}

.icon-help:before {
    content: "\e907"
}

.icon-history:before {
    content: "\e909"
}

.icon-transactions:before {
    content: "\e90d"
}

.icon-arrow-down:before {
    content: "\e900"
}

.icon-arrow-up:before {
    content: "\e902"
}

.icon-bell:before {
    content: "\e904"
}

.icon-change:before {
    content: "\e906"
}

.icon-chevron-right:before {
    content: "\e908"
}

.icon-grid:before {
    content: "\e90a"
}

.icon-info:before {
    content: "\e90c"
}

.icon-log-out:before {
    content: "\e90e"
}

.icon-plus:before {
    content: "\e910"
}

.icon-settings:before {
    content: "\e912"
}

.icon-time:before {
    content: "\e914"
}

.icon-user:before {
    content: "\e916"
}

picture {
    display: inline-block
}

img {
    max-width: 100%;
    height: auto
}

:not(input):not(textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.black-overlay {
    position: fixed !important;
    height: 110vh !important;
    filter: blur(7px)
}

body {
    text-shadow: 1px 1px 1px rgba(0,0,0,.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    background: #fff
}

a {
    cursor: pointer
}

.main-wrapper {
   /* height: 100%;
    overflow-x: hidden*/
}

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
    opacity: .2;
    font-family: museo-sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

::-moz-selection {
    background-color: #96a0b9;
    color: #fff
}

::selection {
    background-color: #96a0b9;
    color: #fff
}

.row.rtl > div {
    float: right
}

@media (max-width:767px) {
    .row.rtl > div {
        float: left
    }
}

.va-middle {
    display: table;
    width: 100%;
    height: 100%
}

    .va-middle .middle {
        display: table-cell;
        vertical-align: middle;
        height: 100%
    }

@media (max-width:767px) {
    .mobile-hidden {
        display: none !important
    }
}

@media (min-width:480px) {
    .desktop-hidden {
        display: none !important
    }
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }

    .tab-box .tab-box-content .tab-box-item .tab-box-item-empty {
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

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

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

    .container:after, .container:before {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }

.empty-scroll-special {
    margin-top: 0
}

@media (min-width:768px) {
    .container {
        width: 750px
    }

    .empty-scroll-special {
        margin-top: 15px
    }

    .tab-box-min-width {
        min-width: 335px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .container {
        width: auto
    }
}

@media (min-width:1200px) {
    .container {
        width: 1196px;
        display: flex;
        height: 100%
    }
}

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

    .container-fluid:after, .container-fluid:before {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

.row {
    margin-left: -8px;
    margin-right: -8px
}

    .row:after, .row:before {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown .swal2-container {
    position: fixed;
    background-color: transparent
}

    body.swal2-toast-shown .swal2-container.swal2-shown {
        background-color: transparent
    }

    body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
    }

    body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

body.swal2-toast-column .swal2-toast {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

    body.swal2-toast-column .swal2-toast .swal2-actions {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
    }

    body.swal2-toast-column .swal2-toast .swal2-loading {
        -ms-flex-pack: center;
        justify-content: center
    }

    body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
    }

    body.swal2-toast-column .swal2-toast .swal2-validationerror {
        font-size: 1em
    }

.swal2-popup.swal2-toast {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

    .swal2-popup.swal2-toast .swal2-header {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .swal2-popup.swal2-toast .swal2-title {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: initial;
        width: .8em;
        height: .8em;
        line-height: .8
    }

    .swal2-popup.swal2-toast .swal2-content {
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

    .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: 700;
        line-height: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
    }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: .3125em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: .3125em
        }

    .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
    }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
        }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 2em;
            height: 2.8125em;
            transform: rotate(45deg);
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.25em;
                left: -.9375em;
                transform: rotate(-45deg);
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.25em;
                left: .9375em;
                transform-origin: 0 2em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

    .swal2-popup.swal2-toast.swal2-show {
        animation: showSweetToast .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        animation: hideSweetToast .2s forwards
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        animation: animate-toast-success-tip .75s
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        animation: animate-toast-success-long .75s
    }

@keyframes showSweetToast {
    0% {
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

    body.swal2-no-backdrop .swal2-shown > .swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
    }

.swal2-container {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

    .swal2-container.swal2-top {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        -ms-flex-align: center;
        align-items: center
    }

    .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -ms-flex-pack: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
            -ms-flex-align: center;
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
            -ms-flex-align: start;
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
            -ms-flex-align: end;
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-line-pack: center;
            align-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.4)
}

.swal2-popup {
    display: none;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box
}

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

    .swal2-popup .swal2-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .swal2-popup .swal2-title {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
    }

    .swal2-popup .swal2-actions {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 1.25em auto 0;
        z-index: 1
    }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            box-sizing: border-box;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px
        }

        .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            border: 3px solid #999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff;
            content: '';
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal
        }

    .swal2-popup .swal2-styled {
        margin: 0 .3125em;
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none
    }

        .swal2-popup .swal2-styled:not([disabled]) {
            cursor: pointer
        }

        .swal2-popup .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #3085d6;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-popup .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #aaa;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-popup .swal2-styled:focus {
            outline: 0;
            box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
        }

        .swal2-popup .swal2-styled::-moz-focus-inner {
            border: 0
        }

    .swal2-popup .swal2-footer {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 1.25em 0 0;
        padding: 1em 0 0;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
    }

    .swal2-popup .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
    }

    .swal2-popup .swal2-close {
        position: absolute;
        top: 0;
        right: 0;
        -ms-flex-pack: center;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer;
        overflow: hidden
    }

        .swal2-popup .swal2-close:hover {
            transform: none;
            color: #f27474
        }

    .swal2-popup > .swal2-checkbox, .swal2-popup > .swal2-file, .swal2-popup > .swal2-input, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-select, .swal2-popup > .swal2-textarea {
        display: none
    }

    .swal2-popup .swal2-content {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.125em;
        font-weight: 300;
        line-height: normal;
        z-index: 1;
        word-wrap: break-word
    }

    .swal2-popup #swal2-content {
        text-align: center
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
        margin: 1em auto
    }

    .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s,box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        box-sizing: border-box
    }

        .swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        .swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5
        }

        .swal2-popup .swal2-file::-webkit-input-placeholder, .swal2-popup .swal2-input::-webkit-input-placeholder, .swal2-popup .swal2-textarea::-webkit-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::-ms-input-placeholder, .swal2-popup .swal2-input::-ms-input-placeholder, .swal2-popup .swal2-textarea::-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-textarea::placeholder {
            color: #ccc
        }

    .swal2-popup .swal2-range input {
        width: 80%
    }

    .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 600;
        text-align: center
    }

    .swal2-popup .swal2-range input, .swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

    .swal2-popup .swal2-input {
        height: 2.625em;
        padding: 0 .75em
    }

        .swal2-popup .swal2-input[type=number] {
            max-width: 10em
        }

    .swal2-popup .swal2-file {
        font-size: 1.125em
    }

    .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-radio {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .swal2-popup .swal2-checkbox label, .swal2-popup .swal2-radio label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        .swal2-popup .swal2-checkbox input, .swal2-popup .swal2-radio input {
            margin: 0 .4em
        }

    .swal2-popup .swal2-validationerror {
        display: none;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .625em;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden
    }

        .swal2-popup .swal2-validationerror::before {
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center;
            content: '!';
            zoom: normal
        }

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50,100,150,.4)
    }
}

.swal2-icon {
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
    }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: 1.0625em;
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: 1em;
            transform: rotate(-45deg)
        }

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        transform: rotate(45deg);
        border-radius: 50%
    }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.4375em;
            left: -2.0635em;
            transform: rotate(-45deg);
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.6875em;
            left: 1.875em;
            transform: rotate(-45deg);
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0
        }

    .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165,220,134,.3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        transform: rotate(-45deg);
        z-index: 1
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2
    }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            transform: rotate(-45deg)
        }

.swal2-progresssteps {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
                background: #add8e6
            }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6
            }

    .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10
    }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    animation: swal2-show .3s
}

    .swal2-show.swal2-noanimation {
        animation: none
    }

.swal2-hide {
    animation: swal2-hide .15s forwards
}

    .swal2-hide.swal2-noanimation {
        animation: none
    }

[dir=rtl] .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon {
    animation: swal2-animate-error-icon .5s
}

    .swal2-animate-error-icon .swal2-x-mark {
        animation: swal2-animate-error-x-mark .5s
    }

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

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

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

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

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

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

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

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

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

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

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

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

.select2-results {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

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

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

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

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

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

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

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x
    }

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

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

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

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

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

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

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}

.tipso_bubble, .tipso_bubble > .tipso_arrow {
    box-sizing: border-box
}

.tipso_bubble {
    position: absolute;
    text-align: center;
    border-radius: 6px;
    z-index: 9999
}

.tipso_style {
    cursor: help;
    border-bottom: 1px dotted
}

.tipso_title {
    border-radius: 6px 6px 0 0
}

.tipso_content {
    word-wrap: break-word;
    padding: .5em
}

.tipso_bubble.tiny {
    font-size: .6rem
}

.tipso_bubble.small {
    font-size: .8rem
}

.tipso_bubble.default {
    font-size: 1rem
}

.tipso_bubble.large {
    font-size: 1.2rem;
    width: 100%
}

.tipso_bubble > .tipso_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    pointer-events: none
}

.tipso_bubble.top > .tipso_arrow {
    border-top-color: #000;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.bottom > .tipso_arrow {
    border-bottom-color: #000;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.left > .tipso_arrow {
    border-left-color: #000;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    top: 50%;
    left: 100%;
    margin-top: -8px
}

.tipso_bubble.right > .tipso_arrow {
    border-right-color: #000;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    top: 50%;
    right: 100%;
    margin-top: -8px
}

.tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner {
    border-bottom-left-radius: 0
}

.tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner {
    border-top-left-radius: 0
}

.tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner {
    border-bottom-right-radius: 0
}

.tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner {
    border-top-right-radius: 0
}

.digitmodal-customise {
    display: flex;
    width: 607px;
    position: absolute;
    top: 30px;
    transform: translate(0,0)
}

.dp-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.75)
}

.dp {
    position: relative;
    background: #fff;
    box-shadow: 2px 2px 16px rgba(0,0,0,.25);
    line-height: 1.4;
    border-radius: 4px;
    max-height: 400px;
    z-index: 1000;
    padding-top: 6px;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

    .dp:before {
        content: ' ';
        height: 6px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #3b99fc;
        background: linear-gradient(-90deg,#3b99fc 0,#8aefc8 100%)
    }

.dp-permanent .dp {
    padding-top: 0;
    border: 1px solid #eee;
    box-shadow: none
}

    .dp-permanent .dp:before {
        display: none
    }

.dp-cal {
    min-height: 300px
}

.dp-below {
    position: absolute;
    font-size: .8em;
    width: 341px;
    max-width: 100vw
}

.dp-permanent {
    position: relative;
    font-size: .8em;
    width: 400px;
    max-width: 100vw
}

    .dp-permanent .dp {
        z-index: 0
    }

.dp-modal .dp {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: calc(100% - 4em);
    transform: translate(-50%,-50%);
    animation: slide-up .3s forwards
}

.dp-months {
    padding: 5px
}

.dp-years {
    box-sizing: border-box;
    max-height: 200px;
    padding: 8px 0;
    overflow: auto !important
}

.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year {
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: #3b404d;
    border-radius: 2px;
    border: 0;
    background: 0 0
}

.dp-cal-header {
    position: relative;
    text-align: center;
    padding-bottom: 16px;
    background: #f5f5f5
}

.dp-next, .dp-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    overflow: hidden;
    top: 14px;
    color: #777;
    border-radius: 2px;
    border: 0;
    background: 0 0
}

    .dp-next:focus, .dp-next:hover, .dp-prev:focus, .dp-prev:hover {
        outline: 0;
        color: inherit
    }

.dp-prev {
    left: 24px
}

.dp-next {
    right: 24px
}

    .dp-next:before, .dp-prev:before {
        content: '';
        border: 2px solid;
        width: 10px;
        height: 10px;
        display: inline-block;
        transform: rotate(-45deg);
        transition: border-color .2s;
        margin: 9px 0 40px 4px
    }

.dp-prev:before {
    border-right: 0;
    border-bottom: 0
}

.dp-next:before {
    border-left: 0;
    border-top: 0;
    margin-left: 0;
    margin-right: 4px
}

.dp-cal-month, .dp-cal-year {
    display: inline-block;
    font-size: 1.4em;
    padding: 16px 8px 8px;
    outline: 0
}

.dp-cal-footer {
    text-align: center;
    background: #f5f5f5
}

.dp-day-today:after {
    content: '';
    height: 0;
    width: 0;
    border: 7px solid #227bd7;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: 0;
    right: 0
}

.dp-clear, .dp-close, .dp-today {
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    padding: 8px;
    text-decoration: none;
    color: inherit;
    border: 0;
    background: 0 0
}

.dp-permanent .dp-clear, .dp-permanent .dp-close {
    display: none
}

.dp-cal-month:active, .dp-cal-year:active, .dp-clear:active, .dp-close:active, .dp-next:active, .dp-prev:active, .dp-today:active {
    background: #75bcfc;
    color: #fff
}

@media screen and (min-device-width:1200px) {
    .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:focus, .dp-cal-year:hover, .dp-clear:focus, .dp-clear:hover, .dp-close:focus, .dp-close:hover, .dp-next:focus, .dp-next:hover, .dp-prev:focus, .dp-prev:hover, .dp-today:focus, .dp-today:hover {
        background: #75bcfc;
        color: #fff
    }
}

.dp-col-header, .dp-day {
    width: 14.28571429%;
    display: inline-block;
    padding: 8px;
    text-align: center
}

.dp-col-header {
    color: #aaa;
    text-transform: uppercase;
    font-weight: 300;
    font-size: .8em;
    padding: 8px 0
}

.dp-month {
    width: 33%;
    display: inline-block;
    padding: 8px
}

.dp-year {
    display: block;
    padding: 8px 40px;
    width: 100%
}

.dp-edge-day {
    color: #aaa
}

.dp-current, .dp-current:focus, .dp-day:focus, .dp-day:hover, .dp-month:focus, .dp-month:hover, .dp-year:focus, .dp-year:hover {
    outline: 0;
    background: #75bcfc;
    color: #fff
}

.dp-selected, .dp-selected:focus, .dp-selected:hover {
    background: #3b99fc;
    color: #fff
}

.dp-day-disabled {
    background: 0 0;
    color: #ddd
}

    .dp-day-disabled:focus, .dp-day-disabled:hover {
        background: #ddd
    }

.dp-focuser {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%
}

@media (max-width:480px),(max-height:480px) {
    .dp-modal .dp {
        font-size: .9em;
        width: auto;
        width: 100%
    }

    .dp-day, .dp-day-of-week {
        padding: 8px
    }
}

@keyframes slide-up {
    0% {
        transform: translate(-50%,100%)
    }

    100% {
        transform: translate(-50%,-50%)
    }
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

    .choices:focus {
        outline: 0
    }

    .choices:last-child {
        margin-bottom: 0
    }

    .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
        background-color: #eaeaea;
        cursor: not-allowed;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .choices.is-disabled .choices__item {
        cursor: not-allowed
    }

    .choices[data-type*=select-one] {
        cursor: pointer
    }

        .choices[data-type*=select-one] .choices__inner {
            padding-bottom: 7.5px
        }

        .choices[data-type*=select-one] .choices__input {
            display: block;
            width: 100%;
            padding: 10px;
            border-bottom: 1px solid #ddd;
            background-color: #fff;
            margin: 0
        }

        .choices[data-type*=select-one] .choices__button {
            background-image: url(../../icons/cross-inverse.svg);
            padding: 0;
            background-size: 8px;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -10px;
            margin-right: 25px;
            height: 20px;
            width: 20px;
            border-radius: 10em;
            opacity: .5
        }

            .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
                opacity: 1
            }

            .choices[data-type*=select-one] .choices__button:focus {
                box-shadow: 0 0 0 2px #00bcd4
            }

        .choices[data-type*=select-one]:after {
            content: "";
            height: 0;
            width: 0;
            border-style: solid;
            border-color: #333 transparent transparent transparent;
            border-width: 5px;
            position: absolute;
            right: 11.5px;
            top: 50%;
            margin-top: -2.5px;
            pointer-events: none
        }

        .choices[data-type*=select-one].is-open:after {
            border-color: transparent transparent #333 transparent;
            margin-top: -7.5px
        }

        .choices[data-type*=select-one][dir=rtl]:after {
            left: 11.5px;
            right: auto
        }

        .choices[data-type*=select-one][dir=rtl] .choices__button {
            right: auto;
            left: 0;
            margin-left: 25px;
            margin-right: 0
        }

    .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
        cursor: text
    }

    .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
        position: relative;
        display: inline-block;
        margin: 0 -4px 0 8px;
        padding-left: 16px;
        border-left: 1px solid #008fa1;
        background-image: url(../../icons/cross.svg);
        background-size: 8px;
        width: 8px;
        line-height: 1;
        opacity: .75
    }

        .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
            opacity: 1
        }

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%;
    font-family: 'Source Sans Pro',sans-serif
}

.choices__list--multiple {
    display: inline
}

    .choices__list--multiple .choices__item {
        display: inline-block;
        vertical-align: middle;
        border-radius: 20px;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 500;
        margin-right: 3.75px;
        margin-bottom: 3.75px;
        background-color: #00bcd4;
        border: 1px solid #00a5bb;
        color: #fff;
        word-break: break-all
    }

        .choices__list--multiple .choices__item[data-deletable] {
            padding-right: 5px
        }

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

    .choices__list--dropdown.is-active {
        display: block
    }

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

        .choices__list--dropdown .choices__item--selectable:after {
            content: attr(data-select-text);
            font-size: 12px;
            opacity: 0;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%)
        }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
            right: auto;
            left: 10px
        }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
        opacity: .5
    }

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

    .choices__button:focus {
        outline: 0
    }

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

    .choices__input:focus {
        outline: 0
    }

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.tippy-iOS {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

.tippy-popper {
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    pointer-events: none;
    line-height: 1.4
}

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        border-radius: 40% 40% 0 0
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow {
        bottom: -8px;
        transform-origin: 50% 0
    }

        .tippy-popper[x-placement^=top] .tippy-roundarrow svg {
            position: absolute;
            left: 0;
            transform: rotate(180deg)
        }

    .tippy-popper[x-placement^=top] .tippy-arrow {
        border-top: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        bottom: -7px;
        margin: 0 6px;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        transform-origin: 0 25%
    }

        .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
            transform: scale(1) translate(-50%,-55%);
            opacity: 1
        }

        .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
            transform: scale(.15) translate(-50%,-50%);
            opacity: 0
        }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
        opacity: 1;
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        transform: translateY(-20px)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective] {
        transform-origin: bottom
    }

        .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
            opacity: 1;
            transform: translateY(-10px) rotateX(0)
        }

        .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
            opacity: 0;
            transform: translateY(0) rotateX(60deg)
        }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
        opacity: 1;
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
        opacity: 1;
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
        opacity: 1;
        transform: translateY(-10px) scale(1)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        transform: translateY(0) scale(.5)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        border-radius: 0 0 30% 30%
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow {
        top: -8px;
        transform-origin: 50% 100%
    }

        .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
            position: absolute;
            left: 0;
            transform: rotate(0)
        }

    .tippy-popper[x-placement^=bottom] .tippy-arrow {
        border-bottom: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: -7px;
        margin: 0 6px;
        transform-origin: 50% 100%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        transform-origin: 0 -50%
    }

        .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
            transform: scale(1) translate(-50%,-45%);
            opacity: 1
        }

        .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
            transform: scale(.15) translate(-50%,10px);
            opacity: 0
        }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
        opacity: 1;
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        transform: translateY(20px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
        transform-origin: top
    }

        .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
            opacity: 1;
            transform: translateY(10px) rotateX(0)
        }

        .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
            opacity: 0;
            transform: translateY(0) rotateX(-60deg)
        }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
        opacity: 1;
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
        opacity: 1;
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
        opacity: 1;
        transform: translateY(10px) scale(1)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        transform: translateY(0) scale(.5)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        border-radius: 50% 0 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow {
        right: -16px;
        transform-origin: 33.33333333% 50%
    }

        .tippy-popper[x-placement^=left] .tippy-roundarrow svg {
            position: absolute;
            left: 0;
            transform: rotate(90deg)
        }

    .tippy-popper[x-placement^=left] .tippy-arrow {
        border-left: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        right: -7px;
        margin: 3px 0;
        transform-origin: 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        transform-origin: 50% 0
    }

        .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
            transform: scale(1) translate(-50%,-50%);
            opacity: 1
        }

        .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
            transform: scale(.15) translate(-50%,-50%);
            opacity: 0
        }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
        opacity: 1;
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        transform: translateX(-20px)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective] {
        transform-origin: right
    }

        .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
            opacity: 1;
            transform: translateX(-10px) rotateY(0)
        }

        .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
            opacity: 0;
            transform: translateX(0) rotateY(-60deg)
        }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
        opacity: 1;
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
        opacity: 1;
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
        opacity: 1;
        transform: translateX(-10px) scale(1)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        transform: translateX(0) scale(.5)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        border-radius: 0 50% 50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow {
        left: -16px;
        transform-origin: 66.66666666% 50%
    }

        .tippy-popper[x-placement^=right] .tippy-roundarrow svg {
            position: absolute;
            left: 0;
            transform: rotate(-90deg)
        }

    .tippy-popper[x-placement^=right] .tippy-arrow {
        border-right: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        left: -7px;
        margin: 3px 0;
        transform-origin: 100% 50%
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        transform-origin: -50% 0
    }

        .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
            transform: scale(1) translate(-50%,-50%);
            opacity: 1
        }

        .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
            transform: scale(.15) translate(-50%,-50%);
            opacity: 0
        }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
        opacity: 1;
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        transform: translateX(20px)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective] {
        transform-origin: left
    }

        .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
            opacity: 1;
            transform: translateX(10px) rotateY(0)
        }

        .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
            opacity: 0;
            transform: translateX(0) rotateY(60deg)
        }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
        opacity: 1;
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
        opacity: 1;
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
        opacity: 1;
        transform: translateX(10px) scale(1)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        transform: translateX(0) scale(.5)
    }

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    max-width: 350px;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

    .tippy-tooltip[data-size=small] {
        padding: .2rem .4rem;
        font-size: .75rem
    }

    .tippy-tooltip[data-size=large] {
        padding: .4rem .8rem;
        font-size: 1rem
    }

    .tippy-tooltip[data-animatefill] {
        overflow: hidden;
        background-color: transparent
    }

    .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
        pointer-events: auto
    }

    .tippy-tooltip[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.53,2,.36,.85)
    }

    .tippy-tooltip[data-inertia][data-state=hidden] {
        transition-timing-function: ease
    }

.tippy-arrow, .tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46,.1,.52,.98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .tippy-backdrop:after {
        content: "";
        float: left;
        padding-top: 100%
    }

    .tippy-backdrop + .tippy-content {
        transition-property: opacity
    }

        .tippy-backdrop + .tippy-content[data-state=visible] {
            opacity: 1
        }

        .tippy-backdrop + .tippy-content[data-state=hidden] {
            opacity: 0
        }

@media (max-width:360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

.main-header {
    height: 100px;
    background-image: linear-gradient(to right,#130c38,#882a52 97%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    visibility: visible;
    position: fixed;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1
}

.mobile-header {
    margin-bottom: 100px
}

.main-container {
    display: flex;
    color: #fff;
    justify-content: space-around;
    width: inherit
}

.main-nav {
    opacity: .64;
    border-right: solid 1px #9e5c8a;
    height: 100%
}

.main-user {
    display: flex
}

.main-ser > div {
    flex: 1
}

.main-user .title {
    float: left;
    font-family: Muli,sans-serif;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding-left: 16px;
    word-break: break-all;
    width: 99%;
    /*margin-top: 10px;*/
    text-align: center;
    align-self: center;
}

.main-user .title2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px !important;
    text-align: left !important;
    word-break: break-word !important;
}
.main-user .icon {
    font-weight: 400;
    position: relative;
    padding-top: 25px;
    margin-left: 16px;
    vertical-align: bottom;
    width: 25%
}

.main-user-icon {
    width: 57px;
    height: 57px;
    object-fit: contain
}

.main-user-light-icon {
    width: 57px;
    height: 57px;
    object-fit: contain
}

.main-user .icon img {
    cursor: pointer
}

.main-user .icon > div {
    position: absolute;
    top: 28px;
    left: 0;
    padding-left: 23px;
    font-size: 9px;
    width: 23%;
    color: #77254f;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center
}

.main-user-notification {
    position: absolute;
    top: 5px;
    left: 28px;
    padding: 1px 1px;
    border-radius: 50%;
    background-color: #fff;
    color: #7f2750;
    width: 15px;
    height: 15px;
    font-family: SourceSansPro;
    font-size: 11px
}

.main-container > div {
    flex: 2;
    position: relative
}

.main-container > .main-nav {
    flex: 8;
    padding-top: 42px;
    opacity: 1
}

.main-logo {
    margin-left: auto
}

@media (max-width:767px) {
    .main-header {
        height: 102px
    }

    .container {
        padding-left: 8px;
        padding-right: 0
    }
}

.main-header::before {
    content: "";
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.main-header .logo {
    height: 94px;
    float: right;
    position: relative;
    justify-content: space-between;
    flex: 1;
    border: 1px solid #fff;
    margin-left: auto
}

.main-container .main-logo .big-text {
    display: block;
    width: 40%;
    height: auto;
    color: #fff;
    font-family: serif;
    font-size: 42px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-top: 8px
}

.main-container .main-logo .small-text {
    font-family: serif;
    font-size: 22px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

@media (max-width:767px) {
    .mobile-header {
        margin-bottom: 0
    }

    .main-header .logo {
        width: 122px;
        height: 50px;
        padding-left: 0;
        margin-left: -8px
    }
}

.main-header .logo a {
    display: block;
    width: 100%;
    height: 100%
}

.main-header .logo img {
    height: 100%
}

.main-header .user-section {
    display: flex
}

.main-nav .nav-container {
    display: flex
}

    .main-nav .nav-container > div {
        flex: 1
    }

    .main-nav .nav-container ul {
        float: right
    }

        .main-nav .nav-container ul li {
            display: inline-block
        }

            .main-nav .nav-container ul li a:active {
                border-radius: 17px;
                border: solid 1px #fff;
                background-color: rgba(58,18,50,.78);
                transition: all .35s ease;
                padding-bottom: 10px;
                padding-top: 10px
            }

            .main-nav .nav-container ul li a:hover {
                border-radius: 17px;
                font-size: 20px;
                transition: all .35s ease;
                padding-bottom: 10px;
                padding-top: 10px
            }

            .main-nav .nav-container ul li a.active-link {
                border-radius: 17px;
                border: solid 1px #fff;
                background-color: rgba(58,18,50,.78);
                transition: all .35s ease;
                padding-bottom: 10px;
                padding-top: 10px
            }

.toggle {
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    display: none;
    position: absolute;
    top: 8px;
    right: 8px;
    text-align: right
}

.mobile-nav {
    display: none
}

.mobile-navigation {
    display: none;
    transition: .2s
}

.mobile-navigation-menu-title {
    display: none
}

.desktop-menu {
    top: 98%;
    right: 3%;
    position: absolute;
    background: #fff;
    width: 373px;
    height: auto;
    border-radius: 7px;
    box-shadow: 0 1px 11px 1px rgba(125,124,158,.27);
    z-index: 1;
    -webkit-filter: drop-shadow(0 1px 11px 1px rgba(125, 124, 158, .27));
    -moz-box-shadow: 0 1px 11px 1px rgba(125,124,158,.27);
    filter: drop-shadow(0 1px 11px 1px rgba(125, 124, 158, .27));
    cursor: pointer
}

    .desktop-menu:after, .desktop-menu:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .desktop-menu:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 6px;
        right: 3%
    }

.desktop-menu-account {
    height: 95px;
    border-bottom: solid 1px rgba(126,39,80,.19)
}

.desktop-menu-account-title {
    width: 259px;
    height: 19px;
    display: inline-flex;
    font-family: Muli,sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 33px;
    margin-left: 12px
}

.desktop-menu-account-container {
    display: flex;
    flex-direction: row
}

    .desktop-menu-account-container > div {
        flex: 1
    }

.desktop-menu-account-money {
    height: 26px;
    font-family: Muli,sans-serif;
    font-size: 21px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-left: 11px;
    margin-top: 14px;
    text-align: left
}

.desktop-menu-account-container .right {
    height: 23px;
    font-family: Muli,sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #b8407c;
    margin-top: 14px;
    cursor: pointer
}

.desktop-menu-links a:active {
    background-color: transparent;
    padding-top: 0;
    border: none;
    padding-bottom: 0
}

.desktop-menu-links ul li {
    font-family: Muli,sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.46;
    letter-spacing: normal;
    color: #595959;
    padding-left: 14px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    cursor: pointer
}

    .desktop-menu-links ul li a {
        flex: 2;
        font-family: Muli,sans-serif;
        font-size: 22px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.46;
        letter-spacing: normal;
        color: #595959
    }

    .desktop-menu-links ul li span {
        flex: 1;
        text-align: right;
        margin-right: 14px;
        color: #b8407c
    }

    .desktop-menu-links ul li:not(:last-child) {
        border-bottom: solid 1px rgba(126,39,80,.19)
    }

.desktop-menu-links-dot {
    width: 18px;
    height: 18px;
    color: #fff;
    background-color: #b8407c;
    font-family: SourceSansPro;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 8px;
    margin-top: 14px
}

    .desktop-menu-links-dot span {
        color: #fff
    }

@media (max-width:812px) {
    .main-header {
        display: none
    }

    .toggle {
        display: block
    }

    .main-container .main-logo {
        display: none
    }

    .main-nav .nav-container {
        display: none
    }

    .main-container .main-user {
        display: none
    }

    .mobile-nav {
        display: block
    }

    .mobile-navigation {
        display: block;
        height: 102px;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
        background-image: linear-gradient(to right,#30143e,#7f2750)
    }

    .mobile-nav ul {
        width: 100%
    }

        .mobile-nav ul li {
            display: block
        }

    .main-nav {
        border: none
    }

    .mobile-navigation-menu-title {
        display: block;
        width: 100%;
        font-family: serif;
        font-size: 34px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        top: 3%;
        position: absolute;
        padding-left: 13px;
        transition: .2s
    }

    .mobile-navigation-menu-title-arrow {
        display: block;
        width: 100%;
        font-family: serif;
        font-size: 34px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        top: 50%;
        position: absolute;
        padding-left: 13px
    }

    .noun_account_2837520 {
        width: 28px;
        height: 27px;
        object-fit: contain
    }

    .noun_Next_65507-Copy-2 {
        width: 9px;
        height: 15px;
        object-fit: contain;
        transform: rotate(-360deg)
    }

    .mobile-navigation-account {
        width: 100%;
        height: 96px;
        border-bottom: 1px solid rgba(255,255,255,.17);
        background: rgba(0,0,0,.24)
    }

    .mobile-navigation-menu {
        width: 100%;
        height: auto
    }

    .mobile-list-arrow {
        float: right;
        margin-right: 15px
    }

    .mobile-navigation-alarm-icon {
        width: 25px;
        height: 29px;
        object-fit: contain
    }

    .mobile-navigation-settings-icon {
        width: 28px;
        height: 28px;
        object-fit: contain
    }

    .mobile-navigation-dictionary-icon {
        width: 35px;
        height: 28px;
        object-fit: contain
    }

    .mobile-navigation-account-title {
        margin-left: 15px;
        margin-top: 16px;
        width: 100%;
        height: 16px;
        font-family: Muli,sans-serif;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #fff
    }

    .mobile-navigation-account-box {
        display: flex;
        flex-direction: row
    }

    .mobile-navigation-account-amount {
        flex: 1;
        margin-left: 15px;
        margin-top: 12px;
        font-family: Muli,sans-serif;
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #fff
    }

    .mobile-navigation-user-container {
        display: inline-block;
        justify-content: left;
        width: 100%;
        height: 80px;
        border-bottom: 1px solid rgba(255,255,255,.17);
        background: rgba(0,0,0,.24)
    }

    .mobile-navigation-arrow {
        margin-right: 15px
    }

    .mobile-navigation-user-image {
        position: absolute;
        margin-left: .9375rem;
        margin-top: 2rem
    }

    .mobile-navigation-user {
        top: 0 rem;
        left: 0 rem;
        height: 54px;
        font-family: serif;
        font-size: 1.1475rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        margin-left: 3.75rem;
        margin-top: 2rem
    }

    .mobile-navigation-icon-menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px
    }

        .mobile-navigation-icon-menu > div {
            flex: 1;
            text-align: center;
            border-right: 1px solid rgba(255,255,255,.06);
            height: 63px
        }

    .mobile-navigation-icon-menu-text {
        margin-top: 8px;
        font-family: Muli,sans-serif;
        font-size: 17px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        word-wrap: break-word
    }

    .mobile-navigation-icon-menu-container:last-child .mobile-navigation-icon-menu-text {
        margin-right: 12px;
        margin-left: 10px;
        float: left;
        margin-top: 5px
    }

    .mobile-navigation__checkbox {
        display: none
    }

    .mobile-navigation__button {
        height: 1.3rem;
        width: 3rem;
        position: fixed;
        top: 0;
        right: 0;
        border-radius: 50%;
        z-index: 2500;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.1);
        margin-top: 1.4rem
    }

    .mobile-navigation__background {
        height: 3rem;
        width: 3rem;
        border-radius: 50%;
        position: fixed;
        top: 0;
        right: 0;
        opacity: .97;
        background-image: linear-gradient(to bottom,#31143e,#7e264f);
        z-index: 1000;
        transition: transform .8s
    }

    .mobile-navigation__nav {
        height: initial;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2000;
        opacity: 0;
        width: 0;
        transition: opacity .8s;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

        .mobile-navigation__nav > div {
            align-self: flex-start
        }

    .flex-container {
        padding: 0;
        margin: 0;
        list-style: none;
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex
    }

    .column {
        -webkit-flex-direction: column;
        flex-direction: column;
        float: left
    }

    .mobile-navigation__list {
        left: 50%;
        list-style: none;
        text-align: left;
        width: 100%
    }

    .mobile-navigation__item {
        border-bottom: 1px solid rgba(126,26,124,.7);
        margin-top: 10px;
        height: 45px
    }

    @media (max-width:375px) {
        .mobile-navigation__item {
            height: 40px
        }

        .mobile-navigation-user-container {
            height: 77px;
            margin-top: -10px
        }
    }

    @media (max-width:360px) {
        .mobile-navigation__item {
            height: 38px
        }
    }

    @media (max-width:330px) {
        .mobile-navigation__item {
            height: 36px
        }
    }

    .mobile-navigation__link, .mobile-navigation__link:visited {
        font-size: 22px;
        font-family: Muli,sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.7;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        transition: all .4s;
        cursor: pointer;
        margin-left: 15px;
        background: transparent !important;
    }

    .mobile-navigation__icon {
        position: relative;
        margin-top: 3.5rem
    }

        .mobile-navigation__icon, .mobile-navigation__icon::after, .mobile-navigation__icon::before {
            width: 3rem;
            height: 2px;
            background-color: #333;
            display: inline-block
        }

            .mobile-navigation__icon::after, .mobile-navigation__icon::before {
                content: "";
                position: absolute;
                left: 0;
                -webkit-transition: all .2s;
                transition: all .2s
            }

            .mobile-navigation__icon::before {
                top: -.8rem
            }

            .mobile-navigation__icon::after {
                top: .8rem
            }

    .mobile-navigation__button:hover .mobile-navigation__icon::before {
        top: -1rem
    }

    .mobile-navigation__button:hover .mobile-navigation__icon::after {
        top: 1rem
    }

    .mobile-navigation__checkbox:checked + .mobile-navigation__button .mobile-navigation__icon {
        background-color: transparent
    }

        .mobile-navigation__checkbox:checked + .mobile-navigation__button .mobile-navigation__icon::before {
            top: 0;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }

    .mobile-navigation__checkbox:checked + .mobile-navigation_button .mobile-navigation__icon::after {
        top: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .mobile-navigation__checkbox:checked ~ .mobile-navigation__background {
        transform: scale(100)
    }

    .mobile-navigation__checkbox:checked ~ .mobile-navigation__nav {
        opacity: 1;
        width: 100%;
        height: 100%
    }

    .bar1, .bar2, .bar3 {
        width: 28px;
        height: 3px;
        background-color: #fff;
        margin: 7px 0;
        transition: .4s;
        border-radius: 60px
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-7px,7px);
        transform: rotate(-45deg) translate(-7px,7px)
    }

    .change .bar2 {
        opacity: 0
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px,-7px);
        transform: rotate(45deg) translate(-7px,-7px)
    }
}

.nav-container a {
    text-align: center;
    font-family: Muli,sans-serif;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    padding: 0 27px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

.main-header .navigation {
    float: right
}

    .main-header .navigation .user-title {
        line-height: 67px;
        height: 100%;
        float: left;
        height: 67px;
        max-width: 420px;
        overflow: hidden
    }

@media (max-width:991px) {
    .mobile-navigation-account-box {
        height: 54px
    }

    .mobile-navigation-icon-menu {
        margin-top: 15px
    }

    .main-header .navigation .user-title {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .mobile-navigation-account-box {
        height: 50px
    }

    .main-header .navigation .user-title {
        line-height: 50px;
        padding-right: 10px;
        position: relative;
        height: 50px;
        max-width: 140px
    }

        .main-header .navigation .user-title::after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            background: #fff;
            opacity: .3;
            height: 65%
        }
}

.main-header .navigation .user-title a {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

@media (max-width:767px) {
    .main-header .navigation .user-title a {
        font-size: 11px;
        letter-spacing: .3px;
        line-height: normal;
        text-align: left;
        padding-left: 25px
    }
}

.main-header .navigation .user-title a::before {
    content: "\e916";
    font-family: icons;
    margin-right: 4px;
    vertical-align: bottom;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -27px
}

.main-header .navigation .mobile-nav {
    line-height: 50px;
    position: relative;
    height: 100%;
    float: right;
    color: #fff;
    padding-left: 17px;
    padding-right: 9px;
    font-size: 20px;
    text-align: center
}

@media (min-width:992px) {
    .main-header .navigation .mobile-nav {
        display: none
    }
}

.main-header .navigation .mobile-nav .badge-menu {
    position: absolute;
    min-width: 15px;
    height: 15px;
    background: #4eabff;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    padding: 0 2px;
    font-size: 10px;
    top: 10px;
    right: 0;
    z-index: 1
}

.main-header .navigation .mobile-nav i {
    vertical-align: middle;
    width: 20px;
    display: inline-block;
    pointer-events: none
}

    .main-header .navigation .mobile-nav i::before {
        transition: all ease-in-out 140ms;
        position: relative;
        top: -2px
    }

.main-header .navigation .mobile-nav.open {
    font-size: 17px
}

    .main-header .navigation .mobile-nav.open i::before {
        content: "\e911";
        top: 0
    }

@media (max-width:767px) {
    .main-header .navigation .mobile-nav.open ~ ul {
        display: block
    }
}

.main-header .navigation .mobile-nav.open .badge-menu {
    display: none
}

.main-header .navigation ul.nav-menu {
    float: left;
    margin-left: 15px
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 10px 30px 0 rgba(19,12,56,.4);
        background-color: #f9f9f9;
        z-index: 99;
        margin: 0
    }
}

.main-header .navigation ul.nav-menu li.menu-li {
    display: table;
    float: left
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li {
        width: 100%;
        display: block
    }
}

.main-header .navigation ul.nav-menu li.menu-li a {
    display: table-cell;
    height: 68px;
    text-align: center;
    font-size: 24px;
    vertical-align: middle;
    color: #fff;
    position: relative;
    padding: 0 37px
}

@media (max-width:991px) {
    .main-header .navigation ul.nav-menu li.menu-li a {
        font-size: 18px;
        padding: 0 23px
    }
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li a {
        padding: 13px 20px;
        border-top: solid 1px #eee;
        color: #4d4c72;
        text-align: left;
        height: 50px;
        line-height: 20px;
        display: block
    }
}

.main-header .navigation ul.nav-menu li.menu-li a:hover {
    background: #b8407c
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li a:hover {
        background: 0 0
    }
}

.main-header .navigation ul.nav-menu li.menu-li a::after, .main-header .navigation ul.nav-menu li.menu-li a::before {
    content: "";
    position: absolute;
    border-radius: 10px;
    opacity: .2;
    width: 1px;
    height: 48px;
    top: 10px;
    left: -1px;
    background: #fff
}

.main-header .navigation ul.nav-menu li.menu-li a:after {
    left: inherit;
    right: -1px
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li a i {
        vertical-align: middle;
        margin-right: 10px
    }
}

.main-header .navigation ul.nav-menu li.menu-li a span:not(.badge) {
    font-size: 10px;
    letter-spacing: .4px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    opacity: .6
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li a span:not(.badge) {
        display: inline-block;
        width: auto;
        position: static;
        text-align: left;
        font-size: 12px;
        letter-spacing: .3px;
        font-weight: 700;
        opacity: 1;
        vertical-align: middle
    }
}

.main-header .navigation ul.nav-menu li.menu-li a .badge {
    position: absolute;
    min-width: 15px;
    height: 15px;
    background: #4eabff;
    color: #fff;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    padding: 0 2px;
    font-size: 10px;
    margin-left: 24px;
    margin-top: -8px
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li a .badge {
        margin-left: 20px
    }
}

.main-header .navigation ul.nav-menu li.menu-li:not(:last-child) a:after {
    display: none
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu {
    position: relative
}

    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu::before, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu:after {
        content: "";
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #fff transparent;
        border-style: solid;
        position: absolute;
        top: 100%;
        margin-top: -7px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 14;
        display: inline-block;
        opacity: 0
    }

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu::before, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu:after {
        display: none
    }
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu:before {
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #eee transparent;
    margin-top: -8px
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu .dropdown-menu-title {
    padding: 10px 15px;
    background: #f8f9fd;
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    color: #96a0b9;
    border-bottom: solid 1px #eee
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu .dropdown-menu-title {
        display: none
    }
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul {
    position: absolute;
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3);
    background-color: #fff;
    border: solid 1px #eee;
    border-radius: 4px;
    overflow: hidden;
    right: 0;
    top: 100%;
    margin-top: -3px;
    z-index: 10;
    white-space: nowrap;
    min-width: 200px;
    display: none
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul {
        position: static;
        width: 100%;
        box-shadow: none;
        background: #f9f9f9;
        border: none;
        border-top: solid 1px #eee;
        border-bottom: solid 20px #eee;
        margin-top: 0;
        max-height: 263px;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative
    }
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li {
    padding: 5px 5px 4px;
    float: left;
    width: 100%;
    overflow: hidden
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li {
        padding-left: 10px;
        padding-right: 10px
    }
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li:not(:last-child) {
    border-bottom: solid 1px #eee
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li a {
    font-size: 14px;
    color: #4d4c72;
    padding: 4px 15px 6px;
    border-radius: 5px;
    display: block;
    line-height: normal;
    height: auto;
    text-align: left;
    border: none
}

    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li a p {
        margin: 5px 0 0
    }

    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li a span {
        font-size: 10px;
        font-weight: 400;
        color: #96a0b9
    }

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li:last-child a {
    color: #96a0b9
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li:hover a {
    background: rgba(150,160,185,.2)
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.notify a, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.unviewed a, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.viewed a {
    position: relative
}

    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.notify a::before, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.unviewed a::before, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.viewed a::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #4eabff;
        position: absolute;
        left: 4px;
        top: 9px;
        opacity: 1
    }

    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu ul li.viewed a::before {
        background: #d8d8d8
    }

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.drop::after, .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.drop::before {
    opacity: 1
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.drop > a {
    background: #b8407c
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.drop > a {
        background: 0 0
    }
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.drop ul {
    display: block
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.notification ul {
    right: inherit;
    left: 0;
    width: 291px;
    white-space: normal
}

@media (max-width:767px) {
    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.notification ul {
        width: 100%
    }
}

.main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.notification ul li a {
    font-size: 12px
}

    .main-header .navigation ul.nav-menu li.menu-li.dropdown-menu.notification ul li a::before {
        top: 8px
    }

@keyframes entryAnimation {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes leaveAnimation {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(.8)
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: auto !important
    }

    .digitmodal-customise {
        transform: translate(-50%,0)
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal.swal2-popup {
        margin: auto !important
    }
}

.swal2-popup {
    padding: 0 !important;
    box-shadow: none !important;
    background: 0 0 !important;
    border-radius: 0 !important;
    position: absolute !important;
    top: 15% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important
}

    .swal2-popup .swal2-footer, .swal2-popup .swal2-header {
        display: none !important
    }

    .swal2-popup .swal2-actions {
        height: 0 !important
    }

        .swal2-popup .swal2-actions button {
            font-size: 15px;
            right: 11px;
            color: #4d4c72;
            top: 0;
            position: absolute;
            display: block;
            width: 43px;
            height: 54px;
            text-align: center;
            line-height: 24px;
            cursor: pointer;
            background: 0 0
        }

.overflow-modal {
    overflow: hidden;
    overflow-y: auto;
    height: 500px
}

.modal-inner-overflow {
    overflow: hidden;
    position: relative;
    height: 550px;
    overflow-y: auto
}

body .exchange-modal, body.swal2-shown .exchange-modal {
    animation: leaveAnimation .3s ease-in-out;
    animation-fill-mode: forwards
}

body.fx-modal-open .main-wrapper, body.swal2-shown .main-wrapper {
    filter: blur(10px)
}

body.fx-modal-open .fx-modal-dialog, body.swal2-shown .fx-modal-dialog {
    background-color: rgba(77,76,114,.8) !important
}

body.fx-modal-open .exchange-modal, body.swal2-shown .exchange-modal {
    animation: entryAnimation .3s ease-in-out;
    animation-fill-mode: forwards
}

.swal2-container.swal2-shown {
    background-color: rgba(77,76,114,.8) !important
}

app-fxmodal {
    display: none
}

    app-fxmodal .exchange-modal {
        opacity: 0
    }

    app-fxmodal .fx-modal-dialog {
        background-color: rgba(0,0,0,0) !important;
        transition: all .3s ease-in-out
    }

.block {
    display: block !important
}

.table-scroll td:nth-child(5) {
    width: 200px
}

.exchange-modal {
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(19,12,56,.1)
}

    .exchange-modal .exchange-modal-header {
        width: 100%;
        background: #f7f7f7;
        text-align: center;
        position: relative;
        border-bottom: solid 1px #eee;
        padding: 12px 0 9px;
        border-radius: 4px 4px 0 0
    }

@media (max-width:767px) {
    .exchange-modal .exchange-modal-header {
        padding-left: 15px;
        padding-right: 45px
    }
}

.exchange-modal .exchange-modal-header .modal-close {
    font-size: 15px;
    right: 20px;
    color: #4d4c72;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer
}

    .exchange-modal .exchange-modal-header .modal-close i {
        vertical-align: middle;
        pointer-events: none
    }

.exchange-modal .exchange-modal-header .header-title {
    font-size: 16px;
    color: #4d4c72;
    padding-left: 5px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: normal
}

.exchange-modal .exchange-modal-header .header-desc {
    font-size: 12px;
    letter-spacing: .4px;
    line-height: normal;
    color: #96a0b9;
    font-weight: 400
}

.exchange-modal .exchange-modal-header.type2 {
    padding-top: 18px;
    padding-bottom: 15px
}

.exchange-modal .exchange-modal-header.empty {
    height: 52px;
    background: #fff
}

.exchange-modal .exchange-modal-error {
    padding: 0 108px 0 108px;
    height: 66px;
    line-height: 66px;
    background: #ff6679;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #fff;
    letter-spacing: .4px;
    font-weight: 700;
    position: relative
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-error {
        height: auto;
        line-height: normal;
        padding: 10px 12px 10px 54px;
        text-align: left
    }

    .exchange-modal .exchange-modal-header .header-title {
        padding-left: 30px
    }
}

.exchange-modal .exchange-modal-error span {
    vertical-align: middle;
    line-height: normal;
    display: inline-block;
    position: relative;
    padding-left: 38px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-error span {
        padding-left: 0;
        position: static
    }
}

.exchange-modal .exchange-modal-error span::before {
    position: absolute;
    content: "\e91b";
    font-family: icons;
    width: 26px;
    height: 26px;
    font-size: 26px;
    display: inline-block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-error span::before {
        left: 10px;
        font-size: 27px
    }
}

.exchange-modal .exchange-modal-content {
    padding: 30px 108px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content {
        padding: 15px 10px
    }
}

.exchange-modal .exchange-modal-content.type2 {
    padding: 10px 26px 27px;
    text-align: left
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.type2 {
        padding: 10px 10px 15px
    }
}

.exchange-modal .exchange-modal-content.type3 {
    padding: 0 0 14px
}

.exchange-modal .exchange-modal-content.type4 {
    padding-bottom: 0
}

    .exchange-modal .exchange-modal-content.type4 .result-content {
        margin-bottom: 70px
    }

.exchange-modal .exchange-modal-content.type5 {
    padding: 10px 26px 0
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.type5 {
        padding: 10px 10px 0
    }
}

.exchange-modal .exchange-modal-content.type6 {
    padding: 30px 0 0
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.type6 {
        padding: 15px 10px 0
    }
}

.exchange-modal .exchange-modal-content.type6 .result-content {
    margin-bottom: 70px
}

@media (min-width:992px) {
    .exchange-modal .exchange-modal-content.type6 .tab-box-header {
        width: 54%;
        margin: auto
    }
}

@media (min-width:768px) and (max-width:992px) {
    .exchange-modal .exchange-modal-content.type6 .tab-box-header {
        width: 49%;
        margin: auto
    }
}

.exchange-modal .exchange-modal-content.type6 .tab-box-content {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.type6 .tab-box-content {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:1199px) {
    .table-scroll table tr td:not(:first-child) {
        white-space: normal
    }
}

.exchange-modal .exchange-modal-content.type7 {
    padding: 30px 90px 30px 100px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.type7 {
        padding: 15px 10px
    }

        .exchange-modal .exchange-modal-content.type7 .fieldset .form-grop:last-child {
            margin-bottom: 0
        }
}

.exchange-modal .exchange-modal-content.type7 .result-content {
    margin-bottom: 70px
}

.exchange-modal .exchange-modal-content.question {
    padding: 34px 30px 35px;
    text-align: center
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.question {
        padding: 30px 20px
    }
}

.exchange-modal .exchange-modal-content.question .question-title {
    font-size: 14px;
    color: #4d4c72;
    letter-spacing: .4px;
    font-weight: 400
}

.exchange-modal .exchange-modal-content.question .question-desc {
    font-size: 12px;
    letter-spacing: .3px;
    color: #96a0b9;
    margin-top: 6px
}

.exchange-modal .exchange-modal-content.question .question-answer {
    margin-top: 30px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.question .question-answer {
        margin: 30px -5px 0
    }
}

.exchange-modal .exchange-modal-content.question .question-answer .ex-btn {
    display: inline-block;
    margin: 0;
    width: auto;
    min-width: 125px;
    margin: 0 3px;
    font-size: 12px;
    line-height: 1
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.question .question-answer .ex-btn {
        width: calc(40% - 10px);
        margin: 0 5px
    }
}

.exchange-modal .exchange-modal-content.result {
    padding: 50px 30px 30px;
    text-align: center
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.result {
        padding: 50px 15px 30px
    }
}

.exchange-modal .exchange-modal-content.result .ex-btn {
    margin-top: 32px;
    width: auto;
    display: inline-block;
    min-width: 109px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.result .ex-btn {
        width: 100%;
        text-align: center
    }
}

.exchange-modal .exchange-modal-content.result.t1 .result-title {
    margin-bottom: 32px
}

.exchange-modal .exchange-modal-content.result.t1 .ex-btn {
    margin-top: 0
}

.exchange-modal .exchange-modal-content.sss-type {
    padding: 20px 108px 63px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.sss-type {
        padding: 20px
    }
}

.exchange-modal .exchange-modal-content.lex-type {
    padding: 50px 148px 44px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.lex-type {
        padding: 20px 30px 20px 20px
    }
}

.exchange-modal .exchange-modal-content.rfq {
    padding: 20px 25px 25px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.rfq {
        padding: 15px 10px;
        overflow: hidden
    }
}

.exchange-modal .exchange-modal-content.rfq-type2 {
    padding-left: 100px;
    padding-right: 100px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.rfq-type2 {
        padding: 15px 10px
    }
}

.exchange-modal .exchange-modal-content .exchange-modal-filter {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

    .exchange-modal .exchange-modal-content .exchange-modal-filter .choices.quantity-drop.type2 {
        float: right;
        min-width: 68px;
        display: inline-block
    }

    .exchange-modal .exchange-modal-content .exchange-modal-filter .choices.account-quantity-drop.type2 {
        float: right;
        min-width: 68px;
        display: inline-block
    }

.exchange-modal .exchange-modal-footer {
    border-top: 1px solid #eee;
    padding: 13px 25px;
    opacity: 0;
    float: left;
    width: 100%
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-footer {
        padding: 9px 10px 15px;
        display: none
    }
}

.exchange-modal .exchange-modal-footer .footer-left {
    float: left;
    text-align: left
}

.exchange-modal .exchange-modal-footer .footer-right {
    float: right;
    text-align: right
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-footer .footer-right {
        float: left;
        text-align: left
    }
}

.exchange-modal .exchange-modal-footer .footer-left, .exchange-modal .exchange-modal-footer .footer-right {
    font-size: 12px;
    color: #4d4c72;
    letter-spacing: .4px;
    margin: 2px 0
}

.exchange-modal .exchange-modal-footer.type2 {
    text-align: center;
    font-size: 12px;
    color: #4d4c72;
    letter-spacing: .4px
}

.exchange-modal .exchange-modal-footer.active {
    opacity: 1
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-footer.active {
        display: block
    }
}

.exchange-modal .exchange-modal-footer.sss-type {
    padding: 8px 108px
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-footer.sss-type {
        padding: 7px 20px
    }
}

.pagination-footer {
    border-top: solid 1px #eee;
    text-align: center;
    padding: 10px 0 13px 0
}

    .pagination-footer a.page-arrow {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center
    }

        .pagination-footer a.page-arrow::before {
            content: "\e908";
            font-family: icons;
            font-size: 14px;
            color: #4d4c72;
            vertical-align: middle
        }

        .pagination-footer a.page-arrow.prev {
            transform: scale(-1,1);
            margin-right: 10px
        }

        .pagination-footer a.page-arrow.next {
            margin-left: 10px
        }

    .pagination-footer ul {
        display: inline-block
    }

        .pagination-footer ul li {
            display: inline-block
        }

            .pagination-footer ul li a {
                font-size: 12px;
                letter-spacing: .4px;
                color: #96a0b9;
                display: inline-block;
                padding: 0 2px
            }

                .pagination-footer ul li a.active {
                    color: #b8407c
                }

.tab-filters {
    padding: 0 52px;
    margin: 0 0 20px
}

.result-img {
    height: 60px;
    text-align: center;
    width: 100%
}

    .result-img img {
        height: 100%;
        width: auto;
        display: inline-block
    }

.result-title {
    font-size: 14px;
    color: #4d4c72;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.57;
    margin: 10px 0;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width:767px) {
    .result-title {
        padding: 0
    }
}

.result-table {
    width: 74%;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width:767px) {
    .result-table {
        width: 100%
    }
}

.result-table .item {
    float: left;
    width: 50%;
    line-height: 1.71;
    letter-spacing: .5px;
    color: #4d4c72;
    font-size: 14px;
    text-align: left;
    padding-left: 10px
}

@media (max-width:767px) {
    .result-table .item {
        width: 100%
    }
}

.result-table .item b {
    font-weight: 700;
    color: #96a0b9
}

.center {
    text-align: center !important
}

.log-out {
    position: relative;
    height: calc(100vh - 68px)
}

.log-out-content {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 450px
}

@media (max-width:767px) {
    .log-out-content {
        width: 100%;
        padding: 0 27px
    }
}

.log-out-content i {
    font-size: 70px;
    margin-bottom: 13px;
    display: inline-block;
    color: #4d4c72
}

.log-out-content img {
    margin-bottom: 14px;
    height: 74px;
    width: auto
}

.log-out-content h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .4px;
    color: #4d4c72;
    padding: 0 40px
}

@media (max-width:767px) {
    .log-out-content h2 {
        font-size: 16px;
        padding: 0
    }
}

.log-out-content p {
    margin-top: 20px;
    font-size: 14px;
    color: #4d4c72;
    letter-spacing: .4px;
    line-height: normal
}

.exchange-modal .exchange-modal-content.rfq-type2 .rfq-info-row {
    margin-bottom: 20px
}

.exchange-modal .exchange-modal-content.rfq-type2 .counter-wrapper {
    line-height: 62px;
    height: 62px;
    text-align: right
}

@media (max-width:767px) {
    .exchange-modal .exchange-modal-content.rfq-type2 .counter-wrapper {
        height: 30px;
        line-height: 28px;
        float: left;
        width: 100%
    }
}

.exchange-modal .exchange-modal-content.rfq-type2 .counter-wrapper .counter-text {
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
    float: none;
    width: auto;
    padding-left: 20px;
    position: relative
}

    .exchange-modal .exchange-modal-content.rfq-type2 .counter-wrapper .counter-text::before {
        content: "";
        width: 12px;
        height: 12px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        background: url(../img/icons/loading.svg) no-repeat center/contain;
        margin-top: -6px;
        animation: rotate .8s linear infinite;
        transition: all ease-in-out .2s
    }

    .exchange-modal .exchange-modal-content.rfq-type2 .counter-wrapper .counter-text.stop::before {
        opacity: 0
    }

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (max-width:767px) {
    button {
        background: 0 0
    }
}

.fx-btn {
    border-radius: 5px;
    display: inline-block;
    background: #4d4c72;
    width: 109px;
    height: 47px;
    padding: 15px 7px 1px 6px;
    color: #fff;
    position: relative;
    font-size: 22px;
    letter-spacing: .8px;
    text-align: right;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(84,82,140,.37);
    animation: moveInRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    transition: all .2s
}

@media (max-width:767px) {
    .fx-btn {
        padding: 13px 5px 2px 5px;
        font-family: SourceSansPro;
        font-size: 17px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        width: 91px;
        height: 37px
    }
}

.fx-btn span {
    font-size: 1.2em
}

.fx-btn::before {
    content: attr(data-text);
    position: absolute;
    left: 4px;
    top: 3px;
    font: normal normal normal 18px normal Arial;
    font-family: Arial;
    font-stretch: normal;
    letter-spacing: normal
}

@media (max-width:767px) {
    .fx-btn::before {
        font-size: 16px;
        font-family: Arial;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal
    }
}

.fx-btn.left {
    text-align: left
}

    .fx-btn.left::before {
        left: inherit;
        right: 5px
    }

.btn {
    padding: 8px 24px;
    border: solid 1px #b8407c;
    border-radius: 4px;
    display: inline-block;
    color: #b8407c;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    transition: all ease-in-out .2s;
    cursor: pointer
}

    .btn:hover {
        background: #b8407c;
        color: #fff
    }

    .btn.demo {
        width: calc(100%/3 - 18px);
        display: inline-block;
        margin: 10px 5px;
        display: block;
        float: left
    }

@media (max-width:767px) {
    .btn.demo {
        width: calc(100% - 20px);
        margin: 5px 10px
    }
}

.ex-btn {
    display: block;
    width: 100%;
    padding: 9px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    background: #4d4c72;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: solid 1px #4d4c72
}

@media (max-width:767px) {
    .ex-btn {
        padding: 14px 10px;
        text-align: center
    }
}

.ex-btn::after {
    display: inline-block;
    content: attr(data-price);
    position: absolute;
    right: 10px;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: .4px
}

.ex-btn.cancel {
    background: 0 0;
    border-color: #b8407c;
    color: #b8407c
}

.ex-btn.type2 {
    background: 0 0;
    border-color: #96a0b9;
    color: #96a0b9;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .ex-btn.type2 {
        text-align: center
    }
}

.ex-btn.type2:hover {
    background: #96a0b9;
    color: #fff
}

.ex-btn.disabled {
    pointer-events: none;
    opacity: .3
}

.execute-btn.disabled {
    pointer-events: none;
    opacity: .3
}

.ex-btn.inline {
    display: inline-block;
    width: auto
}

@media (max-width:767px) {
    .ex-btn.center {
        text-align: center
    }
}

@media (max-width:767px) {
    [data-price].ex-btn {
        text-align: left
    }
}

.choices__inner {
    border-radius: 4px
}

.choices.quantity-drop {
    margin-bottom: 0
}

    .choices.quantity-drop::after {
        display: none
    }

    .choices.quantity-drop .choices__inner {
        border-color: #dee3ed;
        padding: 0 !important;
        min-height: 37px;
        background: #fff;
        height: 56px
    }

        .choices.quantity-drop .choices__inner .choices__list.choices__list--single {
            padding: 6px 35px 6px 10px;
            text-align: center
        }

            .choices.quantity-drop .choices__inner .choices__list.choices__list--single .choices__item {
                font-size: 13px;
                color: #4d4c72;
                font-weight: 400;
                letter-spacing: .4px;
                text-align: center;
                margin-top: -2px;
                display: inline-block
            }

                .choices.quantity-drop .choices__inner .choices__list.choices__list--single .choices__item:after {
                    content: "\e917";
                    width: 18px;
                    height: 18px;
                    font-family: icons;
                    font-size: 10px;
                    margin-left: 7px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: -2px;
                    line-height: 21px;
                    transition: all ease-in-out .2s
                }

    .choices.quantity-drop.is-open .choices__inner .choices__list.choices__list--single .choices__item::after {
        transform: rotate(-180deg)
    }

    .choices.quantity-drop .choices__list.choices__list--dropdown {
        border-color: #96a0b9
    }

        .choices.quantity-drop .choices__list.choices__list--dropdown .choices__input {
            padding: 9px 12px;
            font-size: 11px;
            font-weight: 700;
            color: #96a0b9
        }

        .choices.quantity-drop .choices__list.choices__list--dropdown .choices__list {
            padding: 3px
        }

            .choices.quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item {
                border-radius: 4px;
                background: #fff;
                text-align: center;
                padding: 6px 10px;
                font-family: Muli,sans-serif;
                font-size: 16px;
                font-weight: 400;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: #222943
            }

                .choices.quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item::after {
                    display: none
                }

                .choices.quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item.is-highlighted {
                    background: rgba(150,160,185,.2);
                    color: #4d4c72
                }

    .choices.quantity-drop.type2 .choices__inner .choices__list.choices__list--single {
        padding: 9px 10px
    }

        .choices.quantity-drop.type2 .choices__inner .choices__list.choices__list--single .choices__item {
            font-family: Muli,sans-serif;
            font-size: 16px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: #222943;
            text-align: left;
            display: block;
            position: relative;
            margin-top: 5px
        }

            .choices.quantity-drop.type2 .choices__inner .choices__list.choices__list--single .choices__item:after {
                position: absolute;
                right: -5px;
                font-weight: 400;
                color: #4d4c72;
                text-align: center
            }

    .choices.quantity-drop.type2 .choices__list.choices__list--dropdown .choices__list .choices__item {
        text-align: left
    }

    .choices.quantity-drop.type2.color1 .choices__inner .choices__list.choices__list--single .choices__item {
        color: #4d4c72
    }

    .choices.quantity-drop.type2.small .choices__inner {
        min-height: 28px
    }

        .choices.quantity-drop.type2.small .choices__inner .choices__list.choices__list--single {
            padding: 7px 10px;
            min-width: 79px
        }

            .choices.quantity-drop.type2.small .choices__inner .choices__list.choices__list--single .choices__item {
                font-weight: 400
            }

    .choices.quantity-drop.type3 {
        display: inline-block
    }

        .choices.quantity-drop.type3 .choices__inner {
            border: none;
            min-height: 18px
        }

            .choices.quantity-drop.type3 .choices__inner .choices__list.choices__list--single {
                padding: 1px 10px
            }

                .choices.quantity-drop.type3 .choices__inner .choices__list.choices__list--single .choices__item {
                    font-weight: 700;
                    color: #4d4c72;
                    text-align: left;
                    display: block;
                    position: relative;
                    margin-top: 0;
                    padding-right: 15px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    max-width: 100%
                }

                    .choices.quantity-drop.type3 .choices__inner .choices__list.choices__list--single .choices__item:after {
                        position: absolute;
                        right: 0;
                        font-weight: 400;
                        color: #4d4c72;
                        text-align: center;
                        width: 11px
                    }

        .choices.quantity-drop.type3 .choices__list.choices__list--dropdown {
            width: auto
        }

            .choices.quantity-drop.type3 .choices__list.choices__list--dropdown .choices__list .choices__item {
                text-align: left;
                white-space: nowrap;
                max-width: 150px;
                overflow: hidden;
                text-overflow: ellipsis
            }

.choices.account-quantity-drop {
    margin-bottom: 0
}

    .choices.account-quantity-drop::after {
        display: none
    }

    .choices.account-quantity-drop .choices__inner {
        padding: 0 !important;
        min-height: 37px;
        background: #fff;
        height: 36px;
        border-radius: 10px;
        border: solid 1px #96a0b9;
        background-color: #fff
    }

        .choices.account-quantity-drop .choices__inner .choices__list.choices__list--single {
            padding: 6px 35px 6px 10px;
            text-align: center
        }

            .choices.account-quantity-drop .choices__inner .choices__list.choices__list--single .choices__item {
                font-size: 13px;
                color: #4d4c72;
                font-weight: 400;
                letter-spacing: .4px;
                text-align: center;
                margin-top: -2px;
                display: inline-block
            }

                .choices.account-quantity-drop .choices__inner .choices__list.choices__list--single .choices__item:after {
                    content: "\e917";
                    width: 18px;
                    height: 18px;
                    font-family: icons;
                    font-size: 10px;
                    margin-left: 7px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: -2px;
                    line-height: 21px;
                    transition: all ease-in-out .2s
                }

    .choices.account-quantity-drop.is-open .choices__inner .choices__list.choices__list--single .choices__item::after {
        transform: rotate(-180deg)
    }

    .choices.account-quantity-drop .choices__list.choices__list--dropdown {
        border-color: #96a0b9
    }

        .choices.account-quantity-drop .choices__list.choices__list--dropdown .choices__input {
            padding: 9px 12px;
            font-size: 11px;
            font-weight: 700;
            color: #96a0b9
        }

        .choices.account-quantity-drop .choices__list.choices__list--dropdown .choices__list {
            padding: 3px
        }

            .choices.account-quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item {
                border-radius: 4px;
                background: #fff;
                text-align: center;
                padding: 6px 10px;
                font-family: Muli,sans-serif;
                font-size: 13px;
                font-weight: 400;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: #222943
            }

                .choices.account-quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item::after {
                    display: none
                }

                .choices.account-quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item.is-highlighted {
                    background: rgba(150,160,185,.2);
                    color: #4d4c72
                }

    .choices.account-quantity-drop.type2 .choices__inner .choices__list.choices__list--single {
        padding: 9px 10px
    }

        .choices.account-quantity-drop.type2 .choices__inner .choices__list.choices__list--single .choices__item {
            font-family: Muli,sans-serif;
            font-size: 13px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #222943;
            text-align: left;
            display: block;
            position: relative;
            margin-top: 0
        }

            .choices.account-quantity-drop.type2 .choices__inner .choices__list.choices__list--single .choices__item:after {
                position: absolute;
                right: -5px;
                font-weight: 400;
                color: #4d4c72;
                text-align: center
            }

    .choices.account-quantity-drop.type2 .choices__list.choices__list--dropdown .choices__list .choices__item {
        text-align: left
    }

    .choices.account-quantity-drop.type2.color1 .choices__inner .choices__list.choices__list--single .choices__item {
        color: #4d4c72
    }

    .choices.account-quantity-drop.type2.small .choices__inner {
        min-height: 28px
    }

        .choices.account-quantity-drop.type2.small .choices__inner .choices__list.choices__list--single {
            padding: 7px 10px;
            min-width: 79px
        }

            .choices.account-quantity-drop.type2.small .choices__inner .choices__list.choices__list--single .choices__item {
                font-weight: 400
            }

.choices.fwd-quantity-drop {
    margin-bottom: 0
}

    .choices.fwd-quantity-drop::after {
        display: none
    }

    .choices.fwd-quantity-drop .choices__inner {
        padding: 0 !important;
        min-height: 40px;
        background: #fff;
        height: 36px;
        border-radius: 6px;
        border: solid 1px #d4d4dd;
        background-color: #fff
    }

        .choices.fwd-quantity-drop .choices__inner .choices__list.choices__list--single {
            padding: 10px 6px 10px 10px;
            text-align: center
        }

            .choices.fwd-quantity-drop .choices__inner .choices__list.choices__list--single .choices__item {
                font-size: 17px;
                color: #666f85;
                font-weight: 400;
                letter-spacing: .4px;
                text-align: left;
                margin-top: -2px;
                display: inline-block
            }

                .choices.fwd-quantity-drop .choices__inner .choices__list.choices__list--single .choices__item:after {
                    content: "\e917";
                    width: 18px;
                    height: 18px;
                    font-family: icons;
                    font-size: 16px;
                    margin-left: 7px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: 1px;
                    line-height: 21px;
                    transition: all ease-in-out .2s
                }

    .choices.fwd-quantity-drop.is-open .choices__inner .choices__list.choices__list--single .choices__item::after {
        transform: rotate(-180deg)
    }

    .choices.fwd-quantity-drop .choices__list.choices__list--dropdown {
        border-color: #96a0b9
    }

        .choices.fwd-quantity-drop .choices__list.choices__list--dropdown .choices__input {
            padding: 9px 12px;
            font-size: 11px;
            font-weight: 700;
            color: #96a0b9
        }

        .choices.fwd-quantity-drop .choices__list.choices__list--dropdown .choices__list {
            padding: 3px
        }

            .choices.fwd-quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item {
                border-radius: 4px;
                background: #fff;
                text-align: center;
                padding: 6px 10px;
                font-family: Muli,sans-serif;
                font-size: 17px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: #666f85
            }

                .choices.fwd-quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item::after {
                    display: none
                }

                .choices.fwd-quantity-drop .choices__list.choices__list--dropdown .choices__list .choices__item.is-highlighted {
                    background: rgba(150,160,185,.2);
                    color: #4d4c72
                }

    .choices.fwd-quantity-drop.type2 .choices__inner .choices__list.choices__list--single {
        padding: 9px 10px
    }

        .choices.fwd-quantity-drop.type2 .choices__inner .choices__list.choices__list--single .choices__item {
            font-family: Muli,sans-serif;
            font-size: 17px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #666f85;
            text-align: left;
            display: block;
            position: relative;
            margin-top: 0
        }

            .choices.fwd-quantity-drop.type2 .choices__inner .choices__list.choices__list--single .choices__item:after {
                position: absolute;
                right: 0;
                font-weight: 400;
                color: #4d4c72;
                text-align: center
            }

    .choices.fwd-quantity-drop.type2 .choices__list.choices__list--dropdown .choices__list .choices__item {
        text-align: left
    }

    .choices.fwd-quantity-drop.type2.color1 .choices__inner .choices__list.choices__list--single .choices__item {
        color: #4d4c72
    }

    .choices.fwd-quantity-drop.type2.small .choices__inner {
        min-height: 28px
    }

        .choices.fwd-quantity-drop.type2.small .choices__inner .choices__list.choices__list--single {
            padding: 7px 10px;
            min-width: 79px
        }

            .choices.fwd-quantity-drop.type2.small .choices__inner .choices__list.choices__list--single .choices__item {
                font-weight: 400
            }

.form-group {
    float: left;
    width: 100%
}

    .form-group.check-group {
        margin-bottom: 0
    }

        .form-group.check-group.t1 {
            margin-bottom: -7px
        }

input[type=email].input, input[type=text].input {
    border: solid 1px #dee3ed;
    border-radius: 4px;
    padding: 9px 12px 9px;
    font-size: 13px;
    letter-spacing: .4px;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    margin-bottom: 8px;
    color: #4d4c72;
    min-height: 37px
}

    input[type=email].input::-webkit-input-placeholder, input[type=text].input::-webkit-input-placeholder {
        color: #96a0b9
    }

    input[type=email].input::-moz-placeholder, input[type=text].input::-moz-placeholder {
        color: #96a0b9
    }

    input[type=email].input:-ms-input-placeholder, input[type=text].input:-ms-input-placeholder {
        color: #96a0b9
    }

    input[type=email].input:-moz-placeholder, input[type=text].input:-moz-placeholder {
        color: #96a0b9
    }

    input[type=email].input.date, input[type=text].input.date {
        margin-bottom: 0;
        height: 56px;
        cursor: pointer
    }

        input[type=email].input.date.open, input[type=text].input.date.open {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        input[type=email].input.date:-ms-input-placeholder, input[type=email].input.date::-moz-placeholder, input[type=email].input.date::-webkit-input-placeholder {
            color: #4d4c72 !important
        }

    input[type=email].input.search, input[type=text].input.search {
        font-weight: 400;
        background: url(../img/fonticon/search.svg) no-repeat calc(100% - 8px) center/18px
    }

.bvalidator-gray-invalid {
    background-color: #fff !important
}

.bvalidator-message-container {
    position: relative !important;
    display: block
}

    .bvalidator-message-container .bvalidator-gray-tooltip {
        background-color: transparent;
        border: none;
        box-shadow: none;
        position: relative;
        top: 0 !important;
        left: 0 !important;
        display: block;
        padding: 0
    }

        .bvalidator-message-container .bvalidator-gray-tooltip .bvalidator-gray-arrow {
            display: none
        }

        .bvalidator-message-container .bvalidator-gray-tooltip .bvalidator-gray-msg {
            font-family: Rubik;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.33;
            color: #c80708;
            padding-top: 5px
        }

        .bvalidator-message-container .bvalidator-gray-tooltip .bvalidator-gray-close {
            display: none
        }

label.symbol-item-radio {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    position: relative;
    cursor: pointer
}

    label.symbol-item-radio input[type=radio] {
        opacity: 0;
        position: absolute;
        width: 0;
        height: 0
    }

    label.symbol-item-radio .symbol-item__input {
        width: 37px;
        position: relative
    }

@media (max-width:767px) {
    label.symbol-item-radio .symbol-item__input {
        width: 25px
    }
}

label.symbol-item-radio .symbol-item__input::before {
    width: 9px;
    height: 9px;
    border: solid 1px #96a0b9;
    background: #fff;
    transition: all ease-in-out .2s
}

label.symbol-item-radio .symbol-item__nick {
    width: 160px;
    height: 20px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    margin-left: 52px
}

@media (max-width:767px) {
    label.symbol-item-radio .symbol-item__nick {
        margin-left: 30px;
        font-size: 14px
    }
}

label.symbol-item-radio .symbol-item__name {
    width: calc(100% - 134px);
    margin-left: 15px
}

@media (max-width:767px) {
    label.symbol-item-radio .symbol-item__name {
        width: calc(100% - 100px);
        font-size: 14px;
        margin-left: -15px
    }
}

.fieldset {
    width: 100%;
    float: left
}

    .fieldset .fieldset-title {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .4px;
        color: #4d4c72;
        margin-bottom: 5px;
        position: relative;
        text-align: left
    }

        .fieldset .fieldset-title u {
            float: right;
            text-align: right;
            font-size: 12px;
            font-weight: 400;
            vertical-align: middle;
            text-decoration: none
        }

            .fieldset .fieldset-title u span {
                cursor: pointer
            }

                .fieldset .fieldset-title u span.active {
                    font-weight: 700
                }

    .fieldset + .ex-btn {
        float: left
    }

.form-group {
    margin-bottom: 20px
}

    .form-group select {
        width: 100%;
        padding: 5px;
        border: solid 1px #96a0b9;
        border-radius: 4px
    }

    .form-group label:not(.checkbox-st):not(.radio-check-st) {
        margin-bottom: 5px;
        display: block;
        font-size: 12px;
        color: #96a0b9;
        letter-spacing: .4px;
        text-align: left
    }

        .form-group label:not(.checkbox-st):not(.radio-check-st).type2 {
            font-size: 14px;
            color: #4d4c72;
            letter-spacing: 0
        }

        .form-group label:not(.checkbox-st):not(.radio-check-st).mt10 {
            margin: 9px 0
        }

    .form-group .custom-error {
        display: block;
        font-size: 10px;
        line-height: normal;
        font-weight: 700;
        letter-spacing: .4px;
        color: #e9465a;
        margin-top: 4px;
        text-align: left
    }

    .form-group.two .input-field {
        width: calc(50% - 5px);
        float: left
    }

        .form-group.two .input-field:first-of-type {
            margin-right: 10px
        }

    .form-group.quantity {
        position: relative
    }

        .form-group.quantity input.custom-quantity {
            border-radius: 4px;
            border: solid 1px #96a0b9;
            height: 32px;
            font-size: 12px;
            color: #4d4c72;
            letter-spacing: .4px;
            text-align: left;
            padding: 9px 10px;
            left: 0;
            top: 0;
            z-index: 10;
            width: 100%
        }

        .form-group.quantity a {
            position: absolute;
            height: 31px;
            width: 30px;
            border-left: solid 1px #96a0b9;
            right: 0;
            top: 0;
            text-align: center;
            line-height: 31px;
            color: #4d4c72;
            font-size: 13px;
            z-index: 11
        }

            .form-group.quantity a i {
                vertical-align: middle;
                pointer-events: none
            }

        .form-group.quantity.active .quantity-drop {
            opacity: 0
        }

        .form-group.quantity.active input.custom-quantity {
            display: block;
            z-index: 10
        }

        .form-group.quantity.active a i::before {
            content: "\e911"
        }

        .form-group.quantity.error .custom-quantity {
            border-color: #e9465a;
            font-weight: 700;
            letter-spacing: .4px;
            color: #e9465a
        }

        .form-group.quantity.error .quantity-drop .choices__inner {
            border-color: #e9465a
        }

            .form-group.quantity.error .quantity-drop .choices__inner .choices__list.choices__list--single .choices__item {
                color: #e9465a;
                font-weight: 700
            }

        .form-group.quantity.error > a {
            border-color: #e9465a
        }

    .form-group.type2 {
        margin-top: 20px
    }

@media (max-width:767px) {
    .form-group.type2 {
        margin-top: 0
    }
}

.input-field {
    position: relative
}

    .input-field::before {
        content: attr(data-text);
        font-size: 9px;
        letter-spacing: -.1px;
        font-weight: 700;
        color: #96a0b9;
        position: absolute;
        left: 7px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block
    }

    .input-field input {
        border: solid 1px #96a0b9;
        border-radius: 4px;
        width: 100%;
        padding: 8px 10px 8px 31px !important;
        line-height: normal;
        font-size: 12px;
        color: #4d4c72;
        letter-spacing: .4px;
        height: auto;
        margin-bottom: 0 !important
    }

    .input-field.date::before {
        content: "\e918";
        font-family: icons;
        font-size: 18px;
        font-weight: 400
    }

.switch {
    position: relative;
    margin-right: 41px;
    display: inline-block !important;
    margin-bottom: 0 !important;
    float: left;
    cursor: pointer
}

    .switch input {
        opacity: 0;
        position: absolute;
        visibility: hidden;
        width: 0;
        height: 0
    }

        .switch input:checked ~ .text {
            font-size: 14px;
            letter-spacing: .5px;
            color: #b8407c
        }

            .switch input:checked ~ .text::after {
                width: 100%;
                background: #b8407c
            }

    .switch .text {
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: .4px;
        color: #96a0b9;
        display: inline-block;
        position: relative;
        line-height: 17px;
        transition: all ease-in-out 150ms
    }

        .switch .text::after {
            position: absolute;
            display: inline-block;
            content: "";
            width: 0;
            height: 2px;
            background: #96a0b9;
            border-radius: 1.5px;
            top: 100%;
            left: 0;
            transition: all ease-in-out 150ms
        }

.radio-st {
    position: relative
}

    .radio-st input {
        opacity: 0;
        position: absolute;
        visibility: hidden;
        width: 0;
        height: 0
    }

        .radio-st input:checked ~ span.tick {
            background: #4d4c72;
            color: #fff
        }

    .radio-st span.tick {
        width: 100%;
        border-radius: 4px;
        border: solid 1px #4d4c72;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 11px;
        color: #4d4c72;
        letter-spacing: .4px;
        font-weight: 700;
        display: block;
        cursor: pointer
    }

    .radio-st.disabled {
        pointer-events: none;
        opacity: .3
    }

.radio-group {
    margin: 0 -5px 20px;
    overflow: hidden
}

@media (max-width:767px) {
    .radio-group {
        margin: 0 -5px 10px
    }
}

.radio-group .radio-st {
    width: calc(25% - 10px);
    margin: 0 5px;
    float: left
}

@media (max-width:767px) {
    .radio-group .radio-st {
        width: calc(50% - 10px);
        margin-bottom: 10px !important
    }
}

.radio-group .radio-st:last-child {
    margin-right: 0
}

.checkbox-st {
    width: auto;
    float: left;
    clear: both;
    font-size: 18px;
    letter-spacing: .5px;
    color: #4d4c72;
    margin-bottom: 15px;
    display: block
}

@media (max-width:767px) {
    .checkbox-st {
        width: auto;
        display: block;
        clear: both;
        position: relative;
        float: left;
        font-size: 16px
    }

        .checkbox-st .tooltip {
            position: absolute;
            left: 100%;
            margin-left: 5px;
            top: -2px;
            z-index: 0;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px
        }
}

.checkbox-st + .tooltip {
    float: left;
    margin-left: 4px;
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.checkbox-st .checked {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 8px;
    margin-top: 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background: url(../img/icons/chbx-uncheck.svg) no-repeat center/89%;
    transition: all ease-in-out 150ms
}

    .checkbox-st .checked::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 1px;
        top: 0;
        background: url(../img/icons/chbx-check.svg) no-repeat center/89%;
        transition: all ease-in-out 150ms;
        opacity: 0
    }

.checkbox-st input {
    height: 0;
    position: absolute;
    left: -100px;
    clip: rect(0,0,0);
    opacity: 0;
    visibility: hidden
}

    .checkbox-st input:checked + .checked {
        border-color: #4d4c72
    }

        .checkbox-st input:checked + .checked::before {
            opacity: 1
        }

.checkbox-st.disabled {
    color: #ced2de
}

    .checkbox-st.disabled .checked::before {
        border-color: #ced2de
    }

.radio-check-st {
    width: 100%;
    font-size: 14px;
    letter-spacing: .4px;
    color: #4d4c72;
    margin-bottom: 20px;
    display: block;
    padding-left: 23px;
    position: relative
}

@media (max-width:767px) {
    .radio-check-st {
        margin: 10px 0
    }
}

.radio-check-st > span.mini {
    font-size: 11px;
    color: #96a0b9;
    letter-spacing: .4px;
    margin-top: 4px;
    display: block;
    width: 100%
}

.radio-check-st .checked {
    width: 16px;
    height: 16px;
    border: solid 1px #96a0b9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

    .radio-check-st .checked:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        display: block;
        font-family: icons;
        opacity: 0;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #96a0b9;
        transition: all ease-in-out 150ms
    }

.radio-check-st input {
    height: 0;
    position: absolute;
    left: -100px;
    clip: rect(0,0,0);
    opacity: 0;
    visibility: hidden
}

    .radio-check-st input:checked + .checked::after {
        opacity: 1
    }

.radio-check-st.disabled {
    color: #ced2de
}

    .radio-check-st.disabled .checked {
        border-color: #ced2de
    }

.scrollbar.ps .ps__rail-x, .scrollbar.ps .ps__rail-y {
    background-color: #e5e8f0;
    border-radius: 4px;
    width: 4px;
    right: 10px;
    margin: 10px 0 25px
}

    .scrollbar.ps .ps__rail-x .ps__thumb-y, .scrollbar.ps .ps__rail-y .ps__thumb-y {
        background-color: #96a0b9;
        border-radius: 4px;
        width: 4px;
        right: 0
    }

.tippy-tooltip.finansfx-theme .tippy-content {
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: .4px;
    color: #f8f9fd;
    font-weight: 700
}

.tippy-tooltip.finansfx-theme {
    max-width: 100px;
    border-radius: 4px;
    background: #96a0b9;
    padding: 2px 5px 4px 7px
}

    .tippy-tooltip.finansfx-theme .tippy-roundarrow {
        fill: #96a0b9
    }

.tippy-tooltip.finans-default-theme .tippy-content {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .4px;
    color: #96a0b9;
    font-weight: 400;
    text-align: left
}

.tippy-tooltip.finans-default-theme {
    max-width: 140px;
    border-radius: 4px;
    background: #eee;
    padding: 5px 7px
}

    .tippy-tooltip.finans-default-theme .tippy-roundarrow {
        fill: #eee
    }

.tippy-tooltip.default-theme .tippy-content {
    font-size: 12px;
    letter-spacing: .2px;
    line-height: normal;
    color: #fcfcfc;
    text-align: left
}

.tippy-tooltip.default-theme {
    max-width: 271px;
    border-radius: 4px;
    background: #4d4c72;
    padding: 9px 9px 10px;
    top: 5px
}

    .tippy-tooltip.default-theme .tippy-roundarrow {
        fill: #4d4c72;
        margin-top: -9px
    }

.tippy-tooltip.default2-theme .tippy-content {
    font-size: 12px;
    letter-spacing: .4px;
    line-height: normal;
    color: #cac9d5;
    text-align: left
}

.tippy-tooltip.default2-theme {
    max-width: 178px;
    border-radius: 4px;
    background: #4d4c72;
    padding: 8px 9px
}

    .tippy-tooltip.default2-theme .tippy-roundarrow {
        fill: #4d4c72
    }

.data-item {
    width: 100%
}

    .data-item:not(:last-child) {
        margin-bottom: 10px
    }

    .data-item b {
        font-weight: 700;
        margin-bottom: 0;
        letter-spacing: .4px;
        color: #96a0b9;
        width: 100%;
        display: block
    }

.exchange-display {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .exchange-display {
        margin-bottom: 15px
    }
}

.exchange-display .exchange-label {
    width: calc(50% - 16px);
    height: 32px;
    float: left
}

@media (max-width:767px) {
    .exchange-display .exchange-label {
        width: calc(50% - 5px)
    }
}

@media (max-width:320px) {
    .exchange-display .exchange-label .exchange-label-content .exchange-label-title {
        position: absolute;
        left: 10px;
        top: 6px;
        font-size: 7px !important;
        color: #4d4c72
    }
}

.exchange-display .exchange-label .exchange-label-content {
    height: 100%;
    border-radius: 4px;
    border: solid 1px #ced2de;
    background-color: var(--dusk);
    box-shadow: 0 6px 8px 0 rgba(77,76,114,0);
    padding: 6px 10px 6px 7px;
    position: relative;
    text-align: right;
    transition: all ease-in-out .2s;
    cursor: pointer
}

    .exchange-display .exchange-label .exchange-label-content .exchange-label-title {
        position: absolute;
        left: 10px;
        top: 6px;
        font-size: 11px;
        color: #4d4c72
    }

    .exchange-display .exchange-label .exchange-label-content .exchange-label-money {
        font-size: 14px;
        color: #4d4c72;
        letter-spacing: .8px;
        font-weight: 700;
        line-height: 1
    }

        .exchange-display .exchange-label .exchange-label-content .exchange-label-money span {
            font-size: 18px;
            line-height: 1
        }

    .exchange-display .exchange-label .exchange-label-content::after {
        content: "";
        border-width: 5px;
        border-color: transparent #ced2de transparent transparent;
        border-style: solid;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

.exchange-display .exchange-label input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden
}

    .exchange-display .exchange-label input:checked ~ .exchange-label-content {
        border-color: #4d4c72;
        box-shadow: 0 6px 8px 0 rgba(77,76,114,.3)
    }

        .exchange-display .exchange-label input:checked ~ .exchange-label-content::after {
            border-color: transparent #4d4c72 transparent transparent
        }

.exchange-display .exchange-label:last-child {
    float: right
}

    .exchange-display .exchange-label:last-child .exchange-label-content {
        text-align: left;
        padding: 6px 7px 6px 10px
    }

        .exchange-display .exchange-label:last-child .exchange-label-content .exchange-label-title {
            left: initial;
            right: 10px;
            left: auto
        }

        .exchange-display .exchange-label:last-child .exchange-label-content::after {
            border-color: transparent transparent transparent #ced2de;
            left: 0;
            right: initial
        }

    .exchange-display .exchange-label:last-child input:checked ~ .exchange-label-content:after {
        border-color: transparent transparent transparent #4d4c72
    }

.account-select {
    text-align: left;
    position: relative
}

    .account-select select {
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        width: 0;
        font-size: 0;
        opacity: 0;
        visibility: hidden
    }

    .account-select .account-title {
        font-family: Muli,sans-serif;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        color: #666f85;
        height: 18px;
        pointer-events: none
    }

@media (max-width:767px) {
    .account-select .account-title {
        font-size: 12px
    }
}

.account-select .account-middle {
    display: flex;
    justify-content: space-between
}

    .account-select .account-middle .title {
        font-family: Muli,sans-serif;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #4d4c72;
        margin-top: 4px
    }

@media (max-width:767px) {
    .account-select .account-middle .title {
        margin-top: 0
    }
}

.account-select .account-middle .price {
    display: none
}

.account-select .account-desc {
    margin-top: 3px;
    pointer-events: none;
    font-family: Muli,sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #4d4c72
}

.account-select .account-price {
    margin-top: 3px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.account-select .account-select-placeholder {
    width: 100%;
    border-radius: 4px;
    border: solid 1px #dee3ed;
    padding: 7px 10px 5px;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .account-select .account-select-placeholder::after {
        content: "\e917";
        font-family: icons;
        position: absolute;
        right: 7px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        font-size: 13px;
        color: #4d4c72;
        text-align: center;
        line-height: 20px;
        vertical-align: middle;
        transition: all ease-in-out .2s
    }

.account-select .account-select-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: -1px;
    border: solid 1px #dee3ed;
    padding: 5px 0;
    background: #fff;
    z-index: 1000;
    width: 100%;
    border-radius: 0 0 4px 4px;
    max-height: 220px;
    overflow: auto;
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3)
}

@media (max-width:767px) {
    .account-select .account-select-dropdown {
        max-height: auto
    }
}

.account-select .account-select-dropdown .dropdown-item {
    padding: 5px 10px;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .account-select .account-select-dropdown .dropdown-item::before {
        content: "";
        width: calc(100% - 8px);
        left: 4px;
        top: 0;
        height: 100%;
        position: absolute;
        z-index: 0;
        background: #96a0b9;
        opacity: 0;
        border-radius: 5px
    }

    .account-select .account-select-dropdown .dropdown-item:hover::before {
        opacity: .2
    }

.account-select.drop {
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3)
}

    .account-select.drop .account-select-placeholder {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .account-select.drop .account-select-placeholder::after {
            transform: translateY(-50%) rotate(-180deg)
        }

    .account-select.drop .account-select-dropdown {
        display: block !important;
        box-shadow: 0 12px 16px 0 rgba(19,12,56,.3)
    }

.account-select.empty {
    cursor: not-allowed
}

    .account-select.empty .account-select-placeholder {
        pointer-events: none
    }

        .account-select.empty .account-select-placeholder .account-desc {
            max-width: 62%;
            margin-top: 0
        }

.account-info-box {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(19,12,56,.1);
    padding: 16px 25px;
    margin-top: 16px;
    line-height: normal
}

@media (max-width:767px) {
    .account-info-box {
        padding: 18px 10px
    }
}

.account-info-box .box-left, .account-info-box .box-right {
    width: 50%;
    float: left
}

.account-info-box .box-right {
    text-align: right
}

.account-info-box .box-title {
    font-size: 12px;
    font-weight: 400;
    color: #4a4a4a;
    margin-bottom: 1px
}

@media (max-width:767px) {
    .account-info-box .box-title {
        font-size: 11px;
        letter-spacing: .4px;
        margin-bottom: 3px
    }
}

.account-info-box .box-price {
    font-size: 20px;
    color: #4a4a4a
}

@media (max-width:767px) {
    .account-info-box .box-price {
        font-size: 18px
    }
}

.account-info-box .box-all-account {
    font-size: 16px;
    font-weight: 700;
    float: right;
    width: 100%;
    text-align: right;
    line-height: normal;
    margin-bottom: 2px
}

    .account-info-box .box-all-account span {
        font-weight: 400
    }

    .account-info-box .box-all-account a.arrow-link {
        color: #b8407c
    }

.account-info-box.empty {
    height: 70px;
    color: #96a0b9;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    padding-left: 101px;
    position: relative
}

    .account-info-box.empty::before {
        position: absolute;
        content: "\e923";
        font-family: icons;
        color: #000;
        font-size: 59px;
        font-weight: 400;
        left: 25px;
        top: 50%;
        transform: translateY(-50%);
        color: #4d4c72
    }

.money {
    font-size: 20px;
    font-weight: 700;
    color: inherit;
    line-height: normal
}

    .money i {
        font-size: .5em;
        margin-left: -5px
    }

.parities-box {
    margin-top: 0;
    padding-top: 16px;
    height: 575px;
    position: relative
}

@media (max-width:767px) {
    .parities-box {
        top: 16vh
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .parities-box {
        top: 13vh;
        height: 541px
    }

    .symbol-change .symbol-change__list {
        max-height: 354px;
        overflow-y: scroll
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait) {
    .parities-box {
        top: 16vh;
        height: auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .parities-box {
        padding-top: 110px
    }

    .col-sm-6 {
        width: 75%
    }
}

@media only screen and (min-device-width :375px) and (max-device-width :812px) {
    .parities-box {
        height: 705px
    }

    .symbol-change .symbol-change__list {
        max-height: 472px;
        overflow-y: scroll
    }

    .mobile-navigation-menu-title {
        top: 50%
    }

    .parity-container {
        width: 97%
    }

    .parity-general-container {
        justify-content: flex-end
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (orientation :landscape) {
    .mobile-navigation__checkbox:checked ~ .mobile-navigation__nav {
        overflow-x: hidden
    }
}

@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :portrait) {
    .parities-box {
        height: 611px;
    }
}

@media only screen and (min-device-width :414px) and (max-device-width :736px) {
    .parities-box {
        height: 608px
    }
}

.parities-box table {
    width: calc(100% - 2px)
}

    .parities-box table td, .parities-box table th {
        padding: 8px 5px;
        font-size: 13px;
        letter-spacing: .4px;
        line-height: normal;
        vertical-align: middle;
        text-align: center;
        color: #4d4c72
    }

@media (max-width:767px) {
    .parities-box table td, .parities-box table th {
        font-size: 10px;
        letter-spacing: .3px
    }
}

.parities-box table td:first-child, .parities-box table th:first-child {
    text-align: left
}

.parities-box table thead tr th {
    font-size: 12px;
    letter-spacing: .2px;
    color: #96a0b9;
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: solid 1px #eee
}

    .parities-box table thead tr th:not(:nth-child(1)) {
        width: 50px
    }

    .parities-box table thead tr th:first-child {
        font-size: 16px;
        font-weight: 700;
        color: #4d4c72;
        padding-left: 25px;
        padding-right: 25px
    }

@media (max-width:767px) {
    .parities-box table thead tr th:first-child {
        padding: 17px 10px;
        font-size: 14px;
        letter-spacing: .2px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .parities-box table thead tr th:first-child {
        padding-left: 15px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .parities-box table thead tr th:first-child {
        padding-left: 10px
    }
}

.parities-box table thead tr th:last-child {
    padding-right: 10px
}

.parities-box .sortable-header {
    display: none
}

.parities-box .sortable-container {
    width: 100% !important;
    border: 0 !important;
    display: block
}

    .parities-box .sortable-container .sortable-list {
        height: auto !important;
        overflow: hidden;
        display: unset
    }

        .parities-box .sortable-container .sortable-list li.active {
            background: 0 0 !important
        }

.parities-box ul li {
    margin-top: 19px
}

.parities-box ul li {
    width: 100%;
    display: block;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .parities-box ul li.sortable.dragging {
        background: 0 0;
        opacity: .2;
        color: transparent
    }

.parities-box table tbody ul li tr:not(:last-child) td {
    border-bottom: solid 1px #eee
}

.parities-box table tbody ul li tr td:first-child {
    padding-left: 25px;
    padding-right: 25px;
    width: 160px;
    letter-spacing: 0
}

@media (max-width:767px) {
    .parities-box table tbody ul li tr td:first-child {
        padding-left: 10px;
        padding-right: 2px;
        width: 70px
    }
}

@media (max-width:359px) and (min-width:320px) {
    .parities-box table tbody ul li tr td:first-child {
        width: 60px
    }
}

@media (min-width:480px) and (max-width:768px) {
    .parities-box table tbody ul li tr td:first-child {
        width: 235px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .parities-box table tbody ul li tr td:first-child {
        width: 320px
    }

    .info-tooltip-width {
        max-width: 77px
    }
}

@media (max-width:1199px) {
    .parities-box table tbody ul li tr td:first-child {
        padding: 0 15px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .parities-box table tbody ul li tr td:first-child {
        padding: 0 10px;
        width: 55px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .info-tooltip-width {
        max-width: 77px
    }
}

@media (min-width:1200px) {
    .parities-box table tbody ul li tr td:first-child {
        width: 160px
    }
}

.parities-box table tbody ul li tr td:nth-child(2) {
    width: 260px
}

@media (max-width:1199px) {
    .parities-box table tbody ul li tr td:nth-child(2) {
        min-width: 245px
    }
}

@media (max-width:359px) and (min-width:320px) {
    .parities-box table tbody ul li tr td:nth-child(2) {
        width: 215px;
        min-width: 215px
    }
}

.parities-box table tbody ul li tr td:not(:nth-child(1)):not(:nth-child(2)) {
    color: #96a0b9;
    font-size: 15px
}

    .parities-box table tbody ul li tr td:not(:nth-child(1)):not(:nth-child(2)) a {
        color: #96a0b9
    }

@media (max-width:767px) {
    .parities-box table tbody ul li tr td:not(:nth-child(1)):not(:nth-child(2)) > a {
        padding: 8px 9px
    }
}

.parities-box table tbody ul li tr td .fx-btn {
    margin-left: 3px;
    margin-right: 3px
}

.parities-box table tbody ul li tr td.desktop-hidden {
    width: 26px
}

.parities-box table tbody ul li tr td.mobile-hidden {
    width: 50px !important
}

@media (min-width:768px) {
    .parities-box table tbody ul li tr td.desktop-hidden-parities {
        display: none
    }
}

.parities-box table tbody ul li tr.passive {
    pointer-events: none
}

    .parities-box table tbody ul li tr.passive td:not(:nth-child(2)) {
        opacity: .3
    }

.parities-box table tbody tr {
    width: 135%;
    display: block;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:1199px) {
    .parities-box table tbody tr {
        width: 125%
    }
}

.parities-box table tbody tr.sortable.dragging {
    background: 0 0;
    opacity: .2;
    color: transparent
}

.parities-box table tbody tr:not(:last-child) td {
    border-bottom: solid 1px #eee
}

.parities-box table tbody tr td:first-child {
    padding-left: 25px;
    padding-right: 25px;
    width: 160px;
    letter-spacing: 0
}

@media (max-width:359px) and (min-width:320px) {
    .parities-box table tbody tr td:first-child {
        width: 60px
    }
}

@media (max-width:375px) and (min-width:360px) {
    .parities-box table tbody tr td:first-child {
        width: 70px
    }
}

@media (max-width:420px) and (min-width:376px) {
    .parities-box table tbody tr td:first-child {
        width: 110px
    }
}

@media (min-width:480px) and (max-width:768px) {
    .parities-box table tbody tr td:first-child {
        width: 235px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .parities-box table tbody tr td:first-child {
        width: 320px
    }
}

@media (max-width:1199px) {
    .parities-box table tbody tr td:first-child {
        padding: 0 15px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .parities-box table tbody tr td:first-child {
        padding: 0 10px;
        width: 55px
    }
}

@media (min-width:1200px) {
    .parities-box table tbody tr td:first-child {
        width: 160px
    }
}

.parities-box table tbody tr td:nth-child(2) {
    width: 245px
}

@media (max-width:1199px) {
    .parities-box table tbody tr td:nth-child(2) {
        min-width: 245px
    }
}

@media (max-width:359px) and (min-width:320px) {
    .parities-box table tbody tr td:nth-child(2) {
        width: 215px;
        min-width: 215px
    }
}

@media (min-width:768px) {
    .parities-box table tbody tr td:nth-child(2) {
        width: 265px
    }
}

.parities-box table tbody tr td:not(:nth-child(1)):not(:nth-child(2)) {
    color: #96a0b9;
    font-size: 15px
}

    .parities-box table tbody tr td:not(:nth-child(1)):not(:nth-child(2)) a {
        color: #96a0b9
    }

@media (max-width:767px) {
    .parities-box table tbody tr td:not(:nth-child(1)):not(:nth-child(2)) > a {
        padding: 8px 9px
    }
}

.parities-box table tbody tr td .fx-btn {
    margin-left: 3px;
    margin-right: 3px
}

.parities-box table tbody tr td.desktop-hidden {
    width: 26px
}

.parities-box table tbody tr td.mobile-hidden {
    width: 50px !important
}

@media (min-width:768px) {
    .parities-box table tbody tr td.desktop-hidden-parities {
        display: none
    }
}

.parities-box table tbody tr.passive {
    pointer-events: none
}

    .parities-box table tbody tr.passive td:not(:nth-child(2)) {
        opacity: .3
    }

@media (min-width:768px) {
    .parities-box .destop-hidden-parities {
        display: none
    }
}

.parities-box .parities-box-scroll {
    height: calc(100% - 24px);
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden
}

.parities-box-scroll-item:hover {
    box-shadow: 0 2px 24px 8px rgba(106,105,146,.25)
}

.parity-general-container-active {
    display: block
}

    .parity-general-container-active .parity-container {
        width: 543px;
        box-shadow: 0 0 30px 9px rgba(60,56,135,.25);
        background-color: #fff
    }

    .parity-general-container-active .parity-container-pair {
        height: 34px
    }

        .parity-general-container-active .parity-container-pair span {
            border-bottom: solid 3px #b8407c
        }

    .parity-general-container-active .parity-container-operation {
        margin-left: 82px
    }

        .parity-general-container-active .parity-container-operation .fx-btn {
            width: 116px;
            height: 50px
        }

    .parity-general-container-active .parity-container-pair .parity-container-pair-underline {
        width: 76%;
        height: 2px;
        border: 2px solid #b8407c;
        border-radius: 8px;
        display: none
    }

@media (max-width:767px) {
    .parities-box .parities-box-scroll {
        padding-bottom: 10px;
        height: auto;
        overflow: visible
    }
}

.parities-box .parities-box-scroll table thead th {
    height: 0 !important;
    font-size: 0 !important;
    padding: 0 !important;
    border: none !important
}

.parities-box .parities-box-scroll table tr td {
    transition: all ease-in-out .1s;
    position: relative
}

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

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

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

.parities-box .parities-box-scroll table tr td:first-child::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 80%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 0 3px 3px 0;
    background: #b8407c;
    opacity: 0;
    transition: all ease-in-out .1s
}

.parities-box .parities-box-scroll table tbody:not(.dragging) tr.active:not(.passive), .parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive):active td {
    padding-top: 18px;
    padding-bottom: 18px;
    background: #eee
}

    .parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive).active td:first-child, .parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive):active td:first-child {
        font-weight: 700
    }

@media (max-width:767px) {
    .parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive).active td, .parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive):active td {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive).active td::before, .parities-box .parities-box-scroll table tbody:not(.dragging) tr:not(.passive):active td::before {
    opacity: 1
}

.parities-box .row-resize {
    font-size: 18px;
    text-align: center;
    color: #96a0b9;
    height: 17px;
    width: 57px;
    line-height: 15px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    z-index: 1;
    margin-top: -1px;
    cursor: -webkit-grab
}

    .parities-box .row-resize::before {
        content: "\e90f";
        font-family: icons
    }

@media (max-width:767px) {
    .parities-box .row-resize::before {
        display: none
    }
}

@media (max-width:767px) {
    .parities-box .row-resize {
        height: 10px;
        display: none
    }
}

.parities-box .row-resize:active, .parities-box .row-resize:focus {
    cursor: row-resize
}

.table-scroll {
    height: 100%;
    width: 100%
}

@media (max-width:767px) {
    .table-scroll {
        height: auto
    }
}

.table-scroll table {
    width: 100%;
    table-layout: fixed
}

@media (max-width:767px) {
    .table-scroll table {
        table-layout: auto
    }
}

@media (max-width:767px) {
    .table-scroll table tr {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        position: relative
    }

        .table-scroll table tr:not(:last-child) {
            border-bottom: solid 1px #eee
        }
}

.table-scroll table tr td, .table-scroll table tr th {
    text-align: left;
    vertical-align: middle
}

@media (min-width:992px) {
    .table-scroll table tr td:first-child, .table-scroll table tr th:first-child {
        padding-left: 24px;
        width: 100px;
        font-weight: 700
    }
}

.table-scroll table tr th {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .4px;
    color: #96a0b9;
    background: #fcfcfc;
    padding: 8px 10px;
    border-bottom: solid 1px #eee;
    white-space: nowrap
}

.table-scroll table tr:not(:last-child) td {
    border-bottom: solid 1px #eee
}

.table-scroll table tr td {
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4px;
    color: #4d4c72
}

    .table-scroll table tr td:not(:first-child) {
        white-space: nowrap
    }

@media (max-width:767px) {
    .table-scroll table tr td {
        padding: 5px;
        letter-spacing: 0;
        display: inline-block;
        border: none !important;
        width: auto !important;
        position: static !important
    }

        .table-scroll table tr td::before {
            content: attr(data-col);
            font-weight: 700;
            font-size: 12px;
            letter-spacing: .4px;
            color: #96a0b9;
            display: block
        }
}

@media (max-width:767px) {
    .table-scroll table tr td.title {
        width: 100% !important;
        display: block;
        font-weight: 700;
        padding: 14px 5px 5px;
        text-align: left
    }
}

@media (max-width:767px) {
    .table-scroll table tr td.cancel a[data-title] {
        float: left;
        font-size: 12px;
        font-weight: 700;
        color: #b8407c;
        border: solid 1px #b8407c;
        padding: 5px 8px 4px;
        letter-spacing: .4px;
        border-radius: 5px
    }
}

@media (max-width:767px) {
    .table-scroll table tr td.cancel a[data-title] i {
        display: none
    }
}

@media (max-width:767px) {
    .table-scroll table tr td.cancel a[data-title]::before {
        content: attr(data-title)
    }
}

@media (max-width:767px) {
    .table-scroll table tr td.cancel a[data-title]::after {
        content: attr(data-title)
    }
}

@media (max-width:767px) {
    .table-scroll table tr td.td-more {
        position: absolute !important;
        right: 6px;
        top: 13px;
        padding: 0 !important
    }
}

@media (max-width:767px) {
    .table-scroll table tr td.td-more span {
        color: #96a0b9;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center
    }
}

.table-scroll table tr.disabled td {
    opacity: .4;
    pointer-events: none
}

@media (max-width:767px) {
    .table-scroll table thead {
        display: none
    }
}

.table-scroll.type1 table tr td:first-child, .table-scroll.type1 table tr th:first-child {
    width: 160px
}

.table-scroll.type1 table tr td:last-child a {
    color: #000
}

.table-scroll.type2 table {
    table-layout: fixed
}

    .table-scroll.type2 table tr td:first-child, .table-scroll.type2 table tr th:first-child {
        width: 100px
    }

    .table-scroll.type2 table tr td:last-child, .table-scroll.type2 table tr th:last-child {
        width: 35px;
        padding-right: 15px;
        padding-left: 0
    }

        .table-scroll.type2 table tr td:last-child a, .table-scroll.type2 table tr th:last-child a {
            color: #4d4c72
        }

            .table-scroll.type2 table tr td:last-child a i, .table-scroll.type2 table tr th:last-child a i {
                vertical-align: middle
            }

    .table-scroll.type2 table tr td:nth-last-child(2), .table-scroll.type2 table tr th:nth-last-child(2) {
        width: 50px
    }

        .table-scroll.type2 table tr td:nth-last-child(2) a, .table-scroll.type2 table tr th:nth-last-child(2) a {
            font-size: 8px;
            color: #4d4c72
        }

    .table-scroll.type2 table tr td:nth-last-child(3), .table-scroll.type2 table tr th:nth-last-child(3) {
        width: 100px
    }

    .table-scroll.type2 table tr td:last-child, .table-scroll.type2 table tr td:nth-last-child(2) {
        text-align: center
    }

.table-scroll.type3 table tr td:first-child, .table-scroll.type3 table tr th:first-child {
    width: 145px
}

.table-scroll.type4 table tr {
    -ms-flex-pack: inherit;
    justify-content: inherit
}

    .table-scroll.type4 table tr td, .table-scroll.type4 table tr th {
        width: 45px;
        position: relative
    }

        .table-scroll.type4 table tr td:first-child, .table-scroll.type4 table tr th:first-child {
            width: 58px
        }

@media (max-width:767px) {
    .table-scroll.type4 table tr td:not(.title) {
        width: calc(100% / 3) !important
    }
}

.table-scroll.type4 table tr td::after {
    content: "";
    position: absolute;
    width: 100% !important;
    height: calc(100% - 10px);
    background: rgba(150,160,185,.2);
    left: 0;
    top: 5px;
    z-index: 0;
    opacity: 0
}

@media (max-width:767px) {
    .table-scroll.type4 table tr td::after {
        display: none
    }
}

.table-scroll.type4 table tr td:first-child::after {
    border-radius: 5px 0 0 5px;
    width: calc(100% - 5px) !important;
    left: 5px
}

.table-scroll.type4 table tr td:last-child::after {
    border-radius: 0 5px 5px 0;
    width: calc(100% - 5px) !important;
    right: 5px
}

.table-scroll.type4 table tr:hover td::after {
    opacity: 1
}

.table-scroll.type5 table tr {
    -ms-flex-pack: inherit;
    justify-content: inherit
}

    .table-scroll.type5 table tr td, .table-scroll.type5 table tr th {
        width: 35px;
        position: relative
    }

@media (max-width:767px) {
    .table-scroll.type5 table tr td:not(.title), .table-scroll.type5 table tr th:not(.title) {
        width: calc(100% / 2) !important
    }

    .table-scroll.type5 table tr td.title, .table-scroll.type5 table tr th.title {
        width: 100%
    }
}

.table-scroll.type5 table tr td:nth-last-child(2), .table-scroll.type5 table tr td:nth-last-child(3), .table-scroll.type5 table tr th:nth-last-child(2), .table-scroll.type5 table tr th:nth-last-child(3) {
    width: 43px;
    white-space: normal;
    padding-right: 9px
}

@media (max-width:767px) {
    .table-scroll.type5 table tr td:nth-last-child(2), .table-scroll.type5 table tr td:nth-last-child(3), .table-scroll.type5 table tr th:nth-last-child(2), .table-scroll.type5 table tr th:nth-last-child(3) {
        padding-right: 5px
    }

        .table-scroll.type5 table tr td:nth-last-child(2):not(.title), .table-scroll.type5 table tr td:nth-last-child(3):not(.title), .table-scroll.type5 table tr th:nth-last-child(2):not(.title), .table-scroll.type5 table tr th:nth-last-child(3):not(.title) {
            width: calc(100% / 2) !important
        }
}

.table-scroll.type5 table tr td:nth-last-child(4), .table-scroll.type5 table tr th:nth-last-child(4) {
    width: 32px
}

.table-scroll.type5 table tr td:nth-child(3), .table-scroll.type5 table tr th:nth-child(3) {
    width: 31px
}

.table-scroll.type5 table tr td:last-child, .table-scroll.type5 table tr th:last-child {
    width: 34px;
    white-space: normal
}

.table-scroll.type5 table tr td:first-child, .table-scroll.type5 table tr th:first-child {
    white-space: normal
}

.table-scroll.type5 table tr td:nth-child(5), .table-scroll.type5 table tr th:nth-child(5) {
    white-space: normal
}

@media (max-width:767px) {
    .table-scroll.type5 table tr td:last-child:not(.title), .table-scroll.type5 table tr th:last-child:not(.title) {
        width: calc(100% / 2) !important
    }
}

.table-scroll.type5 table tr td:nth-last-child(2), .table-scroll.type5 table tr td:nth-last-child(3) {
    padding-right: 53px
}

@media (max-width:767px) {
    .table-scroll.type5 table tr td:nth-last-child(2), .table-scroll.type5 table tr td:nth-last-child(3) {
        padding-right: 5px
    }
}

.table-scroll.type5 table tr td::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 10px);
    background: rgba(150,160,185,.2);
    left: 0;
    top: 5px;
    z-index: 0;
    opacity: 0
}

.table-scroll.type5 table tr td:first-child::after {
    border-radius: 5px 0 0 5px;
    width: calc(100% - 5px);
    left: 5px
}

.table-scroll.type5 table tr td:last-child::after {
    border-radius: 0 5px 5px 0;
    width: calc(100% - 5px);
    right: 5px
}

.table-scroll.type5 table tr:hover td::after {
    opacity: 1
}

.table-scroll.type6 table tr td, .table-scroll.type6 table tr th {
    padding-left: 5px;
    padding-right: 5px
}

    .table-scroll.type6 table tr td:first-child, .table-scroll.type6 table tr th:first-child {
        width: 100px;
        padding-left: 24px
    }

@media (max-width:767px) {
    .table-scroll.type6 table tr td:first-child, .table-scroll.type6 table tr th:first-child {
        padding-left: 6px
    }
}

.table-scroll.type6 table tr td:nth-child(2), .table-scroll.type6 table tr td:nth-child(3), .table-scroll.type6 table tr td:nth-child(4), .table-scroll.type6 table tr th:nth-child(2), .table-scroll.type6 table tr th:nth-child(3), .table-scroll.type6 table tr th:nth-child(4) {
    width: 75px
}

.table-scroll.type6 table tr td:nth-child(5), .table-scroll.type6 table tr th:nth-child(5) {
    width: 83px
}

.table-scroll.type6 table tr td:nth-child(6), .table-scroll.type6 table tr th:nth-child(6) {
    width: 100px
}

.table-scroll.type6 table tr td:nth-child(7), .table-scroll.type6 table tr th:nth-child(7) {
    width: 36px;
    text-align: center
}

.table-scroll.type6 table tr td:last-child, .table-scroll.type6 table tr th:last-child {
    text-align: center;
    width: auto
}

.table-scroll.type6 table tr td:nth-child(7) {
    font-size: 9px
}

.table-scroll.type7 table tr {
    -ms-flex-pack: inherit;
    justify-content: inherit
}

    .table-scroll.type7 table tr td, .table-scroll.type7 table tr th {
        width: 100px;
        position: relative
    }

        .table-scroll.type7 table tr td:first-child, .table-scroll.type7 table tr th:first-child {
            width: 50px
        }

        .table-scroll.type7 table tr td::nth-child(5), .table-scroll.type7 table tr th::nth-child(5) {
            width: 85px
        }

@media (max-width:767px) {
    .table-scroll.type7 table tr td:not(.title) {
        width: calc(100% / 3) !important
    }
}

.table-scroll.type7 table tr td::after {
    content: "";
    position: absolute;
    width: 100% !important;
    height: calc(100% - 10px);
    background: rgba(150,160,185,.2);
    left: 0;
    top: 5px;
    z-index: 0;
    opacity: 0
}

@media (max-width:767px) {
    .table-scroll.type7 table tr td::after {
        display: none
    }
}

.table-scroll.type7 table tr td:first-child::after {
    border-radius: 5px 0 0 5px;
    width: calc(100% - 5px) !important;
    left: 5px
}

.table-scroll.type7 table tr td:last-child::after {
    border-radius: 0 5px 5px 0;
    width: calc(100% - 5px) !important;
    right: 5px
}

.table-scroll.type7 table tr:hover td::after {
    opacity: 1
}

.table-scroll.type8 table tr {
    -ms-flex-pack: inherit;
    justify-content: inherit
}

    .table-scroll.type8 table tr td, .table-scroll.type8 table tr th {
        width: 95px;
        position: relative
    }

        .table-scroll.type8 table tr td:first-child, .table-scroll.type8 table tr th:first-child {
            width: 85px
        }

        .table-scroll.type8 table tr td:nth-child(2), .table-scroll.type8 table tr th:nth-child(2) {
            width: 94px
        }

        .table-scroll.type8 table tr td:nth-child(3), .table-scroll.type8 table tr th:nth-child(3) {
            width: 118px
        }

        .table-scroll.type8 table tr td:nth-child(5), .table-scroll.type8 table tr th:nth-child(5) {
            width: 89px
        }

        .table-scroll.type8 table tr td:nth-last-child(2), .table-scroll.type8 table tr th:nth-last-child(2) {
            width: 55px
        }

        .table-scroll.type8 table tr td:last-child, .table-scroll.type8 table tr th:last-child {
            width: 27px
        }

        .table-scroll.type8 table tr td::after {
            content: "";
            position: absolute;
            width: 100% !important;
            height: calc(100% - 10px);
            background: rgba(150,160,185,.2);
            left: 0;
            top: 5px;
            z-index: 0;
            opacity: 0
        }

@media (max-width:767px) {
    .table-scroll.type8 table tr td::after {
        display: none
    }
}

.table-scroll.type8 table tr td > * {
    position: relative;
    z-index: 1
}

.table-scroll.type8 table tr td:first-child::after {
    border-radius: 5px 0 0 5px;
    width: calc(100% - 5px) !important;
    left: 5px
}

.table-scroll.type8 table tr td:last-child::after {
    border-radius: 0 5px 5px 0;
    width: calc(100% - 5px) !important;
    right: 5px
}

.table-scroll.type8 table tr td:nth-last-child(2) {
    text-align: center;
    font-size: 12px
}

.table-scroll.type8 table tr td:last-child {
    padding: 5px 7px;
    text-align: center
}

.table-scroll.type8 table tr:hover td::after {
    opacity: 1
}

.table-scroll .table-scroll-content {
    height: calc(100% - 30px);
    width: 100%;
    overflow: hidden;
    position: relative
}

@media (max-width:767px) {
    .table-scroll .table-scroll-content {
        height: auto;
        padding: 0 0 10px;
        min-height: 26px
    }
}

.table-scroll .table-scroll-content .ngx-datatable .datatable-header, .table-scroll .table-scroll-content table .datatable-header {
    height: 0 !important
}

.table-scroll .table-scroll-content .ngx-datatable .datatable-heade, .table-scroll .table-scroll-content .ngx-datatable thead th, .table-scroll .table-scroll-content table .datatable-heade, .table-scroll .table-scroll-content table thead th {
    height: 0 !important;
    font-size: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important
}

.table-scroll .table-scroll-content.scrollbar.ps .ps__rail-y {
    margin: 5px 0
}

.table-scroll .table-scroll-content .table-scroll-content-empty {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    font-weight: 700;
    color: #96a0b9;
    letter-spacing: .4px;
    padding: 30px 0
}

@media (max-width:767px) {
    .table-scroll .table-scroll-content .table-scroll-content-empty {
        margin: 40px 0 10px;
        position: relative
    }
}

.table-scroll .table-scroll-footer {
    display: none;
    padding: 9px 11px;
    font-size: 12px;
    font-weight: 700;
    color: #4d4c72;
    border-top: solid 1px #eee;
    letter-spacing: .4px
}

    .table-scroll .table-scroll-footer i {
        margin-right: 9px;
        font-size: 14px;
        position: relative;
        top: 2px
    }

@media (max-width:767px) {
    .table-scroll .table-scroll-footer {
        display: block
    }
}

.tab-box {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(19,12,56,.1);
    margin: 17px 0 16px;
    height: 180px
}

@media (max-width:767px) {
    .tab-box {
        height: auto;
        margin-top: 16px
    }
}

.tab-box .tab-box-header {
    border-bottom: 1px solid #eee
}

@media (max-width:767px) {
    .tab-box .tab-box-header {
        overflow: hidden;
        overflow-x: hidden;
        white-space: nowrap
    }
}

.tab-box .tab-box-header ul {
    float: left
}

@media (max-width:767px) {
    .tab-box .tab-box-header ul {
        float: none
    }
}

.tab-box .tab-box-header ul li {
    border-right: 1px solid #eee;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: normal;
    color: #96a0b9;
    text-align: center;
    float: left;
    padding: 17px 24px;
    transition: all ease-in-out .2s;
    cursor: pointer
}

@media (max-width:767px) {
    .tab-box .tab-box-header ul li {
        font-size: 14px;
        padding: 19px 22px;
        float: left
    }
}

@media (max-width:1199px) {
    .tab-box .tab-box-header ul li {
        font-size: 14px;
        padding: 17px 12px
    }
}

.tab-box .tab-box-header ul li i {
    font-size: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    pointer-events: none
}

@media (max-width:767px) {
    .tab-box .tab-box-header ul li i {
        display: none
    }
}

.tab-box .tab-box-header ul li.active {
    font-weight: 700;
    color: #4d4c72
}

.tab-box .tab-box-header ul li.disabled {
    opacity: .4;
    pointer-events: none
}

.tab-box .tab-box-header a.tab-box-header-history {
    position: absolute;
    right: 0;
    float: right;
    padding: 13px 15px 12px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    text-align: center;
    color: #4d4c72;
    line-height: normal
}

@media (max-width:767px) {
    .tab-box .tab-box-header a.tab-box-header-history {
        display: none
    }
}

.tab-box .tab-box-header a.tab-box-header-history::before {
    content: "\e909";
    font-family: icons;
    font-size: 16px;
    display: block;
    clear: both
}

.tab-box .tab-box-content {
    height: 113px
}

@media (max-width:767px) {
    .tab-box .tab-box-content {
        height: auto
    }
}

.tab-box .tab-box-content .tab-box-item {
    display: none;
    height: 100%;
    position: relative
}

@media (max-width:767px) {
    .tab-box .tab-box-content .tab-box-item {
        height: auto;
        min-height: 60px
    }
}

.tab-box .tab-box-content .tab-box-item.active {
    display: block
}

.tab-box .tab-box-content .tab-box-item .tab-box-item-empty {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    font-weight: 700;
    color: #96a0b9;
    padding: 10px 0 10px;
    letter-spacing: .4px
}

.tab-box .tab-box-content table th:last-child {
    width: 50px
}

.tab-box .tab-box-content table td a {
    color: #4d4c72
}

.tab-box .tab-box-content.type2 {
    margin-left: -108px;
    margin-right: -108px
}

@media (max-width:767px) {
    .tab-box .tab-box-content.type2 {
        margin-left: 0;
        margin-right: 0
    }
}

.tab-box.type2 {
    box-shadow: none;
    height: auto;
    margin: 0
}

    .tab-box.type2 .tab-box-header {
        border-bottom: none
    }

        .tab-box.type2 .tab-box-header ul {
            width: 100%
        }

            .tab-box.type2 .tab-box-header ul li {
                width: calc(100%/3);
                padding: 10px 0;
                text-align: center;
                font-size: 14px;
                font-weight: 400;
                color: #96a0b9;
                letter-spacing: .2px;
                border: none;
                border-bottom: solid 2px #cac9d5
            }

@media (max-width:767px) {
    .tab-box.type2 .tab-box-header ul li {
        font-size: 12px
    }
}

.tab-box.type2 .tab-box-header ul li i {
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block
}

@media (max-width:767px) {
    .tab-box.type2 .tab-box-header ul li i {
        font-size: 16px
    }
}

.tab-box.type2 .tab-box-header ul li.active {
    border-color: #4d4c72;
    font-weight: 700;
    color: #4d4c72
}

.tab-box.type2 .tab-box-content {
    height: auto
}

    .tab-box.type2 .tab-box-content .tab-box-item {
        padding: 30px 0 0
    }

@media (max-width:767px) {
    .tab-box.type2 .tab-box-content .tab-box-item {
        padding: 15px 0 0
    }
}

.tab-box.type2 .tab-box-content .tab-box-item .table-scroll .table-scroll-content .table-scroll-content-empty {
    position: relative;
    transform: none
}

.help-buttons {
    border-radius: 4px;
    background-color: #96a0b9;
    box-shadow: 0 4px 8px 0 rgba(19,12,56,.1);
    margin: 16px 0;
    height: 52px;
    padding: 9px 0
}

    .help-buttons a {
        width: 50%;
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .2px;
        color: #fff;
        height: 100%;
        line-height: 34px;
        padding: 0 40px
    }

        .help-buttons a span {
            line-height: 1;
            position: relative;
            vertical-align: middle;
            display: inline-block
        }

@media (max-width:767px) {
    .help-buttons a span {
        text-align: left;
        margin-left: 30px
    }
}

.help-buttons a span i {
    font-size: 20px;
    vertical-align: text-bottom;
    position: absolute;
    right: 100%;
    margin-right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

    .help-buttons a span i.icon-help {
        font-size: 16px;
        margin-top: 0
    }

.help-buttons a:first-child {
    border-right: 1px solid #fff
}

.dp-below {
    z-index: 9999;
    margin-top: -9px;
    width: 341px;
    height: 336px
}
.dp-below-positon {
    top: 429.014px !important;
}
.dp-below .dp-cal-footer {
    display: none
}

    .dp-below .dp {
        border-radius: 0 4px 4px 4px;
        padding: 0;
        box-shadow: 0 12px 16px 0 rgba(19,12,56,.3);
        border: solid 1px #96a0b9;
        max-height: 204px;
        overflow: inherit
    }

        .dp-below .dp::before {
            display: none
        }

        .dp-below .dp:after {
            content: '';
            width: 8px;
            height: 8px;
            background-color: #fff;
            border: 1px solid #96a0b9;
            border-bottom: none;
            border-right: none;
            position: absolute;
            top: -5px;
            left: 0;
            right: 0;
            margin: auto;
            transform: rotate(45deg)
        }

        .dp-below .dp button {
            cursor: pointer
        }

        .dp-below .dp .dp-months .dp-year.dp-current, .dp-below .dp .dp-months .dp-year:hover, .dp-below .dp .dp-years .dp-year.dp-current, .dp-below .dp .dp-years .dp-year:hover {
            background: #b8407c;
            color: #fff;
            font-weight: 700
        }

        .dp-below .dp .dp-months .dp-year.dp-current, .dp-below .dp .dp-years .dp-year.dp-current {
            background: #96a0b9
        }

        .dp-below .dp .dp-months .dp-month, .dp-below .dp .dp-years .dp-month {
            padding: 8px 0
        }

            .dp-below .dp .dp-months .dp-month.dp-current, .dp-below .dp .dp-months .dp-month:hover, .dp-below .dp .dp-years .dp-month.dp-current, .dp-below .dp .dp-years .dp-month:hover {
                background: #b8407c;
                color: #fff;
                font-weight: 700
            }

        .dp-below .dp .dp-cal {
            min-height: initial
        }

            .dp-below .dp .dp-cal .dp-cal-header {
                padding: 0;
                background: 0 0;
                margin-top: 14px;
                line-height: normal
            }

                .dp-below .dp .dp-cal .dp-cal-header button {
                    padding: 0 3px;
                    font-size: 10px;
                    font-weight: 700;
                    line-height: normal;
                    color: #b8407c
                }

                    .dp-below .dp .dp-cal .dp-cal-header button:hover {
                        background: #b8407c;
                        color: #fff
                    }

                    .dp-below .dp .dp-cal .dp-cal-header button.dp-next, .dp-below .dp .dp-cal .dp-cal-header button.dp-prev {
                        left: 14px;
                        top: 0;
                        height: 16px;
                        width: 20px;
                        padding: 0;
                        line-height: 20px;
                        text-align: center;
                        color: transparent;
                        background: 0 0 !important
                    }

                        .dp-below .dp .dp-cal .dp-cal-header button.dp-next::before, .dp-below .dp .dp-cal .dp-cal-header button.dp-prev::before {
                            display: inline-block;
                            content: "\e91e";
                            font-family: icons;
                            font-size: 9px;
                            margin: 0;
                            width: 100%;
                            height: auto;
                            position: absolute;
                            color: #4d4c72;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%,-50%);
                            border: none
                        }

                    .dp-below .dp .dp-cal .dp-cal-header button.dp-next {
                        left: auto;
                        right: 14px
                    }

                        .dp-below .dp .dp-cal .dp-cal-header button.dp-next::before {
                            content: "\e91f"
                        }

            .dp-below .dp .dp-cal .dp-days {
                padding: 5px 1px 5px
            }

                .dp-below .dp .dp-cal .dp-days .dp-col-header {
                    color: #4d4c72;
                    font-weight: 700;
                    font-size: 9px;
                    text-transform: capitalize;
                    padding: 0
                }

                .dp-below .dp .dp-cal .dp-days .dp-day {
                    font-size: 10px;
                    color: #4d4c72;
                    padding: 5px 6px;
                    border-radius: 8px;
                    position: relative
                }

                    .dp-below .dp .dp-cal .dp-days .dp-day::before {
                        content: "";
                        width: 80%;
                        height: 85%;
                        position: absolute;
                        left: 50%;
                        top: 48%;
                        transform: translate(-50%,-50%);
                        z-index: -1;
                        border-radius: 8px
                    }

                    .dp-below .dp .dp-cal .dp-days .dp-day.dp-day-disabled, .dp-below .dp .dp-cal .dp-days .dp-day.dp-edge-day {
                        color: #ced2de
                    }

                    .dp-below .dp .dp-cal .dp-days .dp-day.dp-current {
                        background: 0 0
                    }

                    .dp-below .dp .dp-cal .dp-days .dp-day.dp-day-today {
                        color: #fff
                    }

                        .dp-below .dp .dp-cal .dp-days .dp-day.dp-day-today::before {
                            background: #4d4c72
                        }

                        .dp-below .dp .dp-cal .dp-days .dp-day.dp-day-today::after {
                            content: '';
                            border: 8px solid #96a0b9;
                            border-bottom-color: transparent;
                            border-left-color: transparent;
                            top: 0;
                            right: 2px;
                            border-radius: 0 8px 0 0;
                            z-index: -1;
                            display: none
                        }

                    .dp-below .dp .dp-cal .dp-days .dp-day.dp-selected, .dp-below .dp .dp-cal .dp-days .dp-day.dp-selected:focus, .dp-below .dp .dp-cal .dp-days .dp-day:hover {
                        font-weight: 700;
                        color: #fff;
                        background: 0 0
                    }

                        .dp-below .dp .dp-cal .dp-days .dp-day.dp-selected::before, .dp-below .dp .dp-cal .dp-days .dp-day.dp-selected:focus::before, .dp-below .dp .dp-cal .dp-days .dp-day:hover::before {
                            background: #b8407c
                        }

    .dp-below.type1 {
        margin-left: 95px;
        transform: translateX(-50%);
        margin-top: 0
    }

        .dp-below.type1 .dp {
            border-radius: 4px
        }

.calendar-box {
    height: 211px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(19,12,56,.1);
    margin-top: 18px
}

@media (max-width:767px) {
    .calendar-box {
        height: auto
    }

    .dp-below {
        height: 56%
    }
}

@media (max-width:375px) {
    .dp-below {
        height: 54%
    }
}

.calendar-box .calendar-box-header {
    height: 50px;
    width: 100%;
    padding: 0 20px 0 25px;
    position: relative;
    border-bottom: solid 1px #eee
}

@media (max-width:767px) {
    .calendar-box .calendar-box-header {
        padding: 0 10px 0 10px
    }
}

.calendar-box .calendar-box-header .title {
    float: left;
    font-size: 16px;
    letter-spacing: .2px;
    font-weight: 700;
    line-height: normal;
    color: #4d4c72;
    line-height: 50px
}

@media (max-width:767px) {
    .calendar-box .calendar-box-header .title {
        font-size: 14px;
        letter-spacing: .2px
    }
}

.calendar-box .calendar-box-header .calendar-navigation {
    max-width: 190px;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width:767px) {
    .calendar-box .calendar-box-header .calendar-navigation {
        left: inherit;
        right: 10px;
        transform: translateY(-50%)
    }
}

.calendar-box .calendar-box-header .calendar-navigation .calendar-current {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-align: center;
    color: #4d4c72
}

    .calendar-box .calendar-box-header .calendar-navigation .calendar-current .tempdate {
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        padding-left: 25px;
        position: relative
    }

        .calendar-box .calendar-box-header .calendar-navigation .calendar-current .tempdate::before {
            content: "\e918";
            font-family: icons;
            color: #4d4c72;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            font-size: 16px
        }

@media (max-width:767px) {
    .calendar-box .calendar-box-header .calendar-navigation .calendar-current .tempdate {
        text-align: right;
        padding-left: 23px
    }
}

.calendar-box .calendar-box-header .calendar-navigation .calendar-current input {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #4d4c72;
    width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.calendar-box .calendar-box-header .calendar-navigation a {
    position: absolute;
    width: 24px;
    height: 24px;
    left: -1px;
    transform: translateX(-100%);
    top: 50%;
    margin-top: -12px;
    text-align: center;
    line-height: 24px
}

@media (max-width:767px) {
    .calendar-box .calendar-box-header .calendar-navigation a {
        display: none
    }
}

.calendar-box .calendar-box-header .calendar-navigation a::before {
    content: "\e908";
    font-family: icons;
    font-size: 18px;
    color: #4d4c72;
    transform: scale(-1,1);
    display: inline-block
}

.calendar-box .calendar-box-header .calendar-navigation a.next {
    transform: translateX(100%);
    left: auto;
    right: -1px
}

    .calendar-box .calendar-box-header .calendar-navigation a.next::before {
        transform: none
    }

.calendar-box .calendar-box-header a.daily-newsletter-download {
    float: right;
    padding: 10px 0 9px;
    font-weight: 400;
    letter-spacing: .4px;
    color: #4d4c72;
    line-height: normal;
    text-align: center;
    margin-left: 75%;
    font-size: 17px
}

@media (max-width:767px) {
    .calendar-box .calendar-box-header a.daily-newsletter-download {
        display: none
    }
}

.calendar-box .calendar-box-header a.daily-newsletter-download::before {
    content: "\e903";
    font-family: icons;
    font-size: 16px;
    display: block;
    clear: both
}

.calendar-box .calendar-box-content {
    width: 100%;
    height: 161px;
    overflow: hidden
}

@media (max-width:767px) {
    .calendar-box .calendar-box-content {
        height: auto
    }
}

.calendar-box .calendar-box-content table th:first-child {
    width: 230px
}

.calendar-box .calendar-box-content table th:nth-child(2) {
    width: 70px
}

.calendar-box .calendar-box-content table td:not(:nth-child(2)), .calendar-box .calendar-box-content table th:not(:nth-child(2)) {
    text-align: center;
    white-space: normal
}

.calendar-box .calendar-box-content table td:first-child, .calendar-box .calendar-box-content table th:first-child {
    text-align: left
}

.chart-box {
    height: 695px;
    box-shadow: 0 4px 8px 0 rgba(19,12,56,.1);
    width: 100%;
    margin-top: 0;
    border: solid 1px #c4c4e2;
    background-color: #f7f7fd
}

@media only screen and (min-device-width :991px) and (max-device-width :1024px) {
    .chart-box {
        width: 109%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .chart-box {
        margin-top: 100px;
        height: 780px
    }
}

@media (max-width:767px) {
    .chart-box {
        height: auto;
        margin-top: 100px;
        margin-left: -8px;
        width: 107%
    }
}

.chart-box .chart-box-header {
    height: 53px;
    border-bottom: solid 1px #c4c4e2;
    background-color: #f7f7fd
}

@media (max-width:767px) {
    .chart-box .chart-box-header ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }
}

.chart-box .chart-box-header ul li {
    padding: 17px 18.5px;
    line-height: normal;
    font-size: 24px;
    letter-spacing: .4px;
    color: #96a0b9;
    position: relative;
    float: left;
    cursor: pointer
}

@media (max-width:767px) {
    .chart-box .chart-box-header ul li {
        font-size: 20px;
        padding: 18px 10px;
        display: inline-block;
        float: none;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal
    }
}

.chart-box .chart-box-header ul li::after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 75%;
    height: 0;
    border-radius: 2px 2px 0 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #b8407c;
    transition: all ease-in-out .1s
}

@media (max-width:767px) {
    .chart-box .chart-box-header ul li::after {
        width: 80%
    }
}

.chart-box .chart-box-header ul li a.close {
    display: none;
    width: 8px;
    height: 8px;
    color: #96a0b9;
    position: absolute;
    right: 5.8px;
    top: 5.2px
}

@media (max-width:767px) {
    .chart-box .chart-box-header ul li a.close {
        top: 4px;
        right: 4px
    }
}

.chart-box .chart-box-header ul li a.close::before {
    content: "\e901";
    font-family: icons;
    font-size: 8px
}

.chart-box .chart-box-header ul li.active {
    font-weight: 500;
    color: #4d4c72;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal
}

    .chart-box .chart-box-header ul li.active::after {
        height: 3px;
        margin-bottom: 7%
    }

@media (max-width:767px) {
    .chart-box .chart-box-header ul li.active::after {
        display: none
    }
}

.chart-box .chart-box-header ul li.active a.close {
    display: block
}

.chart-box .chart-box-header ul li.add-tab {
    color: #4d4c72;
    font-weight: 700;
    border-right: none;
    padding-left: 15px;
    padding-right: 15px
}

.chart-box .chart-box-header a.view-change {
    float: right;
    padding: 10px 15px 12px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .4px;
    text-align: center;
    color: #4d4c72;
    line-height: normal
}

@media (max-width:767px) {
    .chart-box .chart-box-header a.view-change {
        display: none
    }
}

.chart-box .chart-box-header a.view-change::before {
    content: "\e90a";
    font-family: icons;
    font-size: 16px;
    display: block;
    clear: both;
    margin-bottom: 3px
}

.chart-box .chart-box-content {
    padding: 20px 0 0;
    display: none
}

@media (max-width:767px) {
    .chart-box .chart-box-content {
        padding: 10px 10px 10px
    }
}

.chart-box .chart-box-content .chart-navigation {
    margin-bottom: 19px
}

@media (max-width:767px) {
    .chart-box .chart-box-content .chart-navigation {
        margin-bottom: 16px;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap
    }
}

.chart-box .chart-box-content .chart-navigation ul {
    float: initial
}

@media (max-width:767px) {
    .chart-box .chart-box-content .chart-navigation ul {
        float: none
    }
}

.chart-box .chart-box-content .chart-navigation ul li {
    float: left;
    margin-right: 1%;
    margin-left: 4%
}

@media (max-width:767px) {
    .chart-box .chart-box-content .chart-navigation ul li {
        display: inline-block;
        float: none;
        margin-left: 0
    }
}

.chart-box .chart-box-content .chart-navigation ul li a {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .4px;
    color: #4d4c72;
    padding: 4px 9.5px;
    display: block;
    border: solid 1px transparent;
    transition: all ease-in-out .2s;
    border-radius: 10px
}

@media (max-width:767px) {
    .chart-box .chart-box-content .chart-navigation ul li a {
        padding: 3px 6px;
        font-size: 11px
    }
}

.chart-box .chart-box-content .chart-navigation ul li a:hover {
    color: #b8407c
}

.chart-box .chart-box-content .chart-navigation ul li a.active {
    color: #b8407c;
    background-color: #b8407c;
    border-radius: 10.5px;
    border: solid 1px #b8407c;
    color: #f7f7fd;
    font-size: 12px
}

@media (max-width:991px) {
    .chart-box .chart-box-content .chart-navigation ul li a.active {
        font-size: 11px
    }
}

.chart-box .chart-box-content .chart-canvas {
    border: solid 1px #b8c6cf;
    width: 100%
}

@media (max-width:991px) {
    .chart-box .chart-box-content .chart-canvas {
        width: 100%;
        height: 295px
    }
}

.chart-box .chart-box-content .chart-canvas img {
    width: 100%;
    height: 100%
}

.chart-box .chart-box-content.active {
    display: block
}

.symbol-change-blur {
    display: none;
    width: 0;
    height: 0
}

@media (max-width:767px) {
    .symbol-change-blur {
        width: 100%;
        height: 110vh;
        background: rgba(77,76,114,.8);
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0
    }

    .symbol-change {
        width: 100%
    }
}

.symbol-change {
    position: absolute;
    width: 90%;
    left: 0;
    z-index: 0
}

@media (max-width:767px) {
    .symbol-change {
        width: 100%;
        margin-top: 30px !important;
        position: fixed !important
    }
}

.symbol-change .symbol-change-head {
    height: 52px;
    width: 100%;
    color: #4d4c72;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 52px;
    display: none;
    background: #f7f7f7;
    text-align: center;
    border-radius: 4px 4px 0 0
}

@media (max-width:767px) {
    .symbol-change .symbol-change-head {
        display: block
    }
}

.symbol-change .symbol-change-head span {
    line-height: 1;
    vertical-align: middle
}

.symbol-change .symbol-change__close {
    display: block;
    position: absolute;
    height: 40px;
    width: 46px;
    top: -40px;
    right: 0;
    border-radius: 4px 4px 0 0;
    background: #fff;
    border: solid 1px #eee;
    border-bottom: 0;
    font-size: 15px;
    text-align: center;
    line-height: 45px;
    color: #96a0b9;
    font-weight: 300;
    z-index: -1;
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3);
    cursor: pointer
}

    .symbol-change .symbol-change__close::before {
        content: "\e911";
        font-family: icons
    }

@media (max-width:767px) {
    .symbol-change .symbol-change__close {
        background: 0 0;
        border: none;
        top: 4px;
        color: #4d4c72;
        right: 0;
        z-index: 1;
        box-shadow: none
    }
}

.symbol-change .symbol-change-content {
    border-radius: 4px 0 4px 4px;
    background-color: #fff;
    width: 100%;
    position: 2
}

@media (max-width:767px) {
    .symbol-change .symbol-change-content {
        border-radius: 0 0 4px 4px;
        box-shadow: none
    }
}

.symbol-change .symbol-change-content::before {
    content: "";
    width: 44px;
    height: 1px;
    background: #fff;
    right: 1px;
    top: 0;
    position: absolute
}

@media (max-width:767px) {
    .symbol-change .symbol-change-content::before {
        display: none
    }
}

.symbol-change .symbol-change__header {
    padding: 20px 15px 15px;
    border-bottom: solid 1px #eee
}

    .symbol-change .symbol-change__header form {
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .symbol-change .symbol-change__header form input {
            border: solid 1px #96a0b9;
            border-radius: 4px;
            color: #96a0b9;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: .4px;
            padding: 9px 10px;
            width: 100%
        }

            .symbol-change .symbol-change__header form input::-webkit-input-placeholder {
                color: #96a0b9
            }

            .symbol-change .symbol-change__header form input::-moz-placeholder {
                color: #96a0b9
            }

            .symbol-change .symbol-change__header form input:-ms-input-placeholder {
                color: #96a0b9
            }

            .symbol-change .symbol-change__header form input:-moz-placeholder {
                color: #96a0b9
            }

        .symbol-change .symbol-change__header form button {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
            color: #4d4c72;
            line-height: 18px;
            background: 0 0
        }

@media (max-width:767px) {
    .symbol-change .symbol-change__header form button {
        right: 0
    }
}

.symbol-change .symbol-change__header form button i {
    vertical-align: middle
}

.symbol-change .symbol-change__list {
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .symbol-change .symbol-change__list {
        max-height: 386px;
        overflow-y: scroll
    }
}

.symbol-change .symbol-change__list ul {
    width: 100%
}

    .symbol-change .symbol-change__list ul li {
        width: 100%;
        padding: 5px
    }

        .symbol-change .symbol-change__list ul li:not(:last-child) {
            border-bottom: solid 1px #eee
        }

        .symbol-change .symbol-change__list ul li.passive {
            opacity: .3;
            pointer-events: none
        }

.symbol-change .symbol-change__list .ps__rail-x, .symbol-change .symbol-change__list .ps__rail-y {
    margin: 5px;
    right: 0
}

.symbol-change .symbol-change__footer {
    border-top: solid 1px #eee;
    text-align: right;
    padding: 15px
}

.symbol-change.open + .symbol-change-blur {
    display: block
}

.branch-change-blur {
    width: 0;
    height: 0
}

.branch-change-title {
    font-family: Muli,sans-serif;
    color: #666f85;
    font-size: 16px
}

@media (max-width:767px) {
    .branch-change-blur {
        width: 100%;
        height: 110vh;
        background: rgba(77,76,114,.8);
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0
    }
}

.branch-change {
    float: left;
    margin-top: 10px;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 10
}

@media (max-width:767px) {
    .branch-change {
        top: 50% !important;
        left: 50% !important;
        margin: 0 !important;
        width: 92%;
        transform: translate(-50%,-50%);
        position: fixed !important;
        box-shadow: 0 12px 16px 0 rgba(19,12,56,.3)
    }
}

.branch-change .branch-change-head {
    height: 52px;
    width: 100%;
    color: #4d4c72;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 52px;
    display: none;
    background: #f7f7f7;
    text-align: center;
    border-radius: 4px 4px 0 0
}

@media (max-width:767px) {
    .branch-change .branch-change-head {
        display: block
    }
}

.branch-change .branch-change-head span {
    line-height: 1;
    vertical-align: middle
}

.branch-change .branch-change__close {
    display: none;
    position: absolute;
    height: 40px;
    width: 46px;
    top: -40px;
    right: 0;
    border-radius: 4px 4px 0 0;
    background: #fff;
    border: solid 1px #eee;
    border-bottom: 0;
    font-size: 15px;
    text-align: center;
    line-height: 45px;
    color: #96a0b9;
    font-weight: 300;
    z-index: -1;
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3);
    cursor: pointer
}

    .branch-change .branch-change__close::before {
        content: "\e911";
        font-family: icons
    }

@media (max-width:767px) {
    .branch-change .branch-change__close {
        background: 0 0;
        border: none;
        top: 4px;
        color: #4d4c72;
        right: 0;
        z-index: 1;
        box-shadow: none
    }
}

.branch-change .branch-change-content {
    border-radius: 4px 0 4px 4px;
    background-color: #fff;
    width: 100%
}

@media (max-width:767px) {
    .branch-change .branch-change-content {
        border-radius: 0 0 4px 4px;
        box-shadow: none
    }
}

.branch-change .branch-change-content::before {
    content: "";
    width: 44px;
    height: 1px;
    background: #fff;
    right: 1px;
    top: 0;
    position: absolute
}

@media (max-width:767px) {
    .branch-change .branch-change-content::before {
        display: none
    }
}

.branch-change .branch-change__header form {
    width: 100%;
    position: relative;
    overflow: hidden
}

    .branch-change .branch-change__header form input {
        border: solid 1px #dee3ed;
        border-radius: 4px;
        color: #4d4c72;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: .4px;
        padding: 9px 10px;
        width: 100%
    }

        .branch-change .branch-change__header form input::-webkit-input-placeholder {
            color: #96a0b9
        }

        .branch-change .branch-change__header form input::-moz-placeholder {
            color: #96a0b9
        }

        .branch-change .branch-change__header form input:-ms-input-placeholder {
            color: #96a0b9
        }

        .branch-change .branch-change__header form input:-moz-placeholder {
            color: #96a0b9
        }

    .branch-change .branch-change__header form button {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #4d4c72;
        line-height: 18px;
        background: 0 0;
        cursor: pointer
    }

@media (max-width:767px) {
    .branch-change .branch-change__header form button {
        right: 0
    }
}

.branch-change .branch-change__header form button i {
    vertical-align: middle
}

.branch-change .branch-change__list {
    max-height: 134px;
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .branch-change .branch-change__list {
        max-height: 350px;
        overflow-y: scroll
    }
}

.branch-change .branch-change__list ul {
    width: 100%
}

    .branch-change .branch-change__list ul li {
        width: 100%;
        padding: 5px
    }

        .branch-change .branch-change__list ul li:not(:last-child) {
            border-bottom: solid 1px #eee
        }

        .branch-change .branch-change__list ul li.passive {
            opacity: .3;
            pointer-events: none
        }

.branch-change .branch-change__list .ps__rail-x, .branch-change .branch-change__list .ps__rail-y {
    margin: 5px;
    right: 0
}

.branch-change .branch-change__footer {
    border-top: solid 1px #eee;
    text-align: right;
    padding: 15px
}

.branch-change.open + .branch-change-blur {
    display: block
}

.limited-exchange {
    width: 100%;
    margin-bottom: 31px
}

@media (max-width:767px) {
    .limited-exchange {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-top: 16px
    }
}

.limited-exchange .exchange-input {
    margin: 0 2%;
    float: left;
    width: 96%;
    position: relative;
    overflow: hidden;
    text-align: center
}

    .limited-exchange .exchange-input button {
        width: 56px;
        height: 56px;
        border-radius: 4px;
        background: #4d4c72;
        font-size: 12px;
        color: #fff;
        margin-left: 10px;
        display: inline-block;
        line-height: 32px;
        vertical-align: middle;
        cursor: pointer
    }

@media (max-width:767px) {
    .limited-exchange .exchange-input button {
        height: 44px;
        width: 44px;
        line-height: 44px
    }
}

.limited-exchange .exchange-input button::before {
    content: "\e910";
    font-family: icons
}

.limited-exchange .exchange-input button.input-down {
    margin-right: 10px;
    margin-left: 0
}

    .limited-exchange .exchange-input button.input-down:before {
        content: "\e90b"
    }

.limited-exchange .exchange-input input {
    height: 56px;
    border: solid 1px #dee3ed;
    border-radius: 4px;
    padding: 7px 18px 7px 10px;
    font-size: 14px;
    text-align: center;
    color: #4d4c72;
    letter-spacing: .4px;
    font-weight: 700;
    width: 169px;
    font-size: 28px;
    font-family: Muli,sans-serif
}

@media (max-width:767px) {
    .limited-exchange .exchange-input input {
        width: 175px;
        padding: 14px 10px
    }
}

@media (max-width:375px) {
    .limited-exchange .exchange-input input {
        width: 160px
    }
}

@media (max-width:360px) {
    .limited-exchange .exchange-input input {
        width: 145px
    }

    .limited-exchange .exchange-input input {
        font-size: 24px
    }
}

@media (max-width:320px) {
    .limited-exchange .exchange-input input {
        width: 105px
    }

    .limited-exchange .exchange-input input {
        font-size: 18px
    }
}

.limited-exchange .exchange-input span.error {
    display: none;
    margin-top: 5px;
    font-size: 10px;
    color: #e9465a;
    width: 100%;
    text-align: center;
    padding: 0 50px
}

.limited-exchange .exchange-input.error input {
    border-color: #e9465a;
    color: #e9465a
}

.limited-exchange .exchange-input.error span.error {
    display: block
}

.limited-exchange p.desc {
    text-align: center;
    width: 100%;
    font-size: 12px;
    letter-spacing: .4px;
    color: #4d4c72;
    line-height: 1.5;
    margin-top: 16px;
    float: left
}

.sss-item {
    overflow: hidden
}

    .sss-item .sss-head {
        padding: 10px 10px 0 0;
        border-radius: .5px;
        font-size: 14px;
        letter-spacing: .4px;
        color: #4d4c72;
        font-weight: 700;
        position: relative;
        margin-bottom: 10px
    }

.sss-head-item {
    padding: 10px 10px 0 0;
    border-radius: .5px;
    font-size: 14px;
    letter-spacing: .4px;
    color: #4d4c72;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px
}

.sss-item .sss-head::after {
    display: inline-block;
    content: "\e917";
    font-family: icons;
    position: absolute;
    right: 0;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    top: 70%;
    transform: translateY(-50%);
    transition: all ease-in-out .2s
}

.sss-item .sss-content {
    font-size: 12px;
    letter-spacing: .4px;
    color: #4d4c72;
    font-weight: 400
}

.sss-item:not(:first-child) .sss-head {
    border-top: solid 1px #d8d8d8
}

.sss-item:last-child {
    border-bottom: solid 1px #d8d8d8
}

.sss-item.drop {
    padding-bottom: 10px
}

    .sss-item.drop .sss-head::after {
        transform: translateY(-50%) rotate(-180deg)
    }

.lex-wrapper {
    position: relative
}

    .lex-wrapper .lex-sidebar {
        position: absolute;
        left: 100%;
        width: 11px;
        margin-left: 10px;
        top: 5px
    }

        .lex-wrapper .lex-sidebar ul {
            width: 100%
        }

            .lex-wrapper .lex-sidebar ul li {
                width: 100%
            }

                .lex-wrapper .lex-sidebar ul li a {
                    display: block;
                    text-align: center;
                    color: #4d4c72;
                    font-size: 12px;
                    letter-spacing: .2px;
                    padding: 2px 0
                }

                    .lex-wrapper .lex-sidebar ul li a.active {
                        font-weight: 700
                    }

    .lex-wrapper .lex-scroll {
        max-height: 500px;
        margin: 0 -60px;
        padding: 0 60px;
        position: relative
    }

@media (max-width:300px) {
    .lex-wrapper .lex-scroll {
        max-height: inherit
    }
}

.lex-wrapper .lex-header {
    padding: 0 0 12px;
    border-bottom: solid 1px #d8d8d8;
    position: relative
}

    .lex-wrapper .lex-header .lex-header-title {
        font-size: 50px;
        font-weight: 700;
        letter-spacing: .7px;
        color: #4d4c72
    }

    .lex-wrapper .lex-header ul {
        width: 100%
    }

        .lex-wrapper .lex-header ul li {
            width: 100%
        }

            .lex-wrapper .lex-header ul li a {
                display: block;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: .2px;
                margin: 1px 0;
                color: #96a0b9
            }

                .lex-wrapper .lex-header ul li a.active {
                    color: #4d4c72;
                    font-weight: 700
                }

.lex-wrapper .lex-content .lex-content-item {
    margin-top: 29px
}

    .lex-wrapper .lex-content .lex-content-item .item-title {
        font-size: 30px;
        color: #4d4c72;
        font-weight: 700;
        margin-bottom: 19px
    }

    .lex-wrapper .lex-content .lex-content-item .item-content {
        font-size: 14px;
        color: #4d4c72;
        letter-spacing: .2px
    }

        .lex-wrapper .lex-content .lex-content-item .item-content p {
            margin-bottom: 13px
        }

.rfq-filter {
    margin-bottom: 15px
}

.rfq-item {
    border-radius: 4px;
    border: solid 1px #ced2de;
    padding: 10px;
    margin: 5px 0;
    float: left;
    width: 100%;
    min-height: 199px
}

    .rfq-item .rfq-item-header {
        margin-bottom: 14px
    }

        .rfq-item .rfq-item-header .header-title {
            font-size: 14px;
            font-weight: 700;
            color: #4d4c72;
            display: inline-block;
            line-height: 23px;
            vertical-align: middle
        }

        .rfq-item .rfq-item-header .header-statu {
            display: inline-block;
            font-size: 12px;
            letter-spacing: .4px;
            padding: 4px 9px;
            border: solid 1px #f5a623;
            border-radius: 11.5px;
            color: #f5a623
        }

@media (max-width:767px) {
    .rfq-item .rfq-item-header .header-statu {
        float: right
    }
}

.rfq-item .rfq-item-header .header-statu.waiting {
    color: #4eabff;
    border-color: #4eabff
}

.rfq-item .rfq-item-header .header-statu.success {
    color: #5fca77;
    border-color: #5fca77
}

.rfq-item .rfq-item-header .header-date {
    display: inline-block;
    font-size: 12px;
    color: #96a0b9;
    letter-spacing: .4px;
    line-height: 23px;
    vertical-align: middle
}

@media (max-width:767px) {
    .rfq-item .rfq-item-header .header-date {
        float: right
    }
}

.rfq-item .rfq-item-content .ex-btn {
    margin-top: 12px;
    float: right
}

.filter-modal {
    position: absolute;
    width: 432px;
    border-radius: 4px;
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3);
    border: solid 1px #96a0b9;
    background-color: #fff;
    top: 0;
    right: -10px;
    z-index: 9999;
    display: none;
    padding: 25px 20px 20px;
    margin-top: 20px
}

    .filter-modal::after, .filter-modal::before {
        content: "";
        border-style: solid;
        border-width: 0 6px 7px 6px;
        border-color: transparent transparent #96a0b9 transparent;
        position: absolute;
        right: 8px;
        bottom: 100%
    }

    .filter-modal::after {
        margin-bottom: -1px;
        border-color: transparent transparent #fff transparent;
        border-width: 0 5px 7px 5px;
        right: 9px
    }

    .filter-modal.left {
        right: initial;
        left: -7px
    }

        .filter-modal.left::after, .filter-modal.left::before {
            right: inherit
        }

        .filter-modal.left::before {
            left: 8px
        }

        .filter-modal.left::after {
            left: 9px
        }

    .filter-modal .no-gutter {
        margin-left: -5px !important;
        margin-right: -5px !important
    }

        .filter-modal .no-gutter [class*=col-] {
            padding-left: 5px !important;
            padding-righT: 5px !important
        }

    .filter-modal .clear-btn {
        position: absolute;
        top: 24px;
        right: 20px;
        font-size: 12px;
        letter-spacing: .4px;
        text-decoration: underline;
        color: #4d4c72;
        font-size: 12px;
        text-align: right;
        z-index: 10
    }

.parities-ex-list {
    border-radius: 4px;
    box-shadow: 0 12px 16px 0 rgba(19,12,56,.3);
    border: solid 1px #eee;
    background-color: #fff;
    position: absolute;
    right: 0;
    width: 152px;
    z-index: 10;
    top: 70%
}

    .parities-ex-list::before, .parities-ex-list:after {
        content: "";
        border-style: solid;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #eee transparent;
        position: absolute;
        right: 10px;
        bottom: 100%
    }

    .parities-ex-list::after {
        border-color: transparent transparent #fff transparent;
        border-width: 0 4px 4px 4px;
        margin-bottom: -1px;
        right: 11px
    }

    .parities-ex-list li {
        float: left;
        width: 100%;
        padding: 5px
    }

        .parities-ex-list li:not(:last-child) {
            border-bottom: solid 1px #eee
        }

        .parities-ex-list li a {
            display: block;
            border-radius: 5px;
            background-color: transparent;
            padding: 5px;
            font-size: 14px;
            color: #4d4c72;
            line-height: 16px;
            text-align: left
        }

            .parities-ex-list li a:hover {
                background: rgba(150,160,185,.2)
            }

            .parities-ex-list li a i {
                color: #96a0b9;
                margin-right: 10px;
                font-size: 16px;
                vertical-align: middle
            }

app-paritymodal {
    display: none
}

app-resultmodal {
    display: none
}

app-operationsmodal {
    display: none
}

app-fxmodal {
    display: none
}

app-fxmodal {
    display: none
}

app-fxmodal {
    display: none
}

    app-fxmodal .exchange-modal {
        opacity: 0
    }

    app-fxmodal .fx-modal-dialog {
        background-color: rgba(0,0,0,0) !important;
        transition: all .3s ease-in-out
    }

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1003;
    background: #f5f5f5
}

    #preloader > div {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        margin: -131px 0 0 -113px
    }

        #preloader > div:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px
        }

        #preloader > div:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px
        }

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

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

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

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

@keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes lds-dual-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.lds-dual-ring {
    position: relative
}

    .lds-dual-ring div {
        position: absolute;
        width: 160px;
        height: 160px;
        top: 20px;
        left: 20px;
        border-radius: 50%;
        background-image: url(../img/qnb_icon_80x80.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 8px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 140px;
            height: 140px;
            top: 30px;
            left: 30px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }

.lds-double-ring {
    width: 96px !important;
    height: 96px !important;
    -webkit-transform: translate(-48px,-48px) scale(.48) translate(48px,48px);
    transform: translate(-48px,-48px) scale(.48) translate(48px,48px)
}

@media only screen and (min-width :768px) {
    .help-button-span {
        margin-left: 20px
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio :2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :320px) and (max-device-width :480px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 30px;
        left: 30px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 39px;
            left: 40px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width :320px) and (max-device-width :480px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio :2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 60px;
        left: 75px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 70px;
            left: 85px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 60px;
        left: 75px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 70px;
            left: 85px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 80px;
        left: 80px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 90px;
            left: 90px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 70px;
        left: 70px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 80px;
            left: 80px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (orientation :landscape) and (-webkit-device-pixel-ratio:3) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 80px;
        left: 80px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 90px;
            left: 90px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (orientation :portrait) and (-webkit-device-pixel-ratio:3) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 80px;
        left: 80px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 90px;
            left: 90px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 80px;
        left: 80px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 90px;
            left: 90px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .lds-dual-ring div {
        position: absolute;
        width: 75px;
        height: 75px;
        top: 80px;
        left: 80px;
        border-radius: 50%;
        background-image: url(/assets/img/qnb_icon_40x40.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 5px solid #000;
        border-color: #0b0d36 transparent #0b0d36 transparent;
        -webkit-animation: lds-dual-ring 1.9s linear infinite;
        animation: lds-dual-ring 1.9s linear infinite
    }

        .lds-dual-ring div:nth-child(2) {
            width: 55px;
            height: 55px;
            top: 90px;
            left: 90px;
            background-image: none;
            border-color: transparent #870052 transparent #870052;
            -webkit-animation: lds-dual-ring_reverse 1.9s linear infinite;
            animation: lds-dual-ring_reverse 1.9s linear infinite
        }
}

.passive {
    opacity: .3
}

.k-chart-surface {
    height: 100% !important;
    touch-action: auto !important
}

.k-numeric-wrap .k-input {
    border-radius: 4px !important;
    border: solid 1px #96a0b9 !important;
    height: 32px !important;
    font-size: 12px !important;
    color: #4d4c72 !important;
    letter-spacing: .4px !important;
    text-align: left !important;
    padding: 9px 10px !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 10 !important;
    width: 100% !important
}

sirius-currencytextbox input {
    margin: 11px 19px 11px 21px;
    font-family: Muli,sans-serif;
    font-size: 26px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    width: 92%
}
.customerStrike sirius-currencytextbox input {
  

    margin: 11px 19px 2px 14px !important;
    font-family: Muli,sans-serif !important;
    line-height: normal !important;
    color: #666f85 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding-top: 17px;
}
.k-numeric-wrap .k-state-focused ::selection {
    background-color: #4d4c72 !important
}

.k-numeric-wrap .k-input ::selection {
    text-shadow: none;
    background-color: transparent !important
}

.k-input ::selection {
    text-shadow: none;
    background-color: transparent !important
}

#numericQuantity k-state-focused {
    background-color: transparent !important
}

    #numericQuantity k-state-focused ::selection {
        background-color: transparent !important
    }

.width-header {
    width: 33%
}

.profitloss-section {
    font-size: 12px;
    margin: 5px 0 15px 0;
    color: #4d4c72
}

.mfp-s-error .mfp-content {
    display: none
}

.mfp-content {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    line-height: 0;
    width: 100%;
    max-width: 900px;
    cursor: auto;
    max-width: 100%;
    padding-top: 44px;
    width: 100%;
    cursor: auto
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: large;
    font-family: Arial,Baskerville,monospace
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

.text-free {
    font-size: 14px;
    letter-spacing: .4px;
    color: #4d4c72;
    margin: 2px 0;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}

.approve-info {
    font-size: 12px;
    letter-spacing: .4px;
    color: #4d4c72;
    position: relative;
    text-align: center;
    margin: 5px
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(1rem)
    }

    100% {
        transform: translate(0)
    }

    100% {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem)
    }

    80% {
        transform: translateX(-1rem)
    }

    100% {
        opacity: 1;
        transform: translate(0)
    }
}

.fx-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,.2)
}

.fx-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.fx-btn:link, .fx-btn:visited {
    transition: ease-out .2s
}

.fx-btn::after {
    content: "";
    transition: all .4s
}

.fx-btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0
}

.k-autocomplete, .k-combobox .k-dropdown-wrap, .k-dateinput .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-flatcolorpicker .k-color-value, .k-input.k-textbox, .k-multiselect-wrap, .k-numerictextbox .k-numeric-wrap, .k-textarea, .k-textbox, .k-timepicker .k-picker-wrap {
    border-color: #96a0b9;
    color: #96a0b9;
    background-color: #fff;
    border-radius: 4px;
    padding-top: 2px;
    font-weight: 560
}

.editorToolbarWindow.k-header.k-window-content a.k-tool, .k-button, .k-button-group .k-state-disabled:not(.k-state-active), .k-button-group.k-state-disabled .k-button:not(.k-state-active), .k-colorpicker .k-picker-wrap, .k-combobox .k-select, .k-ct-popup .k-editor-toolbar a.k-tool, .k-dateinput .k-select, .k-datepicker .k-select, .k-datetimepicker .k-select, .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap, .k-editor .k-editor-toolbar-wrap a.k-tool, .k-fieldselector .k-list li.k-item, .k-gantt-views li, .k-handle, .k-list-container .k-nodata .k-button, .k-map .k-navigator, .k-numerictextbox .k-select, .k-pivot-toolbar .k-button, .k-scheduler-footer li, .k-scheduler-navigation .k-nav-next, .k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-today, .k-scheduler-views li, .k-spreadsheet-filter, .k-timepicker .k-select, .k-toolbar .k-split-button .k-button {
    border-color: rgba(0,0,0,.08);
    color: #96a0b9;
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6,#f1f1f1)
}

.k-autocomplete.k-state-hover, .k-combobox .k-state-hover, .k-combobox > :hover, .k-dateinput .k-state-hover, .k-datepicker .k-state-hover, .k-datepicker:hover, .k-datetimepicker .k-state-hover, .k-datetimepicker:hover, .k-multiselect-wrap.k-state-hover, .k-multiselect-wrap:hover, .k-numerictextbox .k-state-hover, .k-timepicker .k-state-hover, .k-timepicker:hover {
    border-color: rgba(0,0,0,.15);
    color: #96a0b9;
    background-color: #fff
}

.k-autocomplete.k-state-active, .k-autocomplete.k-state-focused, .k-combobox .k-state-active, .k-combobox > .k-state-focused, .k-dateinput .k-state-focused, .k-datepicker .k-state-active, .k-datepicker .k-state-focused, .k-datetimepicker .k-state-active, .k-datetimepicker .k-state-focused, .k-dropdown .k-dropdown-wrap.k-state-focused, .k-numerictextbox .k-state-focused, .k-state-focused > .k-multiselect-wrap, .k-timepicker .k-state-active, .k-timepicker .k-state-focused {
    border-color: rgba(0,0,0,.15);
    color: #96a0b9;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.03),0 4px 5px 0 rgba(0,0,0,.04)
}

.account-main {
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    -webkit-box-shadow: 0 -4px 18px 7px rgba(77,76,114,.15);
    box-shadow: 0 -4px 18px 7px rgba(77,76,114,.15);
    background-color: #fff;
    position: relative;
    height: 103px;
    margin-top: 17px;
    width: 541px
}

    .account-main .close {
        position: absolute;
        right: 2px;
        top: -18px;
        width: 34px;
        height: 34px;
        background-color: #b8407c;
        border-radius: 18px;
        -webkit-box-shadow: 0 -4px 18px 7px rgba(77,76,114,.15);
        box-shadow: 0 -4px 18px 7px rgba(77,76,114,.15)
    }

        .account-main .close:after, .account-main .close:before {
            position: absolute;
            left: 16px;
            top: 7px;
            content: ' ';
            height: 20px;
            width: 2px;
            background-color: #fff
        }

        .account-main .close:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .account-main .close:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.account-main-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 27px;
    margin-left: 11px
}

    .account-main-header > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.account-main-header-left {
    height: 20px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3a3a3a
}

.account-main-header-right {
    height: 39px;
    font-family: serif;
    font-size: 17px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3a3a3a;
    text-align: right;
    margin-right: 14px
}

.account-main-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 11px
}

    .account-main-item > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.account-main-item-left {
    font-family: Muli,sans-serif;
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3a3a3a
}

@media (max-width:375px) {
    .account-main-item-left {
        font-size: 19px
    }
}

@media (max-width:414px) {
    .account-main-item-left {
        font-size: 20px
    }
}

.account-main-item-right {
    text-align: right;
    margin-right: 14px;
    font-family: Muli,sans-serif;
    font-size: 19px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b8407c;
    cursor: pointer;
    margin-top: 8px
}

.greater-pink {
    width: 68px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (min-device-width :991px) and (max-device-width :1024px) {
    .account-main {
        width: 470px
    }
}

@media (max-width:767px) {
    .account-main .close {
        right: 22px
    }

    .account-main {
        position: fixed;
        bottom: 0;
        width: 100%;
        margin-left: -6px
    }

    .account-main-header-left {
        font-size: 13px
    }

    .account-main-item-right {
        font-size: 14px
    }
}

.parity-general-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.parity-container {
    width: 512px;
    height: 75px;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(60,56,135,.08);
    box-shadow: 0 2px 24px 8px rgba(60,56,135,.08);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:414px) {
    .parity-container {
        width: 100%;
        overflow: hidden
    }
}

.parity-container-pair {
    margin: 25px 0 22px 29px;
    width: 119px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .parity-container-pair {
        font-size: 18px
    }

    .parity-search-container-grow {
        margin-right: 18px
    }
}

.parity-container-line {
    width: 1px;
    height: 55px;
    opacity: .33;
    border: solid .5px rgba(77,76,114,.33);
    margin: 14px 0 11px 22px
}

.parity-container-operation {
    margin: 14px 11px 14px 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.parity-container-operation-left {
    width: 14px;
    height: 17px;
    margin-top: 10px
}

.parity-container-operation-disabled {
    width: auto;
    margin-left: 4px;
    margin-top: 26px;
    color: #ccc
}

.parity-container-operation-left-btn {
    width: auto;
    margin-left: 4px
}

.parity-container-operation-right-btn {
    width: auto;
    margin-left: 9px
}

.parity-container-operation-right {
    margin-left: 4px;
    margin-top: 10px;
    width: 14px;
    height: 17px
}

.arrow-updown {
    width: 14px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain
}

.parity-add-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-inline-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    width: 98%
}

@media (max-width:414px) {
    .parity-add-remove {
        width: 100%
    }
}

.parity-add-remove button {
    width: 170px;
    height: 35px;
    border-radius: 5px;
    border: solid 1px #d4d4dd;
    background-color: #fff
}

.parity-addremove-btn {
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b8407c;
    cursor: pointer
}

.parity-fwdadd-btn {
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b8407c;
    cursor: pointer;
    margin-top: 12px
}

.parity-remove-icon {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain
}

.parity-add-remove-icon {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain
}

.parity-close-icon {
    width: 23px;
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain
}

.parity-remove-container {
    height: 25px;
    margin-top: 26px;
    margin-right: 0;
    max-width: 0;
    transition: linear;
    transition-property: all;
    transition-duration: .6s;
    overflow: hidden;
    -webkit-transition: linear;
    -o-transition: linear;
    transition: linear;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s
}

.parity-remove-container-grow {
    height: 25px;
    margin-top: 26px;
    max-width: 100%;
    margin-right: 14px;
    -webkit-transition: linear;
    -o-transition: linear;
    transition: linear;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s
}

.parity-search-icon {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain
}

.parity-search-container {
    width: 80%;
    height: 46px;
    border-radius: 4px;
    border: none;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    transform: scaleY(1);
    transform-origin: top;
    max-width: 0;
    transition: max-width .55s ease-out;
    overflow: hidden;
    position: absolute
}

.parity-search-container-search {
    margin: 7px 0 0 11px
}

.parity-search-container-input {
    margin-left: 12px;
    width: 85%
}

    .parity-search-container-input input {
        height: 65%;
        width: 100%;
        font-family: Muli,sans-serif;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        margin: 8px 0 0 1px;
        color: #4d4c72;
        padding-bottom: 8px
    }

.parity-search-container-close {
    margin: 7px
}

.parity-search-container-grow {
    max-width: 87%;
    height: 50px;
    border-radius: 4px;
    border: solid 2px #d4d4dd;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    transform: scaleY(1);
    transform-origin: top;
    transition: max-width .55s linear;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: max-width .55s linear;
    -o-transition: max-width .55s linear;
    transition: max-width .55s linear;
    flex-grow: 1
}
.new-maturity-date-field {
    display: flex !important;
    flex-direction: row !important;
}

.parity-add-remove-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10%;
    margin-left: 15px;
    margin-top: 10px
}

    .parity-add-remove-close button {
        height: 23px;
        font-family: Muli,sans-serif;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        border: none;
        background: 0 0;
        letter-spacing: normal;
        color: #b8407c;
        cursor: pointer
    }

.parity-success-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 151px;
    height: 151px;
    opacity: .92;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 9px 5px rgba(0,0,0,.04);
    box-shadow: 0 2px 9px 5px rgba(0,0,0,.04);
    background-color: #fff
}

.parity-success-modal-icon {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.parity-sucess-icon {
    width: 68px;
    height: 49px;
    -o-object-fit: contain;
    object-fit: contain
}

.parity-success-modal-text {
    position: absolute;
    left: 50%;
    top: 60%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 20px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b8407c;
    text-align: center;
    margin-top: 26px
}

:host {
    display: block
}

.fade {
    opacity: 0
}

@media (max-width:365px) {
    .parity-container-pair {
        font-size: 11px
    }
}

@media only screen and (min-device-width :991px) and (max-device-width :1024px) {
    .parity-container-operation {
        margin: 14px 11px 14px 14px
    }

    .parity-container-line {
        margin: 14px 0 11px 14px
    }

    .parity-container-pair {
        margin: 25px 0 22px 5px
    }
}

@media (max-width:768px) {
    .parity-search-container-input input {
        height: 70%;
        margin-top: 12px
    }

    .parity-container-line {
        margin-left: 9px
    }

    .parity-container-pair {
        font-family: Muli,sans-serif;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        margin-top: 13px;
        margin-left: 4px
    }

    .parity-container-operation {
        margin-left: 4px;
        margin-top: 20px
    }

    .parity-container-pair-underline {
        background-image: url(/assets/img/icons/greater-pink.svg);
        height: 26px;
        margin-top: 6px;
        width: 70px;
        display: inline-block
    }

    .parity-add-remove {
        margin-right: 0;
        margin-top: 5px
    }

    .parity-addremove-btn {
        font-size: 15px
    }

    .parity-fwdadd-btn {
        font-size: 15px;
        margin-top: 0
    }

    .parity-add-remove-close {
        width: 20%
    }

    .parity-add-remove button {
        width: 169px
    }
}

@media (max-width:375px) {
    .parity-fwdadd-btn {
        font-size: 14px;
        margin-top: 12px
    }

    .parity-add-remove button {
        width: 151px
    }

    .parity-add-remove-close {
        width: 21%
    }

    .parity-add-remove {
        margin-top: 0
    }

    .parity-search-container-input input {
        margin-top: 6px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .parity-search-container-input input {
            margin-top: 12px
        }
    }
}

.fwd-operations-box {
    margin: 32px 0 16px;
    height: 676px;
    border-radius: 10px;
    box-shadow: 0 2px 9px 2px rgba(55,65,116,.24);
    background-color: #fff
}

.fwd-operations-box-detail {
    margin: 10px 0 16px;
    height: 676px;
    border-radius: 10px;
    box-shadow: 0 2px 9px 2px rgba(55,65,116,.24);
    background-color: #fff
}

.fwd-operations-header-item-left {
    text-align: center;
    float: left;
    padding: 22px 17px 0;
    transition: all ease-in-out .2s;
    cursor: pointer
}

.fwd-operations-header {
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.fwd-operations-detail-header-border {
    padding: 5px;
    border-radius: 4px;
    border: solid 1px rgba(216,216,216,.68);
    background-color: #fff;
    text-align: center;
    float: right;
    margin: 16px 22px 7px
}

.fwd-operations-detail-header-btn {
    width: 100%;
    height: 20px;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b82c6c
}

.fwd-operation-header-line {
    width: 100%;
    height: auto;
    border: solid 1px rgba(77,76,114,.24);
    display: flex
}

.fwd-operations-sub-header-item-left {
    text-align: left;
    padding: 20px 21px 4px;
    cursor: pointer
}

.fwd-operation-vertical-line-item-green {
    width: .5%;
    height: 24px;
    border: solid 4px #82da84;
    display: inline-block;
    margin-right: 11px
}

.fwd-operation-vertical-line-item-orange {
    width: .5%;
    height: 24px;
    border: solid 4px #da8282;
    display: inline-block;
    margin-right: 11px
}

.fwd-operation-sub-header-item {
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.fwd-operation-sub-header-line-item {
    width: 350%;
    height: 1px;
    border: solid 1px rgba(77,76,114,.29);
    display: inherit;
    margin-top: 4px
}

.fwd-operation-transaction-header-container {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.fwd-operation-transaction-dt-header-container {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media (max-width:767px) {
    .fwd-operation-transaction-dt-header-container {
        height: 30px
    }
}

.fwd-operation-transaction-dt-down-header-container {
    display: none;
    width: 100%
}

@media (max-width:767px) {
    .fwd-operation-transaction-dt-down-header-container {
        height: 30px;
        display: flex;
        justify-content: flex-end
    }
}

.fwd-operation-transaction-detail-header-container {
    display: none;
    justify-content: flex-start;
    flex-flow: column;
    margin-left: 34%;
    height: 80px
}

@media (max-width:767px) {
    .fwd-operation-transaction-detail-header-container {
        display: flex
    }
}

.fwd-operation-transaction-header-item {
    width: 21%;
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    color: #d4d4dd
}

    .fwd-operation-transaction-header-item + .fwd-operation-transaction-header-item {
        margin-left: 6%
    }

@media (max-width:767px) {
    .fwd-operation-transaction-header-item {
        width: 31%
    }

        .fwd-operation-transaction-header-item:nth-child(3) {
            display: none
        }
}

.fwd-operation-transaction-detail-header-item {
    width: 21%;
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    color: #96a0b9
}

    .fwd-operation-transaction-detail-header-item + .fwd-operation-transaction-detail-header-item {
        margin-left: 6%
    }

@media (max-width:767px) {
    .fwd-operation-transaction-detail-header-item {
        width: 30%;
        margin-top: 10px
    }

        .fwd-operation-transaction-detail-header-item:nth-child(3) {
            display: none
        }
}

.fwd-operation-transaction-detail-sub-header-item {
    width: 100%;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 5px;
    color: #96a0b9
}

.fwd-operation-transaction-cell-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 40px;
    justify-content: flex-end;
    margin-bottom: 3%
}

.fwd-operation-transaction-detail_cell-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 40px;
    justify-content: flex-end;
    margin-bottom: 3%
}

@media (max-width:767px) {
    .fwd-operation-transaction-detail_cell-container {
        margin-bottom: 1%
    }
}

.fwd-operation-transaction-cell-item1 {
    width: 18%;
    height: 100%;
    margin-left: 1%;
    display: contents
}

.fwd-operation-transaction-cell-item1-key {
    font-size: 13px;
    margin-bottom: 15%;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .44;
    letter-spacing: normal;
    color: #4d4c72
}

.fwd-operation-transaction-cell-item1-value {
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 2%
}

.fwd-operation-transaction-cell-item-line {
    width: 1px;
    height: 30px;
    border: solid .7px #d4d4dd;
    margin-top: .5%
}

.fwd-operation-transaction-cell-item-image {
    width: 2%;
    height: 19px;
    border: solid .5px #c7317e;
    background-color: #31302e;
    margin-left: 2%;
    margin-top: 1%
}

@media (max-width:767px) {
    .fwd-operation-transaction-cell-item-image {
        width: 3%
    }
}

.fwd-operation-transaction-cell-item-image {
    width: 3%;
    height: 19px;
    border: solid .5px #c7317e;
    background-color: #f9f9f9;
    margin: 1%
}

.fwd-operation-transaction-cell-item2 {
    width: 27%;
    height: 45px;
    font-size: 12px;
    line-height: .44;
    letter-spacing: normal;
    color: #4d4c72;
    margin-left: 3%
}

@media (max-width:767px) {
    .fwd-operation-transaction-cell-item2 {
        width: 37%;
        margin-left: 8%
    }

        .fwd-operation-transaction-cell-item2 span {
            font-size: 18px;
            margin-left: -3.5px;
            color: #4e4b75
        }
}

.fwd-operation-transaction-cell-item3 {
    width: 26%;
    height: 19px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: .44;
    letter-spacing: normal;
    color: #4d4c72;
    margin-left: 1%;
    margin-top: 1%
}

@media (max-width:767px) {
    .fwd-operation-transaction-cell-item3 {
        width: 30%
    }
}

.fwd-operation-detail-transaction-cell {
    width: 26%;
    height: 19px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: .44;
    letter-spacing: normal;
    color: #d4d4dd;
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 35px
}

.fwd-operation-transaction-cell-item4 {
    width: 20%;
    height: 19px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: .44;
    letter-spacing: normal;
    color: #4d4c72;
    margin-left: 1%;
    margin-top: 1%
}

@media (max-width:767px) {
    .fwd-operation-transaction-cell-item4 {
        display: none
    }
}

.flex-vertical-row {
    display: flex;
    margin-right: 1.5%;
    flex-direction: column;
    margin-top: 1%
}

.flex-vertical-detail-row {
    display: flex;
    margin-right: 1.5%;
    flex-direction: column;
    margin-top: 1%
}

@media (max-width:767px) {
    .flex-vertical-detail-row {
        margin-left: 2%
    }
}

.fwd-operations-top-header-item {
    text-align: right;
    display: flex;
    margin-right: 2%;
    flex-direction: row
}

.Path {
    margin-left: 2%;
    width: 9px;
    height: 16px;
    border: solid .6px #bf397e;
    background-color: #bf397e
}

.tab-box-detail-container {
    margin: 2% 3.5% 2%;
    height: 676px;
    border-radius: 15px;
    box-shadow: 0 2px 24px 8px rgba(60,56,135,.08);
    background-color: #fff
}

.display-flex-column-row {
    display: flex;
    margin-top: 4%;
    flex-direction: row
}

.tab-box-detail-tab-header {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    transition: all ease-in-out .2s;
    cursor: pointer;
    width: 33%
}

@media (max-width:1199px) {
    .tab-box-detail-tab-header {
        padding: 3% 12%
    }
}

@media (max-width:767px) {
    .tab-box-detail-tab-header {
        padding: 3% 6%
    }
}

@media (max-width:380px) {
    .tab-box-detail-tab-header {
        padding: 4% 7%
    }
}

.tab-box-detail-tab-header .active {
    cursor: pointer
}

.tab-box-detail-tab-header-active {
    height: 3px;
    margin-left: 4%;
    border-radius: 4px;
    border: solid 1px #b8407c;
    background-color: #b8407c
}

@media (max-width:1199px) {
    .tab-box-detail-tab-header-active {
        margin-left: 20%
    }
}

@media (max-width:1023px) {
    .tab-box-detail-tab-header-active {
        margin: 0 14% 0 14%
    }
}

@media (max-width:767px) {
    .tab-box-detail-tab-header-active {
        margin: 0 13% 0 10%
    }
}

@media (max-width:380px) {
    .tab-box-detail-tab-header-active {
        margin: 0 2% 0 10%
    }
}

.tab-box-detail-tab-header-column {
    width: 1px;
    margin-top: 2%;
    height: 30px;
    border: solid 1px #d4d4dd
}

.tab-box-detail-line-center {
    width: 33%;
    padding: 3% 7%
}

@media (max-width:1199px) {
    .tab-box-detail-line-center {
        padding: 3% 11%
    }
}

@media (max-width:767px) {
    .tab-box-detail-line-center {
        padding: 3% 7%
    }
}

@media (max-width:330px) {
    .tab-box-detail-line-center {
        padding: 3% 5%
    }
}

.flex-alarm-list-row {
    display: flex;
    height: 50px;
    flex-direction: row;
    margin: 0 2%
}

.flex-vertical-parity-row {
    display: flex;
    flex-direction: column;
    margin-left: 3%;
    margin-top: 6%;
    width: 21%;
    align-items: center
}

@media (max-width:360px) {
    .flex-vertical-parity-row {
        width: 26%
    }

    .mobile-navigation-menu-title {
        top: 50%
    }
}

.item-row:first-child {
    font-size: 13px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    margin-bottom: 5%
}

.item-row:last-child {
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: .58;
    letter-spacing: normal;
    color: #4d4c72;
    margin: 3% 0 0 8%
}

.flex-vertical-detail-alarm-row {
    display: flex;
    margin-right: 2%;
    flex-direction: column;
    margin-left: 3%;
    margin-top: 3%;
    width: 35%
}

.item:first-child {
    font-size: 13px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d4d4dd;
    margin-bottom: 5%
}

.item:last-child {
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: .54;
    letter-spacing: normal;
    color: #4d4c72
}

.flex-horizontal-cancel-row {
    display: flex;
    flex-direction: row;
    margin-left: 3%;
    margin-top: 6%;
    width: 21%
}

@media (max-width:360px) {
    .flex-horizontal-cancel-row {
        width: 26%
    }
}

.item-cancel:first-child {
    object-fit: contain;
    font-family: icons;
    width: 17px;
    height: 17px;
    margin-right: 5%;
    background: url(../img/icons/cancel.svg)
}

.item-cancel:last-child {
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b8407c
}

.alarm-line {
    width: 1px;
    border: solid .5px #4d4c72;
    margin-left: 1%;
    margin-right: 3%
}

@media (max-width:360px) {
    .alarm-line {
        margin-right: 1%
    }
}

.operation-transaction-header-container {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.operation-transaction-header-item {
    width: 21%;
    height: 20px;
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: .43;
    letter-spacing: normal;
    color: #d4d4dd;
    margin-top: 25px;
    margin-bottom: 3%
}

    .operation-transaction-header-item + .operation-transaction-header-item {
        margin-left: 6%
    }

@media (max-width:991px) {
    .operation-transaction-header-item {
        width: 31%
    }
}

.operation-transaction-parity-key {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.operation-transaction-parity-value {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 2%
}

.operation-transaction-parity-item-line {
    width: 1px;
    height: 30px;
    border: solid .7px #d4d4dd;
    margin-top: 1.5%
}

.chart-box-header-style {
    display: flex;
    flex-direction: row;
    height: 75px;
    justify-content: space-between;
    background-color: #f7f7fd;
    border-bottom: solid 1px #c4c4e2
}

@media (max-width:991px) {
    .chart-box-header-style {
        height: 95px;
        flex-direction: column
    }
}

.chart-box-header-operation-box {
    width: 113px;
    height: 39px;
    text-align: center;
    font-family: Muli,sans-serif;
    color: #b8407c;
    font-size: 17px;
    border-radius: 5px;
    border: solid 1px #d4d4dd;
    background-color: #fff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-top: 8px;
    margin: 19px 19px 0 0;
    cursor: pointer
}

.chart-box-header-operation-box-style {
    display: flex;
    justify-content: flex-end;
    float: right;
    width: auto
}

.chart-box-header-div {
    display: flex;
    flex-direction: column
}

.chart-box-header-parity {
    width: auto;
    height: 45px;
    font-family: Muli,sans-serif;
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    margin: 18px 0 0 27px
}

.chart-box-header-parity-active {
    font-family: Muli,sans-serif;
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    margin: 18px 0 0 27px;
    border-bottom: solid 5px #b8407c;
    border-radius: 7px
}

.line-active {
    width: auto;
    height: 2px;
    border: solid 3px #b8407c;
    border-radius: 5px;
    margin: 5px 0 0 25px
}

@media (max-width:991px) {
    .chart-box-header-operation-box {
        margin: 8px 0 0 12px
    }

    .chart-box-header-operation-box-style {
        justify-content: flex-start;
        margin-bottom: 12px
    }

    .chart-box-header-parity {
        width: auto;
        height: 30px;
        font-family: Muli,sans-serif;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4d4c72;
        margin: 9px 0 0 13px
    }

    .line-active {
        display: none
    }

    .chart-box-header-parity-active {
        width: 116px;
        height: 30px;
        font-family: Muli,sans-serif;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4d4c72;
        margin: 9px 0 0 13px;
        border-bottom: none
    }
}

.fx-btn-style {
    display: none;
    padding: 7px 7px 5px 10px;
    color: #fff;
    position: relative;
    font-size: 23px;
    letter-spacing: .8px;
    text-align: right;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 3px 3px 0 #96a0b9
}

@media (max-width:991px) {
    .fx-btn-style {
        border-radius: 4px;
        background: #4d4c72;
        height: 43px;
        width: 42%;
        display: inline-block;
        padding: 13px 5px 2px 5px;
        letter-spacing: .8px;
        margin: 0 10px 0 0
    }
}

.fx-btn-style span {
    font-family: SourceSansPro;
    font-size: 27px
}

.fx-btn-style::before {
    content: attr(data-text);
    position: absolute;
    left: 5px;
    top: 4px;
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 400
}

@media (max-width:991px) {
    .fx-btn-style::before {
        font-family: Arial;
        font-size: 20px;
        letter-spacing: .4px
    }
}

.fx-btn-style.left {
    text-align: left
}

    .fx-btn-style.left::before {
        left: inherit;
        right: 5px
    }

.display-operation-column-row {
    display: flex;
    margin-top: 4%;
    flex-direction: row
}

@media (max-width:991px) {
    .display-operation-column-row {
        flex-direction: column;
        margin-bottom: 26px
    }
}

.fx-btn-operation-box-style {
    margin-left: 25px;
    padding-top: 8px;
    width: 44%;
    height: 77px;
    border-radius: 15px;
    background-color: #fff
}

@media (max-width:991px) {
    .fx-btn-operation-box-style {
        margin: 14px 0 0 15px;
        width: 92%;
        padding-top: 7px
    }
}

.operation-arrow-link {
    width: 105px;
    height: 23px;
    font-family: Muli,sans-serif;
    font-size: 18px;
    margin-left: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

    .operation-arrow-link::after {
        content: "\e908";
        font-family: icons;
        font-size: .95em;
        vertical-align: middle;
        margin-left: 35px;
        font-weight: 400;
        display: inline-block
    }

@media only screen and (min-device-width :991px) and (max-device-width :1024px) {
    .operation-arrow-link::after {
        margin-left: 18px
    }
}

@media (max-width:991px) {
    .operation-arrow-link::after {
        margin-left: 35%
    }
}

@media (max-width:320px) {
    .operation-arrow-link::after {
        margin-left: 20%
    }
}

.operation-arrow-link2 {
    width: 105px;
    height: 23px;
    font-family: Muli,sans-serif;
    font-size: 18px;
    margin-left: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

    .operation-arrow-link2::after {
        content: "\e908";
        font-family: icons;
        font-size: .95em;
        vertical-align: middle;
        margin-left: 30px;
        font-weight: 400;
        display: inline-block
    }

@media only screen and (min-device-width :991px) and (max-device-width :1024px) {
    .operation-arrow-link2::after {
        margin-left: 12%
    }
}

@media (max-width:991px) {
    .operation-arrow-link2::after {
        margin-left: 37%
    }
}

@media (max-width:320px) {
    .operation-arrow-link2::after {
        margin-left: 27%
    }
}

.notification-col {
    display: flex;
    width: auto;
    height: auto;
    margin: 10px 19% 0 18%;
    overflow: hidden
}

@media (min-width:1100px) and (max-width:1200px) {
    .notification-col {
        margin-left: 1%;
        margin-right: 1%
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .notification-col {
        margin-left: 3%;
        margin-right: 3%
    }
}

@media (min-width:1300px) and (max-width:1400px) {
    .notification-col {
        margin-left: 7%;
        margin-right: 6%
    }
}

@media (min-width:1400px) and (max-width:1550px) {
    .notification-col {
        margin-left: 10%;
        margin-right: 10%
    }
}

.notification-header {
    width: 300px;
    height: 40px;
    margin-top: 20px;
    font-family: serif;
    font-size: 30px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.display-flex-column {
    display: flex;
    flex-direction: column
}

.notification-cell {
    width: 550px;
    height: 98px;
    display: flex;
    flex-direction: row;
    border-top: solid 1px #d4d4dd;
    padding-top: 29px
}

.not-operation-transaction-cell-item1 {
    width: 18%;
    height: 100%;
    margin-left: 1%;
    margin-right: 15%;
    display: flex
}

.not-operation-transaction-cell-item1-key {
    height: 21px;
    width: 76px;
    font-size: 17px;
    font-family: Muli,sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.not-operation-transaction-cell-item1-value {
    width: 59px;
    height: 25px;
    font-family: Muli,sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 20%
}

.not-operation-transaction-cell-item-line {
    width: 1px;
    height: 38px;
    border: solid .5px #4d4c72;
    margin: 3% 0 0 4%
}

.not-item-line {
    width: 291px;
    height: 25px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    border-left: solid 3px #4d4c72;
    margin: 0 26px 0 0;
    padding-left: 5px
}

.not-item-date {
    width: 47px;
    height: 6px;
    font-family: Muli,sans-serif;
    font-size: 17px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: .35;
    letter-spacing: normal;
    color: #d4d4dd;
    margin: 20px 40px 0 0
}

.not-item-date-value {
    width: 149px;
    height: 7px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: .44;
    letter-spacing: normal;
    color: #4d4c72;
    margin-top: 20px
}

.notification-canvas {
    width: 356px;
    height: 424px;
    object-fit: contain;
    margin-top: 140px;
    margin-left: 3%
}

.notification-style-flex {
    display: flex;
    width: 400px
}

@media (max-width:991px) {
    .notification-header {
        font-size: 20px;
        margin-top: 15px
    }

    .notification-canvas {
        display: none
    }

    .notification-col {
        margin: 0
    }

    .notification-cell {
        border-top: unset;
        flex-direction: column;
        padding-top: 20px;
        height: 113px;
        margin: 0 16px;
        width: 375px
    }

        .notification-cell:not(:last-child) {
            border-bottom: solid 1px #d4d4dd
        }

    .not-item-line {
        font-size: 17px
    }

    .not-operation-transaction-cell-item1-key {
        font-size: 14px
    }

    .not-operation-transaction-cell-item1-value {
        font-size: 14px
    }

    .not-item-date {
        font-size: 14px;
        margin: 20px 6px 0 0
    }

    .not-item-date-value {
        font-size: 13px
    }

    .notification-style-flex {
        margin-top: 15px
    }

    .not-operation-transaction-cell-item1 {
        margin-left: 11px;
        margin-right: 7%
    }
}

.eco-cal-container {
    width: auto;
    height: 800px;
    margin: 7% 19% 0 19%
}

.flex-row-end {
    display: flex;
    flex-flow: row
}

.cal-header {
    font-size: 17px;
    width: 106px;
    height: 25px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #4d4c72
}

.eco-calander-cell {
    width: 984px;
    height: 95px;
    display: flex;
    flex-direction: row;
    border-top: solid 1px #d4d4dd;
    padding-top: 24px;
    margin-top: 24px
}

.col-style-flex {
    display: flex;
    width: 645px;
    margin-left: 20px
}

.col-calander-item {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 20%;
    margin-left: 9%
}

.col-calander-item-key {
    width: 80px;
    height: 21px;
    margin-bottom: 15px;
    font-family: Muli,sans-serif;
    font-size: 17px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d4d4dd
}

.col-calander-item-value {
    width: 50px;
    height: 22px;
    font-family: Muli,sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: .41;
    letter-spacing: normal;
    color: #4d4c72
}

.col-operation-transaction-cell-item1 {
    width: 15%;
    display: flex
}

.flex-row-start {
    display: none
}

.cal-subheader {
    width: 100%;
    font-family: Muli,sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    margin: 25px 0 11px 13px;
    border-bottom: solid 1px #d4d4dd;
    padding-bottom: 6px
}

.economic-cal-item-container {
    margin-left: 13px;
    display: none
}

.eco-mobil-calander-cell {
    display: none
}

.col-item-line {
    height: 18px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    border-left: solid 2px #4d4c72;
    padding-left: 6px;
    display: none
}

.cal-operation-transaction-cell-item-line {
    width: 1px;
    height: 38px;
    border: solid .5px #4d4c72;
    margin: 5% 0 0 10%
}

.col-not-item-text {
    height: 60px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d4d4dd;
    text-align: center;
    margin: 5%
}

@media (max-width:991px) {
    .eco-cal-container {
        width: unset;
        height: 100%;
        margin: 120px 15px 0 5px
    }

    .economic-cal-item-container {
        display: flex;
        flex-direction: column;
        padding: 13px
    }

    .flex-row-start {
        display: flex
    }

    .eco-calander-cell {
        display: none
    }

    .eco-mobil-calander-cell {
        display: flex;
        flex-direction: column;
        border-top: solid 1px #d4d4dd;
        padding-top: 10px
    }

    .col-style-flex {
        flex-wrap: wrap;
        width: unset;
        margin-left: 10px;
        margin-top: 15px
    }

    .col-item-line {
        display: flex
    }

    .col-calander-item-key {
        font-size: 14px;
        margin-bottom: 7px
    }

    .col-calander-item-value {
        font-size: 13px
    }

    .cal-operation-transaction-cell-item-line {
        margin: 0 0 0 11px;
        height: 35px
    }

    .col-calander-item {
        width: 26%;
        margin-left: 13%
    }

        .col-calander-item:nth-child(4) {
            margin-left: 28%
        }

    .flex-row-end {
        margin-left: 55%
    }

    .col-not-item-text {
        height: 45px
    }
}

.mobile-navigation-alarms-icon {
    width: 32px;
    height: 36px;
    object-fit: contain;
    margin-bottom: 5px;
    margin-left: 2px
}

.mobile-navigation-orders-icon {
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin-bottom: 5px;
    margin-left: 2px
}

.mobile-navigation-help-icon {
    width: 19px;
    height: 20px;
    object-fit: contain
}

.mobile-navigation-icon-menu-bottom-container {
    font-family: Muli,sans-serif;
    color: #fff;
    word-wrap: break-word;
    margin-right: 12px;
    margin-left: 15px;
    align-items: flex-end;
    margin-top: 10%;
    margin-bottom: 30px;
    display: flex;
    width: auto;
    height: 100%
}

.mobile-navigation-icon-help-text {
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 1px 0 0 11px
}

.chart-box-no-data {
    height: 430px;
    text-align: center;
    align-items: center;
    display: flex;
    margin-left: 27%
}

@media (max-width:991px) {
    .chart-box-no-data {
        height: auto;
        text-align: center;
        align-items: center;
        display: unset;
        margin-left: unset
    }
}

.economic-calander-date-image {
    height: 28px;
    width: 28px;
    align-items: center;
    object-fit: contain;
    margin: 0 10px;
    background: url(../img/icons/calander.svg) no-repeat center/contain
}

.dp-date-text {
    width: auto;
    height: 25px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4d4c72;
    cursor: pointer
}

.back-menu-image {
    width: 14px;
    height: 23px;
    object-fit: contain;
    margin-top: 5%;
    margin-left: 15px
}

.daily-newsletter-div {
    margin-left: auto;
    text-align: right;
    display: flex;
    flex-direction: row-reverse
}

.calander-box-type {
    display: flow-root
}

@media (min-width:768px) and (max-width:991px) {
    .back-menu-image {
        margin-top: 3%
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .calander-box-type {
        display: inline-table
    }
}

@media (max-width:767px) {
    .mobile-navigation-icon-menu-bottom-container {
        margin-top: auto
    }

    .daily-newsletter-div {
        margin-left: auto;
        font-size: 14px
    }

    .dp-date-text {
        height: 31px;
        font-size: 17px;
        font-weight: 600
    }

    .calander-box-type {
        display: inline-flex;
        float: left
    }
}

@media (max-width:375px) {
    .mobile-navigation-icon-menu-bottom-container {
        margin-top: 15%
    }
}

@media (max-width:360px) {
    .mobile-navigation-icon-menu-bottom-container {
        margin-top: 10%
    }
}

@media (max-width:330px) {
    .mobile-navigation-icon-menu-bottom-container {
        margin-top: 20px
    }
}

label.branchselect-item-radio {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    position: relative;
    cursor: pointer
}

    label.branchselect-item-radio input[type=radio] {
        opacity: 0;
        position: absolute;
        width: 0;
        height: 0
    }

        label.branchselect-item-radio input[type=radio]:checked ~ .branchselect-item-radio-tick {
            opacity: .2
        }

        label.branchselect-item-radio input[type=radio]:checked ~ .branchselect-item__input::before {
            border-color: #4d4c72
        }

        label.branchselect-item-radio input[type=radio]:checked ~ .branchselect-item__input::after {
            opacity: 1
        }

    label.branchselect-item-radio > [class*=branchselect-item__] {
        float: left;
        color: #4d4c72;
        line-height: normal
    }

    label.branchselect-item-radio .branchselect-item__input {
        width: 37px;
        position: relative
    }

@media (max-width:767px) {
    label.branchselect-item-radio .branchselect-item__input {
        width: 25px
    }
}

label.branchselect-item-radio .branchselect-item__input::after, label.branchselect-item-radio .branchselect-item__input::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    border-radius: 50%
}

label.branchselect-item-radio .branchselect-item__input::before {
    width: 9px;
    height: 9px;
    border: solid 1px #96a0b9;
    background: #fff;
    transition: all ease-in-out .2s
}

label.branchselect-item-radio .branchselect-item__input::after {
    width: 5px;
    height: 5px;
    background: #4d4c72;
    opacity: 0;
    transition: all ease-in-out .2s
}

label.branchselect-item-radio .branchselect-item__nick {
    width: 97px;
    font-weight: 700;
    font-size: 13px
}

@media (max-width:767px) {
    label.branchselect-item-radio .branchselect-item_nick {
        width: 74px
    }
}

label.branchselect-item-radio .branchselect-item__name {
    width: calc(100% - 134px);
    font-size: 12px
}

@media (max-width:767px) {
    label.branchselect-item-radio .branchselect-item__name {
        width: calc(100% - 100px)
    }
}

label.branchselect-item-radio .branchselect-item-radio-tick {
    position: absolute;
    opacity: 0;
    background: #96a0b9;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all ease-in-out .2s
}

label.branchselect-item-radio:hover .branchselect-item-radio-tick {
    opacity: .2
}

.dektop-navigation-img {
    width: 8px;
    height: 14px;
    object-fit: contain
}

input::placeholder {
    color: #d4d4dd;
    font-family: Muli,sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal
}

:-ms-input-placeholder {
    color: #d4d4dd !important;
    font-family: Muli,sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal
}

::-ms-input-placeholder {
    color: #d4d4dd !important;
    font-family: Muli !important;
    font-size: 13px !important;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal
}

input[type=text]::-ms-clear {
    display: none
}

@media (max-width:330px) {
    input::placeholder {
        font-size: 10px
    }
}

@media (max-width:823px) {
    .calander-box-type {
        display: inline-flex;
        float: left
    }
}

.parity-info-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 359px;
    height: 227px;
    border-radius: 12px;
    box-shadow: 0 2px 12px -5px rgba(0,0,0,.5);
    background-color: #fff;
    transform: translate(-50%,-50%);
    z-index: 51
}

.parity-info-modal__header {
    width: 315px;
    height: 32px;
    font-family: serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #222943;
    margin-top: 26px;
    margin-left: 22px;
    margin-right: 22px
}

.parity-info-modal__text {
    margin-top: 16px;
    margin-left: 22px;
    margin-right: 22px;
    width: 327px;
    height: 64px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #666f85
}

@media (max-width:767px) {
    .parity-info-modal {
        position: fixed
    }
}

.Shadow {
    width: 327px;
    height: 56px;
    object-fit: contain
}

.parity-info-modal__button button {
    background-color: #870052;
    width: 327px;
    height: 56px;
    object-fit: contain;
    margin-left: 16px;
    margin-top: 17px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

    .parity-info-modal__button button:active {
        vertical-align: top;
        padding: 8px 13px 6px
    }

.parity-error-modal {
    position: fixed;
    left: 50%;
    top: 45%;
    width: 359px;
    height: 300px;
    border-radius: 12px;
    box-shadow: 0 2px 12px -5px rgba(0,0,0,.5);
    background-color: #fff;
    transform: translate(-50%,-50%);
    z-index: 51
}

@media (max-width:767px) {
    .parity-error-modal {
        top: 50%
    }
}

.parity-error-modal__header {
    width: 315px;
    height: 32px;
    font-family: serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #222943;
    margin-top: 26px;
    margin-left: 22px;
    margin-right: 22px
}

.parity-error-modal__text {
    margin-top: 16px;
    margin-left: 22px;
    margin-right: 22px;
    width: 327px;
    height: 130px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #666f85
}

.parity-error-modal__button button {
    background-color: #870052;
    width: 327px;
    height: 56px;
    object-fit: contain;
    margin-left: 16px;
    margin-top: 17px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(0,0,0,.85);
    z-index: 1;
    filter: blur(7px)
}

.operation-transaction-dt-header-container {
    display: flex;
    margin: 2% 0 0 15%;
    width: 100%;
    height: 65px
}

.operation-transaction-detail-header-item {
    width: 14%;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    margin-right: 2%;
    margin-left: 1%;
    color: #96a0b9
}

.operation-alarm-detail-header-item {
    width: 16%;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    margin-right: 1%;
    color: #96a0b9
}

.settings-container {
    margin-left: 19%;
    margin-top: 120px
}

.web-operation-transactions {
    margin-top: 0;
    padding: 0 19%
}

.web-alarm-transactions {
    padding: 0 17% 0 19%
}

@media (min-width:996px) and (max-width:1200px) {
    .settings-container {
        margin-left: 1%
    }

    .web-operation-transactions {
        padding: 0 1%
    }

    .web-alarm-transactions {
        padding: 0 1%
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .settings-container {
        margin-left: 3%
    }

    .web-operation-transactions {
        padding: 0 6%
    }

    .web-alarm-transactions {
        padding: 0 6%
    }
}

@media (min-width:1300px) and (max-width:1400px) {
    .settings-container {
        margin-left: 7%
    }

    .web-operation-transactions {
        padding: 0 6%
    }

    .web-alarm-transactions {
        padding: 0 6%
    }
}

@media (min-width:1400px) and (max-width:1550px) {
    .settings-container {
        margin-left: 10%
    }

    .web-operation-transactions {
        padding: 0 10%
    }

    .web-alarm-transactions {
        padding: 0 10%
    }
}

@media (max-width:767px) {
    .settings-container {
        margin-left: 0;
        margin-top: 28%
    }

    .web-operation-transactions {
        display: none
    }

    .web-alarm-transactions {
        display: none
    }
}

.operation-transaction-content-item1 {
    width: 18%;
    height: 100%;
    margin-left: 1%;
    display: contents
}

.operation-transaction-cell-item1 {
    width: 140px;
    height: 25px;
    font-size: 20px;
    margin-right: 15px;
    margin-top: 3px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.operation-order-cell-item1 {
    width: 245px;
    height: 25px;
    font-size: 20px;
    margin-right: 5px;
    margin-top: 3px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72
}

.operation-transaction-cell-item-line {
    width: 2px;
    height: 40px;
    border: solid .7px #d4d4dd
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .operation-transaction-cell-item-line {
        display: none
    }
}

.operation-transaction-cell-item2 {
    width: 13%;
    height: 33px;
    font-family: Muli,sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 4%
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .operation-transaction-cell-item2 {
        margin-left: 2%
    }
}

.operation-transaction-cell-item2 span {
    font-size: 26px;
    margin-left: -6px;
    color: #4e4b75
}

.operation-transaction-cell-item3 {
    width: 23%;
    height: 25px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73
}

    .operation-transaction-cell-item3 span {
        font-size: 17px;
        margin-left: -3.5px;
        color: #4e4b75
    }

.operation-transaction-cell-item4 {
    width: 21%;
    height: 25px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73
}

    .operation-transaction-cell-item4 span {
        font-size: 17px;
        margin-left: -3.5px;
        color: #4e4b75
    }

.operation-transaction-cell-item5 {
    width: 24%;
    height: 25px;
    font-size: 20px;
    font-family: Muli,sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73
}

.operation-transaction-detail_cell-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    justify-content: flex-end;
    margin: 2.5% 0 18px 0
}

@media (max-width:767px) {
    .operation-transaction-detail_cell-container {
        margin-bottom: 1%
    }

    .operation-transaction-cell-item2 span {
        font-size: 18px;
        margin-left: -3.5px;
        color: #4e4b75
    }
}

.operation-line {
    width: 1200px;
    height: 1px;
    border: solid 1px #f3f3ff;
    display: flex
}

.flex-vertical-row1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: right;
    width: 30%
}

.flex-vertical-row6 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: right;
    width: 27%
}

.flex-vertical-row2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 40%;
    border-left: solid .5px #d4d4dd;
    padding-left: 4%
}

.flex-vertical-row3 {
    display: flex;
    width: 33%;
    flex-direction: column;
    text-align: center
}

.flex-vertical-row4 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 33%;
    margin-right: 7%;
    border-left: solid .5px #d4d4dd;
    padding-left: 4%
}

.flex-vertical-row5 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 33%;
    padding-left: 4%;
    border-left: solid .5px #d4d4dd
}

.flex-vertical-cancel {
    display: flex;
    width: 17%;
    margin-left: 3%;
    margin-top: 0;
    text-align: right
}

.operation-header-container {
    display: none;
    flex-direction: column;
    width: auto;
    height: 80px;
    margin-left: 17.5%
}

.operation-header-container-web {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 80px;
    margin-left: 17.5%;
    margin-top: 100px
}

.operation-header-text1 {
    height: 30px;
    margin: 30px 30px 0 50px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #4d4c72
}

.operation-header-text2 {
    width: 140px;
    height: 30px;
    margin: 30px 30px 0 30px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #666f85
}

.alarm-active {
    width: auto;
    height: 5px;
    margin-top: 10px;
    margin-left: 25px;
    border-radius: 4px;
    border: solid 1px #b8407c;
    background-color: #b8407c;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.order-active {
    width: 130px;
    margin-top: 10px;
    height: 5px;
    margin-left: 15%;
    border: solid 1px #b8407c;
    background-color: #b8407c;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    display: none
}

.mobile-operation-transactions {
    display: none
}

.mobile-other-transactions {
    display: none
}

.mobile-operations-container {
    display: none
}

@media (min-width:1100px) and (max-width:1200px) {
    .order-active {
        margin-left: 16%
    }

    .operation-header-container-web {
        margin-left: 1%
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .order-active {
        margin-left: 16%
    }

    .operation-header-container-web {
        margin-left: 2%
    }

    .eco-cal-container {
        margin: 10% 4% 0 3.5%
    }
}

@media (min-width:1300px) and (max-width:1400px) {
    .order-active {
        margin-left: 16%
    }

    .operation-header-container-web {
        margin-left: 3%
    }

    .eco-cal-container {
        margin-top: 10%;
        margin-left: 6.5%;
        margin-right: 8%
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    .order-active {
        margin-left: 17%
    }

    .operation-header-container-web {
        margin-left: 8%
    }

    .eco-cal-container {
        margin-top: 8%;
        margin-left: 12%
    }
}

@media (max-width:767px) {
    .flex-vertical-cancel {
        width: 15%;
        margin-left: 5%;
        margin-top: 3px
    }

    .mobile-operation-transactions {
        padding: 5% 2%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        border-bottom: solid .5px #d4d4dd
    }

        .mobile-operation-transactions:first-child {
            margin-top: 100px
        }

    .mobile-other-transactions {
        padding: 5% 2%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        border-bottom: solid .5px #d4d4dd
    }

    .mobile-operations-container {
        display: flex;
        flex-wrap: wrap;
        object-fit: contain;
        box-shadow: inset 0 -1px 0 0 #dee3ed;
        padding-top: 50%
    }

    .operation-transaction-detail-header-item {
        width: auto;
        height: 16px;
        font-size: 13px;
        color: #d4d4dd;
        margin-top: 0;
        text-align: left
    }

    .operation-alarm-cell-item2 {
        width: auto;
        height: 23px;
        font-size: 14px;
        margin-bottom: 10px
    }

    .operation-alarm-cell-item3 {
        width: auto;
        height: 16px;
        font-size: 13px
    }

    .operation-alarm-cell-item4 {
        width: auto;
        height: 16px;
        font-family: Muli,sans-serif;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4d4c72
    }

    .operation-transaction-cell-item1 {
        width: auto;
        font-size: 14px;
        margin-right: 9px
    }

    .operation-transaction-cell-item2 {
        width: auto;
        font-size: 14px;
        margin-right: 8px
    }

    .operation-transaction-cell-item3 {
        width: auto;
        font-size: 13px;
        text-align: left
    }

        .operation-transaction-cell-item3 span {
            font-size: 12px;
            margin-left: -3.5px;
            color: #4e4b75
        }

    .operation-transaction-cell-item4 {
        width: auto;
        font-size: 14px;
        text-align: left
    }

        .operation-transaction-cell-item4 span {
            font-size: 12px;
            margin-left: -3.5px;
            color: #4e4b75
        }

    .operation-transaction-alarm-header-item {
        width: auto;
        height: 16px;
        font-size: 13px;
        color: #d4d4dd;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: .38;
        letter-spacing: normal;
        margin-top: 8px;
        margin-bottom: 0;
        margin-right: 1%;
        color: #96a0b9;
        text-align: left
    }

    .operation-header-container {
        display: flex;
        flex-direction: column;
        width: auto;
        height: 62px;
        margin-left: 0;
        background-color: #fff;
        box-shadow: 0 9px 25px 0 rgba(219,224,230,.67);
        margin-top: 100px;
        position: fixed;
        width: 100%
    }

    .operation-header-container-web {
        display: none
    }

    .operation-header-text1 {
        width: 50%;
        font-weight: 700;
        margin: 5% 0 0 0;
        height: auto;
        font-family: Muli,sans-serif;
        font-size: 20px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: center;
        color: #4d4c72
        
    }

    .operation-header-text2 {
         width: 50%;
        font-weight: 700;
        margin: 5% 0 0 0%;
        height: auto;
        font-family: Muli,sans-serif;
        font-size: 20px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: center;
        color: #666f85
     
    }


    .alarm-active {
        width: 42%;
        height: 5px;
        margin: 0 4%;
        border-radius: 4px;
        margin-top: 2px;
        border: solid 1px #b8407c;
        background-color: #b8407c;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
       
    }

    .order-active {
         width: 42%;
        height: 5px;
        margin-left: 54%;
        margin-top: 2px;
        border: solid 1px #b8407c;
        background-color: #b8407c;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        display: none;
        margin-top: 0

    }
}

@media (max-width:375px) {
    .operation-transaction-cell-item1 {
        font-size: 13px
    }

    .order-active {
        width: 44%
    }
}

@media (max-width:330px) {
    .flex-vertical-row4 {
        width: 42.5%
    }

    .operation-transaction-cell-item1 {
        font-size: 11px
    }

    .operation-transaction-alarm-header-item {
        font-size: 12px
    }
}

.operation-alarm-detail-header-item1 {
    width: 15%;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    margin-right: 2%;
    color: #96a0b9
}

.operation-alarm-detail-header-item2 {
    width: 10%;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    color: #96a0b9
}

.operation-alarm-detail-header-item3 {
    width: 11%;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin: 25px 20px 0 0;
    margin-bottom: 3%;
    color: #96a0b9
}

.operation-alarm-detail-header-item4 {
    width: 13%;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .38;
    letter-spacing: normal;
    margin-top: 25px;
    margin-bottom: 3%;
    color: #96a0b9
}

.operation-transaction-cell-item6 {
    width: auto;
    height: 33px;
    font-family: Muli,sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-right: 9px
}

.operation-alarm-cell-item2 {
    width: 23%;
    height: 33px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 3%;
    margin-right: 1%
}

    .operation-alarm-cell-item2 span {
        font-size: 26px;
        margin-left: -6px;
        color: #4e4b75
    }

.operation-alarm-cell-item3 {
    width: 23%;
    height: 33px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 3%
}
.karsilik-degeri {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
}

.text-style-1 {
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    font-weight: normal;
}

.operation-alarm-cell-item4 {
    width: 25%;
    height: 33px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 3%
}

    .operation-alarm-cell-item4 span {
        font-size: 17px;
        margin-left: -3.5px;
        color: #4e4b75
    }

.operation-alarm-cell-item5 {
    width: 22.5%;
    height: 33px;
    font-family: Muli,sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4d73;
    margin-left: 3%
}

.cancel-image {
    width: 17px;
    height: 17px;
    margin: 4px 4px 0 0;
    object-fit: contain;
    background: url(../img/icons/cancelIcon.svg) no-repeat center/contain
}

.cancel-text {
    width: 53px;
    height: 14px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    margin-left: 2px;
    margin-top: 3px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b8407c
}

@media (max-width:767px) {
    .cancel-image {
        margin: unset
    }

    .cancel-text {
        font-size: 13px;
        margin-top: 1px;
        text-align: left;
        margin-left: 5px
    }
}

@media (max-width:375px) {
    .cancel-text {
        font-size: 12px;
        margin-top: 1px;
        text-align: left;
        margin-left: 3px
    }

    .settings-exit-button {
        margin: 14px 4%
    }
}

@media (max-width:360px) {
    .cancel-text {
        font-size: 11.5px;
        margin-top: 1px;
        text-align: left;
        margin-left: 3px
    }

    .settings-exit-button {
        margin: 14px 2%
    }
}

@media (max-width:330px) {
    .settings-exit-button {
        margin: 14px 0
    }
}

.settings-col-1 {
    width: 1190px;
    height: auto;
    padding-top: 1px;
    box-shadow: 0 9px 25px 0 rgba(219,224,230,.67);
    background-color: #fff
}

.settings-col-2 {
    margin-top: 25px;
    width: 1190px;
    height: 143px;
    box-shadow: 0 9px 25px 0 rgba(219,224,230,.67);
    background-color: #fff
}

.settings-col-3 {
    margin-top: 25px;
    width: 1190px;
    height: 111px;
    box-shadow: 0 9px 25px 0 rgba(219,224,230,.67);
    background-color: #fff
}

.settings-header {
    width: 1190px;
    margin-top: 5px;
    padding: 20px;
    height: 50px;
    box-shadow: inset 0 -1px 0 0 #dee3ed
}

.settings-text {
    width: 294px;
    height: 16px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: .35px;
    color: #666f85
}

.settings-incol-1 {
    display: flex
}

.settings-incol-0 {
    display: flex;
    box-shadow: 0 9px 25px 0 rgba(219,224,230,.67);
    background-color: #fff
}

.setting-text2 {
    width: auto;
    height: 20px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 1px 20px 0 15px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .4px;
    color: #4d4c72
}

.setting-text4 {
    width: auto;
    height: 20px;
    margin: 0 20px 0 20px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .4px;
    color: #4d4c72
}

.setting-text5 {
    width: auto;
    height: 20px;
    margin: 2px 20px 0 15px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .4px;
    color: #4d4c72
}

.flex-container-row {
    display: flex;
    margin: 20px
}

.setting-text3 {
    width: 280px;
    height: 32px;
    margin: 3px 20px 0 20px;
    font-family: Muli,sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .33px;
    color: #d4d4dd
}

.settings-exit-button {
    width: 343px;
    height: 56px;
    object-fit: contain;
    border-radius: 4px;
    margin: 25px 0 0 0;
    padding: 15px;
    border: solid 1px #dee3ed;
    text-align: center
}

.settings-exit-text {
    width: 295px;
    height: 48px;
    object-fit: contain;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4d4c72
}

@media (max-width:767px) {
    .setting-text2 {
        margin-right: 50px
    }

    .setting-text5 {
        margin-right: 45px
    }

    .settings-col-1 {
        width: auto;
        height: auto
    }

    .settings-exit-text {
        font-size: 15px
    }

    .settings-col-2 {
        width: auto;
        height: 220px
    }

    .settings-col-3 {
        width: auto;
        height: 155px
    }

    .settings-header {
        width: auto
    }

    .passive-radio-button {
        margin-left: 0
    }

    .passive-radio-button2 {
        margin-left: 60px
    }

    .settings-incol-0 {
        flex-direction: column
    }

    .settings-incol-1 {
        flex-direction: column
    }

    .setting-text {
        font-size: 14px
    }

    .setting-text3 {
        width: auto;
        font-size: 11px;
        margin-left: 14px
    }

    .setting-text4 {
        width: auto;
        font-size: 14px;
        margin-top: 2px;
        height: 35px;
        margin-left: 14px
    }

    .setting-text5 {
        width: auto;
        font-size: 14px
    }

    .settings-exit-button {
        margin: 14px 6%;
        width: auto
    }
}

@media (max-width:360px) {
    .setting-text4 {
        font-size: 13px
    }
}

.result-no-content {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-family: Muli,sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-top: 15%;
    color: #666f85
}

.account-container {
    height: 800px;
    padding: 0 48% 0 18%
}

.account-choice-container {
    float: left;
    width: 101px;
    padding: 0 11px
}

.account-header {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
    width: auto;
    border-bottom: solid 1px #d4d4dd;
    padding-bottom: 2px;
    margin: 27px 13px 15px 13px
}

    .account-header .account-header-title {
        height: 55px;
        font-family: serif;
        font-size: 36px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4d4c72
    }

    .account-header .account-header-text1 {
        font-size: 18px;
        font-weight: 400;
        height: 18px;
        margin-bottom: 5px;
        margin-top: -10px
    }

    .account-header .account-header-text2 {
        font-size: 26px;
        font-weight: 700;
        height: 40px;
        margin-top: 10px
    }

@media (min-width:1300px) and (max-width:1350px) {
    .account-container {
        height: 545px
    }
}

@media (min-width:1350px) and (max-width:1400px) {
    .account-container {
        height: 600px
    }
}

@media (min-width:1400px) and (max-width:1450px) {
    .account-container {
        height: 680px
    }
}

@media (max-width:767px) {
    .account-header {
        margin-top: 60px
    }

        .account-header .account-header-title {
            display: none
        }

    .account-container {
        height: auto;
        padding: 0 0
    }

    .account-choice-container {
        float: left;
        width: 26%;
        padding: 0 11px
    }

    .result-no-content {
        margin-top: 47%;
        padding: 10px;
        padding-bottom: 100%
    }

    .account-header .account-header-text1 {
        font-size: 17px;
        margin-top: 0
    }
}

.notification-container {
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 15px;
    padding: 5px;
    color: #4d4c72;
    border-bottom: solid 1px #d4d4dd;
    padding-bottom: 15px
}

    .notification-container .not-line {
        width: 1px;
        height: 13px;
        margin-top: 5px;
        border: solid 1px #4d4c72
    }

    .notification-container .not-text2 {
        margin-top: 3px;
        height: auto;
        margin-left: 8px
    }

.notification-container-not-text1 {
    height: 21px;
    font-size: 17px;
    font-weight: 600;
    margin-left: 6px;
    margin-bottom: 7px;
    height: auto;
    width: 60%
}

.not-web-header {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    height: 48px;
    font-family: serif;
    font-size: 36px;
    margin: 15px;
    padding: 5px;
    font-weight: 700;
    border-bottom: solid 1px #d4d4dd;
    color: #4d4c72
}

.not-no-context-text {
    width: auto;
    padding: 15px 20px;
    height: auto;
    font-family: Muli,sans-serif;
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d4d4dd
}

@media (max-width:767px) {
    .not-web-header {
        display: none
    }
}

-----------------------------------------------YUNUS ERDOGAN--------------------------------------------------------------------------- input[type=radio] + #question1b {
    display: none
}

.red + .red-label {
    background: url(../img/icons/radio-passive.svg) no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    cursor: pointer
}

.red:checked + .red-label {
    background: url(../img/icons/radio-active.svg) no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

.nobackground {
    background-color: transparent
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(0,0,0,.6);
    filter: blur(7px)
}

.exchange-modal .operation-modal-header {
    width: 100%;
    height: 144px;
    border-radius: 12px !important;
    background-image: linear-gradient(257deg,#1b2647,#42184b 58%,#6c094f);
    padding: 0 0 9px;
    border-radius: 4px 4px 0 0;
    padding: 0 16px
}

    .exchange-modal .operation-modal-header .header-title {
        width: 100%;
        display: flex;
        padding-top: 13px
    }

.header-title__description {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-family: Muli,sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .header-title__description {
        height: 45px
    }
}

.header-title__description span {
    height: 20px;
    font-size: 16px;
    font-weight: 700;
    flex: 1
}

@media (max-width:767px) {
    .header-title__description span {
        font-size: 13px
    }
}

.header-title__description div {
    font-size: 14px;
    padding-top: 3px
}

.space-top {
    margin-top: 16px
}

.exchange-modal .operation-modal-header .header-title .header-main {
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    flex: 1;
    margin-top: 5px;
    text-align: center
}

.exchange-modal .operation-modal-header .header-line {
    width: 100%;
    height: 1px;
    opacity: .35;
    border: solid 1px #744170;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 17px
}

.exchange-modal .operation-modal-header .modal-close {
    width: 19px;
    height: 18px;
    object-fit: contain;
    cursor: pointer
}

.operation-modal-radiogroup {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.operation-modal-content {
    border-radius: 12px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    transition: .4s
}

.operation-modal-label {
    cursor: pointer;
    position: relative;
    flex: 1;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    height: 72px;
    padding-top: 10px
}

    .operation-modal-label input[type=radio] {
        display: none
    }

@media (max-width:767px) {
    .operation-modal-label {
        font-size: 14px;
        height: 64px
    }

    .operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content-selectable-right {
        margin-left: 6%
    }

    .operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content-selectable {
        margin-left: 9%
    }
}

.operation-modal-label-content {
    display: flex;
    flex-direction: column;
    color: #666f85
}

.operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content {
    font-weight: 700;
    color: #4d4c72
}

.operation-modal-radiogroup .operation-modal-label input:checked ~ .modal-label-content-pair {
    font-weight: 700
}

.operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content-selectable {
    height: 7px;
    border-radius: 4px;
    border: solid 1px #870052;
    background-color: #870052;
    margin-left: 26px;
    width: 84%
}

@media (max-width:767px) {
    .operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content-selectable {
        width: 69%
    }
}

.operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content-selectable-right {
    height: 7px;
    border-radius: 4px;
    border: solid 1px #870052;
    background-color: #870052;
    margin-right: 26px;
    width: 82%;
    margin-left: 26px
}

@media (max-width:767px) {
    .operation-modal-radiogroup .operation-modal-label input:checked ~ .operation-modal-label-content-selectable-right {
        width: 68%;
        margin-left: 28px
    }
}

.operation-modal__body {
    width: 100%;
    border-top: 1px inset rgba(222,227,237,.35);
    background: #fff;
    top: -2px;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: auto;
    overflow: auto
}

.operation-modal__from-account {
    margin-top: 32px;
    margin-left: 26px;
    margin-right: 26px
}

.operation-modal__to-account {
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 16px
}

.modal-label-content-pair {
    font-size: 18px
}

@media (max-width:767px) {
    .modal-label-content-pair {
        font-size: 16px
    }
}

.positive {
    font-size: 22px;
    color: #78d47e
}

@media (max-width:767px) {
    .positive {
        font-size: 18px
    }
}

.negative {
    font-size: 22px;
    color: #eb4a4a
}

@media (max-width:767px) {
    .negative {
        font-size: 18px
    }
}

input[type=radio] + #question1b {
    display: none
}

.radio-amount {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.amount_container {
    display: flex;
    flex-direction: row;
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 40px;
    margin-left: 50px
}

.amount_container__left {
    flex: 1;
    justify-content: center
}

    .amount_container__left input[type=radio] {
        display: none
    }

.amount_container__right {
    flex: 1
}

    .amount_container__right input[type=radio] {
        display: none
    }

.amount_container__parities-text {
    height: 20px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #646f87;
    padding-left: 16px;
    cursor: pointer
}

@media (max-width:767px) {
    .amount_container__parities-text {
        font-size: 14px;
        padding-left: 10px;
    }

    .header-title span {
        font-size: 14px
    }

    .header-title__description div {
        font-size: 12px
    }
}

@media (max-width:375px) {
    .amount_container__parities-text {
        font-size: 12px
    }
}

.amount_container__txtbx {
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 19px;
    height: 55px;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 #dbe0e6,0 10px 24px 0 #dbe0e6;
    border-style: solid;
    border-width: .5px;
    border-image-source: linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 20%,rgba(255,255,255,0));
    border-image-slice: 1;
    background-image: linear-gradient(to bottom,#fff,#fff),linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,.4) 5%,rgba(255,255,255,0) 20%,rgba(255,255,255,0));
    background-origin: border-box;
    background-clip: content-box,border-box;
    margin-bottom: 10px;
}

    .amount_container__txtbx input {
        margin: 9px 19px 9px 21px;
        font-family: Muli,sans-serif;
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4d4c72;
        width: 92%
    }

@media (min-width:767px) {
    .amount_container__txtbx input {
        margin-top: 8px;
        font-size: 25px
    }
}

@media (max-width:375px) {
    .amount_container__txtbx input {
        margin-top: 9px;
        width: 90%;
        font-size: 25px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .amount_container__txtbx input {
            margin-top: 7px;
            font-size: 25px
        }
    }
}

.general__info-container {
    display: flex;
    flex-direction: row;
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 17px
}

    .general__info-container span {
        font-family: Muli,sans-serif;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: normal;
        color: #666f85;
        width: auto;
        margin-left: 10px
    }

.general__inform-container {
    display: flex;
    flex-direction: column;
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 17px;
    height: 122px;
    border-radius: 4px;
    border: solid 1px #dee3ed
}

.general__inform-container-header {
    display: flex;
    width: 80%;
    height: 18px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #666f85;
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 0
}

..general__inform-container-item {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    margin-left: 16px
}

.amount-button {
    margin: 30px 26px 16px 26px
}

    .amount-button button {
        border-radius: 4px;
        background-color: #870052;
        height: 56px;
        width: 100%
    }

    .amount-button label {
        width: 100%;
        border: 1px solid red;
        background: 0 0
    }

.execute-btn {
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: block;
    cursor: pointer
}

    .execute-btn::after {
        display: block;
        content: attr(data-exprice);
        object-fit: contain;
        font-family: Muli,sans-serif;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-top: 4px
    }

input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
    top: 3px;
    bottom: 3px;
    left: 16px;
    font-size: 11px;
    opacity: 1;
    height: 18px;
    font-family: Muli,sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #666f85
}

.inputText {
    font-size: 14px;
    width: 200px;
    height: 35px
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 18px;
    transition: .2s ease all;
    height: 24px;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #666f85
}

@media (max-width:330px) {
    .floating-label {
        font-size: 13px
    }
}

.floating-label-focus {
    top: 5px;
    margin-left: -3px;
    bottom: 10px;
    left: 16px;
    font-size: 11px;
    opacity: 1;
    height: 18px;
    font-family: Muli,sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #666f85;
    position: absolute
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #5264ae
}

.alarm-input-group {
    position: relative;
    height: 56px;
    margin-left: 5px;
    width: 34%;
    margin-right: 14px
}

.input-group {
    position: relative;
    height: 56px;
    margin-left: 5px;
    width: 30%;
    margin-right: 14px
}

@media (max-width:768px) {
    .input-group {
        width: 37%
    }
}

.form-control {
    position: relative;
    border: solid 1px #dee3ed;
    border-radius: 4px;
    background: url(../../assets/img/icons/close-icon.svg) no-repeat right #fff;
    -webkit-appearance: none;
    height: 56px;
    width: 86%;
    font-family: Muli,sans-serif;
    font-size: 16px;
    margin-left: 5px;
    padding-left: 16PX;
    padding-top: 13px;
    color: #4d4c72
}

    .form-control + label {
        position: absolute;
        top: 18px;
        left: 20px;
        transition: all .2s ease-out;
        font-family: Muli,sans-serif;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #666f85
    }

    .form-control:focus {
        outline: 0;
        transition: all .2s ease-out
    }

        .form-control.has-value + label, .form-control:focus + label {
            top: 8px;
            color: #666f85;
            font-size: 12px;
            line-height: 1.33;
            height: 18px
        }

input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden
}

.switch-approve-label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 15px;
    background: #dee3ed;
    display: block;
    border-radius: 40px;
    position: relative
}

    .switch-approve-label:after {
        content: '';
        position: absolute;
        top: -7px;
        left: 2px;
        width: 26px;
        height: 28px;
        background: #fff;
        border-radius: 40px;
        transition: .3s;
        border: solid 1px rgba(145,158,186,.4)
    }

.switch-approve:checked + .switch-approve-label {
    background: #870052
}

    .switch-approve:checked + .switch-approve-label:after {
        left: calc(100% - 1px);
        transform: translateX(-100%);
        top: -7px
    }

.switch-approve label:active:after {
    width: 26px
}

.new-result {
    background: 0 0 !important;
    border-bottom: none !important;
    padding-top: 22px
}

.new-result-close-svg {
    width: 19px;
    height: 18px;
    object-fit: contain
}

.new-result-content {
    padding: 0 !important;
    display: block;
    margin-top: 43px;
    margin-left: 16px
}

.new-result-title {
    display: flex;
    height: auto;
    font-family: serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #4d4c72;
    margin-top: 26px;
    margin-bottom: 24px;
    margin-right: 16px
}

.new-result-item-container {
    height: 62px;
    padding-top: 10px;
    box-shadow: inset 0 -1px 0 0 #dee3ed
}

.new-result-item-container-treasury {
    display: flex;
    flex-direction: column;
}
.new-result-item {
    width: 100%;
    height: 24px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #4d4c72
}

.new-result-item-header {
    height: 18px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #666f85;
    display: flex
}

.new-result-btn-container {
    margin-top: 26px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 98%;
    margin-right: 16px;
    margin-bottom: 130px
}

@media (min-width:767px) {
    .general__inform-container-header {
        font-size: 12px
    }

    .new-result-btn-container {
        margin-bottom: 16px;
        margin-top: 67px
    }
}

.new-result-btn-left {
    height: 56px;
    width: 47%;
    border-radius: 4px
}

@media (min-width:767px) {
    .new-result-btn-left {
        width: 48%
    }
}

.new-result-btn-left-btn {
    width: 100%;
    height: 100%;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4d4c72;
    cursor: pointer;
    border: solid 1px #dee3ed;
    border-radius: 4px
}

.new-result-btn-right {
    width: 47%;
    height: 56px;
    border-radius: 4px;
    margin-left: 0px
}

@media (min-width:767px) {
    .new-result-btn-right {
        width: 48%
    }
}

.new-result-btn-right-btn {
    width: 100%;
    height: 100%;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #870052;
    cursor: pointer
}

    .new-result-btn-right-btn:active {
        transform: translateY(1px)
    }

.new-result-btn-left-btn:active {
    transform: translateY(1px)
}

.limited-exchange .exchange-input {
    float: left;
    width: 96%;
    position: relative;
    overflow: hidden;
    text-align: center
}

    .limited-exchange .exchange-input button {
        width: 56px;
        height: 56px;
        border-radius: 4px;
        background: #870052;
        font-size: 12px;
        color: #fff;
        margin-left: 15px;
        display: inline-block;
        line-height: 32px;
        vertical-align: middle;
        cursor: pointer;
        margin-top: -10px;
        padding-top: 6px;
        margin-left: 10px
    }

        .limited-exchange .exchange-input button::before {
            content: "\e910";
            font-family: icons;
            font-size: 16px;
            font-weight: bolder
        }

        .limited-exchange .exchange-input button.input-down {
            margin-right: 10px;
            margin-left: 0
        }

            .limited-exchange .exchange-input button.input-down:before {
                content: "\e90b";
                font-weight: bolder;
                font-size: 16px
            }

    .limited-exchange .exchange-input span.error {
        display: none;
        margin-top: 5px;
        font-size: 10px;
        color: #e9465a;
        width: 100%;
        text-align: center;
        padding: 0 50px
    }

    .limited-exchange .exchange-input.error input {
        border-color: #e9465a;
        color: #e9465a
    }

    .limited-exchange .exchange-input.error span.error {
        display: block
    }

.limited-exchange p.desc {
    text-align: center;
    width: 100%;
    font-size: 12px;
    letter-spacing: .4px;
    color: #4d4c72;
    line-height: 1.5;
    margin-top: 16px;
    float: left
}

.inform-margin {
    margin-left: 16px;
    margin-top: 16px
}

.alarm-setup-title {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 24px;
    margin-bottom: 16px;
    width: auto;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #666f85
}

.date-picker-container {
    position: relative;
    width: 64%
}

@media (max-width:767px) {
    .date-picker-container {
        width: 54%
    }

    .limited-exchange .exchange-input button {
        height: 56px;
        width: 56px;
        line-height: 56px;
        margin-top: -13px;
        padding-top: 3px
    }

        .limited-exchange .exchange-input button.input-down {
            margin-top: -13px
        }
}

@media (max-width:375px) {
    .date-picker-container {
        width: 54%
    }
}

.switch-approve-info {
    width: 450px
}

.approve-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 510px
}

.alarm-data-picker {
    position: relative;
    margin-left: 16px;
    width: 57.8%
}

@media (max-width:768px) {
    .switch-approve-info {
        width: auto
    }

    .alarm-data-picker {
        width: 54%
    }

    .approve-info-container {
        width: auto
    }
}

@media (max-width:330px) {
    .alarm-data-picker {
        width: 51%
    }
}

.profit-container {
    display: flex;
    flex-direction: column;
    width: 65%
}

.profit-container-row {
    display: flex;
    flex-direction: row
}

.profit-container-row-text {
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.75;
    letter-spacing: normal;
    color: #666f85
}

.profit-container-row-value {
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.75;
    letter-spacing: normal;
    text-align: right;
    margin-left: 50px;
    color: #4d4c72
}

.profit-container-row-border {
    height: 2px;
    border: solid 1px #e6eaf1
}

.order-header-title {
    margin-left: 20px;
    margin-right: 16px;
    margin-top: 24px;
    width: auto;
    font-family: Muli,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #666f85
}

.lottie-counter {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition-property: height;
    transition-duration: .6s
}

.lottie-counter-height {
    height: 110px
}

.branch-header {
    height: 77px;
    top: 52px;
    position: absolute
}

.branch-exchange {
    margin-top: 25px
}

.amount-button button:hover {
    transform: translateY(-3px)
}

.amount-button button:active {
    transform: translateY(-1px)
}

.forward-date {
    border: solid 1px rgba(255,255,255,.75);
    background-color: rgba(255,255,255,.2);
    font-family: Muli !important;
    font-size: 18px !important;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff !important;
    padding-top: 26px !important;
    position: relative;
    z-index: 1
}

.header-line {
    height: 1px;
    opacity: .35;
    border: solid 1px #744170
}

.header-border {
    border-bottom: 1px solid rgba(116,65,112,.35)
}

.forward-term-box {
    display: flex;
    width: 100%;
    margin-top: 12px
}

@media (max-width:767px) {
    .forward-term-box {
        display: flex;
        width: 67%;
        margin-top: 0
    }
}

@media (max-width:375px) {
    .forward-term-box {
        display: flex;
        width: 62%;
        margin-top: 12px
    }
}

.forward-term {
    height: 48px;
    width: 99%;
    left: 16px
}

    .forward-term ul {
        display: flex;
        height: 32px
    }

        .forward-term ul li {
            margin: 7px 57px 0 2px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            font-size: 14px;
            line-height: normal;
            letter-spacing: normal;
            color: #4d4c72;
            height: inherit;
            width: 14%
        }

@media (max-width:375px) {
    .forward-term {
        height: 48px;
        width: 65%;
        left: 16px
    }
}

@media (max-width:767px) {
    .forward-term ul li {
        margin-right: 52px
    }
}

.forward-term ul li a {
    line-height: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    color: #4d4c72;
    height: inherit;
    font-size: 17px
}

    .forward-term ul li a.active {
        display: inline-block;
        height: 23px;
        width: 70px;
        border-radius: 10.5px;
        border: solid 1px #b8407c;
        background-color: #b8407c;
        color: #fff;
        text-align: center
    }

@media (max-width:767px) {
    .forward-term ul li a {
        font-size: 13px;
        display: inline-block;
        width: 44px
    }

        .forward-term ul li a.active {
            height: 21px;
            width: 60px
        }

        .forward-term ul li a span {
            display: block;
            padding: 1px
        }
}

.forward-type {
    opacity: .61;
    font-family: Muli;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

span.floating-label.forward-type {
    opacity: .61 !important;
    font-family: Muli !important;
    font-size: 12px !important;
    color: #fff !important;
    top: 5px
}

.header-date-arrow {
    position: absolute;
    top: 14px;
    right: 14px;
    overflow: visible;
    z-index: 0;
    transform: rotateZ(0);
    transition: transform .5s ease-in-out
}

.rotate {
    transform: rotateZ(180deg);
    transition: transform .5s ease-in-out
}

.forward-price-box {
    flex: 1;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.forward-timer {
    flex: 1
}

.forward-price-text {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    font-family: Muli;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #666f85
}

.forward-price-pair {
    font-family: Muli;
    font-size: 26px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: right;
    color: #4d4c72
}

    .forward-price-pair span {
        font-size: 30px;
        color: #78d47e;
        margin-left: 0;
        font-weight: 700
    }

.forward-price-seperator {
    width: 1px;
    height: 59px;
    margin-top: 25px;
    opacity: .53;
    border: solid 1px #4d4c72;
    background: #4d4c72
}

.floating {
    margin-bottom: 2rem;
    background-color: var(--field__background);
    transition: background-color .2s ease;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.floating__input {
    padding: 1.8rem 1rem .6rem;
    font-family: Muli,sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #4d4c72;
    width: 100%;
    border: solid 1px #dee3ed
}

    .floating__input::placeholder {
        color: transparent
    }

.floating__label {
    display: block;
    position: relative;
    max-height: 0;
    font-weight: 500;
    pointer-events: none;
    height: 18px;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #666f85
}

    .floating__label::before {
        color: #666f85;
        content: attr(data-content);
        display: inline-block;
        filter: blur(0);
        backface-visibility: hidden;
        transform-origin: left top;
        transition: transform .2s ease;
        left: 1rem;
        position: relative
    }

    .floating__label::after {
        bottom: 1rem;
        content: "";
        height: .1rem;
        position: absolute;
        transition: transform 180ms cubic-bezier(.4,0,.2,1),opacity 180ms cubic-bezier(.4,0,.2,1),background-color .3s ease;
        opacity: 0;
        left: 0;
        top: 100%;
        margin-top: -.1rem;
        transform: scale3d(0,1,1);
        width: 100%;
        background-color: var(--color__accent)
    }

.floating__input:focus + .floating__label::after {
    transform: scale3d(1,1,1);
    opacity: 1
}

.floating__input:placeholder-shown + .floating__label::before {
    transform: translate3d(0,-2.2rem,0) scale3d(1,1,1)
}

.floating__input:focus + .floating__label::before, .floating__label::before {
    transform: translate3d(0,-3.12rem,0) scale3d(.82,.82,1)
}

.floating__input:focus + .floating__label::before {
    color: #666f85
}

input.ng-invalid.ng-touched {
    border: 1px solid red;
    border-radius: 10px
}

.forward-period-box {
    display: flex;
    flex-wrap: nowrap
}

.line {
    width: 89%;
    border-top: solid 1px #d4d4dd;
    position: absolute;
    top: 82px;
    left: 0
}

@media (max-width:767px) {
    .line {
        width: 100%;
        top: 80px
    }
}

.info-box {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 88px;
    left: 0
}

    .info-box span {
        font-family: Muli;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #a2a9b9;
        margin-left: 2px
    }

.forward-date-arrow {
    width: 15px;
    height: 15px;
    margin-left: 30px;
    object-fit: contain
}

.Info-forward {
    width: 15px;
    height: 15px;
    object-fit: contain
}

@media (max-width:767px) {
    .Info-forward {
        width: 11px;
        height: 11px;
        object-fit: contain;
        margin-top: 2px
    }

    .forward-date-arrow {
        margin-left: 5px;
        margin-top: 5px
    }
}

.fwd-operation-dashboard {
    width: 620px;
    height: 695px;
    border: solid 1px #c4c4e2;
    background-color: #f7f7fd;
    overflow-x: hidden
}

    .fwd-operation-dashboard .detail-header-tab {
        width: auto;
        height: 31px;
        border-radius: 5px;
        margin: 16px;
        padding: 0;
        border: solid 1px #dee3ed;
        background-color: #fff;
        display: none;
        font-family: Muli;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 15px;
        cursor: pointer
    }

        .fwd-operation-dashboard .detail-header-tab .active {
            border: solid 1px #fff;
            background-color: #b1b7c3;
            border-radius: 5px;
            font-weight: 800;
            color: #fff;
            padding: 7px;
            width: 50%
        }

        .fwd-operation-dashboard .detail-header-tab .passive {
            font-weight: 700;
            color: #b1b7c3;
            padding: 7px;
            width: 50%
        }

    .fwd-operation-dashboard .cell {
        display: flex;
        justify-content: space-between;
        margin-top: 25px
    }

        .fwd-operation-dashboard .cell .header-title {
            width: auto;
            margin-left: 30px;
            height: 30px;
            font-family: Muli;
            font-size: 24px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4d4c72
        }

        .fwd-operation-dashboard .cell .arrow {
            margin-right: 15px;
            margin-top: 5px;
            width: 22px;
            height: 22px;
            cursor: pointer;
            background: url(/assets/img/icons/fwd-arrow.svg) no-repeat
        }

@media (max-width:767px) {
    .fwd-operation-dashboard .cell .header-title {
        margin-left: 13px;
        font-size: 18px;
        font-weight: 700
    }
}

.fwd-operation-dashboard .header-line {
    width: auto;
    border: solid .5px rgba(77,76,114,.41);
    margin-left: 30px;
    margin-top: 13px
}

@media (max-width:767px) {
    .fwd-operation-dashboard .detail-header-tab {
        display: flex
    }

    .fwd-operation-dashboard .header-title {
        margin-left: 13px
    }

    .fwd-operation-dashboard .header-line {
        width: auto;
        margin: 6px 13px 0 13px;
        border: solid .5px rgba(77,76,114,.41)
    }
}

.fwd-operation-dashboard .fwd-operation-dashboard-web-header {
    display: flex;
    flex-direction: row;
    margin: 10px 0 15px 15px;
    padding-left: 35px;
    padding-bottom: 15px;
    border-bottom: solid .5px #dee3ed;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left :87px;
}
    .fwd-operation-dashboard .fwd-operation-dashboard-web-header .swapDate {
        width: 171px !important;
        font-size: 15px !important;
    }
    .fwd-operation-dashboard .fwd-operation-dashboard-web-header .cell {
        width: 100px;
        height: 21px;
        font-size: 15px;
        font-weight: 800;
        text-align: right;
        color: #d4d4dd
    }

.fwd-operation-dashboard .fwd-operation-dashboard-cell-container {
    display: flex;
    flex-direction: column;
    border-bottom: solid .5px #dee3ed;
    margin: 20px 0 15px 15px;
    padding-bottom: 15px
}

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell {
        display: flex;
        flex-direction: row;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        font-family: Muli
    }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            margin: 0 12px;
            padding-right: 12px;
            margin-right: 0;
            margin-top: 3px;
            border-right: solid 1.5px rgba(77,75,113,.25)
        }

            .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item1 {
                width: auto;
                height: 23px;
                margin-top: -4px;
                font-size: 18px;
                font-weight: 700;
                color: #4d4c72
            }

            .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item2 {
                width: auto;
                height: 28px;
                font-size: 16px;
                color: #4d4d73;
                font-weight: 400
            }

                .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item2 span {
                    font-size: 22px;
                    color: #4e4b75;
                    margin-left: -5px
                }

            .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item3 {
                display: none;
                width: auto;
                height: 17px;
                margin-top: -7px;
                font-size: 12px;
                font-weight: 400;
                color: #4d4c72
            }

            .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item-icon {
                display: flex
            }

                .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item-icon .item1 {
                    margin-top: 5px;
                    width: 22px;
                    height: 22px;
                    background: url(/assets/img/icons/fwd-doc1.svg) no-repeat center/contain;
                    cursor: pointer
                }

                .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item-icon .item2 {
                    margin-left: 16px;
                    margin-top: 5px;
                    width: 22px;
                    height: 22px;
                    background: url(/assets/img/icons/fwd-doc2.svg) no-repeat center/contain;
                    cursor: pointer
                }

@media (max-width:767px) {
    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item1 {
        font-size: 16px
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item3 {
        display: flex
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item2 {
        margin-top: 6px
    }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity .item2 span {
            font-size: 20px;
            color: #4e4b75;
            margin-left: -5px
        }
}

@media (max-width:767px) {
    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .parity {
        margin-left: 5px;
        padding-right: 20px;
        margin-right: 0;
        border-right: solid 1.5px rgba(77,75,113,.25)
    }
}

.fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .line {
    width: 1px;
    height: 80px;
    margin-top: 2px;
    opacity: .5;
    border: solid 1px #4d4c72
}

.fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .detail-line {
    width: 1px;
    height: 85px;
    margin-top: 2px;
    opacity: .5;
    border: solid .5px #4d4c72
}

.fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data .items {
        display: flex;
        flex-direction: row;
        height: 25px
    }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data .items .item {
            width: 180px;
            font-size: 16px;
            font-weight: 400;
            color: #4d4d73;
            margin-right: 20px
        }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data .sub-item {
        width: 190px;
        height: 16px;
        font-size: 13px;
        font-weight: 400;
        color: #4d4d73
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data .info {
        display: flex;
        flex-direction: row;
        margin-top: 15px
    }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data .info .item1 {
            width: 22px;
            height: 22px;
            margin-top: 1px;
            background: url(/assets/img/icons/fwd-alert.svg) no-repeat
        }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data .info .item2 {
            width: 420px;
            height: 32px;
            margin-left: 8px;
            font-size: 13px;
            font-weight: 700;
            color: #fdba4d
        }

.fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data {
    display: none
}

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data .item {
        width: auto;
        height: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #4d4c72;
        margin-bottom: 8px
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data .key-value {
        display: flex;
        flex-direction: row;
        font-weight: 400;
        justify-content: space-between;
        margin-top: 3px
    }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data .key-value .left {
            width: auto;
            height: 18px;
            font-size: 12px;
            color: #4d4c72
        }

        .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data .key-value .right {
            width: auto;
            height: 18px;
            font-size: 12px;
            color: #4d4c72
        }

@media (max-width:767px) {
    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-data {
        display: none
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data {
        display: flex;
        flex-direction: column;
        margin-left: 16px;
        width: 100%;
        margin-right: 17px
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .line {
        border: solid .5px #4d4c72
    }
}

.fwd-operation-dashboard .fwd-operation-dashboard-cell-container .mobile-info {
    display: none;
    margin: 5px
}

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .mobile-info .item1 {
        width: 40px;
        margin-top: 4px;
        height: 22px;
        background: url(/assets/img/icons/fwd-alert.svg) no-repeat
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .mobile-info .item2 {
        width: 500px;
        height: 32px;
        margin-left: 8px;
        margin-top: 3px;
        font-size: 12px;
        font-weight: 700;
        color: #fdba4d
    }

@media (max-width:767px) {
    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .mobile-info {
        display: flex;
        flex-direction: row;
        margin-left: 5px;
        margin-bottom: 5px
    }
}

.fwd-operation-dashboard .mobile-show-more {
    height: 56px;
    border: solid 1px #c4c4e2;
    border-radius: 4px;
    background: #fff;
    color: #d4d4dd;
    margin: 24px 19px 48px 13px;
    display: none;
    cursor: pointer
}

@media (max-width:767px) {
    .fwd-operation-dashboard .mobile-show-more {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-web-header {
        display: none
    }

    .fwd-operation-dashboard .fwd-operation-dashboard-cell-container {
        margin: 20px 0 0 13px
    }
}

.fwd-mobile-dashboard-container {
    margin-top: 0;
    position: fixed
}

item-icon-item1 {
    margin-top: 5px;
    width: 22px;
    height: 22px;
    background: url(/assets/img/icons/fwd-doc1.svg) no-repeat center/contain;
    cursor: pointer
}

.fwd-content-parity {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 30px;
    font-family: Muli
}

    .fwd-content-parity .item1 {
        width: 105px;
        height: 23px;
        font-size: 20px;
        font-weight: 700;
        color: #4d4c72
    }

    .fwd-content-parity .item-icon {
        display: flex;
        margin-top: 5px;
        margin-right: 15px
    }

        .fwd-content-parity .item-icon .item1 {
            margin-top: 5px;
            width: 22px;
            height: 22px;
            background: url(/assets/img/icons/fwd-doc1.svg) no-repeat center/contain;
            cursor: pointer
        }

        .fwd-content-parity .item-icon .item2 {
            margin-left: 16px;
            width: 22px;
            height: 22px;
            margin-top: 5px;
            background: url(/assets/img/icons/fwd-doc2.svg) no-repeat center/contain;
            cursor: pointer
        }

.fwd-content-data-info {
    display: flex;
    flex-direction: row;
    margin-bottom: -8px;
    margin-top: -12px
}

    .fwd-content-data-info .item1 {
        width: 22px;
        height: 22px;
        margin-top: 1px;
        background: url(/assets/img/icons/fwd-alert.svg) no-repeat
    }

    .fwd-content-data-info .item2 {
        width: auto;
        height: 32px;
        margin-left: 8px;
        margin-top: 3px;
        font-size: 13px;
        font-weight: 700;
        color: #fdba4d
    }

@media (max-width:767px) {
    .fwd-operation-dashboard {
        width: auto;
        height: auto;
        margin-left: auto;
        margin-bottom: 200px;
        border: none
    }

    .fwd-mobile-dashboard-container {
        margin-top: 20%;
        position: unset;
        margin-left: -5px;
        margin-right: -15px
    }
}

@media (max-width:375px) {
    .fwd-mobile-dashboard-container {
        margin-top: 37%;
        position: unset;
        margin-left: -5px;
        margin-right: -15px
    }
}

.cost-content-data {
    width: auto;
    margin-top: 10px;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #666f85
}

    .cost-content-data span {
        font-size: 18px;
        font-weight: 700;
        color: #4d4c72
    }

.forward-detail-web-header {
    width: 200px;
    margin-left: 40%;
    margin-top: 20px
}

@media (min-width:1100px) and (max-width:1300px) {
    .forward-detail-web-header {
        margin-left: 49%
    }
}

@media (min-width:1300px) and (max-width:1600px) {
    .forward-detail-web-header {
        margin-left: 30%
    }
}
/*New*/
.approve-result-content {
    padding: 0 !important;
    display: block;
    margin-top: 17px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
}
.approve-header-text {
    margin: 0 9px 5px 0;
    font-family: Muli;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #4d4c72;
}

.approve-sub-header-text {
    margin-top:5px;
    font-family: Muli;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #666f85;
}
.approve-modal-info-container {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    margin-bottom: 16px;
}
.approve-info-container {
    display: flex;
    flex-direction: row;
    /*margin-top: 17px;
    margin-bottom: 17px;*/
}
.spinnerText {
    font-size: 20px;
    color: white;
    text-align: center;
}
@media (max-width: 768px) {
    .approve-info-container {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .loading-text {
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .spinnerText {
        font-size: 16px;
    }
}
.approve-info-container span {
    font-family: Muli,sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    color: #666f85;
    width: auto;
    margin-left: 10px;
}
.approve-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top:15px;
}
.approve-left-button {
    background:white;
}
.maliyetKurSecimDiv {
    margin-top: 18px;
}
.maliyetKurSecimiText {
    margin: 18px 9px 3px 34px;
    font-family: Muli;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #870052;
    cursor: pointer;
}
.iconsLineArrowShort {
    border-radius: 12px;
}
.maliyetKurSecimLabelText {
    font-family: Muli;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666f85;
}
/*@keyframes fade {
    from {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}*/

.dropdown {
    transition: max-height 0.15s ease-out;
}



/*Opsyion*/
.hidden--visually {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.content-text {
    margin: 24px 34px 24px 26px;
    font-family: Muli;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d4c72;
}
.content-text-dark {
    margin: 24px 34px 24px 26px;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.checkbox-margin {
    margin-right: 26px;
    margin-top: 20px;
    margin-left: 42px;
}

.opsiyon-modal-text {
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 19px;
    font-family: Muli;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #666f85;
}

    .opsiyon-modal-text span {
        font-weight: bold;
    }

.general-container-bottom {
    height: 58px;
    border-bottom: solid 1px #dee3ed;
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 5px;
}

.prim-date-main-div {
    display: flex;
    flex-direction: row;
    margin-bottom: auto;
}

.prim-date-child-left-div {
    margin-bottom: 6px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    flex-grow: 1;
    margin-top: auto;
    height: 100%;
}

    .prim-date-child-left-div > span {
        font-family: Muli;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #666f85;
    }

.prim-date-child-right-div {
    text-align-last: end;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

    .prim-date-child-right-div input {
        height: 56px;
        border: 0;
        cursor: pointer;
        font-family: Muli;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: right;
        color: #4d4c72;
    }


.count-down-main-div {
    display: flex;
    flex-direction: row;
    margin-bottom: auto;
    align-items: center;
    margin-left: -30px;
}

.count-down-left-div {
    /*margin-top: auto;
    margin-bottom: 6px;
    display: flex;*/
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.count-down-right-div {
    flex-direction: column;
    flex-basis: 100%;
    flex: 3;
    margin-left: 10px
}

.price-refresh-button {
    width: 125px;
    height: 32px;
    border-radius: 6px;
    border: solid 1px #dee3ed;
    background-color: #ffffff;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #222943;
    cursor:pointer;
}
.opsiyon-parities {
    margin-right: 30px;
}

.option-new-result-item-header {
    height: 18px;
    font-family: Muli;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #666f85;
    display: flex;
    margin-bottom: 5px;
}

.option-new-result-item {
    width: 100%;
    height: 24px;
    font-family: Muli;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #4d4c72;
}
#opsiyonModal .floating__input {
    padding: 1.5rem 1rem .3rem;
    font-family: Muli;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #666f85;
}
/*#opsiyonModal .floating__label {
    font-family: Muli;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4d4c72;
}*/

#opsiyonModal .floating.isBackImgTower {
    background-image: url('images/tower.jpg');
    color: #fff;
}

#opsiyonModal .floating__label::before {
    left: 1rem;
    font-family: Muli;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #666f85;
}
#opsiyonModal .floating__label::after {
    padding: 1.5rem 1rem .6rem;
}
#opsiyonModal .floating-vade .floating__label::before {
    left: 1rem;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    pointer-events: none;
}
#opsiyonModal .floating-strike .floating__label::before {
    left: 1rem;
    font-family: Muli,sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    pointer-events: none;
}
#opsiyonModal .center-div {
    width: 100%;
}

.opsiyon-parities .title-empty {
    font-family: Muli;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #646f87;
}

.opsiyon-accont-select .account-select-placeholder {
    min-height: 58px;
    position: relative;
    padding-left: 1rem;
}

.opsiyon-accont-select .account-select .title-empty {
    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: Muli;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #666f85;
}

@media (max-width:991px) {
    .content-text {
        margin: 20px 17px 17px 16px;
        font-size: 16px;
    }
    .opsiyon-parities {
        margin-right: 0px;
    }
    /*İlk popup*/
    .opsiyon-modal-mobile-grid {
        margin-left: 16px;
        margin-right: 18px;
        margin-top: 19px;
    }

    #opsiyonModal .floating__input {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        color: #222943;
    }
    .opsiyon-parities .title-empty {
        font-size: 16px;
    }
    #opsiyonModal .floating__label::before {
        font-size: 16px;
    }
    .opsiyon-accont-select .account-select .title-empty {
        font-size: 16px;
    }
    #opsiyonModal .modal-type .title {
        font-family: Muli;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #4d4c72;
    }
    #opsiyonModal .prim-date-child-left-div > span {
        font-size: 16px;
        line-height: 1.5;
    }
    #opsiyonModal .prim-date-child-right-div input {
        font-size: 16px;
        line-height: 1.5;
    }
    .count-down-left-div {
        margin-left: 10px;
    }
}
.isBiggerDelta {
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.83;
    letter-spacing: normal;
    color: #4d4c72;
}
.infoDivMain {
    width: 100%;
    max-width: 98%;
    margin: 15px 0 0px 0px;
    padding: 7px 8px;
    border-radius: 15px;
    background-color: #f7f7fd;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.infoDivForwardMain {
    margin: 15px 0px 0px 0px !important;
    max-width: 100% !important;
}

.infoDivResultModal {
    margin: 0px 0px 20px 0px !important;
    max-width: calc(94% + 10px) !important;
}
.infoDivForwardResultModal {
    margin: 0px 0px 20px 0px !important;
    max-width: 100% !important;
}

.infoDivLeftIcon {
    width: 33px;
    height: 33px;
    margin-right: 10px;
}

.infoDivSpanText {
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6fa65d;
    margin-right: 5px;
}

.infoDivCloseIcon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

@media (max-width:413px) {
    .infoDivMain {
        max-width: 100%;
    }
}

@media (max-width:768px) {
    

    .infoDivModalMobile {
        position: relative;
        top: 14vh
    }

    .infoDivCloseIcon {
        margin-right: 24px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .infoDivModalMobile {
        position: initial;
        top: 0vh
    }

    .infoDivCloseIcon {
        margin-right: 24px;
    }

}

@media (min-width:991px) {
    .infoDivForwardMain {
        max-width: 512px !important;
    }
}
@media (min-width:768px) {
    .infoDivResultModal {
        max-width: calc(96% + 10px) !important;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    padding-left: 15px;
    padding-bottom: 10px;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    padding-left: 15px;
    padding-bottom: 10px;
}
#timeSpinner .overlay  {
    position:fixed!important;
}

/* for arabic */

.arabic .mobile-navigation-menu-title{
    text-align:center !important;
}

.arabic .display-none-arabic{
    display: none;
}
.arabic.main-header {
    direction: rtl;
}
.arabic .main-container > .main-nav {
    border-right: unset;
    border-left: solid 1px #9e5c8a;
}
.arabic .desktop-menu {
    direction: rtl;
}
.arabic .infoDivMain {
    direction: rtl;
}
.arabic .parities-box {
    direction: rtl;
}
.arabic .exchange-modal .operation-modal-header {
    direction: rtl;
}
.arabic .general__info-container {
    direction: rtl;
}
.arabic .operation-modal-radiogroup {
    direction: rtl;
}
.arabic body.fx-modal-open .exchange-modal, body.swal2-shown .exchange-modal {
    direction: rtl;
}
.arabic .new-result-btn-right {
    margin-right: 10px;
}
.arabic .operation-modal__body {
    direction: ltr;
}
.arabic .alarm-setup-title {
    direction: rtl;
}
.arabic .operation-modal-content {
    direction: rtl;
}
.arabic.notification-col {
    direction: rtl;
}
.arabic .mobile-operations-container {
    direction: rtl;
}
.arabic .arabic-modal {
    direction: rtl;
}
    .arabic .arabic-modal .new-result-item-container {
        margin-right: 16px;
    }
.opsiyon-form-arabic.arabic {
    direction: rtl;
}
    .opsiyon-form-arabic.arabic .amount_container__parities-text {
        margin-right: 32px;
    }
    .opsiyon-form-arabic.arabic .account-select .account-select-placeholder::after {
        left: 7px !important;
        text-align: left;
        width: auto;
    }
    .opsiyon-form-arabic.arabic .account-select .account-title {
        text-align: right;
    }
.arabic .nav-container a {
    padding: 0px 23px;
}
.arabic .order-header-title {
    direction: rtl;
}
.arabic .parity-add-remove button {
    width : 200px;
}

.arabic .desktop-menu-links ul li {
    direction: rtl;
    margin-right: 16px;
}
    .arabic .desktop-menu-links ul li span {
        text-align: left;
    }
.arabic .dektop-navigation-img {
    transform: rotateY(180deg);
}

.arabic .parity-container-operation {
    direction: ltr;
}
.arabic .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .mobile-info .item2 {
    margin-right: 8px;
}
.arabic .info-box {
    direction: rtl;
    right: 0px;
}
.arabic .general__inform-container {
    direction: rtl;
}
.arabic .general__inform-container-header {
    margin-right: 16px;
}
.arabic .checkbox-st {
    float: right;
    margin-right: 16px;
}
.arabic .flex-vertical-row4 {
    width: 40%;
    margin-right: unset;
    border-right: solid .5px #d4d4dd;
    padding-left: unset;
    border-left: unset;
}
.arabic .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell {
    direction: rtl;
}
.arabic .desktop-menu-account-container .right {
    text-align: left;
    margin-left: 16px;
}
.arabic .fwd-operation-dashboard .cell {
    direction: rtl;
    margin-right: 16px;
}
    .arabic .fwd-operation-dashboard .cell .arrow {
        margin-left: 32px;
        transform: rotateY(180deg);
    }
.arabic .flex-vertical-row2 {
    border-right: solid .5px #d4d4dd;
    border-left: unset;
}
.arabic .flex-vertical-row5 {
    border-left: unset;
}
.arabic label.symbol-item-radio .symbol-item__name {
    display: none;
}
.arabic .account-show-item .account-desc {
    direction: rtl;
    flex-direction: row-reverse;
    text-align: left;
}
.arabic .balance-label {
    direction: ltr; 
    unicode-bidi: isolate;
}

.mobile-navigation.arabic #navi-toogle:not(:checked) ~ .mobile-navigation__nav,
.mobile-navigation.arabic #navi-toogle:not(:checked) ~ .mobile-navigation__background {
    pointer-events: none !important;
    visibility: hidden;
}

.mobile-navigation.arabic #navi-toogle:checked ~ .mobile-navigation__nav,
.mobile-navigation.arabic #navi-toogle:checked ~ .mobile-navigation__background {
    pointer-events: auto;
    visibility: visible;
}
.arabic .header-title__description div {
    display: none;
}
.arabic .direction-ltr {
    direction: ltr;
}
.arabic .direction-rtl {
    direction: rtl;
}
.arabic .forward-price-pair {
    direction: ltr;
}
.arabic .prim-date-main-div {
    direction: rtl;
}

.arabic .direction-ltr .general__inform-container {
    direction: ltr;
}

.arabic .ar-operation .operation-modal__to-account {
    direction: rtl;
}
.arabic .ar-operation .account-select .account-select-placeholder::after {
    right: unset;
    left: 7px;
}
.arabic .ar-operation .account-select .account-title {
    text-align: right;
}

.arabic .ar-operation .amount_container__parities-text {
    padding-left: unset;
    padding-right: 25px;
}
.arabic .ar-operation .amount_container
{
    direction: rtl;
}
.arabic .ar-operation .account-select .account-desc {
    text-align: right;
}
.arabic .ar-operation .account-select .account-price {
    text-align: right;
}
.arabic .ar-operation .customerStrike sirius-currencytextbox input {
    text-align: right !important;
}
#opsiyonModal.arabic .ar-operation .first .floating__label::before {
    left: 0;
}
#opsiyonModal.arabic .ar-operation .floating__label::before {
    left: unset;
    float: right;
    right: 1rem;
}
#opsiyonModal.arabic .ar-operation .floating-vade .floating__label::before {
    left: 0;
}
#opsiyonModal.arabic .ar-operation .floating__input {
    text-align: right;
}

.arabic .ar-operation .parity-search-container-close {
    margin: 7px;
    right: unset !important;
}

.arabic .mobile-navigation-menu-title {
    top: 20%;
}
.arabic .ltr-iso {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .arabic .operation-header-text2 {
        word-spacing: unset !important;
    }
    .arabic .fwd-operation-dashboard .cell {
        direction: rtl;
        margin-right: 16px;
    }
        .arabic .fwd-operation-dashboard .cell .arrow {
            transform: rotateY(180deg);
        }
    .arabic .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .fwd-operation-dashboard-cell .content-mobil-data {
        direction: rtl;
    }
    .arabic .mobile-navigation-account-box {
        direction: rtl;
    }
    .arabic .mobile-navigation-account-title {
        text-align: right;
        direction: rtl;
        margin-left: 0px;
        padding-right: 16px;
    }
    .arabic .mobile-navigation-account-amount {
        text-align: right;
        margin-right: 16px;
    }
    .arabic .mobile-navigation-arrow {
        margin-left: 16px;
        transform: rotateY(180deg);
    }
    .arabic .parity-container-pair-underline {
        transform: rotate(180deg);
    }
    .arabic .parity-container-pair-underline {
        transform: rotate(180deg);
    }
    .arabic .fwd-operation-dashboard .fwd-operation-dashboard-cell-container .mobile-info {
        direction: rtl;
    }
    .arabic .parity-add-remove{
        direction: ltr;
    }
    .arabic .operation-transaction-cell-item3 {
        direction: ltr;
    }

    .arabic .item4-label {
        direction: rtl;
    }

    .arabic .amount-ltr {
        direction: ltr; 
        unicode-bidi: isolate; 
        display: inline-block; 
        white-space: nowrap; 
    }
}

@media (max-width: 812px) {
    .arabic .mobile-list-arrow {
        float: left;
        transform: rotateY(180deg);
        margin-right: 15px;
    }
    .arabic .mobile-navigation__link, .mobile-navigation__link:visited {
        float: right;
    }
    .arabic .mobile-navigation__item {
        margin-left: 16px;
        margin-right: 16px;
    }
    .arabic .mobile-navigation__nav > div {
        align-self: flex-end;
    }
}

/* Contract Component - Start */
.contract-link-text {
    color: #870052;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.contract-link-text:hover {
    color: #a50063;
}

.contract-normal-text {
    color: #374151;
    font-weight: 400;
    margin-left: 4px;
}

/* Radio button için accent color */
.switch-approve[type="radio"] {
    accent-color: #870052;
}
/* Contract Component - End */


/* for arabic */