/**
 * bootstrap-additions
 * @version v0.3.1 - 2015-05-20
 * @link https://github.com/mgcrea/bootstrap-additions
 * @author Olivier Louvignes <olivier@mg-crea.com> (https://github.com/mgcrea)
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.alert {
    outline: 0
}

.alert.bottom,.alert.bottom-left,.alert.bottom-right,.alert.top,.alert.top-left,.alert.top-right {
    position: fixed;
    z-index: 1050;
    margin: 20px
}

.alert.top,.alert.top-left,.alert.top-right {
    top: 50px
}

.alert.top {
    right: 0;
    left: 0
}

.alert.top-right {
    right: 0
}

.alert.top-right .close {
    padding-left: 10px
}

.alert.top-left {
    left: 0
}

.alert.top-left .close {
    padding-right: 10px
}

.alert.bottom,.alert.bottom-left,.alert.bottom-right {
    bottom: 0
}

.alert.bottom {
    right: 0;
    left: 0
}

.alert.bottom-right {
    right: 0
}

.alert.bottom-right .close {
    padding-left: 10px
}

.alert.bottom-left {
    left: 0
}

.alert.bottom-left .close {
    padding-right: 10px
}

.aside .aside-dialog .aside-footer:after,.aside .aside-dialog .aside-footer:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    content: " ";
    display: table
}

.aside .aside-dialog .aside-footer:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.aside {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1049;
    overflow: auto;
    min-width: 320px;
    background: #fff
}

.aside:focus {
    outline: 0
}

@media (max-width: 991px) {
    .aside {
        min-width:240px
    }
}

.aside.left {
    right: auto;
    left: 0
}

.aside.right {
    right: 0;
    left: auto
}

.aside .aside-dialog .aside-header {
    min-height: 16.43px;
    padding: 6px 15px;
    background: #337ab7;
    color: #fff
}

.aside .aside-dialog .aside-header .close {
    margin-right: -8px;
    padding: 4px 8px;
    color: #fff;
    font-size: 25px;
    opacity: .8
}

.aside .aside-dialog .aside-body {
    position: relative;
    padding: 15px
}

.aside .aside-dialog .aside-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid var(--color-border-medium)
}

.aside .aside-dialog .aside-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.aside .aside-dialog .aside-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.aside .aside-dialog .aside-footer .btn-block+.btn-block {
    margin-left: 0
}

.aside-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background-color: #000
}

.aside-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.aside-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.datepicker.dropdown-menu {
    width: 250px;
    height: 270px
}

.datepicker.dropdown-menu button {
    outline: 0;
    border: 0
}

.datepicker.dropdown-menu tbody {
    height: 180px
}

.datepicker.dropdown-menu tbody button {
    padding: 6px
}

.datepicker.dropdown-menu.datepicker-mode-1 tbody button,.datepicker.dropdown-menu.datepicker-mode-2 tbody button {
    height: 65px
}

.callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee
}

.callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.callout p:last-child {
    margin-bottom: 0
}

.callout-danger {
    border-color: #eed3d7;
    background-color: #fdf7f7
}

.callout-danger h4 {
    color: #b94a48
}

.callout-warning {
    border-color: #faebcc;
    background-color: #faf8f0
}

.callout-warning h4 {
    color: #8a6d3b
}

.callout-info {
    border-color: #bce8f1;
    background-color: #f4f8fa
}

.callout-info h4 {
    color: #34789a
}

.modal.center .modal-dialog {
    position: fixed;
    top: 40%;
    left: 50%;
    min-width: 320px;
    max-width: 630px;
    width: 50%;
    transform: translate(-50%) translateY(-50%)
}

.popover.top-left {
    margin-top: -10px
}

.popover.top-left .arrow {
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: #00000040;
    bottom: -11px;
    left: 10%
}

.popover.top-left .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.top-right {
    margin-top: -10px
}

.popover.top-right .arrow {
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: #00000040;
    bottom: -11px;
    left: 90%
}

.popover.top-right .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.bottom-left {
    margin-top: 10px
}

.popover.bottom-left .arrow {
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: #00000040;
    top: -11px;
    left: 10%
}

.popover.bottom-left .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.bottom-right {
    margin-top: 10px
}

.popover.bottom-right .arrow {
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: #00000040;
    top: -11px;
    left: 90%
}

.popover.bottom-right .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.timepicker.dropdown-menu {
    padding: 0 4px
}

.timepicker.dropdown-menu button {
    outline: 0;
    border: 0
}

.timepicker.dropdown-menu tbody button {
    padding: 6px
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.thumbnail a>img,.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.tooltip.tooltip-info.top .tooltip-arrow,.tooltip.tooltip-info.top-left .tooltip-arrow,.tooltip.tooltip-info.top-right .tooltip-arrow {
    border-top-color: #d9edf7
}

.tooltip.tooltip-info.right .tooltip-arrow {
    border-right-color: #d9edf7
}

.tooltip.tooltip-info.bottom .tooltip-arrow,.tooltip.tooltip-info.bottom-left .tooltip-arrow,.tooltip.tooltip-info.bottom-right .tooltip-arrow {
    border-bottom-color: #d9edf7
}

.tooltip.tooltip-info.left .tooltip-arrow {
    border-left-color: #d9edf7
}

.tooltip.tooltip-info .tooltip-inner {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.tooltip.tooltip-info .tooltip-inner hr {
    border-top-color: #a6e1ec
}

.tooltip.tooltip-info .tooltip-inner .alert-link {
    color: #245269
}

.tooltip.tooltip-success.top .tooltip-arrow,.tooltip.tooltip-success.top-left .tooltip-arrow,.tooltip.tooltip-success.top-right .tooltip-arrow {
    border-top-color: #dff0d8
}

.tooltip.tooltip-success.right .tooltip-arrow {
    border-right-color: #dff0d8
}

.tooltip.tooltip-success.bottom .tooltip-arrow,.tooltip.tooltip-success.bottom-left .tooltip-arrow,.tooltip.tooltip-success.bottom-right .tooltip-arrow {
    border-bottom-color: #dff0d8
}

.tooltip.tooltip-success.left .tooltip-arrow {
    border-left-color: #dff0d8
}

.tooltip.tooltip-success .tooltip-inner {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.tooltip.tooltip-success .tooltip-inner hr {
    border-top-color: #c9e2b3
}

.tooltip.tooltip-success .tooltip-inner .alert-link {
    color: #2b542c
}

.tooltip.tooltip-danger.top .tooltip-arrow,.tooltip.tooltip-danger.top-left .tooltip-arrow,.tooltip.tooltip-danger.top-right .tooltip-arrow {
    border-top-color: #f2dede
}

.tooltip.tooltip-danger.right .tooltip-arrow {
    border-right-color: #f2dede
}

.tooltip.tooltip-danger.bottom .tooltip-arrow,.tooltip.tooltip-danger.bottom-left .tooltip-arrow,.tooltip.tooltip-danger.bottom-right .tooltip-arrow {
    border-bottom-color: #f2dede
}

.tooltip.tooltip-danger.left .tooltip-arrow {
    border-left-color: #f2dede
}

.tooltip.tooltip-danger .tooltip-inner {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.tooltip.tooltip-danger .tooltip-inner hr {
    border-top-color: #e4b9c0
}

.tooltip.tooltip-danger .tooltip-inner .alert-link {
    color: #843534
}

.tooltip.top-left {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
    left: 10%
}

.tooltip.top-right {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
    left: 90%
}

.tooltip.bottom-left {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    left: 10%
}

.tooltip.bottom-right {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    left: 90%
}

@charset "UTF-8";:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1025px;
    --breakpoint-xxl: 1900px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,code,kbd,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,.h1 {
    font-size: 2.5rem
}

h2,.h2 {
    font-size: 2rem
}

h3,.h3 {
    font-size: 1.75rem
}

h4,.h4 {
    font-size: 1.5rem
}

h5,.h5 {
    font-size: 1.25rem
}

h6,.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small,.small {
    font-size: .875em;
    font-weight: 400
}

mark,.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled,.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1025px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

@media (min-width: 1900px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xxl,.col-xxl-auto,.col-xxl-12,.col-xxl-11,.col-xxl-10,.col-xxl-9,.col-xxl-8,.col-xxl-7,.col-xxl-6,.col-xxl-5,.col-xxl-4,.col-xxl-3,.col-xxl-2,.col-xxl-1,.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

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

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

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

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

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

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1025px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1900px) {
    .col-xxl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xxl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th,.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm th,.table-sm td {
    padding: .3rem
}

.table-bordered,.table-bordered th,.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: #00000013
}

.table-primary,.table-primary>th,.table-primary>td {
    background-color: #b8daff
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,.table-secondary>th,.table-secondary>td {
    background-color: #d6d8db
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,.table-success>th,.table-success>td {
    background-color: #c3e6cb
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>th,.table-info>td {
    background-color: #bee5eb
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,.table-warning>th,.table-warning>td {
    background-color: #ffeeba
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>th,.table-danger>td {
    background-color: #f5c6cb
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,.table-light>th,.table-light>td {
    background-color: #fdfdfe
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,.table-dark>th,.table-dark>td {
    background-color: #c6c8ca
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,.table-active>th,.table-active>td {
    background-color: #00000013
}

.table-hover .table-active:hover {
    background-color: #00000013
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: #00000013
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th,.table-dark td,.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: #ffffff13
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1024.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

@media (max-width: 1899.98px) {
    .table-responsive-xxl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xxl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],select.form-control[multiple],textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745e6;
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated select.form-control:valid,select.form-control.is-valid {
    padding-right: 3rem!important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:valid,.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem)!important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label:before,.custom-control-input.is-valid~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-control-input:valid:checked~.custom-control-label:before,.custom-control-input.is-valid:checked~.custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label:before,.custom-control-input.is-valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem)!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated select.form-control:invalid,select.form-control.is-invalid {
    padding-right: 3rem!important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:invalid,.custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem)!important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-label:before,.custom-control-input.is-invalid~.custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,.custom-control-input.is-invalid:checked~.custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,.custom-control-input.is-invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group,.form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn:focus,.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus,.btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,.btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus,.btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus,.btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-info.disabled,.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus,.btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus,.btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-light.disabled,.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,.btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus,.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,.btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus,.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus,.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus,.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus,.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus,.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus,.btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link:focus,.btn-link.focus {
    text-decoration: underline
}

.btn-link:disabled,.btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg,.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm,.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

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

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

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

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropup,.dropright,.dropdown,.dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1025px) {
    .dropdown-menu-xl-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1900px) {
    .dropdown-menu-xxl-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input[disabled]~.custom-control-label:before,.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: #007bff80
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translate(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #007bff40
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,.custom-file-label,.custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label:before,.custom-file-label,.custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill>.nav-link,.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1025px) {
    .modal-xl {
        max-width:1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow:before,.bs-tooltip-auto[x-placement^=top] .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow:before,.bs-tooltip-auto[x-placement^=right] .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow:before,.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow:before,.bs-tooltip-auto[x-placement^=left] .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

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

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

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

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

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

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

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

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1025px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1900px) {
    .d-xxl-none {
        display:none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }
}

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

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

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

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1025px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1900px) {
    .flex-xxl-row {
        flex-direction:row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1025px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

@media (min-width: 1900px) {
    .float-xxl-left {
        float:left!important
    }

    .float-xxl-right {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }
}

.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013!important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1025px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1900px) {
    .m-xxl-0 {
        margin:0!important
    }

    .mt-xxl-0,.my-xxl-0 {
        margin-top: 0!important
    }

    .mr-xxl-0,.mx-xxl-0 {
        margin-right: 0!important
    }

    .mb-xxl-0,.my-xxl-0 {
        margin-bottom: 0!important
    }

    .ml-xxl-0,.mx-xxl-0 {
        margin-left: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .mt-xxl-1,.my-xxl-1 {
        margin-top: .25rem!important
    }

    .mr-xxl-1,.mx-xxl-1 {
        margin-right: .25rem!important
    }

    .mb-xxl-1,.my-xxl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xxl-1,.mx-xxl-1 {
        margin-left: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .mt-xxl-2,.my-xxl-2 {
        margin-top: .5rem!important
    }

    .mr-xxl-2,.mx-xxl-2 {
        margin-right: .5rem!important
    }

    .mb-xxl-2,.my-xxl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xxl-2,.mx-xxl-2 {
        margin-left: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .mt-xxl-3,.my-xxl-3 {
        margin-top: 1rem!important
    }

    .mr-xxl-3,.mx-xxl-3 {
        margin-right: 1rem!important
    }

    .mb-xxl-3,.my-xxl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xxl-3,.mx-xxl-3 {
        margin-left: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .mt-xxl-4,.my-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xxl-4,.mx-xxl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xxl-4,.my-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xxl-4,.mx-xxl-4 {
        margin-left: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .mt-xxl-5,.my-xxl-5 {
        margin-top: 3rem!important
    }

    .mr-xxl-5,.mx-xxl-5 {
        margin-right: 3rem!important
    }

    .mb-xxl-5,.my-xxl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xxl-5,.mx-xxl-5 {
        margin-left: 3rem!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .pt-xxl-0,.py-xxl-0 {
        padding-top: 0!important
    }

    .pr-xxl-0,.px-xxl-0 {
        padding-right: 0!important
    }

    .pb-xxl-0,.py-xxl-0 {
        padding-bottom: 0!important
    }

    .pl-xxl-0,.px-xxl-0 {
        padding-left: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .pt-xxl-1,.py-xxl-1 {
        padding-top: .25rem!important
    }

    .pr-xxl-1,.px-xxl-1 {
        padding-right: .25rem!important
    }

    .pb-xxl-1,.py-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xxl-1,.px-xxl-1 {
        padding-left: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .pt-xxl-2,.py-xxl-2 {
        padding-top: .5rem!important
    }

    .pr-xxl-2,.px-xxl-2 {
        padding-right: .5rem!important
    }

    .pb-xxl-2,.py-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xxl-2,.px-xxl-2 {
        padding-left: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .pt-xxl-3,.py-xxl-3 {
        padding-top: 1rem!important
    }

    .pr-xxl-3,.px-xxl-3 {
        padding-right: 1rem!important
    }

    .pb-xxl-3,.py-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xxl-3,.px-xxl-3 {
        padding-left: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .pt-xxl-4,.py-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xxl-4,.px-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xxl-4,.py-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xxl-4,.px-xxl-4 {
        padding-left: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .pt-xxl-5,.py-xxl-5 {
        padding-top: 3rem!important
    }

    .pr-xxl-5,.px-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-5,.py-xxl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xxl-5,.px-xxl-5 {
        padding-left: 3rem!important
    }

    .m-xxl-n1 {
        margin: -.25rem!important
    }

    .mt-xxl-n1,.my-xxl-n1 {
        margin-top: -.25rem!important
    }

    .mr-xxl-n1,.mx-xxl-n1 {
        margin-right: -.25rem!important
    }

    .mb-xxl-n1,.my-xxl-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-xxl-n1,.mx-xxl-n1 {
        margin-left: -.25rem!important
    }

    .m-xxl-n2 {
        margin: -.5rem!important
    }

    .mt-xxl-n2,.my-xxl-n2 {
        margin-top: -.5rem!important
    }

    .mr-xxl-n2,.mx-xxl-n2 {
        margin-right: -.5rem!important
    }

    .mb-xxl-n2,.my-xxl-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-xxl-n2,.mx-xxl-n2 {
        margin-left: -.5rem!important
    }

    .m-xxl-n3 {
        margin: -1rem!important
    }

    .mt-xxl-n3,.my-xxl-n3 {
        margin-top: -1rem!important
    }

    .mr-xxl-n3,.mx-xxl-n3 {
        margin-right: -1rem!important
    }

    .mb-xxl-n3,.my-xxl-n3 {
        margin-bottom: -1rem!important
    }

    .ml-xxl-n3,.mx-xxl-n3 {
        margin-left: -1rem!important
    }

    .m-xxl-n4 {
        margin: -1.5rem!important
    }

    .mt-xxl-n4,.my-xxl-n4 {
        margin-top: -1.5rem!important
    }

    .mr-xxl-n4,.mx-xxl-n4 {
        margin-right: -1.5rem!important
    }

    .mb-xxl-n4,.my-xxl-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-xxl-n4,.mx-xxl-n4 {
        margin-left: -1.5rem!important
    }

    .m-xxl-n5 {
        margin: -3rem!important
    }

    .mt-xxl-n5,.my-xxl-n5 {
        margin-top: -3rem!important
    }

    .mr-xxl-n5,.mx-xxl-n5 {
        margin-right: -3rem!important
    }

    .mb-xxl-n5,.my-xxl-n5 {
        margin-bottom: -3rem!important
    }

    .ml-xxl-n5,.mx-xxl-n5 {
        margin-left: -3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mt-xxl-auto,.my-xxl-auto {
        margin-top: auto!important
    }

    .mr-xxl-auto,.mx-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-auto,.my-xxl-auto {
        margin-bottom: auto!important
    }

    .ml-xxl-auto,.mx-xxl-auto {
        margin-left: auto!important
    }
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important
}

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

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

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

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

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

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

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

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1025px) {
    .text-xl-left {
        text-align:left!important
    }

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

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1900px) {
    .text-xxl-left {
        text-align:left!important
    }

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

    .text-xxl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:hover,a.text-primary:focus {
    color: #0056b3!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:hover,a.text-secondary:focus {
    color: #494f54!important
}

.text-success {
    color: #28a745!important
}

a.text-success:hover,a.text-success:focus {
    color: #19692c!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:hover,a.text-info:focus {
    color: #0f6674!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:hover,a.text-warning:focus {
    color: #ba8b00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:hover,a.text-danger:focus {
    color: #a71d2a!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:hover,a.text-light:focus {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:hover,a.text-dark:focus {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: #00000080!important
}

.text-white-50 {
    color: #ffffff80!important
}

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

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.fa,.fab,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

svg.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    width: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-spin {
    animation: fa-spin 2s linear infinite
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

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

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

#coinzilla-header {
    margin-top: -90px;
    height: 90px
}

#coinzilla-header.previous-failed {
    height: auto
}

html.topbar-enabled body {
    padding-top: 90px
}

html.topbar-enabled body #ct_cbEGzIU_disp,html.topbar-enabled body #coinzilla-header {
    margin-top: -90px
}

html.topbar-enabled body.CCx5StickyTop,html.topbar-enabled body.CCx6StickyTop,html.topbar-enabled body.CCx7StickyTop,html.topbar-enabled body.CCx8StickyTop,html.topbar-enabled body.CCx9StickyTop {
    padding-top: 0
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

.ng-select {
    font-size: 11px;
    cursor: pointer;
    outline: none
}

.ng-select .ng-control {
    border-color: var(--color-button-light-border)!important;
    background: var(--color-button-light-bg)!important;
    color: var(--color-button-light-text)!important;
    outline: none
}

.ng-select .ng-control .ng-placeholder {
    color: var(--color-font-less-important)!important
}

.ng-select .ng-control .ng-arrow-zone {
    color: var(--color-font-medium-important)!important
}

.ng-select .ng-dropdown-panel {
    border-color: var(--color-border-light)!important
}

.ng-select .ng-option.marked {
    background: var(--color-background-light-blue)!important
}

.ng-select.select-number,.ng-select.select-theme {
    width: 100%
}

.ng-select .ng-select-container .ng-value-container .ng-input input {
    color: var(--color-button-light-text)
}

.button,.dd-menu-container.dd-large,.button-light-fw,.button-primary-fw {
    cursor: pointer!important;
    display: inline-block;
    line-height: 34px;
    border: 1px solid;
    padding: 0 20px;
    border-radius: 3px;
    text-decoration: none!important;
    text-transform: none;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 768px) {
    .button,.dd-menu-container.dd-large,.button-light-fw,.button-primary-fw {
        line-height:40px
    }
}

.button:focus,.dd-menu-container.dd-large:focus,.button-light-fw:focus,.button-primary-fw:focus {
    outline: none
}

.button.button-sq,.button-sq.dd-menu-container.dd-large,.button-sq.button-light-fw,.button-sq.button-primary-fw {
    width: 34px!important;
    text-align: center;
    padding: 0
}

.button.button-sq i,.button-sq.dd-menu-container.dd-large i,.button-sq.button-light-fw i,.button-sq.button-primary-fw i {
    margin: 0!important
}

.button.button-sm,.button-sm.dd-menu-container.dd-large,.button-sm.button-light-fw,.button-sm.button-primary-fw {
    line-height: 30px
}

.button.button-sm.button-sq,.button-sm.button-sq.dd-menu-container.dd-large,.button-sm.button-sq.button-light-fw,.button-sm.button-sq.button-primary-fw {
    width: 30px!important
}

.button.button-xs,.button-xs.dd-menu-container.dd-large,.button-xs.button-light-fw,.button-xs.button-primary-fw {
    line-height: 25px
}

.button.button-xs.button-sq,.button-xs.button-sq.dd-menu-container.dd-large,.button-xs.button-sq.button-light-fw,.button-xs.button-sq.button-primary-fw {
    width: 25px!important
}

.button.button-lg,.button-lg.dd-menu-container.dd-large,.button-light-fw,.button-primary-fw {
    line-height: 50px;
    font-size: 16px
}

.button.button-lg.button-sq,.button-lg.button-sq.dd-menu-container.dd-large,.button-sq.button-light-fw,.button-sq.button-primary-fw {
    width: 50px!important
}

.button.button-primary,.dd-menu-container.dd-large,.button-primary.button-light-fw,.button-primary-fw {
    color: var(--color-button-primary-text)!important;
    background: var(--color-button-primary-bg);
    border-color: var(--color-button-primary-border)
}

.button.button-primary i,.dd-menu-container.dd-large i,.button-primary.button-light-fw i,.button-primary-fw i {
    color: var(--color-button-primary-icon)!important
}

.button.button-primary:hover,.dd-menu-container.dd-large:hover,.button-primary.button-light-fw:hover,.button-primary-fw:hover {
    background-color: var(--color-button-primary-bg-hover);
    border-color: var(--color-button-primary-border-hover)
}

.button.button-primary.button-disabled,.button-disabled.dd-menu-container.dd-large,.button-primary.button-disabled.button-light-fw,.button-disabled.button-primary-fw {
    opacity: .5;
    cursor: pointer;
    pointer-events: none
}

.button.button-primary.button-disabled:hover,.button-disabled.dd-menu-container.dd-large:hover,.button-primary.button-disabled.button-light-fw:hover,.button-disabled.button-primary-fw:hover {
    background: var(--color-button-primary-bg);
    border-color: var(--color-button-primary-border)
}

.button.button-primary.button-small,.button-small.dd-menu-container.dd-large,.button-primary.button-small.button-light-fw,.button-small.button-primary-fw {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 15px
}

.button.button-secondary2,.button-secondary2.dd-menu-container.dd-large,.button-secondary2.button-light-fw,.button-secondary2.button-primary-fw {
    border-color: var(--color-border-light);
    background: transparent;
    color: var(--color-font-very-important)
}

.button.button-secondary2:hover,.button-secondary2.dd-menu-container.dd-large:hover,.button-secondary2.button-light-fw:hover,.button-secondary2.button-primary-fw:hover {
    background: var(--color-border-light)
}

.button.button-secondary,.button-secondary.dd-menu-container.dd-large,.button-secondary.button-light-fw,.button-secondary.button-primary-fw {
    border-color: var(--color-button-secondary-border);
    color: var(--color-button-secondary-text)!important;
    background: var(--color-button-secondary-bg);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px
}

.button.button-secondary i,.button-secondary.dd-menu-container.dd-large i,.button-secondary.button-light-fw i,.button-secondary.button-primary-fw i {
    color: var(--color-button-secondary-icon)
}

.button.button-secondary:hover,.button-secondary.dd-menu-container.dd-large:hover,.button-secondary.button-light-fw:hover,.button-secondary.button-primary-fw:hover {
    background: var(--color-button-secondary-bg-hover);
    border-color: var(--color-button-secondary-border-hover)
}

.button.button-secondary.button-lg,.button-secondary.button-lg.dd-menu-container.dd-large,.button-secondary.button-light-fw,.button-secondary.button-primary-fw {
    font-size: 14px
}

.button.button-secondary.button-square i,.button-secondary.button-square.dd-menu-container.dd-large i,.button-secondary.button-square.button-light-fw i,.button-secondary.button-square.button-primary-fw i {
    color: var(--color-font-medium-important)!important
}

.button.button-secondary.button-disabled.button-disabled,.button-secondary.button-disabled.button-disabled.dd-menu-container.dd-large,.button-secondary.button-disabled.button-disabled.button-light-fw,.button-secondary.button-disabled.button-disabled.button-primary-fw {
    opacity: .5;
    cursor: pointer;
    pointer-events: none
}

.button.button-secondary.button-disabled.button-disabled:hover,.button-secondary.button-disabled.button-disabled.dd-menu-container.dd-large:hover,.button-secondary.button-disabled.button-disabled.button-light-fw:hover,.button-secondary.button-disabled.button-disabled.button-primary-fw:hover {
    border-color: var(--color-button-secondary-border);
    color: var(--color-button-secondary-text)!important;
    background: var(--color-button-secondary-bg)
}

.button.button-light,.button-light.dd-menu-container.dd-large,.button-light-fw,.button-light.button-primary-fw {
    border-color: var(--color-button-light-border);
    color: var(--color-button-light-text);
    background: var(--color-button-light-bg)
}

.button.button-white,.button-white.dd-menu-container.dd-large,.button-white.button-light-fw,.button-white.button-primary-fw {
    background: #fff;
    border-color: #fff;
    color: var(--color-text-medium)
}

.button.button-white:hover,.button-white.dd-menu-container.dd-large:hover,.button-white.button-light-fw:hover,.button-white.button-primary-fw:hover {
    background-color: var(--color-background-light-grey);
    border-color: var(--color-background-light-grey)
}

.button.button-red,.button-red.dd-menu-container.dd-large,.button-red.button-light-fw,.button-red.button-primary-fw {
    background: var(--color-red);
    border-color: var(--color-red);
    color: var(--color-white)
}

.button.button-green,.button-green.dd-menu-container.dd-large,.button-green.button-light-fw,.button-green.button-primary-fw {
    background: var(--color-green);
    border-color: var(--color-green);
    color: var(--color-white)
}

.button.button-transparent,.button-transparent.dd-menu-container.dd-large,.button-transparent.button-light-fw,.button-transparent.button-primary-fw {
    color: var(--color-font-very-important);
    border-color: transparent;
    background-color: transparent
}

.button.button-transparent:hover,.button-transparent.dd-menu-container.dd-large:hover,.button-transparent.button-light-fw:hover,.button-transparent.button-primary-fw:hover {
    border-color: transparent;
    background-color: transparent
}

.button.button-link,.button-link.dd-menu-container.dd-large,.button-link.button-light-fw,.button-link.button-primary-fw {
    background: transparent;
    border: transparent;
    color: var(--color-link-base)
}

.button.button-link:hover,.button-link.dd-menu-container.dd-large:hover,.button-link.button-light-fw:hover,.button-link.button-primary-fw:hover {
    text-decoration: underline
}

.button.button-light-grey,.button-light-grey.dd-menu-container.dd-large,.button-light-grey.button-light-fw,.button-light-grey.button-primary-fw {
    color: var(--color-button-text);
    background: var(--color-button-background);
    border-color: var(--color-button-background)
}

.button.button-light-grey:hover,.button-light-grey.dd-menu-container.dd-large:hover,.button-light-grey.button-light-fw:hover,.button-light-grey.button-primary-fw:hover {
    background: var(--color-button-background-hover);
    border-color: var(--color-button-background-hover)
}

.button.button-dark-grey,.button-dark-grey.dd-menu-container.dd-large,.button-dark-grey.button-light-fw,.button-dark-grey.button-primary-fw {
    color: var(--color-text-verylight);
    background: var(--color-button-background-dark);
    border-color: var(--color-button-background-dark)
}

.button.button-dark-grey i,.button-dark-grey.dd-menu-container.dd-large i,.button-dark-grey.button-light-fw i,.button-dark-grey.button-primary-fw i {
    color: var(--color-button-primary-icon)!important
}

.button.button-grey,.button-grey.dd-menu-container.dd-large,.button-grey.button-light-fw,.button-grey.button-primary-fw {
    background: var(--color-border-medium);
    color: var(--color-font-very-important);
    border-color: var(--color-border-medium)
}

.button.button-grey:hover,.button-grey.dd-menu-container.dd-large:hover,.button-grey.button-light-fw:hover,.button-grey.button-primary-fw:hover {
    background: var(--color-primary-base);
    border-color: var(--color-primary-base);
    color: var(--color-white)
}

.button.button-light-transparent,.button-light-transparent.dd-menu-container.dd-large,.button-light-transparent.button-light-fw,.button-light-transparent.button-primary-fw {
    background: rgba(255,255,255,.1);
    border-color: transparent;
    color: var(--color-text-verylight)
}

.button.button-light-transparent:hover,.button-light-transparent.dd-menu-container.dd-large:hover,.button-light-transparent.button-light-fw:hover,.button-light-transparent.button-primary-fw:hover {
    background: rgba(255,255,255,.2)
}

.button.button-block,.button-block.dd-menu-container.dd-large,.button-light-fw,.button-primary-fw {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center
}

.button.button-square,.button-square.dd-menu-container.dd-large,.button-square.button-light-fw,.button-square.button-primary-fw {
    width: 36px;
    text-align: center;
    padding: 0
}

.button.button-loading,.button-loading.dd-menu-container.dd-large,.button-loading.button-light-fw,.button-loading.button-primary-fw {
    pointer-events: none!important;
    position: relative;
    text-indent: -9999px;
    line-height: 0;
    opacity: .5
}

.button.button-loading:after,.button-loading.dd-menu-container.dd-large:after,.button-loading.button-light-fw:after,.button-loading.button-primary-fw:after {
    content: "Loading...";
    text-indent: 0;
    line-height: 34px;
    display: block
}

@media (max-width: 768px) {
    .button.button-loading:after,.button-loading.dd-menu-container.dd-large:after,.button-loading.button-light-fw:after,.button-loading.button-primary-fw:after {
        line-height:40px
    }
}

.button.button-loading.button-lg:after,.button-loading.button-lg.dd-menu-container.dd-large:after,.button-loading.button-light-fw:after,.button-loading.button-primary-fw:after {
    line-height: 50px
}

.button.button-dropdown i.fas.fa-caret-down,.button-dropdown.dd-menu-container.dd-large i.fas.fa-caret-down,.button-dropdown.button-light-fw i.fas.fa-caret-down,.button-dropdown.button-primary-fw i.fas.fa-caret-down {
    margin-left: 4px;
    font-weight: 700;
    color: var(--color-font-medium);
    font-size: 13px;
    transform: translateY(1px)
}

.button.button-uppercase,.button-uppercase.dd-menu-container.dd-large,.button-uppercase.button-light-fw,.button-uppercase.button-primary-fw {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700
}

.button.button-large,.button-large.dd-menu-container.dd-large,.button-large.button-light-fw,.button-large.button-primary-fw {
    line-height: 48px;
    padding: 0 24px;
    font-size: 16px
}

.button .far:first-child,.dd-menu-container.dd-large .far:first-child,.button-light-fw .far:first-child,.button-primary-fw .far:first-child,.button .fas:first-child,.dd-menu-container.dd-large .fas:first-child,.button-light-fw .fas:first-child,.button-primary-fw .fas:first-child,.button .fal:first-child,.dd-menu-container.dd-large .fal:first-child,.button-light-fw .fal:first-child,.button-primary-fw .fal:first-child {
    margin-right: 7px
}

.button .far:last-child,.dd-menu-container.dd-large .far:last-child,.button-light-fw .far:last-child,.button-primary-fw .far:last-child,.button .fas:last-child,.dd-menu-container.dd-large .fas:last-child,.button-light-fw .fas:last-child,.button-primary-fw .fas:last-child,.button .fal:last-child,.dd-menu-container.dd-large .fal:last-child,.button-light-fw .fal:last-child,.button-primary-fw .fal:last-child {
    margin-left: 7px
}

.button .flag-icon,.dd-menu-container.dd-large .flag-icon,.button-light-fw .flag-icon,.button-primary-fw .flag-icon {
    margin-right: 5px;
    padding-top: 2px;
    display: inline-block
}

.filter-entries {
    display: inline-flex;
    border: 1px solid var(--color-border-medium);
    background: var(--color-background-secondary);
    line-height: 30px;
    border-radius: 3px;
    position: relative;
    width: 200px
}

.filter-entries input {
    flex-grow: 1;
    line-height: 30px;
    border: none;
    background: transparent;
    padding-left: 10px;
    outline: none;
    color: var(--color-font-very-important);
    align-items: center
}

@media (max-width: 962px) {
    .filter-entries input {
        line-height:40px
    }
}

.filter-entries input::placeholder {
    font-style: italic;
    color: var(--color-font-less-important)
}

.filter-entries .far,.filter-entries .fal,.filter-entries .fas {
    display: inline-flex;
    align-items: center;
    width: 30px;
    cursor: pointer;
    text-align: center;
    color: var(--color-font-less-important)
}

.filter-entries .far:hover,.filter-entries .fal:hover,.filter-entries .fas:hover {
    color: var(--color-font-medium-important)
}

.cc-input {
    height: 36px;
    line-height: 36px;
    color: var(--color-input-text);
    border: 1px solid var(--color-input-border);
    background: var(--color-input-bg);
    border-radius: 3px;
    padding: 0 15px;
    display: block;
    width: 100%;
    outline: none
}

.cc-input.cc-input-lg {
    height: 52px;
    line-height: 52px;
    font-size: 16px
}

.cc-input:focus {
    border-color: var(--color-input-border-active)!important
}

.button-connect {
    line-height: 50px;
    color: #fff!important;
    font-size: 16px;
    display: block;
    text-align: center;
    position: relative;
    border-radius: 3px
}

.button-connect.connect-google {
    background: #dd4b39
}

.button-connect.connect-google span {
    height: 50px;
    font-size: 20px;
    width: 50px;
    line-height: 50px;
    left: 0;
    position: absolute;
    background: #c23321;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

@media (max-width: 768px) {
    .button-connect.connect-google span {
        height:40px;
        width: 40px;
        line-height: 40px
    }
}

.button-connect.connect-google span i {
    color: inherit
}

.button-connect.connect-fb {
    background: #3c5898
}

.button-connect.connect-fb span {
    height: 50px;
    font-size: 20px;
    width: 50px;
    line-height: 50px;
    left: 0;
    position: absolute;
    background: #2e4373;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

@media (max-width: 768px) {
    .button-connect.connect-fb span {
        height:40px;
        width: 40px;
        line-height: 40px
    }
}

.button-connect.connect-fb span i {
    color: inherit
}

.button-connect:hover {
    text-decoration: none
}

.dd-menu-container {
    position: relative;
    display: inline-block
}

.dd-menu-container.dd-large {
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 50px
}

.dd-menu-container.dd-large .dropdown-toggle {
    width: 100%;
    display: block;
    position: relative
}

.dd-menu-container.dd-large .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    content: "\f107";
    border: 0;
    font-family: "Font Awesome 5 Pro"
}

.dd-menu-container .dd-menu-trigger {
    z-index: 50;
    position: relative
}

.dd-menu-container.open {
    box-shadow: 0 1px 8px #00000026
}

.dd-menu-container .dd-menu {
    display: none;
    position: absolute;
    background: var(--color-background-secondary);
    border: 1px solid var(--color-border-light);
    z-index: 10000;
    color: var(--color-text-dark);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: -1px;
    width: 100%;
    text-align: left;
    box-shadow: 0 4px 8px #00000026
}

.dd-menu-container .dd-menu .dd-menu-controls {
    padding: 20px;
    border-top: 1px solid var(--color-border-light)
}

.dd-menu-container .dd-menu .dd-menu-controls .button-primary,.dd-menu-container .dd-menu .dd-menu-controls .button-primary-fw,.dd-menu-container .dd-menu .dd-menu-controls .dd-menu-container.dd-large {
    margin-left: 20px
}

.dd-menu-container .dd-menu .dd-menu-section-title {
    display: block;
    font-size: 10px;
    color: var(--color-font-light);
    padding: 0 20px;
    line-height: 24px;
    border-top: 1px solid var(--color-border-light);
    text-transform: uppercase
}

.dd-menu-container .dd-menu .dd-menu-section-title:first-child {
    border: none
}

.dd-menu-container .dd-menu .dd-menu-separator {
    height: 1px;
    background: var(--color-border-light)
}

.dd-menu-container .dd-menu .dd-menu-entry {
    display: block;
    padding: 0 20px;
    line-height: 24px;
    cursor: pointer;
    font-size: 11px;
    text-decoration: none;
    color: var(--color-font-very-important);
    position: relative
}

.dd-menu-container .dd-menu .dd-menu-entry.hover,.dd-menu-container .dd-menu .dd-menu-entry:hover {
    background: var(--color-background-dd-link-hover)
}

.dd-menu-container .dd-menu .dd-menu-entry.selected {
    font-weight: 700
}

.dd-menu-container .dd-menu .dd-menu-entry.selected:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    color: var(--color-primary-base);
    line-height: 20px
}

.dd-menu-container .dd-menu .dd-menu-entry.toggable:after {
    content: "\f204";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    color: var(--color-font-light);
    line-height: 20px;
    font-weight: 400;
    font-size: 20px
}

.dd-menu-container .dd-menu .dd-menu-entry.toggable.toggable-on:after {
    content: "\f205";
    color: var(--color-primary-base)
}

.dd-menu-container .dd-menu .dd-menu-entry .dd-menu-entry-coin-name {
    width: 155px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dd-menu-container .dd-menu .dd-menu-entry .dd-menu-entry-stock-name {
    display: flex
}

.dd-menu-container .dd-menu .dd-menu-entry .dd-menu-entry-stock-name .stock-name {
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px
}

.dd-menu-container .dd-menu *:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.dd-menu-container .dd-menu.dd-menu-list .dd-menu-entry {
    line-height: 38px;
    border-bottom: 1px solid var(--color-border-light)
}

.dd-menu-container .dd-menu.dd-menu-list .dd-menu-entry .fal,.dd-menu-container .dd-menu.dd-menu-list .dd-menu-entry .far,.dd-menu-container .dd-menu.dd-menu-list .dd-menu-entry .fas {
    width: 20px;
    text-align: left;
    color: var(--color-font-light)
}

.dd-menu-container .dd-menu.dd-menu-list .dd-menu-entry:last-child {
    border: none
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-section-title {
    background: var(--color-background-medium-white);
    border-bottom: 1px solid var(--color-border-light)
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry {
    line-height: 38px;
    border-bottom: 1px solid var(--color-border-light);
    background-repeat: no-repeat
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry.dd-menu-entry-image {
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px 20px;
    padding-left: 60px
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry.dd-menu-entry-image.forex {
    padding-left: 20px
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry.dd-menu-entry-image.forex .forex-logo {
    margin-right: 20px
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry:last-child {
    border: none
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry.no-results {
    text-align: center;
    cursor: default;
    font-style: italic;
    color: var(--color-font-less-important);
    height: auto;
    pointer-events: none
}

.dd-menu-container .dd-menu.dd-menu-search .dd-menu-entry strong {
    font-weight: 700
}

.dd-menu-container .dd-menu.dd-menu-lg .dd-menu-entry {
    font-size: 14px;
    line-height: 40px
}

.dd-menu-container .dd-menu.dd-menu-lg .dd-menu-section-title {
    font-size: 11px;
    line-height: 40px
}

.dd-menu-container .dd-menu.dd-menu-left {
    right: 0;
    width: 270px
}

.dd-menu-container.open .dd-menu-trigger {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.dd-menu-container.open .dd-menu {
    display: block
}

.ng-select.opened>.ng-control {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.ng-select.opened>.ng-control:hover {
    box-shadow: none
}

.ng-select.opened>.ng-control .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.ng-select.opened>.ng-control .ng-arrow:hover {
    border-color: transparent transparent #666
}

.ng-select.opened.bottom>.ng-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.opened.top>.ng-control {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select.focused:not(.opened)>.ng-control {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px #00000013,0 0 0 3px #007eff1a
}

.ng-select.disabled>.ng-control {
    background-color: #f9f9f9
}

.ng-select .ng-control {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-control:hover {
    box-shadow: 0 1px #0000000f
}

.ng-select .ng-control .ng-value-container {
    align-items: center;
    padding-left: 10px
}

.ng-select .ng-control .ng-value-container .ng-placeholder {
    color: #aaa
}

.ng-select.ng-single .ng-control {
    height: 36px
}

.ng-select.ng-single .ng-control .ng-value-container .ng-input {
    left: 0;
    padding-left: 10px;
    padding-right: 50px;
    top: 5px
}

.ng-select.ng-multiple.disabled>.ng-control .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.ng-select.ng-multiple.disabled>.ng-control .ng-value-container .ng-value .ng-value-label {
    padding: 2px 5px
}

.ng-select.ng-multiple .ng-control .ng-value-container {
    padding-left: 7px;
    padding-top: 5px
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value {
    font-size: .9em;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f5faff;
    border-radius: 2px;
    border: 1px solid #c2e0ff
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value.disabled {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-label {
    padding: 2px 5px 2px 1px
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-label .ng-value-icon {
    padding: 3px 5px
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-label .ng-value-icon:hover {
    background-color: #d8eafd
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-label .ng-value-icon.left {
    border-right: 1px solid #c2e0ff
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-label .ng-value-icon.right {
    border-left: 1px solid #c2e0ff
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-input {
    padding-bottom: 3px;
    padding-left: 3px
}

.ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

.ng-select .ng-clear-zone {
    color: #999
}

.ng-select .ng-clear-zone:hover {
    color: #d0021b
}

.ng-select .ng-spinner-zone {
    padding-right: 5px;
    padding-top: 5px
}

.ng-select .ng-arrow-zone {
    padding-right: 5px;
    width: 25px
}

.ng-select .ng-arrow-zone .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-select .ng-arrow-zone .ng-arrow:hover {
    border-top-color: #666
}

.ng-select .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-select .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-select.custom.ng-invalid.ng-touched {
    border-radius: .25rem;
    outline: none;
    border: 1px solid #ed2e35!important;
    box-shadow: 0 0 10px #ed2e35;
    -webkit-box-shadow: 0 0 10px #ed2e35
}

.ng-select.custom.ng-invalid.ng-touched:focus {
    border-radius: .25rem;
    outline: none;
    border: 1px solid #ed2e35!important;
    box-shadow: 0 0 10px #ed2e35;
    -webkit-box-shadow: 0 0 10px #ed2e35
}

.ng-select.custom.ng-invalid.ng-touched.focused:not(.opened)>.ng-control {
    border-radius: .25rem;
    border: 1px solid #ed2e35!important;
    outline: none;
    box-shadow: 0 0 10px #ed2e35;
    -webkit-box-shadow: 0 0 10px #ed2e35
}

.ng-select.custom .ng-dropdown-panel.bottom {
    right: 0
}

.ng-select.custom .ng-control {
    cursor: pointer
}

.ng-select.custom.ng-select .ng-control .ng-value-container .ng-input>input {
    cursor: pointer;
    padding-top: 3px
}

.ng-select.custom.focused:not(.opened)>.ng-control {
    z-index: 1000;
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px #0000000f
}

.ng-dropdown-panel.bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6;
    margin-top: -1px
}

.ng-dropdown-panel.bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.disabled {
    color: #0000008a
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.marked {
    background-color: #ebf5ff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.selected {
    color: #333;
    background-color: #f5faff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.selected {
    color: #333;
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.selected .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.marked {
    background-color: #ebf5ff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.marked {
    background: #f5f5f5
}

.ng-select.homepage-native {
    height: 40px;
    width: 120px
}

.ng-select.homepage-native .ng-arrow-wrapper .ng-arrow {
    border-color: var(--color-font-homepage-inputs-color) transparent transparent
}

.ng-select.homepage-native.homepage-native-currency {
    width: 80px
}

.ng-select.homepage-native.ng-select-opened>.ng-select-container {
    color: var(--color-font-homepage-inputs-color)!important;
    height: 40px;
    border: none
}

.ng-select.homepage-native.ng-select-opened>.ng-select-container .ng-arrow-wrapper .ng-arrow {
    border-color: transparent transparent var(--color-font-homepage-inputs-color)
}

.ng-select.homepage-native.ng-select-single>.ng-select-container {
    color: var(--color-font-homepage-inputs-color)!important;
    background: var(--color-text-verylight)!important;
    height: 40px;
    border: none
}

.ng-select.homepage-native .ng-select-container {
    background: var(--color-text-verylight)!important
}

.ng-select.homepage-native .ng-select-container .ng-value .ng-value-label {
    font-size: 14px;
    font-weight: 700
}

.ng-select.homepage-native .ng-dropdown-panel {
    border-color: var(--color-border-homepage-native-dd)!important;
    box-shadow: 1px 1px 3px #0000004d
}

.ng-select.historical-select>.ng-select-container {
    border: none
}

.ng-select.historical-select.ng-select-opened>.ng-select-container {
    color: var(--color-button-secondary-text)!important;
    background: transparent!important
}

.ng-select.historical-select.ng-select-opened>.ng-select-container .ng-arrow {
    border-color: transparent transparent var(--color-button-secondary-text)
}

.ng-select.historical-select>.ng-select-container {
    background: transparent!important;
    cursor: pointer;
    color: var(--color-button-secondary-text)!important
}

.ng-select.historical-select .ng-arrow-wrapper .ng-arrow {
    border-color: var(--color-button-secondary-text) transparent transparent
}

.ng-select.historical-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: var(--color-button-secondary-text)
}

.ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: var(--color-button-light-border)!important;
    background: var(--color-button-light-bg)!important;
    color: var(--color-button-light-text)!important
}

.ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #333
}

.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select .ng-select-container {
    border: 1px solid #ccc;
    border-radius: 4px;
    border-color: var(--color-button-light-border)!important;
    background: var(--color-button-light-bg)!important;
    color: var(--color-button-light-text)!important;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-select-container:hover {
    box-shadow: 0 1px #0000000f
}

.ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: var(--color-font-less-important)
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-left: 7px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    background-color: var(--color-button-light-bg)!important;
    border: 1px solid var(--color-border-medium);
    border-radius: 2px;
    margin-right: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: var(--color-button-light-bg)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid var(--color-border-medium)
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 0 3px 3px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

.ng-select .ng-clear-wrapper {
    color: #999
}

.ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #d0021b
}

.ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

.ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.ng-select.ng-select-disabled>.ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 10px;
    left: 0;
    padding-left: 10px;
    padding-right: 50px
}

[dir=rtl] .ng-select .ng-spinner-zone {
    padding: 5px 0 0 5px
}

[dir=rtl] .ng-select .ng-arrow-wrapper {
    padding-left: 5px;
    padding-right: 0
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container {
    padding-right: 10px;
    padding-left: 0
}

[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-right: 10px;
    padding-left: 50px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-right: 7px;
    padding-left: 0
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 0;
    margin-left: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-left: 1px solid #b8dbff;
    border-right: none
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 0;
    border-right: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 0;
    padding-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 3px 3px 0
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 3px;
    padding-left: 0
}

[dir=rtl] .ng-dropdown-panel {
    direction: rtl;
    text-align: right
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 22px;
    padding-left: 0
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px #0000000f;
    left: 0
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6;
    margin-top: -1px
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-panel-items {
    margin-bottom: 1px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: #0000008a;
    cursor: pointer
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
    background-color: #ebf5ff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: #000000de;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #333;
    background-color: #ebf5ff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5faff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

.converter.ng-select .ng-select-container {
    height: 60px;
    background: var(--color-background-secondary)!important
}

.converter.ng-select .ng-select-container .ng-value-container {
    padding-left: 15px
}

.converter.ng-select .ng-select-container .ng-value-container .ng-input {
    padding-left: 15px;
    font-size: 14px;
    top: auto
}

.converter-dd img {
    height: 40px;
    width: 40px;
    margin-right: 15px
}

.converter-dd .currency-info .currency-ticker {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px
}

.converter-dd .currency-info .currency-name {
    font-size: 14px
}

.converter-dd .ng-select-container .currency-info .currency-ticker {
    color: var(--color-font-very-important)
}

.converter-dd .ng-select-container .currency-info .currency-name {
    color: var(--color-font-medium-important-2)
}

.converter-currency-placeholder {
    height: 40px;
    width: 40px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color-background-medium-white);
    color: var(--color-font-very-important);
    font-weight: 500;
    font-size: 14px
}

.ng-option-disabled .converter-dd {
    opacity: .4;
    cursor: default
}

.allDD.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: auto
}

.two-col-layout>.row {
    margin: 0;
    display: flex;
    flex-wrap: nowrap
}

.two-col-layout .main-col {
    background: var(--color-background-secondary);
    border-radius: 5px;
    box-shadow: 0 0 20px #0000001a;
    padding: 0;
    width: calc(100% - 320px)
}

@media (max-width: 1025px) {
    .two-col-layout .main-col {
        border-radius:0
    }
}

.two-col-layout .main-col .main-title {
    padding: 30px;
    border-bottom: 1px solid var(--color-border-medium);
    margin-bottom: 30px;
    position: relative
}

@media (max-width: 962px) {
    .two-col-layout .main-col .main-title {
        margin-bottom:20px;
        padding: 15px
    }
}

.two-col-layout .main-col .main-title img {
    margin-right: 20px;
    border: 1px solid var(--color-border-medium);
    padding: 5px;
    height: 70px;
    width: 70px;
    background: #fff
}

@media (max-width: 962px) {
    .two-col-layout .main-col .main-title img {
        padding:0;
        width: 48px;
        height: 48px;
        margin-right: 15px;
        background: none;
        border: none
    }
}

.two-col-layout .main-col .main-title h1 {
    font-size: 30px;
    color: var(--color-page-title-main);
    font-weight: 500;
    line-height: 1.4
}

@media (max-width: 1239px) {
    .two-col-layout .main-col .main-title h1 {
        font-size:20px
    }
}

@media (max-width: 962px) {
    .two-col-layout .main-col .main-title h1 {
        font-size:18px
    }
}

.two-col-layout .main-col .main-title h2 {
    margin-top: 10px;
    font-size: 16px;
    color: var(--color-page-title-sub);
    line-height: 1.4
}

@media (max-width: 962px) {
    .two-col-layout .main-col .main-title h2 {
        font-size:14px
    }
}

.two-col-layout .main-col .main-title .options {
    position: absolute;
    top: 30px;
    right: 30px
}

.two-col-layout .main-col .main-title .status {
    margin-left: 20px;
    line-height: 24px;
    padding: 1px 10px 0;
    color: var(--color-text-verylight);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
    background: var(--color-background-medium-white);
    flex-shrink: 0
}

.two-col-layout .main-col .main-title .status.status-active {
    background: var(--color-status-green)
}

.two-col-layout .main-col .main-title .status.status-pending {
    background: var(--color-status-orange)
}

.two-col-layout .main-col .main-title .status.status-ended {
    background: var(--color-status-red)
}

.two-col-layout .main-col .main-title .link-out {
    width: 200px
}

.two-col-layout .main-col .main-title .extra-buttons {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    padding-left: 20px;
    align-self: flex-start
}

.two-col-layout .main-col .main-title .extra-buttons>*:not(:last-child) {
    margin-right: 10px
}

.two-col-layout .main-col .main-content-loading {
    background: url(/images/coincodex-loading.gif);
    height: 300px
}

@media (min-width: 1770px) {
    .two-col-layout .main-col .two-col-sectors {
        display:flex;
        width: 100%;
        justify-content: space-between
    }

    .two-col-layout .main-col .two-col-sectors>div {
        flex: 0 0 calc(50% - 15px)
    }
}

.two-col-layout .main-col .section-container {
    padding: 0 30px;
    margin-top: 50px;
    position: relative
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container {
        padding:0 15px
    }
}

.two-col-layout .main-col .section-container .section-title {
    border-bottom: 1px solid var(--color-border-light);
    position: relative
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-title {
        border-top:1px solid var(--color-border-light)
    }
}

.two-col-layout .main-col .section-container .section-title h2 {
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
    color: var(--color-font-very-important)
}

.two-col-layout .main-col .section-container .section-title h2:after {
    content: "";
    height: 4px;
    width: 100px;
    background: var(--color-primary-base);
    position: absolute;
    bottom: -1px;
    left: 0
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-title h2:after {
        background:transparent
    }
}

.two-col-layout .main-col .section-container .section-title .powered-by {
    float: right;
    display: flex;
    align-items: center;
    font-size: 11px;
    color: var(--color-font-less-important);
    text-decoration: none
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-title .powered-by {
        text-indent:-99999px
    }
}

.two-col-layout .main-col .section-container .section-title .powered-by img {
    margin-left: 5px;
    margin-bottom: 3px
}

.two-col-layout .main-col .section-container .section-content {
    padding-top: 30px
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-content {
        padding-top:15px
    }
}

.two-col-layout .main-col .section-container .section-content .section-subtitle {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-font-very-important);
    margin: 30px 0 20px
}

.two-col-layout .main-col .section-container .section-view-more {
    margin-top: 20px;
    text-align: center
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-view-more {
        margin-top:20px
    }
}

.two-col-layout .side-col {
    flex: 0 0 320px;
    max-width: 320px;
    padding: 0 0 0 20px
}

@media (max-width: 1025px) {
    .two-col-layout .side-col {
        flex:auto
    }

    .two-col-layout .side-col.side-hide-mobile {
        display: none
    }
}

.fullwidth-layout {
    position: relative;
    background: var(--color-background-secondary);
    border-radius: 5px;
    box-shadow: 0 0 20px #0000001a
}

@media (max-width: 962px) {
    .fullwidth-layout {
        border-radius:0
    }
}

.fullwidth-layout .main-title {
    border-bottom: 1px solid var(--color-border-medium);
    padding: 30px;
    position: relative
}

@media (max-width: 962px) {
    .fullwidth-layout .main-title {
        padding:15px
    }
}

.fullwidth-layout .main-title h1 {
    color: var(--color-page-title-main);
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4
}

@media (max-width: 1239px) {
    .fullwidth-layout .main-title h1 {
        font-size:20px
    }
}

@media (max-width: 962px) {
    .fullwidth-layout .main-title h1 {
        font-size:18px
    }
}

.fullwidth-layout .main-title h2 {
    color: var(--color-page-title-sub);
    margin-top: 17px;
    font-size: 16px;
    line-height: 1.4
}

@media (max-width: 962px) {
    .fullwidth-layout .main-title h2 {
        font-size:14px;
        line-height: 1.4;
        margin-top: 10px
    }
}

.fullwidth-layout .main-title .help {
    position: absolute;
    right: 30px;
    top: 30px
}

@media (max-width: 962px) {
    .fullwidth-layout .main-title .help {
        display:none
    }
}

.fullwidth-layout .main-title .help ul li {
    float: left;
    margin-right: 20px
}

.fullwidth-layout .main-title .help ul li a {
    font-size: 16px
}

.fullwidth-layout .main-title .help ul li a i {
    width: 20px;
    text-align: center;
    color: var(--color-font-light);
    margin-right: 5px
}

.fullwidth-layout .main-title .help ul li:last-child {
    margin-right: 0
}

.fullwidth-layout .main-title .title-buttons {
    position: absolute;
    right: 30px;
    top: 30px
}

.fullwidth-layout .main-title .title-buttons>*:not(:last-child) {
    margin-right: 10px
}

.fullwidth-layout .main-title .title-tabs {
    display: flex;
    height: 55px;
    align-items: flex-end
}

@media (max-width: 1025px) {
    .fullwidth-layout .main-title .title-tabs {
        height:45px;
        white-space: nowrap;
        overflow-x: auto
    }
}

.fullwidth-layout .main-title .title-tabs a {
    display: flex;
    align-items: center;
    height: 35px;
    border-radius: 3px;
    padding: 0 15px;
    background: var(--color-border-light);
    color: var(--color-font-medium-important);
    text-decoration: none;
    white-space: nowrap
}

.fullwidth-layout .main-title .title-tabs a i {
    color: var(--color-font-medium-important);
    display: inline-flex;
    width: 20px
}

@media (max-width: 1025px) {
    .fullwidth-layout .main-title .title-tabs a {
        height:30px;
        margin-top: 15px
    }
}

.fullwidth-layout .main-title .title-tabs a:not(:last-child) {
    margin-right: 7px
}

.fullwidth-layout .main-title .title-tabs a:hover {
    background: var(--color-border-medium)
}

.fullwidth-layout .main-title .title-tabs a.selected {
    background: var(--color-primary-base);
    color: var(--color-white)
}

.fullwidth-layout .main-title .title-tabs a.selected i {
    color: var(--color-white)
}

.fullwidth-layout .main-content {
    padding: 30px 30px 50px
}

@media (max-width: 1025px) {
    .fullwidth-layout .main-content {
        padding:15px
    }
}

.fullwidth-layout .main-content .section-container:not(:last-child) {
    margin-bottom: 50px
}

.fullwidth-layout .main-content .rich-text:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .fullwidth-layout .main-content .rich-text:not(:last-child) {
        margin-bottom:20px
    }
}

.layout-tabs {
    display: flex;
    border-bottom: 1px solid var(--color-border-medium);
    padding-left: 15px;
    height: 48px;
    position: relative
}

@media (max-width: 1239px) {
    .layout-tabs {
        overflow-x:auto;
        padding-left: 0
    }
}

.layout-tabs>a {
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    padding: 0 15px;
    text-decoration: none;
    color: var(--color-font-medium-important);
    white-space: nowrap
}

.layout-tabs>a i:first-child {
    width: 20px;
    text-align: left;
    color: var(--color-font-medium-important)
}

.layout-tabs>a i:last-child {
    width: 20px;
    text-align: right;
    color: var(--color-font-medium-important)
}

.layout-tabs>a.selected {
    border-color: var(--color-primary-base);
    color: var(--color-font-very-important)
}

.layout-tabs>a.selected i {
    color: var(--color-font-very-important)
}

.layout-tabs>a:hover {
    color: var(--color-font-very-important)
}

.layout-tabs>a:hover i {
    color: var(--color-font-very-important)
}

.layout-tabs>a.mobile {
    display: none
}

@media (max-width: 1239px) {
    .layout-tabs>a.mobile {
        display:flex
    }
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container,.two-col-layout .main-content .section-container,.fullwidth-layout .main-col .section-container,.fullwidth-layout .main-content .section-container {
        padding:0 15px;
        margin-top: 20px
    }
}

@media (max-width: 1025px) and (max-width: 1025px) {
    .two-col-layout .main-col .section-container,.two-col-layout .main-content .section-container,.fullwidth-layout .main-col .section-container,.fullwidth-layout .main-content .section-container {
        margin-bottom:5px
    }
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-title,.two-col-layout .main-content .section-container .section-title,.fullwidth-layout .main-col .section-container .section-title,.fullwidth-layout .main-content .section-container .section-title {
        background:var(--color-background-medium-white);
        line-height: 50px;
        padding: 0 30px;
        display: flex;
        justify-content: space-between;
        margin: 0 -15px
    }

    .two-col-layout .main-col .section-container .section-title i,.two-col-layout .main-content .section-container .section-title i,.fullwidth-layout .main-col .section-container .section-title i,.fullwidth-layout .main-content .section-container .section-title i {
        display: none
    }
}

@media (max-width: 1025px) and (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-title,.two-col-layout .main-content .section-container .section-title,.fullwidth-layout .main-col .section-container .section-title,.fullwidth-layout .main-content .section-container .section-title {
        line-height:normal;
        padding: 15px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--color-border-light);
        border-top: 1px solid var(--color-border-light);
        margin-top: 0
    }

    .two-col-layout .main-col .section-container .section-title h1,.two-col-layout .main-content .section-container .section-title h1,.fullwidth-layout .main-col .section-container .section-title h1,.fullwidth-layout .main-content .section-container .section-title h1 {
        font-weight: 500
    }

    .two-col-layout .main-col .section-container .section-title i,.two-col-layout .main-content .section-container .section-title i,.fullwidth-layout .main-col .section-container .section-title i,.fullwidth-layout .main-content .section-container .section-title i {
        display: inline-block
    }
}

@media (max-width: 1025px) {
    .two-col-layout .main-col .section-container .section-title h2,.two-col-layout .main-content .section-container .section-title h2,.fullwidth-layout .main-col .section-container .section-title h2,.fullwidth-layout .main-content .section-container .section-title h2 {
        margin:0;
        padding: 0;
        font-size: 16px;
        border: none;
        color: var(--color-font-very-important);
        font-weight: 500
    }
}

@media (max-width: 1025px) and (max-width: 1025px) {
    .two-col-layout .main-col .section-container.section-collapsed .section-content,.two-col-layout .main-content .section-container.section-collapsed .section-content,.fullwidth-layout .main-col .section-container.section-collapsed .section-content,.fullwidth-layout .main-content .section-container.section-collapsed .section-content {
        display:none
    }
}

.status.status-active,.status.status-ongoing {
    color: var(--color-status-green)
}

.status.status-pending,.status.status-upcoming {
    color: var(--color-status-orange)
}

.status.status-ended {
    color: var(--color-status-red)
}

@media (min-width: 963px) and (max-width: 1025px) {
    .about-box {
        padding-top:15px
    }
}

.about-box .about-box-tags {
    margin-bottom: 20px
}

.about-box .about-box-tags .tag-entry {
    float: left;
    background: var(--color-background-main);
    color: var(--color-font-less-important);
    padding: 0 5px;
    line-height: 20px;
    font-size: 11px;
    margin-right: 5px;
    border-radius: 3px
}

.about-box .about-box-tags .tag-entry:last-child {
    margin: 0
}

.about-box .about-box-video {
    float: right;
    width: 260px;
    height: 174px;
    background: var(--color-background-main);
    margin: 0 0 20px 20px
}

@media (max-width: 768px) {
    .about-box .about-box-video {
        width:100%;
        float: none;
        height: auto;
        margin: 0 0 20px
    }

    .about-box .about-box-video iframe {
        width: 100%
    }
}

.about-box .about-box-info {
    float: right;
    width: 300px;
    background: var(--color-background-main);
    margin: 0 0 30px 30px;
    padding: 30px;
    border-radius: 3px
}

@media (max-width: 768px) {
    .about-box .about-box-info {
        float:none;
        margin: 0 0 20px;
        padding: 15px;
        width: auto
    }
}

.about-box .about-box-info .info-title {
    font-weight: 700;
    color: var(--color-font-very-important);
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .about-box .about-box-info .info-title {
        margin-bottom:10px
    }
}

.about-box .about-box-info ul li {
    margin-bottom: 10px;
    font-size: 11px;
    color: var(--color-font-very-important)
}

.about-box .about-box-info ul li i {
    float: right;
    margin-right: 5px;
    color: var(--color-font-very-important);
    font-size: 14px
}

.about-box .about-box-info ul li i.fa-check {
    color: var(--color-primary-base)
}

.about-box .about-box-info ul li i.mobile-apps {
    color: var(--color-font-very-important)
}

.about-box .about-box-info ul li i.not-available {
    color: var(--color-font-less-important)
}

.about-box .about-box-info ul li:last-child {
    margin-bottom: 0
}

.about-box .about-box-text {
    max-width: 990px;
    margin-bottom: 40px;
    line-height: 1.35
}

@media (max-width: 768px) {
    .about-box .about-box-text {
        margin-bottom:20px
    }
}

.about-box .about-box-text strong {
    color: var(--color-font-very-important);
    font-weight: 500
}

.about-box .about-box-text p {
    margin-bottom: 20px;
    color: var(--color-font-medium-important-2)
}

.about-box .about-box-text p a {
    text-decoration: underline
}

.about-box .about-box-text p a:hover {
    color: var(--color-link-hover)
}

.about-box .about-box-text p:last-child {
    margin: 0
}

.about-box .about-box-text p span {
    background: inherit!important
}

.about-box .about-box-text h3 {
    font-size: 18px;
    color: var(--color-font-very-important);
    margin-bottom: 20px;
    font-weight: 500
}

@media (max-width: 768px) {
    .about-box .about-box-text h3 {
        font-size:16px
    }
}

.about-box .about-box-text h4 {
    font-size: 16px;
    color: var(--color-font-very-important);
    margin-bottom: 20px;
    font-weight: 500
}

@media (max-width: 768px) {
    .about-box .about-box-text h4 {
        font-size:14px
    }
}

.about-box .about-box-text *:first-child {
    margin-top: 0
}

.about-box .about-box-links {
    margin-bottom: 20px
}

.about-box .about-box-links ul {
    margin-bottom: 15px
}

.about-box .about-box-links ul li {
    display: inline-block;
    margin-right: 10px
}

@media (max-width: 768px) {
    .about-box .about-box-links ul li {
        float:none;
        display: inline-block
    }
}

.about-box .about-box-links ul li a {
    color: var(--color-font-less-important);
    text-decoration: none
}

.about-box .about-box-links ul li a span {
    margin-left: 5px;
    color: var(--color-link-base)
}

.about-box .about-box-links ul li a i {
    font-size: 16px;
    color: var(--color-font-less-important)
}

.about-box .about-box-links ul li a:hover {
    color: var(--color-link-hover)
}

.about-box .about-box-links ul li a:hover span {
    text-decoration: underline
}

.about-box .about-box-links ul:last-of-type {
    margin-bottom: 0
}

.about-box .about-box-links:last-child {
    margin-bottom: 0
}

.about-box .about-expandable {
    max-height: 900px;
    overflow-y: auto;
    position: relative;
    padding-right: 20px
}

@media (max-width: 768px) {
    .about-box .about-expandable {
        max-height:350px
    }
}

.about-box .about-expandable.expanded {
    max-height: 100%
}

.about-box .about-expandable:after {
    content: "";
    height: 30px;
    position: sticky;
    display: block;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--color-background-secondary) 100%)
}

.about-box .about-expandable .about-box-text {
    margin-bottom: 0!important
}

.about-box .about-expandable-read-more {
    margin-bottom: 20px;
    cursor: pointer;
    color: var(--color-primary-base);
    font-weight: 700;
    background: transparent;
    border: none;
    padding: 0
}

.sidebar-box {
    margin-bottom: 30px;
    background: var(--color-background-secondary);
    border-radius: 5px;
    box-shadow: 0 0 20px #0000001a
}

@media (max-width: 768px) {
    .sidebar-box {
        margin:0 -15px 30px;
        width: calc(100% + 30px);
        background: transparent
    }
}

.sidebar-box .sidebar-box-title {
    background: var(--color-sidebar-box-bg-header);
    font-size: 18px;
    color: var(--color-sidebar-box-header-text);
    line-height: 50px;
    padding-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

@media (max-width: 768px) {
    .sidebar-box .sidebar-box-title {
        background:var(--color-background-group-title);
        line-height: normal;
        padding: 20px 15px;
        font-size: 16px;
        color: var(--color-page-title-main)
    }
}

.sidebar-box .sidebar-box-tabs>div {
    line-height: 50px;
    text-align: center;
    width: 50%;
    background: var(--color-sidebar-box-bg-tab);
    color: var(--color-sidebar-box-header-text);
    font-size: 18px;
    cursor: pointer
}

.sidebar-box .sidebar-box-tabs>div small {
    font-size: 14px
}

.sidebar-box .sidebar-box-tabs>div.active {
    background: var(--color-sidebar-box-bg-tab-selected)
}

.sidebar-box .sidebar-box-content .coin-list {
    font-size: 11px
}

.sidebar-box .sidebar-box-content .coin-list .coin-list-entry {
    border-bottom: 1px solid var(--color-sidebar-box-row-border)
}

.sidebar-box .sidebar-box-content .coin-list .coin-list-entry a {
    padding: 0 20px;
    line-height: 40px;
    display: block;
    color: var(--color-font-light);
    text-align: right;
    text-decoration: none
}

.sidebar-box .sidebar-box-content .coin-list .coin-list-entry a:hover {
    color: var(--color-font-very-important)
}

.sidebar-box .sidebar-box-content .coin-list .coin-list-entry .coin-rank {
    margin-right: 10px
}

.sidebar-box .sidebar-box-content .coin-list .coin-list-entry:last-child {
    border-bottom: none
}

.sidebar-box .sidebar-box-content .sidebar-box-header {
    line-height: 30px;
    align-items: center;
    color: var(--color-font-less-important);
    font-size: 10px;
    border-bottom: 1px solid var(--color-border-light);
    text-transform: uppercase;
    padding: 0 20px
}

.rating-stars {
    position: relative;
    display: inline-block
}

.rating-stars .stars {
    color: var(--color-font-less-important-2);
    font-weight: lighter!important;
    white-space: nowrap
}

.rating-stars .stars i {
    margin-right: 1px
}

.rating-stars .rating-stars-value {
    position: absolute;
    overflow: hidden;
    left: 0
}

.rating-stars .rating-stars-value .stars {
    color: var(--color-primary-base);
    font-weight: 700
}

.rating-stars.rating-stars-white .stars {
    color: var(--color-text-verylight);
    opacity: .3;
    font-weight: 700
}

.rating-stars.rating-stars-white .rating-stars-value .stars {
    color: var(--color-text-verylight)
}

.rating-stars.rating-stars-gold .rating-stars-value .stars i {
    color: var(--color-sponsored-icon)
}

.tabs-content {
    width: 100%
}

.tabs-content .content-box {
    padding-top: 32px
}

.tabs-content .content-box .label {
    margin-bottom: 14px;
    font-size: 10px;
    color: var(--color-text-verydark)
}

.tabs-content .content-box input.user-settings-input {
    background-color: var(--color-input-bg);
    border: 1px solid var(--color-input-border);
    width: 260px;
    height: 34px;
    font-size: .75rem;
    color: var(--color-text-verydark);
    margin-bottom: 30px;
    border-radius: 3px
}

@media (max-width: 768px) {
    .tabs-content .content-box input.user-settings-input {
        width:100%;
        margin-bottom: 25px
    }
}

.tabs-content .content-box input.user-settings-input:focus {
    border-color: var(--color-input-border-active);
    box-shadow: none
}

.tabs-content .content-box input.user-settings-input.disabled {
    background-color: var(--color-input-disabled)
}

@media (max-width: 768px) {
    .tabs-content .content-box button:not(.button-action) {
        width:100%
    }
}

.tabs-content .notification-group {
    margin-bottom: 48px
}

.tabs-content .notification-group:last-child {
    margin-bottom: 0
}

.tabs-content .notification-group .title {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 27px;
    color: var(--color-text-verydark)
}

.tabs-content .notification-group .title>i {
    margin-left: 5px;
    font-size: 14px;
    color: #8392a5
}

.tabs-content .notification-group .entry {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 18px
}

.tabs-content .notification-group .entry:last-child {
    margin-bottom: 0
}

.tabs-content .notification-group .entry>i {
    font-size: 16px;
    margin-right: 10px
}

.tabs-content a {
    width: 260px;
    margin: 0;
    text-align: center
}

.tabs-content a.button-red {
    border-color: #e52161
}

.tabs-content .error {
    width: 100%;
    color: var(--color-text-error);
    text-align: center;
    line-height: 1.4;
    padding: 15px 30px;
    margin-bottom: 30px;
    background: var(--color-background-error-box);
    border: 1px solid var(--color-border-error-box)
}

.tabs-content .error.success {
    color: #57a83e;
    background: var(--color-background-success-box);
    border: 1px solid var(--color-border-success-box)
}

@media (max-width: 768px) {
    .stretch-mobile {
        margin:0 -15px;
        width: calc(100% + 30px)
    }
}

.no-results {
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 1.4;
    padding: 0 20px
}

@media (max-width: 768px) {
    .no-results {
        padding:0 15px
    }
}

.no-results i {
    color: var(--color-primary-base)
}

.native-spot-table {
    height: 70px;
    line-height: 1.4;
    font-weight: 500
}

.native-spot-table a {
    color: var(--color-font-very-important)
}

.native-spot-table a:hover {
    text-decoration: none;
    color: var(--color-font-very-important)
}

.native-spot-table img {
    margin: 0 20px
}

@media (max-width: 768px) {
    .native-spot-table img {
        margin:0 10px;
        width: 20px;
        height: 20px
    }
}

.native-spot-table button {
    display: block;
    font-weight: 400;
    margin-right: 10px
}

@media (max-width: 768px) {
    .native-spot-table button {
        white-space:nowrap;
        margin-right: 0;
        padding: 0 10px
    }
}

.native-spot-table span {
    padding-right: 30px
}

.mobile-select select {
    font-size: 12px;
    color: var(--color-font-very-important);
    background: var(--color-background-secondary);
    height: 40px;
    width: 100px;
    text-align: center;
    text-align-last: center;
    border: 0;
    border-radius: 3px;
    outline: 0
}

.mobile-select option {
    text-align: left
}

.error-box {
    width: 100%;
    color: var(--color-text-error);
    text-align: center;
    line-height: 1.4;
    padding: 15px 30px;
    margin: 10px 0 0;
    background: var(--color-background-error-box);
    border: 1px solid var(--color-border-error-box);
    font-size: 13px
}

.rich-text p {
    margin-bottom: 20px
}

.rich-text h2 {
    font-size: 25px;
    color: var(--color-font-very-important);
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2
}

@media (max-width: 768px) {
    .rich-text h2 {
        font-size:20px
    }
}

.rich-text h3 {
    font-size: 18px;
    color: var(--color-font-very-important);
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2
}

@media (max-width: 768px) {
    .rich-text h3 {
        font-size:16px
    }
}

.rich-text table {
    margin-bottom: 20px
}

.rich-text *:last-child {
    margin-bottom: 0
}

.rich-text strong {
    font-weight: 700
}

.rich-text ul {
    list-style: circle;
    padding-left: 40px;
    margin-bottom: 20px
}

.rich-text ul li {
    line-height: 1.4
}

.rich-text ol {
    list-style: decimal;
    padding-left: 40px;
    margin-bottom: 20px
}

.rich-text ol li {
    line-height: 1.4
}

h2.cc-title {
    color: var(--color-font-very-important);
    font-size: 25px;
    font-weight: 500;
    position: relative;
    margin-bottom: 50px;
    line-height: 1.4
}

@media (max-width: 768px) {
    h2.cc-title {
        font-size:18px
    }
}

h2.cc-title:after {
    content: "";
    height: 4px;
    width: 50px;
    background: var(--color-primary-base);
    position: absolute;
    bottom: -15px;
    left: 0
}

@media (max-width: 768px) {
    .options-bar .custom-native-select select {
        border:none;
        background: transparent;
        outline: none;
        font-size: 11px;
        font-weight: 700;
        color: var(--color-button-secondary-text);
        text-transform: uppercase;
        line-height: 40px;
        text-align-last: center;
        width: 100%;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .options-bar .custom-native-select select::-ms-expand {
        display: none
    }
}

.cc-btn {
    height: 35px;
    display: inline-flex;
    align-items: center;
    background: var(--color-background-main);
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px!important;
    color: var(--color-font-medium-important)!important;
    border: none
}

.cc-btn i {
    width: 35px;
    text-align: center
}

.cc-btn span {
    padding: 0 15px
}

.cc-btn span:not(:first-child) {
    padding-left: 0
}

.cc-btn:hover {
    background: var(--color-border-medium)
}

.cc-btn.cc-btn-lg {
    height: 50px
}

.cc-btn.cc-btn-lg span {
    font-size: 16px;
    padding: 0 25px
}

.cc-btn.cc-btn-lg span:not(:first-child) {
    padding-left: 0
}

.cc-btn.cc-btn-lg i {
    width: 50px
}

.cc-btn.cc-btn-ts {
    background: none
}

.cc-btn.cc-btn-ts:hover {
    background: var(--color-border-medium)
}

.cc-btn.cc-btn-pr {
    background: var(--color-primary-base);
    color: var(--color-white)!important
}

.cc-btn.cc-btn-pr:hover {
    background: var(--color-primary-hover)
}

.cc-btn.cc-btn-red {
    background: var(--color-red);
    color: var(--color-white)!important
}

.cc-btn.cc-btn-green {
    background: var(--color-green);
    color: var(--color-white)!important
}

.cc-btn.cc-btn-block {
    display: block;
    width: 100%
}

.cc-tabs {
    display: flex;
    border-bottom: 1px solid var(--color-border-medium)
}

.cc-tabs span {
    color: var(--color-font-less-important);
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.cc-tabs span:not(:first-child) {
    margin-left: 15px
}

.cc-tabs span.selected {
    border-color: var(--color-primary-base);
    color: var(--color-font-very-important)
}

.cc-tabs span:hover {
    color: var(--color-font-very-important)
}

.cc-btn-group .cc-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cc-btn-group .cc-btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cc-btn-group.equalize {
    display: flex;
    width: 100%
}

.cc-btn-group.equalize>.cc-btn {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
    justify-content: center
}

.cc-dialog {
    width: 500px;
    padding: 0;
    border-radius: 5px;
    border: none;
    background: var(--color-background-secondary);
    box-shadow: var(--color-box-shadow-medium);
    color: var(--color-font-medium-important)
}

.cc-dialog::-webkit-backdrop {
    background-color: #00000080
}

.cc-dialog::backdrop {
    background-color: #00000080
}

.cc-dialog header {
    display: flex;
    height: 60px;
    border-bottom: 1px solid var(--color-border-medium);
    align-items: center;
    padding: 0 30px
}

.cc-dialog header h2 {
    font-size: 18px;
    color: var(--color-font-very-important)
}

.cc-dialog header i {
    margin-left: auto;
    cursor: pointer;
    font-size: 22px;
    color: var(--color-font-less-important)
}

.cc-dialog .dialog-tabs {
    padding: 0 30px
}

.cc-dialog .dialog-tabs span {
    height: 50px
}

.cc-dialog .dialog-msg {
    padding: 30px;
    background: var(--color-primary-alpha-10);
    color: var(--color-primary-base)
}

.cc-dialog .dialog-msg.msg-error {
    background: var(--color-red-alpha-15);
    color: var(--color-red)
}

.cc-dialog .dialog-content {
    padding: 30px
}

.cc-dialog .dialog-content p {
    margin-bottom: 20px
}

.cc-dialog .dialog-content *:last-child {
    margin-bottom: 0
}

.cc-dialog .dialog-actions {
    padding: 0 30px 30px
}

.cc-dialog .dialog-actions *:not(:last-child) {
    margin-bottom: 10px
}

.cc-form label {
    display: block;
    margin: 20px 0 10px;
    color: var(--color-font-very-important)
}

.cc-form label span {
    color: var(--color-font-less-important)
}

.cc-form label:first-child {
    margin-top: 0
}

.cc-form .cc-field {
    background: var(--color-background-main);
    border-radius: 3px;
    display: flex;
    position: relative;
    align-items: center
}

.cc-form .cc-field:focus-within {
    box-shadow: var(--color-box-shadow-medium);
    outline: 1px solid var(--color-primary-base)
}

.cc-form .cc-field input {
    flex-grow: 1;
    background: transparent;
    border: none;
    color: var(--color-font-very-important);
    height: 50px;
    padding: 0 10px;
    outline: none;
    border-radius: 3px
}

.cc-form .cc-field input::placeholder {
    color: var(--color-font-less-important)
}

.cc-form .cc-field textarea {
    width: 100%;
    min-height: 100px;
    border: none;
    background: transparent;
    padding: 10px;
    border-radius: 3px;
    outline: none
}

.cc-form .cc-field textarea::placeholder {
    color: var(--color-font-less-important)
}

.cc-form .cc-field span {
    padding: 0 10px
}

.cc-form .cc-field .dropdown-value {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-background-main);
    pointer-events: none;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 3px
}

.cc-form .cc-field .dropdown-value .logo {
    width: 24px;
    height: 24px
}

.cc-form .cc-field .dropdown-value .logo img {
    width: 100%;
    height: 100%
}

.cc-form .cc-field .dropdown-value .name {
    font-size: 16px;
    margin-left: 10px;
    color: var(--color-font-very-important)
}

.cc-form .cc-field .dropdown-value small {
    font-size: 14px;
    color: var(--color-font-less-important)
}

.cc-form .cc-field .dropdown-value i {
    margin: 0 10px 0 auto;
    color: var(--color-font-very-important);
    font-size: 20px
}

.cc-form .cc-field.cc-color-picker {
    width: 50px
}

.cc-form .cc-field.cc-color-picker input {
    padding: 3px 5px
}

.cc-form .cc-field input:focus+.dropdown-value {
    display: none
}

.cc-form .cc-field app-select-item:has(input:focus)+.dropdown-value {
    display: none
}

.cc-form .cc-field input:disabled+.dropdown-value {
    pointer-events: auto
}

.cc-form .cc-field input:disabled+.dropdown-value i {
    display: none
}

.cc-form .cc-field app-select-item:has(input:disabled)+.dropdown-value {
    pointer-events: auto
}

.cc-form .cc-field app-select-item:has(input:disabled)+.dropdown-value i {
    display: none
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.cc-ph:before {
    content: "";
    display: inline-block;
    border-radius: 3px;
    width: 50px;
    height: 1em;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: var(--color-scrollbar-thumb);
    background: linear-gradient(to right,var(--color-scrollbar-track) 10%,var(--color-scrollbar-thumb) 18%,var(--color-scrollbar-track) 33%);
    background-size: 800px 104px;
    position: relative
}

.select-item-container.form-select .selected-item {
    outline: none
}

.select-item-container.form-select .selected-item input {
    top: 0!important;
    padding: 0;
    height: 100%
}

.select-item-container.form-select .selected-item .ng-arrow-wrapper {
    display: none
}

.select-item-container.form-select .item-list {
    top: calc(100% + 2px)!important
}

.hint {
    border: 1px dashed var(--color-primary-base)!important
}

.active-drag {
    border: 1px solid var(--color-primary-base)!important;
    background: var(--color-primary-alpha-10)
}

.forex-logo {
    display: grid
}

.forex-logo .pair {
    display: flex;
    grid-area: logo;
    position: relative;
    height: 58px;
    width: 58px
}

.forex-logo .pair img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none
}

.forex-logo .pair img:first-child {
    clip-path: path("M38 0H0v16.02L1 16a21 21 0 0 1 20.98 22H38V0Z");
    position: absolute!important;
    right: 0;
    top: 0
}

.forex-logo .pair img:last-child {
    transform: translate(-18px,18px);
    position: absolute!important;
    right: 0;
    top: 0
}

.forex-logo .pair.small {
    height: 24px;
    width: 24px
}

.forex-logo .pair.small img {
    margin: 0!important;
    width: 18px!important;
    height: 18px!important
}

.forex-logo .pair.small img:first-child {
    clip-path: path("M18 0H0v4.41A11 11 0 0 1 13.59 18H18V0Z")
}

.forex-logo .pair.small img:last-child {
    transform: translate(-6px,6px)
}

.f-input {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border-medium);
    border-radius: 5px;
    height: 40px
}

.f-input:has(input.ng-invalid) {
    border: 1px solid var(--color-border-error-box)
}

.f-input span:first-child:not([class^=ng-arrow]) {
    display: flex;
    flex: 0 0 30px;
    justify-content: center;
    align-items: center;
    background: var(--color-border-medium);
    color: var(--color-font-very-important);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.f-input span:not(:first-child):not(:last-child):not([class^=ng-arrow]) {
    display: flex;
    padding: 0 15px;
    justify-content: center;
    align-items: center;
    background: var(--color-border-medium);
    color: var(--color-font-very-important)
}

.f-input span:last-child:not([class^=ng-arrow]) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    color: var(--color-font-less-important);
    cursor: pointer
}

.f-input span:last-child:not([class^=ng-arrow]):hover {
    color: var(--color-font-very-important)
}

.f-input input {
    background: transparent;
    border: none;
    color: var(--color-font-very-important);
    flex-grow: 1;
    padding: 0 10px;
    outline: none
}

.f-input input:disabled {
    background: var(--color-background-main)
}

.f-input select {
    background: transparent;
    border: none;
    color: var(--color-font-very-important);
    flex-grow: 1;
    padding: 0 10px;
    outline: none;
    margin-right: 10px
}

.f-input:focus-within {
    border-color: var(--color-primary-base)
}

.f-input.lg {
    height: 60px;
    font-size: 18px
}

.f-input.lg span:first-child {
    flex: 0 0 40px
}

.f-input.lg input {
    padding: 0 15px
}

.cc-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap
}

.cc-table tbody {
    display: table;
    width: 100%
}

.cc-table tr td,.cc-table tr th {
    padding: 15px;
    border: 1px solid var(--color-border-medium)
}

.cc-table tr td strong,.cc-table tr th strong {
    font-weight: 700
}

.cc-table tr th {
    background: var(--color-background-medium-white);
    color: var(--color-font-very-important);
    font-weight: 500
}

.page-item .page-link {
    background-color: var(--color-background-secondary);
    border: 1px solid var(--color-border-medium);
    color: var(--color-font-medium-important-2)
}

.page-item .page-link:hover {
    background-color: var(--color-background-bg-tag);
    border: 1px solid var(--color-border-medium);
    color: var(--color-font-medium-important-2)
}

.page-item.active .page-link {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-font-superlight)
}

.page-item.disabled .page-link {
    background-color: var(--color-background-secondary);
    border: 1px solid var(--color-border-medium);
    color: var(--color-font-medium-important-2)
}

.placeholder-image-16-9 {
    background: var(--color-placeholder-base);
    overflow: hidden;
    height: 0;
    padding-top: 56.25%
}

.placeholder-image-4-3 {
    background: var(--color-placeholder-base);
    overflow: hidden;
    height: 0;
    padding-top: 75%
}

.placeholder .placeholder-image {
    background: var(--color-placeholder-base);
    overflow: hidden;
    height: 0;
    padding-top: 56.25%
}

.placeholder .placeholder-image.mobile-news {
    padding-top: 58.39%
}

.placeholder .placeholder-text {
    padding: 30px
}

.placeholder .placeholder-text .placeholder-text-line {
    height: 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: var(--color-placeholder-base)
}

.placeholder .placeholder-text .placeholder-text-line:last-child {
    margin-bottom: 0
}

.placeholder-header-button {
    width: 100px;
    background: var(--color-placeholder-base);
    height: 39px
}

.placeholder-button {
    height: 30px;
    border-radius: 3px;
    display: inline-block;
    background: var(--color-placeholder-base)
}

.placeholder-button.exchange-button {
    width: 100%
}

.placeholder-button.bigger {
    height: 36px;
    width: 100%
}

.placeholder-button.higher {
    height: 36px
}

.placeholder-button.square {
    width: 30px
}

.placeholder-button.button-lg,.placeholder-button.button-primary-fw,.placeholder-button.button-light-fw {
    height: 52px
}

.placeholder-button.button-block,.placeholder-button.button-primary-fw,.placeholder-button.button-light-fw {
    width: 100%
}

.placeholder-button-full {
    margin-top: 20px;
    height: 50px;
    width: 100%;
    border-radius: 3px;
    background: var(--color-placeholder-base)
}

@media (max-width: 768px) {
    .placeholder-button-full {
        margin-top:0
    }
}

.placeholder-button-full.placeholder-ico-website-link {
    margin-top: 160px;
    margin-bottom: 30px
}

.placeholder-button-full.placeholder-coins-chart {
    height: 63px
}

.placeholder-button-full.placeholder-trade-chart {
    margin-top: 0;
    height: 84px
}

@media (max-width: 768px) {
    .placeholder-button-full.placeholder-trade-chart {
        height:135px
    }
}

.placeholder-button-full.placeholder-market-overview-svg-chart {
    margin-top: 16px
}

.placeholder-line,.placeholder-background {
    background: var(--color-placeholder-base)
}

.placeholder-line:not(.placeholder-background),.placeholder-background:not(.placeholder-background) {
    display: inline-block;
    height: 6px;
    width: 60px;
    border-radius: 3px
}

.placeholder-line.h-10,.placeholder-background.h-10 {
    height: 10px
}

.placeholder-line.h-30,.placeholder-background.h-30,.placeholder-line.h-35,.placeholder-background.h-35 {
    height: 30px!important
}

.placeholder-line.h-16,.placeholder-background.h-16,.placeholder-line.h-14,.placeholder-background.h-14 {
    height: 16px!important
}

.placeholder-line.h-42,.placeholder-background.h-42 {
    height: 42px!important
}

.placeholder-line.hi-50,.placeholder-background.hi-50 {
    height: 50px
}

.placeholder-line.dark,.placeholder-background.dark {
    background: var(--color-placeholder-dark)
}

@media (max-width: 768px) {
    .placeholder-line,.placeholder-background {
        width:60px
    }
}

.placeholder-line.line-double,.placeholder-background.line-double {
    height: 12px
}

.placeholder-line.line-sm,.placeholder-background.line-sm {
    width: 40px
}

.placeholder-line.line-xs,.placeholder-background.line-xs {
    width: 25px
}

.placeholder-line.line-hi,.placeholder-background.line-hi {
    height: 12px
}

.placeholder-line.line-lg,.placeholder-background.line-lg {
    width: 90px
}

.placeholder-line.line-20,.placeholder-background.line-20 {
    width: 20%
}

.placeholder-line.line-40,.placeholder-background.line-40 {
    width: 40%
}

.placeholder-line.line-w50,.placeholder-background.line-w50 {
    width: 50px
}

.placeholder-line.line-60,.placeholder-background.line-60 {
    width: 60%!important
}

.placeholder-line.line-80,.placeholder-background.line-80 {
    width: 80%!important
}

.placeholder-line.line-90,.placeholder-background.line-90 {
    width: 90%
}

.placeholder-line.line-100,.placeholder-background.line-100 {
    width: 100%
}

.placeholder-line.line-empty,.placeholder-background.line-empty {
    background: transparent
}

.placeholder-line.line-h2,.placeholder-background.line-h2 {
    height: 16px;
    width: 200px;
    margin-top: 17px
}

.placeholder-line.mobile-title,.placeholder-background.mobile-title {
    height: 25px
}

.placeholder-line.dark,.placeholder-background.dark {
    background: #192331
}

.placeholder-lines .placeholder-line:not(:last-child) {
    margin-bottom: 10px
}

.placeholder-chart {
    background: var(--color-placeholder-base);
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.placeholder-chart.placeholder-chart-ico-card {
    padding-top: 42.25%
}

.placeholder-chart.placeholder-chart-ico-card:after {
    font-size: 40px;
    line-height: 104px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0
}

.placeholder-chart:after {
    content: "\f201";
    font-family: "Font Awesome 5 Pro";
    font-size: 140px;
    color: var(--color-placeholder-dark);
    position: absolute;
    width: 200px;
    line-height: 200px;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center
}

.placeholder-image {
    background: var(--color-placeholder-base);
    overflow: hidden;
    height: 0;
    padding-top: 56.25%
}

.placeholder-chart-home {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    background: var(--color-placeholder-base)
}

.placeholder-chart-mobile-home {
    display: none;
    width: 55px;
    height: 15px;
    border-radius: 3px;
    background: var(--color-placeholder-base)
}

@media (max-width: 599px) {
    .placeholder-chart-mobile-home {
        display:inline-block
    }
}

.logo-placeholder {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-placeholder-base)
}

@media (max-width: 768px) {
    .logo-placeholder {
        width:20px;
        height: 20px
    }
}

.logo-placeholder.converter-logo-placeholder {
    width: 40px;
    height: 40px;
    margin: 0 15px
}

.logo-placeholder.logo-small {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.logo-placeholder.logo-mid {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.logo-placeholder.logo-medium {
    width: 64px;
    height: 64px
}

.logo-placeholder.logo-45 {
    width: 45px;
    height: 45px
}

.logo-placeholder.logo-100 {
    width: 100px;
    height: 100px
}

.logo-placeholder-big {
    width: 70px;
    height: 70px;
    background: var(--color-placeholder-base)
}

.right {
    float: right
}

.placeholder-logo {
    background: var(--color-placeholder-base);
    width: 63px;
    height: 63px;
    border-radius: 50%
}

@media (max-width: 768px) {
    .placeholder-logo {
        width:25px;
        height: 25px;
        margin-right: 15px
    }
}

.placeholder-logo.ico {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    flex-grow: 0;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .placeholder-logo.ico {
        width:25px;
        height: 25px;
        margin-right: 15px
    }
}

.coin-info-box .placeholder-line {
    display: block
}

@media (min-width: 1025px) {
    .coin-info-box .placeholder-line {
        width:150px;
        height: 10px
    }
}

.coin-info-box .placeholder-line.line-sm {
    margin-top: 13px
}

@media (min-width: 1025px) {
    .coin-info-box .placeholder-line.line-sm {
        width:60px
    }
}

@media (max-width: 1025px) {
    .coin-info-box .placeholder-buy-coin-box {
        padding:15px;
        height: 80px;
        position: relative
    }
}

@media (min-width: 1025px) {
    .coin-info-box .placeholder-buy-coin-box {
        text-align:center;
        padding: 40px 20px
    }
}

.coin-info-box .placeholder-buy-coin-box .placeholder-line {
    display: inline-block;
    width: 100px
}

@media (max-width: 768px) {
    .coin-info-box .placeholder-buy-coin-box .placeholder-line {
        height:10px
    }
}

.coin-info-box .placeholder-buy-coin-box .placeholder-line.line-sm {
    width: 80px
}

.coin-info-box .placeholder-buy-coin-box .placeholder-price .placeholder-line {
    height: 28px
}

@media (min-width: 1025px) {
    .coin-info-box .placeholder-buy-coin-box .placeholder-price .placeholder-line {
        height:30px
    }
}

.coin-info-box .placeholder-buy-coin-box .placeholder-change {
    padding-top: 0
}

.coin-info-box .placeholder-buy-coin-box .placeholder-alternative {
    padding-top: 13px
}

@media (max-width: 1025px) {
    .coin-info-box .placeholder-buy-coin-box .placeholder-alternative {
        position:absolute;
        right: 15px;
        top: 10px
    }
}

.coin-info-box .placeholder-buy-coin-box .placeholder-buttons {
    padding-top: 37px
}

@media (max-width: 1025px) {
    .coin-info-box .placeholder-buy-coin-box .placeholder-buttons {
        display:none
    }
}

.coin-info-box .placeholder-buy-coin-box .placeholder-buttons .placeholder-bottom-button {
    padding-top: 16px
}

.coin-info-box .placeholder-buy-coin-box .placeholder-buttons .placeholder-line {
    height: 50px;
    width: 100%
}

table.snapshot .placeholder-line {
    display: inline-block
}

.portfolio-placeholder-overlay {
    height: 50vh;
    width: 100%;
    position: relative
}

@media (max-width: 768px) {
    .portfolio-placeholder-overlay {
        width:calc(100% + 30px);
        margin: 0 -15px
    }
}

.portfolio-placeholder-overlay #loading_overlay {
    margin: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    background: var(--color-background-medium-white)
}

@media (min-width: 1025px) {
    .placeholder-ico .placeholder-line {
        width:300px
    }
}

.placeholder-ico .placeholder-line.line-high {
    height: 30px
}

.placeholder-ico .placeholder-line.line-xl {
    width: 350px;
    margin-bottom: 13px
}

.placeholder-ico .placeholder-line.line-sm {
    width: 60px
}

.placeholder-ico .placeholder-line.line-h2 {
    margin-top: 17px;
    height: 16px;
    width: 400px
}

.placeholder-ico .placeholder-about {
    padding-top: 100px
}

.placeholder-ico .about-box-video.placeholder-video {
    background: var(--color-placeholder-base)
}

.placeholder-ico .ico-overview-box {
    background: var(--color-placeholder-base)!important
}

.placeholder-ico .ico-overview-box.placeholder-token-distribution {
    height: 265px
}

.placeholder-ico .ico-overview-box.top {
    height: 60%
}

.placeholder-ico .ico-overview-box.bottom {
    margin-top: 10px;
    height: 36%
}

.placeholder-external-rating {
    line-height: 30px;
    text-align: center;
    border-top: 1px solid var(--color-border-medium);
    border-bottom: 1px solid var(--color-border-medium)
}

.placeholder-ico-card .line-sm {
    margin-top: 12px
}

.placeholder-ico-card-actions {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-title .placeholder-title {
    background: var(--color-placeholder-base);
    height: 30px;
    width: 200px
}

.main-title .placeholder-title.second {
    height: 16px;
    margin-top: 17px;
    width: 300px
}

.placeholder-div-big {
    height: 600px
}

a.entry-name.placeholder-link {
    padding-left: 0!important
}

a.entry-name.placeholder-link>div {
    height: 70px;
    display: flex;
    align-items: center
}

a.entry-name.placeholder-link.exchange-link>div {
    height: 50px
}

a.entry-name.placeholder-link.exchange-link>div .placeholder-circle {
    margin-left: 20px
}

a.entry-name.placeholder-link.exchange-link>div .placeholder-circle.circle-background {
    margin-right: 41px
}

.placeholder-circle {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    background: var(--color-placeholder-base)
}

.placeholder-circle.circle-background {
    margin-right: 52px
}

.placeholder-circle.circle-small {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    border-radius: 12.5px
}

.placeholder-square {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: var(--color-placeholder-base)
}

.placeholder-square-30 {
    width: 30px;
    height: 30px;
    background: var(--color-placeholder-base)
}

.portfolio-chart {
    height: 200px
}

.exchange-overview .no-chart .volume-chart.volume-chart-placeholder-wrapper {
    display: none
}

.placeholder-box {
    height: 20px;
    width: 20px;
    background: var(--color-placeholder-base);
    display: inline-block;
    border-radius: 2px
}

.placeholder-box.box-30 {
    width: 30px;
    height: 30px
}

.placeholder-box.box-40 {
    width: 40px;
    height: 40px
}

.placeholder-dd-text {
    background: var(--color-placeholder-base)
}

.placeholder-dd-text.ticker {
    width: 40px;
    height: 18px;
    margin-bottom: 3px
}

.placeholder-dd-text.name {
    width: 60px;
    height: 14px
}

.placeholder-converter {
    background: var(--color-placeholder-base);
    display: inline-block;
    border-radius: 3px
}

.placeholder-converter.amount-placeholder {
    width: 60px;
    height: 18px
}

.placeholder-converter.amount-placeholder.rate-placeholder {
    width: 150px
}

.placeholder-converter.value-placeholder {
    width: 200px;
    height: 50px
}

.placeholder-converter.button-placeholder {
    margin-top: 30px;
    width: 122px;
    height: 52px
}

.placeholder-converter.disclaimer-placeholder {
    margin-top: 60px;
    height: 19px;
    width: 80%
}

.placeholder-converter.disclaimer-placeholder.graph-text {
    margin-top: 0
}

.placeholder-converter.h2-title-placeholder {
    width: 200px;
    height: 29px
}

.placeholder-converter.table-td-placeholder {
    height: 13px;
    width: 100px
}

.placeholder-coin-details.loading:after {
    content: "";
    display: block;
    width: 100%;
    height: 450px;
    background-color: var(--color-background-main);
    border-radius: 5px
}

@media (max-width: 1025px) {
    .placeholder-coin-details.loading:after {
        height:250px
    }
}

.placeholder-coin-details-performance.loading {
    border-top: 1px solid var(--color-border-medium);
    padding-top: 30px;
    margin-top: 30px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-performance.loading {
        padding:15px 15px 0;
        margin-top: 15px
    }
}

.placeholder-coin-details-performance.loading:after {
    height: 250px
}

.placeholder-coin-details-roi.loading {
    border-top: 1px solid var(--color-border-medium);
    padding-top: 30px;
    margin-top: 30px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-roi.loading {
        padding:15px 15px 0;
        margin-top: 15px
    }
}

.placeholder-coin-details-exchanges.loading {
    padding-top: 30px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-exchanges.loading {
        padding:0 15px
    }
}

.placeholder-coin-details-exchanges.loading:after {
    height: 600px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-exchanges.loading:after {
        height:300px;
        margin-top: 15px
    }
}

.placeholder-coin-details-about.loading {
    margin-top: 50px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-about.loading {
        padding-top:20px
    }
}

.placeholder-coin-details-about.loading:after {
    height: 600px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-about.loading:after {
        height:300px
    }
}

.placeholder-coin-details-news.loading:after {
    height: 600px;
    margin-top: 30px
}

@media (max-width: 1025px) {
    .placeholder-coin-details-news.loading:after {
        margin-top:15px;
        height: 300px
    }
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto
}

@media (max-width: 768px) {
    .modal-dialog {
        min-height:calc(100vh - 20px)
    }
}

.modal-content {
    border-radius: 3px;
    border: none;
    background: var(--color-background-secondary)
}

@media (max-width: 768px) {
    .modal-content {
        width:calc(100% - 30px);
        margin: auto
    }
}

.modal-content .modal-header {
    position: relative;
    border-bottom: 1px solid var(--color-border-light);
    padding: 0 30px;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 768px) {
    .modal-content .modal-header {
        padding:15px 20px
    }
}

.modal-content .modal-header .modal-title {
    line-height: 50px;
    color: var(--color-font-very-important);
    font-weight: 700;
    font-size: 16px
}

@media (max-width: 768px) {
    .modal-content .modal-header .modal-title {
        line-height:normal;
        font-size: 20px
    }
}

.modal-content .modal-header .close {
    color: var(--color-font-less-important);
    margin: 0;
    padding: 0;
    text-shadow: none;
    opacity: 1;
    font-size: 20px
}

.modal-content .modal-body {
    padding: 30px
}

@media (max-width: 768px) {
    .modal-content .modal-body {
        padding:15px 20px!important
    }
}

.modal-content .modal-body .modal-form label {
    font-size: 10px;
    font-weight: 700;
    color: var(--color-font-very-important-2);
    text-transform: uppercase;
    margin: 20px 0 10px
}

.modal-content .modal-body .modal-form label:first-child {
    margin-top: 0
}

.modal-content .modal-body .modal-form .input-calculate {
    position: relative
}

.modal-content .modal-body .modal-form .input-calculate input {
    padding-right: 50px
}

.modal-content .modal-body .modal-form .input-calculate input[type=number]::-webkit-inner-spin-button,.modal-content .modal-body .modal-form .input-calculate input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.modal-content .modal-body .modal-form .input-calculate .value {
    position: absolute;
    right: 10px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    font-size: 11px;
    color: var(--color-font-less-important)
}

.modal-content .modal-body .modal-form .input-error {
    color: #ed6e62;
    margin-top: 5px;
    line-height: 1.4;
    font-size: 11px
}

.modal-content .modal-body .modal-form .modal-form-actions {
    margin-top: 30px
}

.modal-content .modal-footer {
    background: #ffffff;
    border-radius: 8px
}

.modal-body-big {
    padding: 80px;
    position: relative;
    text-align: center
}

@media (max-width: 768px) {
    .modal-body-big {
        padding:40px
    }
}

.modal-body-big .close {
    font-size: 28px;
    top: 15px;
    right: 15px;
    position: absolute;
    cursor: pointer
}

.modal-body-big .modal-icon {
    font-size: 80px;
    color: var(--color-primary-base);
    margin-bottom: 20px
}

.modal-body-big .modal-icon.error {
    color: var(--color-change-down)
}

.modal-body-big .modal-icon.success {
    color: var(--color-change-up)
}

.modal-body-big .modal-title {
    font-size: 25px;
    color: var(--color-font-very-important);
    line-height: 1.4
}

.modal-body-big .modal-sub-title {
    margin-top: 10px;
    line-height: 1.4;
    font-size: 18px
}

.modal-body-big .modal-note {
    font-size: 11px;
    text-indent: italic;
    color: var(--color-font-light);
    margin-top: 20px
}

.modal-message .modal-body {
    position: relative;
    padding: 50px 100px;
    text-align: center
}

.modal-message .modal-body p {
    margin-bottom: 30px;
    color: var(--color-text-dark);
    font-size: 16px
}

.modal-message .modal-body .modal-form-actions .button,.modal-message .modal-body .modal-form-actions .button-primary-fw,.modal-message .modal-body .modal-form-actions .button-light-fw,.modal-message .modal-body .modal-form-actions .dd-menu-container.dd-large {
    width: 120px;
    text-align: center
}

.modal-message .modal-body .modal-form-actions .button:not(:first-child),.modal-message .modal-body .modal-form-actions .button-primary-fw:not(:first-child),.modal-message .modal-body .modal-form-actions .button-light-fw:not(:first-child),.modal-message .modal-body .modal-form-actions .dd-menu-container.dd-large:not(:first-child) {
    margin-left: 10px
}

@media (max-width: 768px) {
    .modal-message .modal-body .modal-form-actions .button:not(:first-child),.modal-message .modal-body .modal-form-actions .button-primary-fw:not(:first-child),.modal-message .modal-body .modal-form-actions .button-light-fw:not(:first-child),.modal-message .modal-body .modal-form-actions .dd-menu-container.dd-large:not(:first-child) {
        margin-left:0;
        margin-top: 10px
    }
}

.modal-auth .modal-header {
    border: none
}

.modal-auth .modal-header .modal-title {
    font-size: 30px;
    padding: 50px 0 20px;
    display: block;
    width: 100%;
    text-align: center
}

.modal-auth .modal-header .close {
    font-size: 28px
}

.modal-auth .modal-body {
    padding: 0
}

.modal-auth .modal-body .modal-error {
    background-color: var(--color-background-error-box);
    color: var(--color-text-error);
    border-top: 1px solid var(--color-border-error-box);
    border-bottom: 1px solid var(--color-border-error-box);
    text-align: center;
    line-height: 1.4;
    padding: 15px 30px;
    margin-bottom: 30px
}

.modal-auth .modal-body .modal-error.modal-feature {
    background: var(--color-background-light-blue);
    border-color: var(--color-primary-base);
    color: var(--color-text-dark)
}

.modal-auth .modal-body .auth-form {
    padding: 0 30px
}

.modal-auth .modal-body .auth-form input {
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .modal-auth .modal-body .auth-form input {
        line-height:40px
    }

    .modal-auth .modal-body .auth-form input::placeholder {
        line-height: 40px
    }
}

.modal-auth .modal-body .auth-form .button,.modal-auth .modal-body .auth-form .button-primary-fw,.modal-auth .modal-body .auth-form .button-light-fw,.modal-auth .modal-body .auth-form .dd-menu-container.dd-large {
    margin-top: 20px
}

.modal-auth .modal-body .auth-form .legal {
    font-size: 11px;
    color: var(--color-font-light);
    text-align: center
}

.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched,.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched:focus {
    outline: none;
    border: 1px solid var(--color-border-error-box);
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: var(--color-background-error-box);
    color: var(--color-border-error-box)
}

.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched::placeholder,.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched:focus::placeholder {
    color: var(--color-border-error-box);
    opacity: 1
}

.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched:-ms-input-placeholder,.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched:focus:-ms-input-placeholder {
    color: var(--color-border-error-box)
}

.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched::-ms-input-placeholder,.modal-auth .modal-body .auth-form input.ng-invalid.ng-touched:focus::-ms-input-placeholder {
    color: var(--color-border-error-box)
}

.modal-auth .modal-body .auth-form.auth-form-loading input {
    pointer-events: none!important
}

.modal-auth .modal-body .auth-form.auth-form-loading .button,.modal-auth .modal-body .auth-form.auth-form-loading .button-primary-fw,.modal-auth .modal-body .auth-form.auth-form-loading .button-light-fw,.modal-auth .modal-body .auth-form.auth-form-loading .dd-menu-container.dd-large {
    pointer-events: none!important;
    position: relative;
    text-indent: -9999px;
    opacity: .5
}

.modal-auth .modal-body .auth-form.auth-form-loading .button:after,.modal-auth .modal-body .auth-form.auth-form-loading .button-primary-fw:after,.modal-auth .modal-body .auth-form.auth-form-loading .button-light-fw:after,.modal-auth .modal-body .auth-form.auth-form-loading .dd-menu-container.dd-large:after {
    content: "Loading...";
    text-indent: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.modal-auth .modal-body .switch-auth {
    text-align: center;
    margin-top: 20px;
    color: var(--color-font-light);
    font-size: 16px
}

.modal-auth .modal-body .switch-auth .link {
    text-decoration: underline
}

.modal-auth .modal-body .or {
    height: 1px;
    background: var(--color-border-medium);
    position: relative;
    margin: 40px 0
}

.modal-auth .modal-body .or span {
    color: var(--color-font-less-important);
    width: 30px;
    background: var(--color-background-secondary);
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 0;
    margin-top: -10px;
    font-size: 11px;
    text-align: center
}

.modal-auth .modal-body .oauth {
    padding: 0 30px 30px
}

.modal-auth .modal-body .oauth .button-connect {
    margin-bottom: 10px
}

.modal-auth .modal-body .oauth .button-connect:last-child {
    margin: 0
}

@media (max-width: 768px) {
    .full-modal .modal-dialog {
        max-width:100%;
        width: 100%;
        margin: 0;
        position: fixed
    }

    .full-modal .modal-dialog .modal-content {
        height: 100vh;
        width: 100vw
    }

    .full-modal .modal-dialog .modal-content .modal-header {
        padding: 0 15px;
        height: 50px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--color-border-medium);
        margin-bottom: 25px
    }

    .full-modal .modal-dialog .modal-content .modal-header .modal-title {
        padding: 0;
        font-size: 20px;
        font-weight: 500
    }

    .full-modal .modal-dialog .modal-content .cc-input.cc-input-lg,.full-modal .modal-dialog .modal-content .button.button-lg,.full-modal .modal-dialog .modal-content .button-lg.dd-menu-container.dd-large,.full-modal .modal-dialog .modal-content .button-primary-fw,.full-modal .modal-dialog .modal-content .button-light-fw {
        height: 40px;
        line-height: 40px
    }

    .full-modal .modal-dialog .modal-content .button-connect {
        line-height: 40px;
        padding-left: 40px;
        height: 40px
    }

    .full-modal .modal-dialog .modal-content .button-connect:before {
        line-height: 40px;
        width: 40px;
        font-size: 15px
    }

    .full-modal .modal-dialog .modal-content .switch-auth {
        font-size: 14px
    }
}

.larger-modal .modal-dialog {
    max-width: 650px
}

.currencies-modal .modal-dialog {
    max-width: 765px
}

.modal-open .modal {
    overflow-y: hidden!important
}

@media (min-width: 576px) {
    .modal.modal-lightbox .modal-dialog {
        max-width:760.949px
    }
}

.modal.modal-lightbox .modal-dialog .modal-content {
    justify-content: center;
    height: 100%;
    background: transparent
}

.modal.modal-lightbox .modal-dialog .modal-content:first-child {
    height: 100%
}

.modal-open .modal.coins-filter-modal {
    overflow-y: visible!important;
    height: 100%
}

.modal-open .modal.coins-filter-modal .modal-dialog {
    margin: 0
}

@media (max-width: 768px) {
    .modal-open .modal.coins-filter-modal .modal-dialog .modal-content {
        width:100%
    }
}

.modal-open .modal.coins-filter-modal .modal-dialog .modal-content .modal-header {
    height: 60px;
    top: 0;
    position: fixed;
    background-color: var(--color-background-secondary);
    z-index: 1;
    width: 100%;
    border-radius: 0;
    box-shadow: 0 0 10px #0000001a
}

.modal-open .modal.coins-filter-modal .modal-dialog .modal-content .modal-inner {
    margin-top: 60px;
    margin-bottom: 85px;
    border: 0
}

.modal-open .modal.coins-filter-modal .modal-dialog .modal-content .modal-inner .modal-section.modal-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 85px;
    z-index: 1;
    background-color: var(--color-background-secondary)
}

.fsYUkjbt5NQASwJT-l1 {
    height: 90px;
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 962px) {
    .fsYUkjbt5NQASwJT-l1 {
        display:none
    }
}

.fsYUkjbt5NQASwJT-l1>div {
    width: 728px;
    height: 90px;
    overflow: hidden;
    background: var(--color-border-light)
}

.o8po7iqs9guyte85-rs {
    top: 0;
    width: 160px;
    height: 100%;
    right: -170px;
    position: absolute
}

.fsYUkjbt5NQASwJT-rs {
    width: 160px;
    height: 100%;
    right: -170px;
    position: absolute
}

.left-sidebar-article {
    width: 60px;
    height: 100%;
    left: -60px;
    position: absolute
}

.left-sidebar-article #scroller {
    height: 300px
}

.fsYUkjbt5NQASwJT-ps {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    height: 250px
}

.fsYUkjbt5NQASwJT-ps.larger-ad {
    height: 250px
}

.fsYUkjbt5NQASwJT-ps.middle8 {
    margin-bottom: 30px
}

.fsYUkjbt5NQASwJT-ps.bottom8 {
    height: 250px;
    margin-bottom: 20px
}

:root {
    --color-white: #fff;
    --color-red: rgb(235, 15, 41);
    --color-red-shade-1: rgba(235, 15, 41, .08);
    --color-red-shade-2: rgba(235, 15, 41, .13);
    --color-red-shade-3: rgba(235, 15, 41, .17);
    --color-green: #50c134;
    --color-green-shade-1: rgba(80, 193, 52, .08);
    --color-green-shade-2: rgba(80, 193, 52, .14);
    --color-green-shade-3: rgba(80, 193, 52, .2);
    --color-green-shade-4: rgba(80, 193, 52, .3);
    --color-green-shade-5: rgba(80, 193, 52, .5);
    --color-orange: #f0b90b;
    --color-purple: #b933e4;
    --color-red-alpha-15: rgba(235, 15, 41, .15);
    --color-red-alpha: rgba(235, 15, 41, .3);
    --color-green-alpha: rgba(38, 181, 76, .3);
    --color-dark-bg-1: #192331;
    --color-dark-bg-2: #283649;
    --color-dark-border-1: #283649;
    --color-base-white: #fff;
    --color-primary-base: #4a90e2;
    --color-primary-hover: #609de6;
    --color-primary-light: #609de6;
    --color-primary-dark: #3483de;
    --color-primary-alpha-10: rgba(74, 144, 226, .1);
    --color-primary-alpha-30: rgba(74, 144, 226, .3);
    --color-primary-alpha-50: rgba(74, 144, 226, .5);
    --color-primary-green: #50c134;
    --color-primary-red: rgb(235, 15, 41);
    --color-primary-orange: #f0b90b;
    --color-background-main: #FAFAFA;
    --color-background-secondary: #fff;
    --color-background-secondary-2: #fbfbfb;
    --color-background-light-white: #fcfbfc;
    --color-background-medium-white: #f9f9fb;
    --color-background-dark-white: #f8f8fb;
    --color-background-dark-white-2: #f8f8fb;
    --color-background-light-grey: #283649;
    --color-background-medium-grey: #233040;
    --color-background-dark-grey: #1a2432;
    --color-background-light-blue: #f3f8ff;
    --color-background-dark-blue: red;
    --color-background-infobox-bottom: #24303f;
    --color-background-group-title: #e4e5eb;
    --color-background-blockquote: #f9f8f8;
    --color-background-error-box: #fff0f0;
    --color-background-success-box: #f6fff0;
    --color-background-dd-link-hover: #f3f8ff;
    --color-background-tabs-bg: #e5e6ec;
    --color-background-bg-tag: #f7f7f7;
    --color-background-per-bar: #ffebbc;
    --color-background-pie-chart-red: rgb(235, 15, 41);
    --color-background-pie-chart-green: #50c134;
    --color-background-search-title: #f9f9fb;
    --color-background-homepage-nav-dd: #fff;
    --color-background-article-note: #FFFCE3;
    --color-box-shadow-medium: 0px 2px 8px 0px rgba(0, 0, 0, .15);
    --color-border-light: #ececec;
    --color-border-medium: #e4e5eb;
    --color-border-dark: #c2c9d3;
    --color-border-dark-2: #ececec;
    --color-border-error-box: #e84e3c;
    --color-border-success-box: #f6fff0;
    --color-border-search-bottom: #ececec;
    --color-border-homepage-native-dd: #ececec;
    --color-border-homepage-native-title: #3b4656;
    --color-border-navbar: #e4e5eb;
    --color-scrollbar-track: #e4e5eb;
    --color-scrollbar-thumb: #d2d4da;
    --color-scrollbar-base: #f1f1f1;
    --color-scrollbar-hover: #e4e5eb;
    --color-link-base: #4a90e2;
    --color-link-hover: #3483de;
    --color-link-p: #4a90e2;
    --color-text-verylight: #fff;
    --color-text-lighter: #c8ccd1;
    --color-text-light: #9ea6ae;
    --color-text-medium: #617283;
    --color-text-medium-grey: #595959;
    --color-text-dark: #1e2e42;
    --color-text-darker: #1e2e42;
    --color-text-verydark: #000;
    --color-text-error: #e84e3c;
    --color-text-link-source: #a2adbb;
    --color-text-article-note: #535249;
    --color-text-article-note-icon: #535249;
    --color-font-superlight: #FAFAFA;
    --color-font-light: #8392a5;
    --color-font-medium: #595959;
    --color-font-dark: #000;
    --color-font-very-important: #1e2e42;
    --color-font-very-important-2: #1e2e42;
    --color-font-very-important-3: #1e2e42;
    --color-font-medium-important: #617283;
    --color-font-medium-important-2: #617283;
    --color-font-less-important: #99a1ab;
    --color-font-less-important-2: #cfd4e3;
    --color-font-less-grey: #9ba7b6;
    --color-font-homepage-inputs-color: #1e2e42;
    --color-font-less-important-dark-bg: #7d8c9e;
    --color-font-medium-important-dark-bg: #617283;
    --color-font-very-important-dark-bg: #f5f5f5;
    --color-button-background: #FAFAFA;
    --color-button-background-hover: #e8e6e8;
    --color-button-background-dark: #404c5c;
    --color-button-text: #8392a5;
    --color-button-primary-bg: #4a90e2;
    --color-button-primary-bg-hover: #3483de;
    --color-button-primary-border: #4a90e2;
    --color-button-primary-border-hover: #3483de;
    --color-button-primary-text: #fff;
    --color-button-primary-icon: #fff;
    --color-button-secondary-bg: transparent;
    --color-button-secondary-bg-hover: transparent;
    --color-button-secondary-border: #ececec;
    --color-button-secondary-border-hover: #4a90e2;
    --color-button-secondary-text: #4a90e2;
    --color-button-secondary-icon: #99a1ab;
    --color-button-light-bg: transparent;
    --color-button-light-bg-hover: transparent;
    --color-button-light-border: #ececec;
    --color-button-light-border-hover: #1e2e42;
    --color-button-light-text: #1e2e42;
    --color-button-light-icon: #99a1ab;
    --color-button-ng-select-disabled: #e2e5ef;
    --color-button-secondary-border-light: #ececec;
    --color-action-button-bg-base: #ececec;
    --color-action-button-bg-hover-base: #e4e5eb;
    --color-action-button-bg-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 99.77%);
    --color-action-button-text-binance: rgb(33, 40, 51);
    --color-action-button-bg-hover-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(248, 209, 47) 99.77%);
    --color-input-bg: #fff;
    --color-input-border: #ececec;
    --color-input-border-active: #4a90e2;
    --color-input-placeholder: #99a1ab;
    --color-input-text: #1e2e42;
    --color-input-disabled: #e2e5ef;
    --color-status-red: rgb(235, 15, 41);
    --color-status-green: #50c134;
    --color-status-orange: #dbab2b;
    --color-graph-fill: rgba(97, 160, 234, .1);
    --color-graph-stroke: #61a0ea;
    --color-graph-up-fill: rgba(80, 193, 52, .15);
    --color-graph-up-stroke: #50c134;
    --color-graph-down-fill: rgba(235, 15, 41, .15);
    --color-graph-down-stroke: rgb(235, 15, 41);
    --color-home-bar-bg: #192331;
    --color-home-bar-bg-hover: rgba(0, 0, 0, .1);
    --color-home-bar-bg-mobile: #f6f6f6;
    --color-home-bar-border: #253344;
    --color-home-bar-filter-icon: #7c848e;
    --color-home-bar-title: #8693a6;
    --color-home-badge-bg: #de4e5e;
    --color-home-lower-nav-bg: #ffffff;
    --color-home-filters-bar: #192331;
    --color-sponsored-light: #ffffd5;
    --color-sponsored-medium: #ffffc1;
    --color-sponsored-font: #c0b781;
    --color-sponsored-font-dark: #403600;
    --color-sponsored-icon: #ffc548;
    --color-sponsored-bg: #ffffd5;
    --color-sponsored-border: #eae2b8;
    --color-exclusive-background: #fff2a8;
    --color-exclusive-icon: #ffc548;
    --color-exclusive-bg: #fff2a8;
    --color-exclusive-border: #eae2b8;
    --color-page-title-main: #1e2e42;
    --color-page-title-sub: #617283;
    --color-coin-info-box-bg: #233040;
    --color-coin-info-box-bg-header: #283648;
    --color-coin-info-box-border: #333d4c;
    --color-ico-box-wide-bg: #233040;
    --color-sidebar-box-bg: #fff;
    --color-sidebar-box-bg-header: #2c394a;
    --color-sidebar-box-bg-tab: #384556;
    --color-sidebar-box-bg-tab-selected: #2c394a;
    --color-sidebar-box-header-text: #fff;
    --color-sidebar-box-row-border: #ececec;
    --color-placeholder-base: #e5eaf0;
    --color-placeholder-dark: #d1d7de;
    --color-placeholder-chart-logo: url(/images/loading-icon-light.gif);
    --color-change-up: #50c134;
    --color-change-down: rgb(235, 15, 41);
    --color-change-neutral: #f0b90b;
    --color-footer-bg-main: #fff;
    --color-footer-bg-overview: #1a2432;
    --color-footer-bg-navigation: #283649;
    --color-logo-mobile: #2C394A;
    --color-stripes-color1: #ffffff;
    --color-stripes-color2: #e4e5eb;
    --color-rating-stars: #f9c54d;
    --color-alert-bg-warning: #ffdfdf;
    --color-alert-text: rgb(235, 15, 41);
    --color-style-underline: none;
    --color-style-underline-hover: underline;
    --image-chart-placeholder-logo: url(/images/loading-icon-light.gif);
    --image-coincodex-logo: url(/images/coincodex-dark.svg)
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-white: #fff;
        --color-red: #e55161;
        --color-red-shade-1: rgba(229, 81, 97, .08);
        --color-red-shade-2: rgba(229, 81, 97, .13);
        --color-red-shade-3: rgba(229, 81, 97, .17);
        --color-green: #9ac555;
        --color-green-shade-1: rgba(154, 197, 85, .08);
        --color-green-shade-2: rgba(154, 197, 85, .14);
        --color-green-shade-3: rgba(154, 197, 85, .2);
        --color-green-shade-4: rgba(154, 197, 85, .3);
        --color-green-shade-5: rgba(154, 197, 85, .5);
        --color-orange: #f0b90b;
        --color-purple: #b933e4;
        --color-red-alpha-15: rgba(229, 82, 97, .15);
        --color-red-alpha: rgba(229, 82, 97, .3);
        --color-green-alpha: rgba(153, 196, 84, .3);
        --color-dark-bg-1: #283649;
        --color-dark-bg-2: #0c131c;
        --color-dark-border-1: #323e50;
        --color-base-white: #fff;
        --color-primary-base: #4a90e2;
        --color-primary-hover: #609de6;
        --color-primary-light: #609de6;
        --color-primary-dark: #3483de;
        --color-primary-alpha-10: rgba(74, 144, 226, .1);
        --color-primary-alpha-30: rgba(74, 144, 226, .3);
        --color-primary-alpha-50: rgba(74, 144, 226, .5);
        --color-primary-green: #9ac555;
        --color-primary-red: #e55161;
        --color-primary-orange: #f0b90b;
        --color-background-main: #1c2837;
        --color-background-secondary: #253344;
        --color-background-secondary-2: #202c3c;
        --color-background-light-white: #fcfbfc;
        --color-background-medium-white: #263140;
        --color-background-dark-white: #f8f8fb;
        --color-background-dark-white-2: #233040;
        --color-background-light-grey: #283649;
        --color-background-medium-grey: #233040;
        --color-background-dark-grey: #1a2432;
        --color-background-light-blue: rgba(74, 144, 226, .1);
        --color-background-dark-blue: #3b4656;
        --color-background-infobox-bottom: #394455;
        --color-background-group-title: #202935;
        --color-background-blockquote: #354051;
        --color-background-error-box: rgba(232, 78, 60, .2);
        --color-background-success-box: rgba(87, 168, 62, .2);
        --color-background-dd-link-hover: #1a2432;
        --color-background-tabs-bg: #3e4959;
        --color-background-bg-tag: #354051;
        --color-background-per-bar: #4e3d50;
        --color-background-pie-chart-red: #e65968;
        --color-background-pie-chart-green: #a4ca65;
        --color-background-search-title: #222e3f;
        --color-background-homepage-nav-dd: #0c131c;
        --color-background-article-note: rgba(27, 26, 19, .35);
        --color-box-shadow-medium: 0px 2px 8px 0px rgba(0, 0, 0, .15);
        --color-border-light: #323e50;
        --color-border-medium: #323e50;
        --color-border-dark: #3e4959;
        --color-border-dark-2: #3e4959;
        --color-border-error-box: #e84e3c;
        --color-border-success-box: #73b560;
        --color-border-search-bottom: #222e3f;
        --color-border-homepage-native-dd: #ececec;
        --color-border-homepage-native-title: #3b4656;
        --color-border-navbar: transparent;
        --color-scrollbar-track: #323e50;
        --color-scrollbar-thumb: #3e4858;
        --color-scrollbar-base: #323e50;
        --color-scrollbar-hover: #3d4a5f;
        --color-link-base: #f5f5f5;
        --color-link-hover: #fff;
        --color-link-p: #c0c8d3;
        --color-text-verylight: #f5f5f5;
        --color-text-lighter: #a9b3bf;
        --color-text-light: #7d8c9e;
        --color-text-medium: #63758c;
        --color-text-medium-grey: #63758c;
        --color-text-dark: #63758c;
        --color-text-darker: #aeb3ba;
        --color-text-verydark: rgba(255, 255, 255, .9803921569);
        --color-text-error: #ffffff;
        --color-text-link-source: #63758c;
        --color-text-article-note: #7D8C9E;
        --color-text-article-note-icon: #FFC548;
        --color-font-superlight: rgba(255, 255, 255, .9803921569);
        --color-font-light: #8392a5;
        --color-font-medium: #63758c;
        --color-font-dark: #9ea6ae;
        --color-font-very-important: #f5f5f5;
        --color-font-very-important-2: #c0c8d3;
        --color-font-very-important-3: #7d8c9e;
        --color-font-medium-important: #c0c8d3;
        --color-font-medium-important-2: #7d8c9e;
        --color-font-less-important: #7d8c9e;
        --color-font-less-important-2: #63758c;
        --color-font-less-grey: #63758c;
        --color-font-homepage-inputs-color: #1e2e42;
        --color-font-less-important-dark-bg: #7d8c9e;
        --color-font-medium-important-dark-bg: #617283;
        --color-font-very-important-dark-bg: #f5f5f5;
        --color-button-background: #313e4f;
        --color-button-background-hover: #1f2937;
        --color-button-background-dark: #404c5c;
        --color-button-text: #63758c;
        --color-button-primary-bg: #4a90e2;
        --color-button-primary-bg-hover: #3483de;
        --color-button-primary-border: #4a90e2;
        --color-button-primary-border-hover: #3483de;
        --color-button-primary-text: #fff;
        --color-button-primary-icon: #fff;
        --color-button-secondary-bg: transparent;
        --color-button-secondary-bg-hover: #1f2937;
        --color-button-secondary-border: #323e50;
        --color-button-secondary-border-hover: #323e50;
        --color-button-secondary-text: #f5f5f5;
        --color-button-secondary-icon: #4a90e2;
        --color-button-light-bg: #1f2937;
        --color-button-light-bg-hover: #1f2937;
        --color-button-light-border: #323e50;
        --color-button-light-border-hover: #323e50;
        --color-button-light-text: #f5f5f5;
        --color-button-light-icon: #4a90e2;
        --color-button-ng-select-disabled: #354051;
        --color-button-secondary-border-light: #4a90e2;
        --color-action-button-bg-base: #323e50;
        --color-action-button-bg-hover-base: #404c5f;
        --color-action-button-bg-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 99.77%);
        --color-action-button-text-binance: rgb(33, 40, 51);
        --color-action-button-bg-hover-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(248, 209, 47) 99.77%);
        --color-input-bg: #1f2937;
        --color-input-border: #323e50;
        --color-input-border-active: #4a90e2;
        --color-input-placeholder: #7d8c9e;
        --color-input-text: #f5f5f5;
        --color-input-disabled: #253344;
        --color-status-red: #e55161;
        --color-status-green: #9ac555;
        --color-status-orange: #dbab2b;
        --color-graph-fill: rgba(74, 144, 226, .25);
        --color-graph-stroke: #4a90e2;
        --color-graph-up-fill: rgba(154, 197, 85, .05);
        --color-graph-up-stroke: #9ac555;
        --color-graph-down-fill: rgba(229, 81, 97, .05);
        --color-graph-down-stroke: #e55161;
        --color-home-bar-bg: #192331;
        --color-home-bar-bg-hover: rgba(0, 0, 0, .1);
        --color-home-bar-bg-mobile: #192331;
        --color-home-bar-border: #253344;
        --color-home-bar-filter-icon: #63758c;
        --color-home-bar-title: #8693a6;
        --color-home-badge-bg: #de4e5e;
        --color-home-lower-nav-bg: #0c131c;
        --color-home-filters-bar: #192331;
        --color-sponsored-light: #1f2937;
        --color-sponsored-medium: #ffffc1;
        --color-sponsored-font: #c0c8d3;
        --color-sponsored-font-dark: #f5f5f5;
        --color-sponsored-icon: #ffc548;
        --color-sponsored-bg: #1f2937;
        --color-sponsored-border: #323e50;
        --color-exclusive-background: #131921;
        --color-exclusive-icon: #ffc548;
        --color-exclusive-bg: #131921;
        --color-exclusive-border: #323e50;
        --color-page-title-main: #f5f5f5;
        --color-page-title-sub: #c0c8d3;
        --color-coin-info-box-bg: #384455;
        --color-coin-info-box-bg-header: #323E50;
        --color-coin-info-box-border: #454f5f;
        --color-ico-box-wide-bg: #1a2432;
        --color-sidebar-box-bg: #2a3646;
        --color-sidebar-box-bg-header: #3e4959;
        --color-sidebar-box-bg-tab: #3e4959;
        --color-sidebar-box-bg-tab-selected: #2a3646;
        --color-sidebar-box-header-text: #f5f5f5;
        --color-sidebar-box-row-border: #323e50;
        --color-placeholder-base: rgba(0, 0, 0, .2);
        --color-placeholder-dark: rgba(0, 0, 0, .4);
        --color-placeholder-chart-logo: url(/images/loading-icon-dark.gif);
        --color-change-up: #9ac555;
        --color-change-down: #e55161;
        --color-change-neutral: #f0b90b;
        --color-footer-bg-main: #1c2837;
        --color-footer-bg-overview: #1a2432;
        --color-footer-bg-navigation: #253344;
        --color-logo-mobile: #fff;
        --color-stripes-color1: #2a3646;
        --color-stripes-color2: #354051;
        --color-rating-stars: #f9c54d;
        --color-alert-bg-warning: #ffdfdf;
        --color-alert-text: #f41e50;
        --color-style-underline: underline;
        --color-style-underline-hover: underline;
        --image-chart-placeholder-logo: url(/images/loading-icon-dark.gif);
        --image-coincodex-logo: url(/images/coincodex-light.svg)
    }
}

html.theme-light {
    --color-white: #fff;
    --color-red: rgb(235, 15, 41);
    --color-red-shade-1: rgba(235, 15, 41, .08);
    --color-red-shade-2: rgba(235, 15, 41, .13);
    --color-red-shade-3: rgba(235, 15, 41, .17);
    --color-green: #50c134;
    --color-green-shade-1: rgba(80, 193, 52, .08);
    --color-green-shade-2: rgba(80, 193, 52, .14);
    --color-green-shade-3: rgba(80, 193, 52, .2);
    --color-green-shade-4: rgba(80, 193, 52, .3);
    --color-green-shade-5: rgba(80, 193, 52, .5);
    --color-orange: #f0b90b;
    --color-purple: #b933e4;
    --color-red-alpha-15: rgba(235, 15, 41, .15);
    --color-red-alpha: rgba(235, 15, 41, .3);
    --color-green-alpha: rgba(38, 181, 76, .3);
    --color-dark-bg-1: #192331;
    --color-dark-bg-2: #283649;
    --color-dark-border-1: #283649;
    --color-base-white: #fff;
    --color-primary-base: #4a90e2;
    --color-primary-hover: #609de6;
    --color-primary-light: #609de6;
    --color-primary-dark: #3483de;
    --color-primary-alpha-10: rgba(74, 144, 226, .1);
    --color-primary-alpha-30: rgba(74, 144, 226, .3);
    --color-primary-alpha-50: rgba(74, 144, 226, .5);
    --color-primary-green: #50c134;
    --color-primary-red: rgb(235, 15, 41);
    --color-primary-orange: #f0b90b;
    --color-background-main: #FAFAFA;
    --color-background-secondary: #fff;
    --color-background-secondary-2: #fbfbfb;
    --color-background-light-white: #fcfbfc;
    --color-background-medium-white: #f9f9fb;
    --color-background-dark-white: #f8f8fb;
    --color-background-dark-white-2: #f8f8fb;
    --color-background-light-grey: #283649;
    --color-background-medium-grey: #233040;
    --color-background-dark-grey: #1a2432;
    --color-background-light-blue: #f3f8ff;
    --color-background-dark-blue: red;
    --color-background-infobox-bottom: #24303f;
    --color-background-group-title: #e4e5eb;
    --color-background-blockquote: #f9f8f8;
    --color-background-error-box: #fff0f0;
    --color-background-success-box: #f6fff0;
    --color-background-dd-link-hover: #f3f8ff;
    --color-background-tabs-bg: #e5e6ec;
    --color-background-bg-tag: #f7f7f7;
    --color-background-per-bar: #ffebbc;
    --color-background-pie-chart-red: rgb(235, 15, 41);
    --color-background-pie-chart-green: #50c134;
    --color-background-search-title: #f9f9fb;
    --color-background-homepage-nav-dd: #fff;
    --color-background-article-note: #FFFCE3;
    --color-box-shadow-medium: 0px 2px 8px 0px rgba(0, 0, 0, .15);
    --color-border-light: #ececec;
    --color-border-medium: #e4e5eb;
    --color-border-dark: #c2c9d3;
    --color-border-dark-2: #ececec;
    --color-border-error-box: #e84e3c;
    --color-border-success-box: #f6fff0;
    --color-border-search-bottom: #ececec;
    --color-border-homepage-native-dd: #ececec;
    --color-border-homepage-native-title: #3b4656;
    --color-border-navbar: #e4e5eb;
    --color-scrollbar-track: #e4e5eb;
    --color-scrollbar-thumb: #d2d4da;
    --color-scrollbar-base: #f1f1f1;
    --color-scrollbar-hover: #e4e5eb;
    --color-link-base: #4a90e2;
    --color-link-hover: #3483de;
    --color-link-p: #4a90e2;
    --color-text-verylight: #fff;
    --color-text-lighter: #c8ccd1;
    --color-text-light: #9ea6ae;
    --color-text-medium: #617283;
    --color-text-medium-grey: #595959;
    --color-text-dark: #1e2e42;
    --color-text-darker: #1e2e42;
    --color-text-verydark: #000;
    --color-text-error: #e84e3c;
    --color-text-link-source: #a2adbb;
    --color-text-article-note: #535249;
    --color-text-article-note-icon: #535249;
    --color-font-superlight: #FAFAFA;
    --color-font-light: #8392a5;
    --color-font-medium: #595959;
    --color-font-dark: #000;
    --color-font-very-important: #1e2e42;
    --color-font-very-important-2: #1e2e42;
    --color-font-very-important-3: #1e2e42;
    --color-font-medium-important: #617283;
    --color-font-medium-important-2: #617283;
    --color-font-less-important: #99a1ab;
    --color-font-less-important-2: #cfd4e3;
    --color-font-less-grey: #9ba7b6;
    --color-font-homepage-inputs-color: #1e2e42;
    --color-font-less-important-dark-bg: #7d8c9e;
    --color-font-medium-important-dark-bg: #617283;
    --color-font-very-important-dark-bg: #f5f5f5;
    --color-button-background: #FAFAFA;
    --color-button-background-hover: #e8e6e8;
    --color-button-background-dark: #404c5c;
    --color-button-text: #8392a5;
    --color-button-primary-bg: #4a90e2;
    --color-button-primary-bg-hover: #3483de;
    --color-button-primary-border: #4a90e2;
    --color-button-primary-border-hover: #3483de;
    --color-button-primary-text: #fff;
    --color-button-primary-icon: #fff;
    --color-button-secondary-bg: transparent;
    --color-button-secondary-bg-hover: transparent;
    --color-button-secondary-border: #ececec;
    --color-button-secondary-border-hover: #4a90e2;
    --color-button-secondary-text: #4a90e2;
    --color-button-secondary-icon: #99a1ab;
    --color-button-light-bg: transparent;
    --color-button-light-bg-hover: transparent;
    --color-button-light-border: #ececec;
    --color-button-light-border-hover: #1e2e42;
    --color-button-light-text: #1e2e42;
    --color-button-light-icon: #99a1ab;
    --color-button-ng-select-disabled: #e2e5ef;
    --color-button-secondary-border-light: #ececec;
    --color-action-button-bg-base: #ececec;
    --color-action-button-bg-hover-base: #e4e5eb;
    --color-action-button-bg-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 99.77%);
    --color-action-button-text-binance: rgb(33, 40, 51);
    --color-action-button-bg-hover-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(248, 209, 47) 99.77%);
    --color-input-bg: #fff;
    --color-input-border: #ececec;
    --color-input-border-active: #4a90e2;
    --color-input-placeholder: #99a1ab;
    --color-input-text: #1e2e42;
    --color-input-disabled: #e2e5ef;
    --color-status-red: rgb(235, 15, 41);
    --color-status-green: #50c134;
    --color-status-orange: #dbab2b;
    --color-graph-fill: rgba(97, 160, 234, .1);
    --color-graph-stroke: #61a0ea;
    --color-graph-up-fill: rgba(80, 193, 52, .15);
    --color-graph-up-stroke: #50c134;
    --color-graph-down-fill: rgba(235, 15, 41, .15);
    --color-graph-down-stroke: rgb(235, 15, 41);
    --color-home-bar-bg: #192331;
    --color-home-bar-bg-hover: rgba(0, 0, 0, .1);
    --color-home-bar-bg-mobile: #f6f6f6;
    --color-home-bar-border: #253344;
    --color-home-bar-filter-icon: #7c848e;
    --color-home-bar-title: #8693a6;
    --color-home-badge-bg: #de4e5e;
    --color-home-lower-nav-bg: #ffffff;
    --color-home-filters-bar: #192331;
    --color-sponsored-light: #ffffd5;
    --color-sponsored-medium: #ffffc1;
    --color-sponsored-font: #c0b781;
    --color-sponsored-font-dark: #403600;
    --color-sponsored-icon: #ffc548;
    --color-sponsored-bg: #ffffd5;
    --color-sponsored-border: #eae2b8;
    --color-exclusive-background: #fff2a8;
    --color-exclusive-icon: #ffc548;
    --color-exclusive-bg: #fff2a8;
    --color-exclusive-border: #eae2b8;
    --color-page-title-main: #1e2e42;
    --color-page-title-sub: #617283;
    --color-coin-info-box-bg: #233040;
    --color-coin-info-box-bg-header: #283648;
    --color-coin-info-box-border: #333d4c;
    --color-ico-box-wide-bg: #233040;
    --color-sidebar-box-bg: #fff;
    --color-sidebar-box-bg-header: #2c394a;
    --color-sidebar-box-bg-tab: #384556;
    --color-sidebar-box-bg-tab-selected: #2c394a;
    --color-sidebar-box-header-text: #fff;
    --color-sidebar-box-row-border: #ececec;
    --color-placeholder-base: #e5eaf0;
    --color-placeholder-dark: #d1d7de;
    --color-placeholder-chart-logo: url(/images/loading-icon-light.gif);
    --color-change-up: #50c134;
    --color-change-down: rgb(235, 15, 41);
    --color-change-neutral: #f0b90b;
    --color-footer-bg-main: #fff;
    --color-footer-bg-overview: #1a2432;
    --color-footer-bg-navigation: #283649;
    --color-logo-mobile: #2C394A;
    --color-stripes-color1: #ffffff;
    --color-stripes-color2: #e4e5eb;
    --color-rating-stars: #f9c54d;
    --color-alert-bg-warning: #ffdfdf;
    --color-alert-text: rgb(235, 15, 41);
    --color-style-underline: none;
    --color-style-underline-hover: underline;
    --image-chart-placeholder-logo: url(/images/loading-icon-light.gif);
    --image-coincodex-logo: url(/images/coincodex-dark.svg)
}

html.theme-dark {
    --color-white: #fff;
    --color-red: #e55161;
    --color-red-shade-1: rgba(229, 81, 97, .08);
    --color-red-shade-2: rgba(229, 81, 97, .13);
    --color-red-shade-3: rgba(229, 81, 97, .17);
    --color-green: #9ac555;
    --color-green-shade-1: rgba(154, 197, 85, .08);
    --color-green-shade-2: rgba(154, 197, 85, .14);
    --color-green-shade-3: rgba(154, 197, 85, .2);
    --color-green-shade-4: rgba(154, 197, 85, .3);
    --color-green-shade-5: rgba(154, 197, 85, .5);
    --color-orange: #f0b90b;
    --color-purple: #b933e4;
    --color-red-alpha-15: rgba(229, 82, 97, .15);
    --color-red-alpha: rgba(229, 82, 97, .3);
    --color-green-alpha: rgba(153, 196, 84, .3);
    --color-dark-bg-1: #283649;
    --color-dark-bg-2: #0c131c;
    --color-dark-border-1: #323e50;
    --color-base-white: #fff;
    --color-primary-base: #4a90e2;
    --color-primary-hover: #609de6;
    --color-primary-light: #609de6;
    --color-primary-dark: #3483de;
    --color-primary-alpha-10: rgba(74, 144, 226, .1);
    --color-primary-alpha-30: rgba(74, 144, 226, .3);
    --color-primary-alpha-50: rgba(74, 144, 226, .5);
    --color-primary-green: #9ac555;
    --color-primary-red: #e55161;
    --color-primary-orange: #f0b90b;
    --color-background-main: #1c2837;
    --color-background-secondary: #253344;
    --color-background-secondary-2: #202c3c;
    --color-background-light-white: #fcfbfc;
    --color-background-medium-white: #263140;
    --color-background-dark-white: #f8f8fb;
    --color-background-dark-white-2: #233040;
    --color-background-light-grey: #283649;
    --color-background-medium-grey: #233040;
    --color-background-dark-grey: #1a2432;
    --color-background-light-blue: rgba(74, 144, 226, .1);
    --color-background-dark-blue: #3b4656;
    --color-background-infobox-bottom: #394455;
    --color-background-group-title: #202935;
    --color-background-blockquote: #354051;
    --color-background-error-box: rgba(232, 78, 60, .2);
    --color-background-success-box: rgba(87, 168, 62, .2);
    --color-background-dd-link-hover: #1a2432;
    --color-background-tabs-bg: #3e4959;
    --color-background-bg-tag: #354051;
    --color-background-per-bar: #4e3d50;
    --color-background-pie-chart-red: #e65968;
    --color-background-pie-chart-green: #a4ca65;
    --color-background-search-title: #222e3f;
    --color-background-homepage-nav-dd: #0c131c;
    --color-background-article-note: rgba(27, 26, 19, .35);
    --color-box-shadow-medium: 0px 2px 8px 0px rgba(0, 0, 0, .15);
    --color-border-light: #323e50;
    --color-border-medium: #323e50;
    --color-border-dark: #3e4959;
    --color-border-dark-2: #3e4959;
    --color-border-error-box: #e84e3c;
    --color-border-success-box: #73b560;
    --color-border-search-bottom: #222e3f;
    --color-border-homepage-native-dd: #ececec;
    --color-border-homepage-native-title: #3b4656;
    --color-border-navbar: transparent;
    --color-scrollbar-track: #323e50;
    --color-scrollbar-thumb: #3e4858;
    --color-scrollbar-base: #323e50;
    --color-scrollbar-hover: #3d4a5f;
    --color-link-base: #f5f5f5;
    --color-link-hover: #fff;
    --color-link-p: #c0c8d3;
    --color-text-verylight: #f5f5f5;
    --color-text-lighter: #a9b3bf;
    --color-text-light: #7d8c9e;
    --color-text-medium: #63758c;
    --color-text-medium-grey: #63758c;
    --color-text-dark: #63758c;
    --color-text-darker: #aeb3ba;
    --color-text-verydark: rgba(255, 255, 255, .9803921569);
    --color-text-error: #ffffff;
    --color-text-link-source: #63758c;
    --color-text-article-note: #7D8C9E;
    --color-text-article-note-icon: #FFC548;
    --color-font-superlight: rgba(255, 255, 255, .9803921569);
    --color-font-light: #8392a5;
    --color-font-medium: #63758c;
    --color-font-dark: #9ea6ae;
    --color-font-very-important: #f5f5f5;
    --color-font-very-important-2: #c0c8d3;
    --color-font-very-important-3: #7d8c9e;
    --color-font-medium-important: #c0c8d3;
    --color-font-medium-important-2: #7d8c9e;
    --color-font-less-important: #7d8c9e;
    --color-font-less-important-2: #63758c;
    --color-font-less-grey: #63758c;
    --color-font-homepage-inputs-color: #1e2e42;
    --color-font-less-important-dark-bg: #7d8c9e;
    --color-font-medium-important-dark-bg: #617283;
    --color-font-very-important-dark-bg: #f5f5f5;
    --color-button-background: #313e4f;
    --color-button-background-hover: #1f2937;
    --color-button-background-dark: #404c5c;
    --color-button-text: #63758c;
    --color-button-primary-bg: #4a90e2;
    --color-button-primary-bg-hover: #3483de;
    --color-button-primary-border: #4a90e2;
    --color-button-primary-border-hover: #3483de;
    --color-button-primary-text: #fff;
    --color-button-primary-icon: #fff;
    --color-button-secondary-bg: transparent;
    --color-button-secondary-bg-hover: #1f2937;
    --color-button-secondary-border: #323e50;
    --color-button-secondary-border-hover: #323e50;
    --color-button-secondary-text: #f5f5f5;
    --color-button-secondary-icon: #4a90e2;
    --color-button-light-bg: #1f2937;
    --color-button-light-bg-hover: #1f2937;
    --color-button-light-border: #323e50;
    --color-button-light-border-hover: #323e50;
    --color-button-light-text: #f5f5f5;
    --color-button-light-icon: #4a90e2;
    --color-button-ng-select-disabled: #354051;
    --color-button-secondary-border-light: #4a90e2;
    --color-action-button-bg-base: #323e50;
    --color-action-button-bg-hover-base: #404c5f;
    --color-action-button-bg-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 99.77%);
    --color-action-button-text-binance: rgb(33, 40, 51);
    --color-action-button-bg-hover-binance: linear-gradient(rgb(248, 209, 47) 0%, rgb(248, 209, 47) 99.77%);
    --color-input-bg: #1f2937;
    --color-input-border: #323e50;
    --color-input-border-active: #4a90e2;
    --color-input-placeholder: #7d8c9e;
    --color-input-text: #f5f5f5;
    --color-input-disabled: #253344;
    --color-status-red: #e55161;
    --color-status-green: #9ac555;
    --color-status-orange: #dbab2b;
    --color-graph-fill: rgba(74, 144, 226, .25);
    --color-graph-stroke: #4a90e2;
    --color-graph-up-fill: rgba(154, 197, 85, .05);
    --color-graph-up-stroke: #9ac555;
    --color-graph-down-fill: rgba(229, 81, 97, .05);
    --color-graph-down-stroke: #e55161;
    --color-home-bar-bg: #192331;
    --color-home-bar-bg-hover: rgba(0, 0, 0, .1);
    --color-home-bar-bg-mobile: #192331;
    --color-home-bar-border: #253344;
    --color-home-bar-filter-icon: #63758c;
    --color-home-bar-title: #8693a6;
    --color-home-badge-bg: #de4e5e;
    --color-home-lower-nav-bg: #0c131c;
    --color-home-filters-bar: #192331;
    --color-sponsored-light: #1f2937;
    --color-sponsored-medium: #ffffc1;
    --color-sponsored-font: #c0c8d3;
    --color-sponsored-font-dark: #f5f5f5;
    --color-sponsored-icon: #ffc548;
    --color-sponsored-bg: #1f2937;
    --color-sponsored-border: #323e50;
    --color-exclusive-background: #131921;
    --color-exclusive-icon: #ffc548;
    --color-exclusive-bg: #131921;
    --color-exclusive-border: #323e50;
    --color-page-title-main: #f5f5f5;
    --color-page-title-sub: #c0c8d3;
    --color-coin-info-box-bg: #384455;
    --color-coin-info-box-bg-header: #323E50;
    --color-coin-info-box-border: #454f5f;
    --color-ico-box-wide-bg: #1a2432;
    --color-sidebar-box-bg: #2a3646;
    --color-sidebar-box-bg-header: #3e4959;
    --color-sidebar-box-bg-tab: #3e4959;
    --color-sidebar-box-bg-tab-selected: #2a3646;
    --color-sidebar-box-header-text: #f5f5f5;
    --color-sidebar-box-row-border: #323e50;
    --color-placeholder-base: rgba(0, 0, 0, .2);
    --color-placeholder-dark: rgba(0, 0, 0, .4);
    --color-placeholder-chart-logo: url(/images/loading-icon-dark.gif);
    --color-change-up: #9ac555;
    --color-change-down: #e55161;
    --color-change-neutral: #f0b90b;
    --color-footer-bg-main: #1c2837;
    --color-footer-bg-overview: #1a2432;
    --color-footer-bg-navigation: #253344;
    --color-logo-mobile: #fff;
    --color-stripes-color1: #2a3646;
    --color-stripes-color2: #354051;
    --color-rating-stars: #f9c54d;
    --color-alert-bg-warning: #ffdfdf;
    --color-alert-text: #f41e50;
    --color-style-underline: underline;
    --color-style-underline-hover: underline;
    --image-chart-placeholder-logo: url(/images/loading-icon-dark.gif);
    --image-coincodex-logo: url(/images/coincodex-light.svg)
}

body {
    background: var(--color-background-main);
    font-family: Roboto,sans-serif;
    color: var(--color-font-medium-important-2);
    font-size: 14px
}

@media (max-width: 1239px) {
    body {
        padding-top:50px
    }
}

body.noscroll {
    -webkit-overflow-scrolling: touch!important;
    overflow: auto!important;
    height: 100%!important
}

body.aside-open {
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

html.noscroll {
    -webkit-overflow-scrolling: touch!important;
    overflow: auto!important;
    height: 100%!important
}

p {
    line-height: 1.4
}

p strong {
    font-weight: 700
}

a,.link {
    color: var(--color-link-p);
    cursor: pointer
}

a:hover,.link:hover {
    color: var(--color-link-p-hover)
}

a i,.link i {
    color: var(--color-primary-base)
}

a.bold,.link.bold {
    font-weight: bolder
}

.container-wrapper,.container-wrapper .wrapper {
    margin: auto
}

.no-scroll {
    overflow: hidden
}

.price-change {
    color: var(--color-change-up)!important;
    font-weight: 700
}

.price-change.price-change-down {
    color: var(--color-change-down)!important
}

.red-color {
    color: var(--color-change-down)
}

.green-color {
    color: var(--color-change-up)
}

.font-xs {
    font-size: 10px
}

.font-sm {
    font-size: 11px
}

.font-md {
    font-size: 14px
}

.font-md2 {
    font-size: 16px
}

.font-lg {
    font-size: 18px
}

.font-xl {
    font-size: 25px
}

.font-xxl {
    font-size: 30px
}

.column-side .price-change.price-change-down {
    color: var(--color-change-down)!important
}

.two-column-layout>.row {
    margin: 0;
    display: flex;
    flex-wrap: nowrap
}

.two-column-layout>.row>[class*=col-] {
    padding: 0
}

.two-column-layout .column-main {
    background: #ffffff;
    padding-bottom: 40px!important;
    position: relative;
    min-height: 100vh
}

.two-column-layout .column-main ul {
    border: none;
    border-bottom: 1px solid var(--color-border-medium)
}

.two-column-layout .column-main ul li {
    border: none;
    border-top: 4px solid var(--color-border-medium);
    border-right: 1px solid var(--color-border-medium);
    border-bottom: 1px solid var(--color-border-medium);
    padding: 3px 16px
}

.two-column-layout .column-main ul li.selected {
    border-top: 4px solid var(--color-border-medium) -highlight;
    border-bottom: 1px solid #ffffff
}

.two-column-layout .column-main ul li a,.two-column-layout .column-main ul li a:hover {
    border: none
}

.two-column-layout .column-main .heading {
    padding: 40px 30px;
    margin-bottom: 30px
}

.two-column-layout .column-main .heading h1 {
    color: var(--color-text-verydark);
    font-weight: 700;
    font-size: 25px
}

.two-column-layout .column-main .heading h2 {
    margin-top: 10px
}

.two-column-layout .column-main .heading a.external {
    position: absolute;
    top: 40px;
    right: 30px
}

.two-column-layout .column-main .section {
    margin-bottom: 30px
}

.two-column-layout .column-main .section .section-title span {
    color: var(--color-text-dark);
    font-size: 25px;
    font-weight: 700;
    border-bottom: 4px solid var(--color-primary-base);
    padding-bottom: 10px;
    display: inline-block;
    margin-bottom: -1px
}

.two-column-layout .column-main .top-coin-overview {
    padding: 5px 30px 20px!important;
    border-bottom: 1px solid var(--color-border-medium)
}

.two-column-layout .column-main .top-coin-overview h1 {
    color: var(--color-text-verydark);
    font-size: 24px;
    line-height: 34px;
    font-weight: 700
}

.two-column-layout .column-main .top-coin-overview span {
    color: var(--color-text-verydark);
    font-size: 14px;
    line-height: 24px
}

.two-column-layout .column-side {
    background: var(--color-home-bar)
}

.coin-base .column-main .coin-tabs {
    padding-top: 10px;
    border-bottom: 1px solid var(--color-border-light);
    z-index: 1030
}

.coin-base .column-main .coin-tabs ul li {
    float: left;
    margin-left: 10px
}

.coin-base .column-main .coin-tabs ul li a {
    display: inline-block;
    line-height: 50px;
    padding: 0 20px;
    margin-bottom: -1px;
    color: var(--color-text-dark);
    border: 1px solid var(--color-border-light);
    text-decoration: none
}

.coin-base .column-main .coin-tabs ul li a:hover {
    background: #fff
}

.coin-base .column-main .coin-tabs ul li.selected a {
    background: #fff;
    border-bottom-color: #fff
}

.coin-base .column-main .coin-overview {
    padding: 0 30px
}

.coin-base .column-main .coin-overview .table {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    border-top: 1px solid var(--color-border-medium)
}

.coin-base .column-main .coin-overview .table tr,.coin-base .column-main .coin-overview .table tr td {
    border: none
}

.coin-base .column-main .coin-overview .table tr td:last-child {
    text-align: right
}

.coin-base .column-main .coin-overview .table tr:nth-child(odd) {
    color: #8392a5;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.coin-base .column-main .coin-overview .table tr:nth-child(odd) td {
    padding-bottom: 3px
}

.coin-base .column-main .coin-overview .table tr:nth-child(2n) {
    color: var(--color-text-verydark);
    font-size: 16px;
    font-weight: 700
}

.coin-base .column-main .coin-overview .table tr:nth-child(2n) td {
    padding-top: 3px
}

.coin-base .column-main .coin-overview .table .first-table,.coin-base .column-main .coin-overview .table .second-table {
    width: 100%
}

.coin-base .column-main .coin-overview .table .second-table .more-rates {
    color: #488bd9;
    font-size: 14px
}

.coin-base .column-main .coin-overview .table .second-table td:not(:first-child) {
    text-align: right
}

.coin-base .column-main .coin-overview .table .third-table {
    width: 60%
}

.coin-base .column-main .coin-overview .table .third-table td:last-child {
    text-align: left!important
}

.coin-base .column-main .coin-overview .table .info-btn {
    float: right;
    position: relative;
    top: -44px
}

.coin-base .column-main .coin-overview .config {
    padding: 30px 0!important
}

.coin-base .column-main .coin-overview .config .selected_coins {
    padding: 60px 0 30px!important
}

.coin-base .column-main .coin-overview .config .selected_coins .entry span {
    padding-left: 10px!important
}

.coin-base .column-main .coin-overview .config .selected_coins .entry i {
    border-left: none!important
}

.coin-base .column-main .coin-overview .config .top-fields span span:not(.selected) {
    color: var(--color-border-medium) -highlight;
    cursor: pointer
}

.coin-base .column-main .coin-overview .config .top-fields .top-fields-period {
    float: left;
    line-height: 34px
}

.coin-base .column-main .coin-overview .config .top-fields .top-fields-graph {
    float: left;
    position: relative;
    left: 60px;
    line-height: 34px
}

.coin-base .column-main .coin-overview .config .top-fields .top-fields-select {
    width: 200px;
    float: right
}

.coin-base .column-main .coin-overview .links {
    margin-top: 20px;
    margin-bottom: -5px
}

.coin-base .column-main .coin-overview .links li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 2px;
    overflow: visible
}

.coin-base .column-main .coin-overview .links li a {
    display: inline-block;
    line-height: 33px;
    padding: 0 9px;
    min-width: 35px;
    text-decoration: none;
    border-radius: 17px;
    border: 1px solid var(--color-border-light);
    color: var(--color-text-medium);
    text-align: center
}

.coin-base .column-main .coin-overview .links li a:hover {
    background: var(--color-background-light-grey);
    color: var(--color-text-dark)
}

.coin-base .column-main .coin-overview .message {
    color: var(--color-font-medium-important);
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 30px;
    background: var(--color-background-secondary)
}

.coin-base .column-main .coin-overview .message a {
    color: var(--color-link-base)
}

.coin-base .column-main .coin-overview .message.message-warning {
    color: #ed4e46
}

.coin-base .column-main .coin-overview .status {
    background: var(--color-background-light-grey);
    margin-bottom: 60px;
    border-radius: 5px
}

.coin-base .column-main .coin-overview .status .status-container {
    max-width: 300px;
    margin: 0 auto;
    padding: 100px 0
}

.coin-base .column-main .coin-overview .status .status-title {
    font-size: 25px;
    color: var(--color-text-dark);
    text-align: center;
    font-weight: 700
}

.coin-base .column-main .coin-overview .status .timeline {
    margin: 30px 0;
    padding-top: 30px;
    border-top: 1px solid var(--color-border-medium)
}

.coin-base .column-main .coin-overview .status .timeline .start {
    float: left
}

.coin-base .column-main .coin-overview .status .timeline .end {
    float: right
}

.coin-base .column-main .coin-overview .status .timeline .timeline-progress {
    height: 14px;
    background: #fff;
    border-radius: 7px;
    margin: 10px 0 20px
}

.coin-base .column-main .coin-overview .status .timeline .timeline-progress .timeline-progress-value {
    height: 14px;
    background: var(--color-change-up);
    border-radius: 7px
}

.coin-base .column-main .coin-overview .status .timeline .time-left {
    font-size: 18px;
    color: var(--color-text-dark)
}

.coin-base .column-main .coin-overview .index {
    margin-bottom: 60px
}

.coin-base .column-main .coin-overview .index .title {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 10px
}

.coin-base .column-main .coin-overview .index .chart {
    margin-bottom: 10px;
    padding-top: 30px
}

.coin-base .column-main .coin-overview .index .chart #chartdiv {
    margin-bottom: -8px
}

.coin-base .column-main .coin-overview .index .chart .amChartsPeriodSelector {
    display: none
}

.coin-base .column-main .coin-overview .index .chart .amChartsButton,.coin-base .column-main .coin-overview .index .chart .amChartsButtonSelected {
    display: none!important
}

.coin-base .column-main .coin-overview .index .chart .range {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    margin-bottom: 10px;
    box-shadow: 0 1px 4px #0000001a
}

.coin-base .column-main .coin-overview .index .chart .range button {
    outline: none;
    border: 1px solid var(--color-border-medium);
    border-left: none;
    width: 16.667%;
    font-size: 11px;
    line-height: 30px;
    background: var(--color-background-light-grey);
    border-radius: 0
}

.coin-base .column-main .coin-overview .index .chart .range button.selected {
    background: #fff
}

.coin-base .column-main .coin-overview .index .chart .range button:first-child {
    border-left: 1px solid var(--color-border-medium)
}

.coin-base .column-main .coin-overview .index .chart .range button:last-child {
    bborder-right: none
}

.coin-base .column-main .coin-overview .index .chart .range button i {
    color: var(--color-change-up)
}

.coin-base .column-main .coin-overview .index .chart .tools {
    text-align: right;
    padding: 0
}

.coin-base .column-main .coin-overview .index .chart .tools button {
    outline: none;
    border: none;
    background: var(--color-primary-base);
    color: #fff;
    line-height: 20px;
    border-radius: 10px;
    font-size: 11px;
    padding: 0 10px
}

.coin-base .column-main .coin-overview .index .chart .tools button.disabled {
    background: gray;
    cursor: default
}

.coin-base .column-main .coin-overview .index .social {
    margin-bottom: 30px;
    font-size: 11px
}

.coin-base .column-main .coin-overview .index .details {
    background: var(--color-background-light-grey);
    padding: 20px
}

.coin-base .column-main .coin-overview .index .details .row {
    margin-left: -40px;
    margin-right: -40px
}

.coin-base .column-main .coin-overview .index .details .row>[class*=col-] {
    padding-left: 32px;
    padding-right: 32px
}

.coin-base .column-main .coin-overview .index .details ul li {
    color: var(--color-text-light);
    margin-bottom: 15px
}

.coin-base .column-main .coin-overview .index .details ul li span {
    color: var(--color-text-medium);
    float: right;
    font-weight: 700
}

.coin-base .column-main .coin-overview .index .details ul li:last-child {
    margin: 0
}

.coin-base .column-main .coin-overview .news {
    margin-bottom: 50px
}

.coin-base .column-main .coin-overview .exchanges {
    margin-bottom: 20px
}

.coin-base .column-main .coin-overview .about {
    margin-bottom: 60px
}

.coin-base .column-main .coin-overview .about p {
    margin-bottom: 20px
}

.coin-base .column-main .coin-overview .about p:last-child {
    margin-bottom: 0
}

.coin-base .column-side {
    display: table
}

.coin-base .column-side .floater {
    padding: 20px 20px 0;
    margin: 0;
    z-index: 100
}

.coin-base .column-side .floater .status {
    padding-top: 30px
}

.coin-base .column-side .floater .status .msg {
    font-size: 18px;
    text-align: center;
    color: var(--color-text-verylight)
}

.coin-base .column-side .floater .status .msg .fa {
    color: var(--color-text-light)
}

.coin-base .column-side .floater .status .button,.coin-base .column-side .floater .status .button-primary-fw,.coin-base .column-side .floater .status .button-light-fw,.coin-base .column-side .floater .status .dd-menu-container.dd-large {
    margin-top: 30px
}

.coin-base .column-side .floater .info img {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    border: 5px solid #ffffff;
    background: #ffffff;
    height: 90px;
    width: auto
}

.coin-base .column-side .floater .info .ticker {
    color: var(--color-text-verylight);
    font-size: 24px;
    margin-bottom: 5px;
    padding-top: 24px
}

.coin-base .column-side .floater .info .name {
    line-height: 1.2;
    font-size: 18px;
    display: inline;
    color: #fff3
}

.coin-base .column-side .floater .info .notification-wrapper {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background: rgba(255,255,255,.2);
    border-radius: 3px
}

.coin-base .column-side .floater .info .notification-wrapper .notification {
    color: var(--color-text-verylight);
    margin: auto;
    line-height: 40px
}

.coin-base .column-side .floater .info .notification-wrapper .notification-outline-wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
    background: red;
    border-radius: 50%;
    min-width: 15px;
    min-height: 15px;
    text-align: center;
    line-height: 12px
}

.coin-base .column-side .floater .info .notification-wrapper .notification-outline-wrapper .notification-number {
    color: var(--color-text-verylight);
    font-size: 10px
}

.coin-base .column-side .floater .index {
    text-align: center;
    background: var(--color-home-bar-dark);
    padding: 30px 30px 0;
    margin: 20px -15px 0
}

.coin-base .column-side .floater .index .button-primary,.coin-base .column-side .floater .index .button-primary-fw,.coin-base .column-side .floater .index .dd-menu-container.dd-large {
    height: 50px;
    line-height: 50px;
    color: var(--color-text-verylight)
}

.coin-base .column-side .floater .index .button-primary i,.coin-base .column-side .floater .index .button-primary-fw i,.coin-base .column-side .floater .index .dd-menu-container.dd-large i {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.coin-base .column-side .floater .index .bottom-buttons {
    margin-top: 40px;
    margin-left: -35px;
    margin-right: -35px;
    border-top: 1px solid rgba(255,255,255,.2)
}

.coin-base .column-side .floater .index .bottom-buttons a {
    width: calc(50% - 2px);
    height: 60px;
    padding: 24px 0;
    display: inline-block;
    text-transform: uppercase
}

.coin-base .column-side .floater .index .bottom-buttons a:first-child {
    margin-right: -2px;
    border-right: 1px solid rgba(255,255,255,.1)
}

.coin-base .column-side .floater .index .bottom-buttons a:last-child {
    margin-left: -2px;
    border-left: 1px solid rgba(255,255,255,.1)
}

.coin-base .column-side .floater .index .bottom-buttons a:hover {
    text-decoration: none
}

.coin-base .column-side .floater .index .bottom-buttons .add-watchlist,.coin-base .column-side .floater .index .bottom-buttons .add-watchlist i,.coin-base .column-side .floater .index .bottom-buttons .add-watchlist.add-watchlist-act {
    color: var(--color-text-verylight)
}

.coin-base .column-side .floater .index .bottom-buttons .add-watchlist.add-watchlist-act i {
    color: #488bd9!important
}

.coin-base .column-side .floater .index .price-primary .price {
    font-size: 35px;
    margin-bottom: 7px;
    color: var(--color-text-verylight);
    font-weight: 700
}

.coin-base .column-side .floater .index .price-primary .price-change {
    font-size: 18px;
    font-weight: 700
}

.coin-base .column-side .floater .index .price-secondary {
    font-size: 11px;
    border-radius: 3px;
    padding: 5px
}

.coin-base .column-side .floater .index .price-secondary .price {
    display: inline-block
}

.coin-base .column-side .floater .index .price-secondary .price:last-child {
    margin-left: 8px
}

.coin-base .column-side .floater .index .price-less {
    width: 100%;
    padding: 0;
    margin: 10px 0 36px 2px;
    text-decoration: underline
}

.coin-base .column-side .floater .index .price-more {
    width: 100%;
    border-radius: 3px;
    padding: 20px 20px 5px;
    border: 1px solid rgba(255,255,255,.2);
    margin: 10px 0 36px 2px;
    text-align: center
}

.coin-base .column-side .floater .index .price-more .price-less-inner {
    margin: auto;
    width: 60px;
    bottom: -12px;
    position: relative;
    text-decoration: underline;
    background: var(--color-home-bar-dark)
}

.coin-base .column-side .floater .index .price-more table {
    width: 100%
}

.coin-base .column-side .floater .index .price-more table tr td:first-child {
    color: #fff3;
    text-align: right
}

.coin-base .column-side .floater .index .price-more table tr td {
    color: green;
    text-align: left;
    padding: 4px
}

.coin-base .column-side .floater .updated {
    margin-top: 20px;
    text-align: center;
    font-size: 11px
}

.coin-base .column-side .floater .instant-buy {
    margin-bottom: 10px
}

.coin-base .column-side .floater .instant-buy-spacer {
    height: 0px
}

.coin-base .column-side .floater .add-watchlist.add-watchlist-active {
    background: linear-gradient(to bottom,rgb(235,220,56) 0%,rgb(240,198,91) 100%);
    color: var(--color-text-dark)
}

@media (max-width: 1199px) {
    .coin-base .column-side .floater {
        padding:0 15px 20px
    }

    .coin-base .column-side .floater .info .name {
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 103px;
        height: 14px;
        display: block;
        white-space: nowrap
    }

    .coin-base .column-side .floater .info .ticker {
        font-size: 14px;
        padding-top: 16px
    }

    .coin-base .column-side .floater .info img {
        width: 80px;
        height: 80px;
        margin-right: 15px
    }

    .coin-base .column-side .floater .price-secondary .price:last-child {
        margin-top: 8px;
        margin-left: 0
    }

    .coin-base .column-side .floater .button,.coin-base .column-side .floater .button-primary-fw,.coin-base .column-side .floater .button-light-fw,.coin-base .column-side .floater .dd-menu-container.dd-large {
        font-size: 11px
    }
}

@media (max-width: 991px) {
    .coin-base .column-main .mobile-header {
        height:60px;
        padding: 0 15px;
        background-color: var(--color-background-dark-blue)
    }

    .coin-base .column-main .mobile-header img {
        height: 34px;
        width: 34px;
        background: #fff;
        padding: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 15px;
        margin-top: 13px
    }

    .coin-base .column-main .mobile-header .name {
        font-size: 18px;
        color: #fff;
        line-height: 60px;
        display: inline-block
    }

    .coin-base .column-main .mobile-header .name small {
        font-size: 14px;
        color: var(--color-text-light)
    }

    .coin-base .column-main .mobile-header .add-watchlist-mobile {
        float: right;
        line-height: 60px;
        font-size: 30px;
        color: var(--color-text-light)
    }

    .coin-base .column-main .mobile-header .add-watchlist-mobile:before {
        content: "\f006";
        font-family: FontAwesome
    }

    .coin-base .column-main .mobile-header .add-watchlist-mobile.add-watchlist-mobile-active {
        color: #f5d323
    }

    .coin-base .column-main .mobile-header .add-watchlist-mobile.add-watchlist-mobile-active:before {
        content: "\f005"
    }

    .coin-base .column-main .mobile-floater {
        padding: 20px 0;
        background: #3b495b;
        text-align: right;
        position: relative
    }

    .coin-base .column-main .mobile-price {
        padding-right: 15px;
        text-align: right
    }

    .coin-base .column-main .mobile-price .price {
        font-size: 40px;
        font-weight: 700;
        color: #fff;
        display: block;
        margin-bottom: 5px
    }

    .coin-base .column-main .mobile-price .change {
        font-size: 18px;
        font-weight: 700
    }

    .coin-base .column-main .coin-tabs {
        display: inline-block;
        padding: 0;
        font-size: 11px;
        border-bottom: none;
        bottom: 0;
        left: 0
    }

    .coin-base .column-main .coin-tabs .mobile-nav {
        line-height: 40px;
        background: #fff;
        padding: 0 15px;
        border-bottom: 1px solid var(--color-border-light);
        border-top-right-radius: 5px;
        font-weight: 700;
        text-transform: uppercase
    }

    .coin-base .column-main .coin-tabs .mobile-nav .fa {
        margin-left: 5px
    }

    .coin-base .column-main .coin-tabs .mobile-nav:active {
        animation-duration: .1s;
        animation-name: link-tap-white
    }

    .coin-base .column-main .coin-tabs ul {
        position: absolute;
        left: 0;
        top: 37px;
        text-align: left;
        display: none;
        box-shadow: 2px 2px 4px #0000000d;
        z-index: 999
    }

    .coin-base .column-main .coin-tabs ul li {
        margin: 0;
        float: none
    }

    .coin-base .column-main .coin-tabs ul li a {
        border-radius: 0;
        line-height: 40px;
        padding-left: 15px;
        display: block;
        width: 180px;
        background: #fff;
        border-left: 0;
        font-size: 14px
    }

    .coin-base .column-main .coin-tabs ul li a:active {
        animation-duration: .1s;
        animation-name: link-tap-white
    }

    .coin-base .column-main .coin-tabs ul li.selected {
        display: none
    }

    .coin-base .column-main .coin-tabs.open ul {
        display: block
    }

    .coin-base .column-main .coin-overview {
        padding: 0
    }

    .coin-base .column-main .coin-overview .message {
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 0;
        margin-top: -20px
    }

    .coin-base .column-main .coin-overview .status {
        margin-bottom: 20px;
        margin-top: -20px
    }

    .coin-base .column-main .coin-overview .status .status-container {
        padding: 20px 15px;
        max-width: 100%
    }

    .coin-base .column-main .coin-overview .status .status-title {
        font-size: 18px;
        font-weight: 400;
        text-align: left
    }

    .coin-base .column-main .coin-overview .status .timeline {
        padding-top: 20px;
        margin: 20px 0
    }

    .coin-base .column-main .coin-overview .status .timeline .start,.coin-base .column-main .coin-overview .status .timeline .end {
        font-size: 11px
    }

    .coin-base .column-main .coin-overview .status .timeline .timeline-progress {
        height: 6px;
        border-radius: 3px;
        margin: 7px 0 10px
    }

    .coin-base .column-main .coin-overview .status .timeline .timeline-progress .timeline-progress-value {
        height: 6px;
        border-radius: 3px
    }

    .coin-base .column-main .coin-overview .index {
        margin-top: -21px;
        margin-bottom: 20px
    }

    .coin-base .column-main .coin-overview .index .chart {
        padding: 0;
        margin-bottom: 0
    }

    .coin-base .column-main .coin-overview .index .chart #chartdivrealtime {
        margin-bottom: 0
    }

    .coin-base .column-main .coin-overview .index .chart .range {
        position: relative;
        display: flex;
        margin-bottom: 0;
        box-shadow: none
    }

    .coin-base .column-main .coin-overview .index .chart .range button {
        border: 1px solid var(--color-border-medium);
        border-left: none;
        width: 16.667%;
        font-size: 10px;
        line-height: 30px;
        background: var(--color-background-light-grey);
        border-radius: 0
    }

    .coin-base .column-main .coin-overview .index .chart .range button.selected {
        background: #fff
    }

    .coin-base .column-main .coin-overview .index .chart .range button:first-child {
        border-left: none
    }

    .coin-base .column-main .coin-overview .index .chart .range button:last-child {
        border-right: none
    }

    .coin-base .column-main .coin-overview .index .chart .amChartsPeriodSelector {
        display: none
    }

    .coin-base .column-main .coin-overview .index .chart .amChartsPeriodSelector fieldset>div {
        display: flex;
        margin-bottom: 10px
    }

    .coin-base .column-main .coin-overview .index .chart .amChartsPeriodSelector fieldset>div input {
        border: 1px solid var(--color-border-light);
        border-left: none;
        width: 16.667%;
        font-size: 10px;
        line-height: 30px;
        background: var(--color-background-light-grey);
        border-radius: 0
    }

    .coin-base .column-main .coin-overview .index .chart .amChartsPeriodSelector fieldset>div input.amChartsButtonSelected {
        background: #fff
    }

    .coin-base .column-main .coin-overview .index .chart .amChartsPeriodSelector fieldset>div input:last-child {
        border-right: none
    }

    .coin-base .column-main .coin-overview .index .chart .tools {
        visibility: hidden;
        display: none
    }

    .coin-base .column-main .coin-overview .index .social {
        margin-bottom: 15px;
        padding: 0 15px
    }

    .coin-base .column-main .coin-overview .index .details {
        padding: 15px;
        font-size: 11px;
        background-color: #fff;
        border-bottom: 1px solid var(--color-border-medium)
    }

    .coin-base .column-main .coin-overview .index .details .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .coin-base .column-main .coin-overview .index .details .row>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px
    }

    .coin-base .column-main .coin-overview .index .details ul li span {
        display: block;
        float: none;
        padding-top: 5px;
        font-size: 14px;
        color: var(--color-text-dark)
    }

    .coin-base .column-main .coin-overview .news,.coin-base .column-main .coin-overview .about {
        margin-bottom: 20px
    }
}

.exchange-overview {
    padding: 0 30px 30px;
    border-bottom: 1px solid var(--color-border-medium);
    margin-bottom: 30px
}

@media (max-width: 962px) {
    .exchange-overview {
        padding:0;
        border-bottom: none;
        margin-bottom: 0
    }
}

.exchange-overview .exchange-text {
    margin-top: 30px;
    color: var(--color-font-medium-important-2)
}

.exchange-overview .exchange-text a {
    color: var(--color-link-p);
    text-decoration: underline
}

.exchange-overview .exchange-text a:hover {
    color: var(--color-link-hover)
}

.exchange-overview .exchange-text:first-child {
    margin-top: 0
}

.exchange-overview .exchange-text strong {
    font-weight: 700
}

.exchange-overview .exchange-text .exchanges-promoted {
    display: block;
    margin-top: 20px
}

.exchange-overview .data-box {
    height: 100%;
    border: 1px solid var(--color-border-medium)
}

@media (max-width: 962px) {
    .exchange-overview .data-box {
        width:100%;
        border: 0;
        padding: 20px 15px
    }
}

.exchange-overview .data-box .data-box-title {
    padding-left: 20px;
    line-height: 50px;
    border-bottom: 1px solid var(--color-border-light);
    font-weight: 700;
    color: var(--color-font-very-important-2)
}

@media (max-width: 962px) {
    .exchange-overview .data-box .data-box-title {
        display:none
    }
}

.exchange-overview .data-box .data-entry {
    margin-bottom: 10px;
    position: relative
}

.exchange-overview .data-box .data-entry .data-entry-title {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--color-font-less-important)
}

.exchange-overview .data-box .data-entry .data-entry-value {
    color: var(--color-font-very-important-2)
}

.exchange-overview .data-box .data-entry .data-entry-value small {
    color: var(--color-font-less-important)
}

.exchange-overview .data-box .data-entry .data-entry-value strong {
    color: var(--color-font-very-important)
}

.exchange-overview .data-box .data-entry:last-child,.exchange-overview .data-box .data-entry:first-child {
    margin-bottom: 0
}

.exchange-overview .data-box .data-entry .share-bar-value {
    content: "";
    background: rgba(100,100,100,.2);
    position: absolute;
    left: 0;
    height: 100%
}

.exchange-overview .data-box .data-entry .share-bar-value.share-bar-crypto {
    background: rgba(255,200,0,.33)
}

.exchange-overview .data-box .data-entry .share-bar-value.share-bar-fiat {
    background: rgba(154,197,85,.2)
}

.exchange-overview .overview-overall {
    flex: 0 0 300px
}

@media (max-width: 962px) {
    .exchange-overview .overview-overall {
        flex:auto
    }
}

.exchange-overview .overview-overall .data-entries {
    padding: 20px;
    border-bottom: 1px solid var(--color-border-light)
}

@media (max-width: 962px) {
    .exchange-overview .overview-overall .data-entries {
        padding:0
    }
}

.exchange-overview .overview-overall .data-entries.border-bottom-none {
    border-bottom: none
}

@media (max-width: 962px) {
    .exchange-overview .overview-overall .coin-trading-overview .data-entries {
        margin:0 -15px;
        padding: 0 15px
    }
}

.exchange-overview .overview-overall .volume-chart {
    padding: 20px
}

@media (max-width: 962px) {
    .exchange-overview .overview-overall .volume-chart {
        padding:0;
        margin: 0 -15px
    }
}

@media (min-width: 1025px) {
    .exchange-overview .overview-share .data-box {
        margin-left:20px
    }
}

.exchange-overview .overview-share .data-entries {
    padding: 20px
}

@media (max-width: 962px) {
    .exchange-overview .overview-share .data-entries {
        padding:20px 0
    }
}

.exchange-table {
    border: 1px solid var(--color-border-medium)
}

@media (max-width: 962px) {
    .exchange-table {
        border:0;
        width: 100%
    }
}

.exchange-table.exchange-table-entries {
    text-align: right;
    table-layout: fixed
}

.exchange-table.exchange-table-entries td,.exchange-table.exchange-table-entries th {
    padding: 0 15px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries td,.exchange-table.exchange-table-entries th {
        padding:0 0 0 15px
    }

    .exchange-table.exchange-table-entries td:last-child,.exchange-table.exchange-table-entries th:last-child {
        padding-right: 15px
    }
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries th {
        padding:10px 0 10px 15px
    }

    .exchange-table.exchange-table-entries th:last-child {
        padding-right: 15px
    }
}

.exchange-table.exchange-table-entries thead tr {
    height: 50px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries thead tr {
        font-size:10px
    }
}

.exchange-table.exchange-table-entries tbody tr {
    height: 50px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries tbody tr {
        font-size:11px
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry {
    border-bottom: 1px solid var(--color-border-medium);
    color: var(--color-font-less-important)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-coin {
    text-align: left;
    text-decoration: none;
    color: var(--color-font-very-important);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 153px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-coin {
        max-width:80px
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-coin>a {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-coin>a .coin-logo-wrapper {
    width: 20px;
    margin-right: 10px;
    display: flex;
    align-items: center
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-coin>a .coin-logo-wrapper img {
    width: 100%;
    text-indent: -9999px
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-coin>a .coin-base-data-wrapper {
    width: calc(100% - 30px)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-rank {
    width: 25px
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange {
    align-items: center;
    text-align: left
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-exchange {
        width:80px
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange .tooltip-anchor {
    position: relative
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a {
    text-decoration: none;
    color: var(--color-link-base);
    max-width: -webkit-fill-available;
    max-width: fill-available;
    display: flex;
    align-items: center
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a span.exchange-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal;
    display: block;
    max-width: inherit
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a span.exchange-name {
        width:75px
    }

    .exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a span.exchange-name.trusted-exchange {
        width: 50px
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a .exchange-icon i {
    margin-left: 7px
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a .exchange-icon i.proof-of-funds {
    color: var(--color-primary-base)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a span:hover {
    text-decoration: underline
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-exchange a span:hover.exchange-icon {
    text-decoration: none
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-markets {
    text-align: left
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-markets {
        width:130px
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-markets span {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--color-font-less-important);
    display: inline-block;
    border: 1px solid var(--color-border-medium);
    line-height: 19px;
    padding: 1px 5px 0
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-markets span.fiat {
    color: var(--color-font-very-important)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-markets span:not(:first-child) {
    border-left: none
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-markets span:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-markets span:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-share {
    width: 80px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-share {
        width:auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-pairs {
    width: 70px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-pairs {
        width:auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-pair a {
    color: var(--color-font-less-important);
    text-decoration: underline
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-pair a:hover {
    color: var(--color-font-very-important)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-price {
    width: 110px;
    color: var(--color-font-very-important-2)
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-price {
        width:auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-price-native {
    width: 150px;
    position: relative
}

@media (max-width: 1239px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-price-native {
        display:none
    }
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-price-native {
        display:table-cell
    }
}

@media (max-width: 599px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-price-native {
        display:none
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-price-native .market {
    color: var(--color-font-very-important-2)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-volume {
    width: 120px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-volume {
        width:auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-actions {
    width: 110px;
    text-align: center;
    position: relative
}

@media (max-width: 599px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-actions {
        width:auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-actions .credit-card {
    position: absolute;
    left: -30px;
    top: 6px;
    color: var(--color-font-less-important)
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-actions .trade-button {
    line-height: normal;
    padding: 5px;
    border: 1px solid var(--color-border-light);
    color: var(--color-font-very-important-2);
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-entry .column-actions .trade-button {
        padding:7px 5px;
        font-size: 10px
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry .column-actions .trade-button:hover {
    color: var(--color-text-verylight);
    background: var(--color-primary-base);
    border-color: var(--color-primary-base)
}

.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry {
    background: var(--color-sponsored-light);
    color: var(--color-sponsored-font-dark);
    border-color: var(--color-sponsored-border)
}

.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .column-exchange a,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .column-exchange a {
    color: var(--color-sponsored-font-dark)
}

.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .column-markets span,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .column-markets span {
    color: var(--color-sponsored-font);
    border-color: var(--color-sponsored-border)
}

.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .column-markets span.fiat,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .column-markets span.fiat,.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .column-pair a,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .column-pair a {
    color: var(--color-sponsored-font-dark)
}

.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .trade-button,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .trade-button {
    color: var(--color-text-verylight);
    background: var(--color-primary-base);
    border-color: var(--color-primary-base)
}

.exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .trade-button i.fa-bolt,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .trade-button i.fa-bolt {
    display: none;
    color: #fff;
    margin-right: 4px
}

@media (min-width: 1025px) {
    .exchange-table.exchange-table-entries .exchange-table-entry.sponsored-entry .trade-button:not(.noicon) i.fa-bolt,.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .trade-button:not(.noicon) i.fa-bolt {
        display:inline-block
    }
}

.exchange-table.exchange-table-entries .exchange-table-entry.premium-entry .column-rank .premium-entry-star {
    color: var(--color-sponsored-icon);
    font-size: 16px;
    line-height: 20px;
    margin-right: 7px;
    font-weight: 700
}

.exchange-table.exchange-table-entries .exchange-table-entry.new-entry .column-exchange div {
    display: flex
}

.exchange-table.exchange-table-entries .exchange-table-entry.new-entry .column-exchange div:after {
    content: "New";
    text-transform: uppercase;
    background: #f41e50;
    color: var(--color-text-verylight);
    line-height: 15px;
    padding: 0 2px;
    font-size: 10px;
    border-radius: 3px;
    margin-left: 7px;
    font-weight: 400
}

.exchange-table.exchange-table-entries .exchange-table-entry.outlier-entry .column-exchange:after {
    content: "\f071";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: var(--color-font-light);
    margin-left: 7px
}

.exchange-table.exchange-table-entries .exchange-table-entry.outlier-entry .column-actions .trade-button {
    display: none
}

.exchange-table.exchange-table-entries .exchange-table-entry tbody .exchange-table-entry:last-child {
    border-bottom: none
}

.exchange-table.exchange-table-entries .exchange-table-entry .sortable {
    cursor: pointer;
    position: relative
}

.exchange-table.exchange-table-entries .exchange-table-entry .sortable span {
    position: relative
}

.exchange-table.exchange-table-entries .exchange-table-entry .sortable i.fa-long-arrow-alt-down,.exchange-table.exchange-table-entries .exchange-table-entry .sortable i.fa-long-arrow-alt-up {
    color: var(--color-primary-base);
    position: absolute;
    right: -13px;
    font-weight: 700
}

.exchange-table.exchange-table-entries .exchange-table-entry .sortable:hover {
    color: var(--color-font-medium)
}

.exchange-table.exchange-table-entries .exchange-table-header {
    height: 30px;
    text-transform: uppercase;
    font-size: 10px;
    color: var(--color-font-less-important)
}

@media (max-width: 962px) {
    .exchange-table.exchange-table-entries .exchange-table-header {
        height:auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-header .column-exchange {
    font-weight: 400
}

.exchange-table.exchange-table-entries .exchange-table-header .column-price {
    color: var(--color-font-less-important)
}

.exchange-table.exchange-table-entries .exchange-table-header .column-coin {
    padding-left: 45px
}

.exchange-table.exchange-table-entries .exchange-table-header.sticky-header th {
    position: sticky!important;
    top: 91px;
    z-index: 10;
    background: var(--color-background-secondary);
    transition: top .15s ease-in-out
}

@media (max-width: 1239px) {
    .exchange-table.exchange-table-entries .exchange-table-header.sticky-header th {
        top:49px;
        height: auto
    }
}

.exchange-table.exchange-table-entries .exchange-table-header.sticky-header th.active {
    z-index: 11
}

.exchange-table.exchange-table-entries .exchange-table-header.sticky-header th:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 1px solid var(--color-border-light)
}

@media (max-width: 1239px) {
    .download-coincodex-app {
        display:none
    }
}

@media (max-width: 991px) {
    .exchange-list {
        padding:0 15px
    }
}

@media (max-width: 400px) {
    .exchange-list {
        padding:0 15px
    }

    .exchange-list .formatted-table td.share,.exchange-list .formatted-table th.share {
        display: none
    }
}

.minichart_loading {
    width: 25%;
    max-width: 25px;
    opacity: .1
}

.popup_menu_container {
    position: relative
}

.popup_menu_container .popup_menu {
    position: absolute;
    background-color: #fff;
    padding: 5px;
    box-shadow: 3px 3px 4px var(--color-border-medium);
    z-index: 2000;
    margin-top: -12px;
    margin-left: -3px;
    display: none;
    left: 3px
}

.popup_menu_container .popup_menu hr {
    margin-top: 5px;
    margin-bottom: 5px
}

.popup_menu_container .popup_menu.open {
    display: block
}

.popup_menu_container .popup_menu.account {
    width: 133px;
    padding: 0;
    margin: -37px 0 0 -3px;
    border: 1px solid var(--color-border-medium)
}

.popup_menu_container .popup_menu.account .entry {
    padding: 0 15px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid var(--color-border-medium)
}

.popup_menu_container .popup_menu.currencies {
    width: 78px;
    margin: -37px 0 0 -3px;
    padding: 0;
    border: 1px solid var(--color-border-medium)
}

.popup_menu_container .popup_menu.currencies .entry {
    padding: 5px 16px;
    text-align: left
}

.popup_menu_container .popup_menu.currencies .entry-countries,.popup_menu_container .popup_menu.currencies .entry-currencies {
    padding-top: 8px;
    padding-bottom: 2px;
    padding-left: 16px;
    text-align: left;
    border-top: 1px solid var(--color-border-medium);
    text-transform: uppercase;
    font-size: 10px;
    color: #8392a5
}

.popup_menu_container .popup_menu.watchlists {
    width: 300px;
    box-shadow: 0 2px 4px 1px var(--color-border-medium);
    padding: 4px 0
}

.popup_menu_container .popup_menu.watchlists .row {
    padding: 0 13px;
    line-height: 35px;
    margin: 0;
    cursor: pointer;
    display: block;
    color: var(--color-text-dark)
}

.popup_menu_container .popup_menu.watchlists .row:hover {
    background-color: #eee;
    text-decoration: none
}

.popup_menu_container .popup_menu.watchlists .row span {
    padding-left: 23px;
    background-size: 16px 16px;
    background-position: top left;
    background-repeat: no-repeat;
    color: #617283
}

.popup_menu_container .popup_menu.watchlists .row .coin {
    display: inline-block;
    width: 90px
}

.popup_menu_container .popup_menu.watchlists .row .price {
    display: inline-block;
    width: 90px;
    text-align: right
}

.popup_menu_container .popup_menu.watchlists .row .price-change {
    display: inline-block;
    width: 70px;
    text-align: right
}

.popup_menu_container .popup_menu .entry {
    padding: 5px 32px
}

.popup_menu_container .popup_menu .entry:hover {
    background-color: #ddd;
    cursor: pointer
}

@media (max-width: 1239px) {
    .aside {
        background:var(--color-background-secondary);
        -webkit-overflow-scrolling: touch;
        overflow: scroll
    }

    .aside .search-categories {
        display: flex;
        overflow-x: auto;
        align-items: stretch;
        height: 40px;
        padding: 0 15px;
        border-bottom: 1px solid var(--color-border-light)
    }

    .aside .search-categories div {
        display: flex;
        padding: 0 10px;
        align-items: center;
        color: var(--color-font-medium-important);
        white-space: nowrap;
        font-size: 11px;
        cursor: pointer;
        border-bottom: 2px solid transparent
    }

    .aside .search-categories div:hover {
        color: var(--color-font-very-important)
    }

    .aside .search-categories div.selected {
        border-bottom-color: var(--color-primary-base);
        color: var(--color-font-very-important)
    }

    .aside .search-categories div:not(:last-child) {
        margin-right: 7px
    }

    .aside .header {
        display: flex;
        align-items: center;
        padding: 15px 25px;
        border-bottom: 1px solid var(--color-border-medium)
    }

    .aside .header>i {
        color: var(--color-font-less-important);
        font-size: 20px
    }

    .aside .header .user-settings {
        margin-left: auto;
        margin-right: 10px;
        display: flex;
        flex-wrap: nowrap
    }

    .aside .header .user-settings span {
        display: flex;
        height: 30px;
        border-radius: 3px;
        border: 1px solid var(--color-border-medium);
        align-items: center;
        padding-right: 8px
    }

    .aside .header .user-settings span i {
        width: 30px;
        text-align: center
    }

    .aside .header .user-settings .default-currency {
        margin-right: 10px
    }

    .aside .header,.aside .aside-footer {
        display: flex;
        align-items: center;
        height: 50px;
        padding: 0
    }

    .aside .header .back,.aside .aside-footer .back {
        line-height: 50px;
        width: 50px;
        text-align: center
    }

    .aside .header .clear,.aside .aside-footer .clear {
        width: 50px;
        line-height: 50px
    }

    .aside .header input,.aside .aside-footer input {
        padding: 0;
        flex-grow: 1;
        border: none;
        background: transparent;
        color: var(--color-font-very-important);
        outline: none;
        line-height: 40px;
        height: 40px
    }

    .aside .header input::placeholder,.aside .aside-footer input::placeholder {
        color: var(--color-font-less-important)
    }

    .aside .button,.aside .button-primary-fw,.aside .button-light-fw,.aside .dd-menu-container.dd-large {
        width: 100%;
        text-align: center;
        min-width: unset
    }

    .aside .aside-footer {
        background-color: var(--color-background-group-title);
        padding: 0 25px
    }

    .aside .aside-heading {
        font-size: 18px;
        color: var(--color-font-very-important)
    }

    .aside .form-control {
        background-color: transparent;
        border-radius: 0;
        border: 0;
        color: var(--color-font-very-important)
    }

    .aside .form-control:focus {
        box-shadow: none
    }

    .aside .search-no-results {
        margin-top: 20px;
        color: var(--color-font-less-important);
        font-style: italic
    }

    .aside .group .title {
        background-color: var(--color-background-search-title);
        border-top: 1px solid var(--color-border-light);
        border-bottom: 1px solid var(--color-border-light);
        padding: 10px 15px;
        text-transform: uppercase;
        font-size: 11px;
        color: var(--color-font-less-important)
    }
}

@media (max-width: 1239px) and (max-width: 962px) {
    .aside .group .title {
        text-align:left
    }
}

@media (max-width: 1239px) {
    .aside .group ul:not(.user-controls)>li {
        border-bottom:1px solid var(--color-border-light);
        padding: 15px;
        font-size: 14px
    }

    .aside .group ul:not(.user-controls)>li:last-child {
        border-bottom: none
    }

    .aside .group ul:not(.user-controls)>li.coin-entry {
        text-transform: none
    }

    .aside .group ul:not(.user-controls)>li.coin-entry .status {
        font-weight: 700;
        margin-left: auto
    }

    .aside .group ul:not(.user-controls)>li.coin-entry .price-change {
        margin-left: auto
    }

    .aside .group ul:not(.user-controls)>li.coin-entry.native-spot-mobile-search {
        font-weight: 500;
        color: var(--color-font-very-important)
    }

    .aside .group ul:not(.user-controls)>li.coin-entry.native-spot-mobile-search span:last-child {
        color: var(--color-font-less-important)
    }

    .aside .group ul:not(.user-controls)>li a {
        color: var(--color-font-medium-important);
        display: flex;
        align-items: center
    }

    .aside .group ul:not(.user-controls)>li a i {
        font-size: 20px;
        margin-right: 15px
    }

    .aside .group ul:not(.user-controls)>li a .value {
        color: var(--color-font-very-important)
    }

    .aside .group ul:not(.user-controls) .currency-change .value {
        margin-left: auto;
        font-weight: 500
    }

    .aside .tool {
        text-transform: uppercase;
        display: flex;
        width: 100%;
        text-align: center;
        align-items: center
    }

    .aside .tool .tool-button {
        margin-right: 10px
    }

    .aside .tool i {
        margin-left: auto
    }
}

.aside.has-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.aside.has-footer .aside-dialog {
    width: 100%
}

.aside.has-footer .aside-footer {
    margin-top: auto;
    width: 100%
}

#menu-mobile {
    padding-bottom: 100px
}

#menu-mobile.row {
    margin: 0
}

#menu-mobile.row.symbol {
    background-size: 16px 16px;
    background-position: 0 12px;
    background-repeat: no-repeat;
    padding-left: 18px
}

#menu-mobile select.hidden_select {
    position: absolute;
    width: 100%;
    left: 0;
    height: 41px;
    opacity: 0
}

#menu-mobile .menu-badge {
    background: #4a90e2;
    display: inline-block;
    font-size: 9px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    right: -5px;
    top: -3px;
    padding: 5px
}

#menu-mobile .user-controls {
    flex-wrap: wrap;
    padding: 15px
}

#menu-mobile .user-controls>li:last-of-type {
    margin-right: 0;
    flex-basis: 125px
}

#menu-mobile .user-controls>li:first-of-type {
    flex-grow: 1;
    margin-right: 20px
}

#menu-mobile .user-controls>li .btn {
    width: 100%;
    font-size: 12px;
    padding: 15px 30px
}

#menu-mobile .user-controls>li .btn.btn-secondary {
    background-color: transparent;
    border: solid .5px #e2e5ef;
    color: #000
}

#menu-mobile .user-controls>li .btn.btn-primary {
    background-color: #4a90e2
}

.formatted-content,.about-box-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-font-medium-important-2)
}

@media (max-width: 962px) {
    .formatted-content,.about-box-text {
        font-size:14px
    }
}

.formatted-content .twitter-tweet,.about-box-text .twitter-tweet {
    margin: 20px auto!important
}

.formatted-content i,.formatted-content em,.about-box-text i,.about-box-text em {
    font-style: italic
}

.formatted-content a,.about-box-text a {
    color: var(--color-link-p);
    -webkit-text-decoration: var(--color-style-underline);
    text-decoration: var(--color-style-underline)
}

.formatted-content a:hover,.about-box-text a:hover {
    color: var(--color-link-hover);
    -webkit-text-decoration: var(--color-style-underline-hover);
    text-decoration: var(--color-style-underline-hover)
}

.formatted-content img,.about-box-text img {
    margin: 20px 0
}

@media (max-width: 962px) {
    .formatted-content .bundle-footer-info p,.about-box-text .bundle-footer-info p {
        text-align:center
    }
}

.formatted-content p,.about-box-text p {
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.6;
    font-size: 16px;
    background: inherit!important
}

@media (max-width: 962px) {
    .formatted-content p,.about-box-text p {
        font-size:14px;
        line-height: 1.3;
        margin-bottom: 20px
    }
}

.formatted-content ul,.about-box-text ul {
    list-style-type: disc;
    margin-bottom: 30px;
    padding-left: 40px
}

.formatted-content ul.stock-ul,.about-box-text ul.stock-ul {
    padding-left: 16px
}

@media (max-width: 962px) {
    .formatted-content ul,.about-box-text ul {
        padding-left:15px;
        margin-bottom: 20px
    }
}

.formatted-content ol,.about-box-text ol {
    list-style-type: decimal;
    margin-bottom: 30px;
    padding-left: 40px
}

@media (max-width: 962px) {
    .formatted-content ol,.about-box-text ol {
        padding-left:15px;
        margin-bottom: 20px
    }
}

.formatted-content span,.about-box-text span {
    background: inherit!important
}

.formatted-content blockquote,.about-box-text blockquote {
    background: var(--color-background-blockquote);
    padding: 30px 40px 15px;
    font-style: italic;
    position: relative;
    margin: 0 0 30px;
    border-left: 4px solid var(--color-primary-base)
}

@media (max-width: 962px) {
    .formatted-content blockquote,.about-box-text blockquote {
        margin:0 0 25px;
        padding: 20px 15px 5px
    }
}

.formatted-content>*:last-child,.about-box-text>*:last-child {
    margin-bottom: 0
}

.formatted-content .tags,.about-box-text .tags {
    font-size: 16px;
    margin: 40px 0
}

@media (max-width: 962px) {
    .formatted-content .tags,.about-box-text .tags {
        font-size:14px;
        margin: 20px 0
    }
}

.formatted-content b,.formatted-content strong,.about-box-text b,.about-box-text strong {
    font-weight: 700
}

.formatted-content h2,.about-box-text h2 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 28px;
    color: var(--color-font-very-important);
    font-weight: 400
}

@media (max-width: 962px) {
    .formatted-content h2,.about-box-text h2 {
        font-size:22px;
        margin: 25px 0 15px
    }
}

.formatted-content h3,.about-box-text h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--color-font-very-important);
    font-weight: 400
}

@media (max-width: 962px) {
    .formatted-content h3,.about-box-text h3 {
        font-size:18px;
        margin: 25px 0 15px
    }
}

.formatted-content h3 table:not(.not-formatted-table),.about-box-text h3 table:not(.not-formatted-table) {
    margin-bottom: 20px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%!important;
    font-size: 14px
}

.formatted-content h3 table:not(.not-formatted-table) th,.about-box-text h3 table:not(.not-formatted-table) th {
    border: 1px solid var(--color-border-light);
    padding: 5px 10px;
    color: var(--color-font-very-important);
    font-weight: 700;
    font-size: 12px
}

.formatted-content h3 table:not(.not-formatted-table) td,.about-box-text h3 table:not(.not-formatted-table) td {
    border: 1px solid var(--color-border-light);
    padding: 5px 10px
}

.formatted-content h4,.about-box-text h4 {
    color: var(--color-font-very-important-2);
    margin-bottom: 10px;
    margin-top: 30px
}

.formatted-content table,.about-box-text table {
    margin-bottom: 20px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%!important;
    font-size: 14px
}

.formatted-content table th,.about-box-text table th {
    border: 1px solid var(--color-border-light);
    padding: 5px 10px;
    color: var(--color-font-very-important);
    font-weight: 700;
    font-size: 12px
}

.formatted-content table td,.about-box-text table td {
    border: 1px solid var(--color-border-light);
    padding: 5px 10px
}

@media (max-width: 768px) {
    .formatted-content table,.about-box-text table {
        display:block!important
    }
}

.formatted-content *:first-child,.about-box-text *:first-child {
    margin-top: 0
}

.formatted-content .youtube-embed-wrapper,.about-box-text .youtube-embed-wrapper {
    margin-bottom: 30px
}

.formatted-content .note,.about-box-text .note {
    padding: 15px 20px;
    border-left: 4px solid;
    display: block;
    border-radius: 3px;
    background-color: var(--color-primary-alpha-10)!important;
    border-color: var(--color-primary-base)!important
}

.formatted-content .recommended,.about-box-text .recommended {
    background: var(--color-primary-alpha-10);
    border: 1px solid var(--color-primary-base);
    padding: 25px 20px 20px;
    margin: 30px 0 20px;
    position: relative
}

.formatted-content .recommended h4,.about-box-text .recommended h4 {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-font-very-important);
    margin-bottom: 10px
}

.formatted-content .recommended p,.about-box-text .recommended p {
    background: none!important
}

.formatted-content .recommended p a,.about-box-text .recommended p a {
    color: var(--color-primary-base)
}

.formatted-content .recommended p:last-child,.about-box-text .recommended p:last-child {
    margin-bottom: 0!important
}

.formatted-content .recommended small,.about-box-text .recommended small {
    font-size: 11px;
    line-height: 1.2;
    display: block
}

.formatted-content .recommended:before,.about-box-text .recommended:before {
    content: "\2605  Editors' Choice";
    background: var(--color-primary-base);
    position: absolute;
    height: 20px;
    border-radius: 3px;
    color: var(--color-white);
    padding: 1px 7px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    left: 20px;
    font-size: 12px
}

.formatted-content .key-takeaways,.about-box-text .key-takeaways {
    position: relative;
    padding: 30px;
    margin-bottom: 30px
}

@media (max-width: 962px) {
    .formatted-content .key-takeaways,.about-box-text .key-takeaways {
        margin-bottom:20px;
        padding: 20px
    }
}

.formatted-content .key-takeaways:before,.about-box-text .key-takeaways:before {
    content: "";
    border-top: 3px solid var(--color-primary-base);
    border-left: 3px solid var(--color-primary-base);
    width: 14rem;
    height: 5rem;
    position: absolute;
    left: 0;
    top: 0
}

.formatted-content .key-takeaways:after,.about-box-text .key-takeaways:after {
    content: "";
    border-bottom: 3px solid var(--color-primary-base);
    border-right: 3px solid var(--color-primary-base);
    width: 14rem;
    height: 5rem;
    position: absolute;
    right: 0;
    bottom: 0
}

.formatted-content .key-takeaways h4,.about-box-text .key-takeaways h4 {
    text-transform: uppercase;
    color: var(--color-font-very-important);
    font-weight: 500;
    margin-bottom: 20px
}

@media (max-width: 962px) {
    .formatted-content .key-takeaways h4,.about-box-text .key-takeaways h4 {
        margin-bottom:15px
    }
}

.formatted-content .key-takeaways ul,.about-box-text .key-takeaways ul {
    padding-left: 20px;
    margin-bottom: 0
}

.formatted-content .key-takeaways ul li:not(:last-child),.about-box-text .key-takeaways ul li:not(:last-child) {
    margin-bottom: 15px
}

.formatted-content .listicle-container,.about-box-text .listicle-container {
    margin-bottom: 30px
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container,.about-box-text .listicle-container {
        margin-bottom:20px
    }
}

.formatted-content .listicle-container #listicle-expand,.about-box-text .listicle-container #listicle-expand {
    display: none
}

.formatted-content .listicle-container #listicle-expand:checked~.listicle-entry,.about-box-text .listicle-container #listicle-expand:checked~.listicle-entry {
    display: flex!important
}

.formatted-content .listicle-container .listicle-entry,.about-box-text .listicle-container .listicle-entry {
    border: 1px solid var(--color-border-medium);
    border-radius: 3px;
    display: none;
    padding: 30px 30px 0;
    position: relative;
    flex-wrap: wrap
}

.formatted-content .listicle-container .listicle-entry:nth-of-type(-n+3),.about-box-text .listicle-container .listicle-entry:nth-of-type(-n+3) {
    display: flex
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry,.about-box-text .listicle-container .listicle-entry {
        padding:20px 20px 0
    }
}

.formatted-content .listicle-container .listicle-entry:not(:last-child),.about-box-text .listicle-container .listicle-entry:not(:last-child) {
    margin-bottom: 20px
}

.formatted-content .listicle-container .listicle-entry .entry-rank,.about-box-text .listicle-container .listicle-entry .entry-rank {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid var(--color-border-medium);
    border-bottom: 1px solid var(--color-border-medium);
    border-bottom-right-radius: 3px;
    display: flex;
    height: 25x;
    width: 25px;
    align-items: center;
    justify-content: center
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-rank,.about-box-text .listicle-container .listicle-entry .entry-rank {
        font-size:11px;
        height: 15x;
        width: 15px
    }
}

.formatted-content .listicle-container .listicle-entry .entry-cover,.about-box-text .listicle-container .listicle-entry .entry-cover {
    flex: 0 0 125px
}

.formatted-content .listicle-container .listicle-entry .entry-cover a,.about-box-text .listicle-container .listicle-entry .entry-cover a {
    display: block
}

.formatted-content .listicle-container .listicle-entry .entry-cover a img,.about-box-text .listicle-container .listicle-entry .entry-cover a img {
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    pointer-events: none!important;
    width: 100%;
    height: auto
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-cover a,.about-box-text .listicle-container .listicle-entry .entry-cover a {
        margin-bottom:10px
    }
}

.formatted-content .listicle-container .listicle-entry .entry-content,.about-box-text .listicle-container .listicle-entry .entry-content {
    padding-left: 50px;
    flex: 0 0 calc(100% - 325px)
}

@media (max-width: 1769px) {
    .formatted-content .listicle-container .listicle-entry .entry-content,.about-box-text .listicle-container .listicle-entry .entry-content {
        padding-left:30px
    }
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-content,.about-box-text .listicle-container .listicle-entry .entry-content {
        padding-left:0;
        flex: 0 0 100%
    }
}

.formatted-content .listicle-container .listicle-entry .entry-content div,.about-box-text .listicle-container .listicle-entry .entry-content div {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-font-very-important);
    margin-bottom: 15px
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-content div,.about-box-text .listicle-container .listicle-entry .entry-content div {
        margin-bottom:10px
    }
}

.formatted-content .listicle-container .listicle-entry .entry-content div span,.about-box-text .listicle-container .listicle-entry .entry-content div span {
    color: var(--color-green)
}

.formatted-content .listicle-container .listicle-entry .entry-content ul,.about-box-text .listicle-container .listicle-entry .entry-content ul {
    margin-bottom: 30px
}

@media (max-width: 1769px) {
    .formatted-content .listicle-container .listicle-entry .entry-content ul,.about-box-text .listicle-container .listicle-entry .entry-content ul {
        font-size:14px
    }
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-content ul,.about-box-text .listicle-container .listicle-entry .entry-content ul {
        margin-bottom:20px
    }
}

.formatted-content .listicle-container .listicle-entry .entry-links,.about-box-text .listicle-container .listicle-entry .entry-links {
    flex: 0 0 200px;
    margin-left: auto
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-links,.about-box-text .listicle-container .listicle-entry .entry-links {
        flex:0 0 100%
    }
}

.formatted-content .listicle-container .listicle-entry .entry-links .button,.formatted-content .listicle-container .listicle-entry .entry-links .button-primary-fw,.formatted-content .listicle-container .listicle-entry .entry-links .button-light-fw,.formatted-content .listicle-container .listicle-entry .entry-links .dd-menu-container.dd-large,.about-box-text .listicle-container .listicle-entry .entry-links .button,.about-box-text .listicle-container .listicle-entry .entry-links .button-primary-fw,.about-box-text .listicle-container .listicle-entry .entry-links .button-light-fw,.about-box-text .listicle-container .listicle-entry .entry-links .dd-menu-container.dd-large {
    margin-bottom: 15px
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-links .button,.formatted-content .listicle-container .listicle-entry .entry-links .button-primary-fw,.formatted-content .listicle-container .listicle-entry .entry-links .button-light-fw,.formatted-content .listicle-container .listicle-entry .entry-links .dd-menu-container.dd-large,.about-box-text .listicle-container .listicle-entry .entry-links .button,.about-box-text .listicle-container .listicle-entry .entry-links .button-primary-fw,.about-box-text .listicle-container .listicle-entry .entry-links .button-light-fw,.about-box-text .listicle-container .listicle-entry .entry-links .dd-menu-container.dd-large {
        margin-bottom:10px
    }
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-links .entry-review,.about-box-text .listicle-container .listicle-entry .entry-links .entry-review {
        text-align:center
    }
}

.formatted-content .listicle-container .listicle-entry .entry-links .entry-review ul,.about-box-text .listicle-container .listicle-entry .entry-links .entry-review ul {
    color: var(--color-font-very-important);
    font-size: 11px;
    padding-left: 0;
    margin-bottom: 10px;
    list-style-type: none;
    font-weight: 500
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-links .entry-review ul,.about-box-text .listicle-container .listicle-entry .entry-links .entry-review ul {
        display:none
    }
}

.formatted-content .listicle-container .listicle-entry .entry-links .entry-review a,.about-box-text .listicle-container .listicle-entry .entry-links .entry-review a {
    color: var(--color-font-less-important);
    text-decoration: underline;
    font-size: 11px
}

@media (max-width: 1239px) {
    .formatted-content .listicle-container .listicle-entry .entry-links .entry-review a,.about-box-text .listicle-container .listicle-entry .entry-links .entry-review a {
        font-size:14px
    }
}

.formatted-content .listicle-container .listicle-entry .entry-meta,.about-box-text .listicle-container .listicle-entry .entry-meta {
    font-size: 11px;
    color: var(--color-font-less-important);
    flex: 0 0 100%;
    padding: 10px 0;
    font-style: italic
}

form.loading input {
    pointer-events: none!important
}

form.loading .button,form.loading .button-primary-fw,form.loading .button-light-fw,form.loading .dd-menu-container.dd-large {
    pointer-events: none!important;
    position: relative;
    text-indent: -9999px;
    line-height: 0
}

form.loading .button:after,form.loading .button-primary-fw:after,form.loading .button-light-fw:after,form.loading .dd-menu-container.dd-large:after {
    font-family: FontAwesome;
    content: "\f110";
    text-indent: 0;
    line-height: 42px;
    display: block;
    animation: fa-spin 2s infinite linear;
    -webkit-animation: fa-spin 2s infinite linear;
    text-shadow: none;
    font-weight: 400
}

.not_found_404 {
    text-align: center;
    margin: 100px;
    font-weight: 700
}

.not_found_404 h1 {
    font-size: 32px
}

.not_found_404 p {
    font-size: 24px;
    margin: 20px
}

.verify_modal .icon,.subscribe_modal .icon {
    font-size: 48px;
    color: #4a90e2
}

.verify_modal h1,.subscribe_modal h1 {
    color: #000;
    font-size: 20px;
    padding: 30px 30px 0
}

.verify_modal .email,.subscribe_modal .email {
    margin: 10px 10px 25px
}

.verify_modal .email span,.subscribe_modal .email span {
    display: inline-block;
    line-height: 40px;
    border: 1px solid #4a90e2;
    border-radius: 3px;
    padding: 0 20px;
    color: #4a90e2
}

.verify_modal .text,.subscribe_modal .text {
    margin-bottom: 40px
}

#menu-mobile .header input {
    margin: 8px 0
}

#menu-mobile small {
    font-size: 85%
}

#menu-mobile .header {
    z-index: 1000
}

.chart {
    position: relative
}

#chartdiv {
    width: 100%;
    height: 370px
}

#chartdivrealtime {
    height: 362px
}

@media (max-width: 768px) {
    #chartdiv {
        height:200px
    }

    #chartdivrealtime {
        height: 192px
    }

    .aside {
        width: 85%;
        max-width: 340px
    }

    .aside.search-aside {
        width: 100%;
        max-width: unset
    }
}

#loading_overlay {
    display: block;
    position: absolute;
    z-index: 100;
    margin-top: -400px;
    width: 100%;
    height: 400px;
    opacity: .5;
    background-color: var(--color-background-main);
    pointer-events: none
}

@media (max-width: 768px) {
    #loading_overlay {
        margin-top:0;
        top: 0;
        height: 100%
    }
}

#loading_overlay p {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.amcharts-chart-div a {
    color: #00f!important;
    opacity: 0!important;
    top: -15px!important
}

.modal-subscribe .modal-dialog {
    max-width: 450px
}

.modal-subscribe .modal-dialog button.subscribe {
    width: 100%
}

.modal-subscribe .modal-dialog P {
    margin: 16px;
    color: var(--color-text-light);
    font-size: 11px
}

.modal-login .forgot_password_link {
    float: right;
    margin-top: -10px;
    margin-bottom: 12px
}

.amChartsInputField {
    border-radius: 3px;
    line-height: 25px;
    border-color: var(--color-border-medium)!important
}

@media (max-width: 991px) {
    .index .details .date,.index .details .currency.na {
        padding-top:10px!important
    }
}

.fsYUkjbt5NQASwJT-l1 {
    height: 90px;
    align-items: center!important;
    justify-content: center!important
}

p>img,p>a>img {
    max-width: 100%;
    height: auto
}

.ico-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.ico-list .ico {
    float: none
}

.socials_share {
    margin-top: 16px;
    line-height: 1.6;
    font-size: 16px;
    height: 20px;
    opacity: 0
}

.socials_share .fb-share-button {
    transform: translateY(-3px);
    display: inline-block
}

.socials_share .twitter-share-button {
    transform: translateY(4px)
}

@media (max-width: 991px) {
    .socials_share {
        margin-left:15px
    }
}

@media (min-width: 992px) {
    .social-floater {
        position:fixed;
        left: -100px;
        top: 30%;
        padding: 5px;
        background: #fff;
        border: 1px solid var(--color-border-medium);
        box-shadow: 0 2px 5px #0000001a;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        transition: left .5s ease;
        opacity: 0;
        width: 77px;
        height: 54px
    }

    .social-floater.visible {
        left: 0;
        opacity: 1
    }
}

.sidebar_checkbox {
    position: relative
}

.sidebar_checkbox:after {
    pointer-events: none;
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-border-light);
    top: 10px;
    right: 8px;
    font: 14px/1 FontAwesome
}

.sidebar_checkbox.selected:after {
    content: "\f00c";
    color: var(--color-change-up);
    font-size: 15px;
    padding-left: 1px;
    padding-top: 2px
}

.aside-dialog .group.home_settings_apply {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.aside-dialog .group.home_settings_apply .button,.aside-dialog .group.home_settings_apply .button-primary-fw,.aside-dialog .group.home_settings_apply .button-light-fw,.aside-dialog .group.home_settings_apply .dd-menu-container.dd-large {
    width: 48%;
    text-align: center
}

.aside-backdrop {
    opacity: .5
}

.coin-overview .message a {
    text-decoration: underline
}

.telegram-ico-box {
    background: #3b495b;
    padding: 50px;
    text-align: center;
    margin: 40px 0 -40px;
    border-bottom-left-radius: 5px
}

.telegram-ico-box h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px
}

.telegram-ico-box p {
    color: var(--color-text-light);
    font-size: 18px;
    margin-bottom: 30px
}

.telegram-ico-box .buttons .or {
    padding: 0 15px;
    color: #fff
}

.telegram-ico-box .buttons .button,.telegram-ico-box .buttons .button-primary-fw,.telegram-ico-box .buttons .button-light-fw,.telegram-ico-box .buttons .dd-menu-container.dd-large {
    width: 230px
}

.filters-form-item .custom .ng-control {
    border-radius: 0;
    height: 34px;
    font-size: 12px
}

.filters-form-item .no-border .ng-control {
    border-right: none
}

::-webkit-input-placeholder {
    color: #8392a5
}

:-moz-placeholder {
    color: #8392a5
}

::-moz-placeholder {
    color: #8392a5
}

:-ms-input-placeholder {
    color: #8392a5
}

.filter-coins-drop-down {
    width: 100%;
    position: relative
}

.filter-coins-drop-down .selected-active-filter {
    text-align: center;
    color: #000;
    cursor: pointer;
    line-height: 34px;
    width: 240px;
    border: solid 1px #e2e5ef;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px
}

.filter-coins-drop-down .selected-active-filter i {
    vertical-align: text-top
}

.filter-coins-drop-down .filter-drop-down {
    position: absolute;
    left: 0;
    right: 0;
    top: 35px;
    background-color: #fff;
    border: solid 1px #e2e5ef;
    z-index: 100
}

.filter-coins-drop-down .filter-drop-down .filter-entry {
    line-height: 34px;
    border-bottom: solid 1px #e2e5ef;
    padding: 0 14px;
    cursor: pointer
}

.filter-coins-drop-down .filter-drop-down .filter-entry:hover {
    background-color: #f3f8ff
}

.filter-coins-drop-down .filter-drop-down .filter-entry:last-child {
    border-bottom: 0
}

@media (max-width: 962px) {
    .tabs-nav {
        display:block;
        white-space: nowrap;
        overflow-x: auto
    }

    .tabs-nav ul.nav {
        flex-wrap: nowrap
    }
}

@media (max-width: 1025px) {
    .tabs-nav.coin-tabs ul.nav.nav-tabs {
        border-bottom:0
    }
}

@media (max-width: 1025px) {
    .tabs-nav.coin-tabs ul.nav.nav-tabs li.nav-item {
        margin-bottom:0
    }
}

@media (max-width: 1025px) {
    .tabs-nav.coin-tabs ul.nav.nav-tabs li.nav-item span.nav-link.active {
        margin-bottom:-1px
    }
}

.tabs-nav ul.nav.nav-tabs {
    border-bottom: 1px solid var(--color-border-medium);
    padding-left: 15px
}

@media (max-width: 1025px) {
    .tabs-nav ul.nav.nav-tabs {
        padding-left:0
    }
}

@media (max-width: 1025px) {
    .tabs-nav ul.nav.nav-tabs {
        border-bottom:1px solid var(--color-border-medium)
    }
}

@media (max-width: 1025px) {
    .tabs-nav ul.nav.nav-tabs li.nav-item {
        flex:1;
        text-align: center;
        border-bottom: 1px solid var(--color-border-medium)
    }
}

.tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link {
    line-height: 46px;
    border: 0;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (max-width: 1025px) {
    .tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link {
        border:0;
        text-transform: uppercase;
        font-size: 11px;
        margin: 0 0 -1px;
        line-height: 40px;
        font-weight: 500
    }
}

.tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link a {
    color: var(--color-font-medium-important)
}

.tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link.active {
    background: var(--color-background-secondary);
    border-bottom: 2px solid var(--color-primary-base)
}

.tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link.active a {
    color: var(--color-font-very-important)
}

.tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link .div-link a {
    display: block;
    padding: 0 15px;
    width: 100%
}

@media (max-width: 1025px) {
    .tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link .div-link a {
        padding:0 15px
    }
}

@media (max-width: 320px) {
    .tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link .div-link a {
        padding:0 10px
    }
}

.tabs-nav ul.nav.nav-tabs li.nav-item span.nav-link .div-link a:hover {
    text-decoration: none
}

.amChartsPeriodSelector.amcharts-period-selector-div {
    display: none
}

.uppercase {
    text-transform: uppercase
}

.flex-center {
    display: flex;
    align-items: center
}

.live-ico {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-change-up);
    display: inline-block
}

.ng-select .ng-control .ng-input>input {
    color: var(--color-very-important)
}

.ng-select.filters-ico-modal {
    width: 87px
}

.ng-select.custom.disabled {
    opacity: .5;
    pointer-events: none
}

.plus-ico .ng-select .ng-arrow-zone {
    height: 36px;
    width: 36px;
    background: var(--color-primary-base);
    border: 0;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.plus-ico .ng-select .ng-arrow-zone .ng-arrow {
    color: var(--color-text-verylight);
    border: 0;
    height: auto;
    width: auto;
    top: 0
}

.plus-ico .ng-select .ng-arrow-zone .ng-arrow:after {
    border: 0;
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-size: 11px;
    height: auto;
    width: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto
}

.plus-ico .ng-select.disabled .ng-control {
    background: transparent!important
}

.plus-ico .ng-select.disabled .ng-control .ng-arrow-zone {
    background: var(--color-button-ng-select-disabled)
}

.plus-ico .ng-select.disabled .ng-control .ng-arrow-zone .ng-arrow {
    color: var(--color-background-secondary)
}

.dropdown-menu {
    background: var(--color-background-secondary);
    border: 1px solid var(--color-border-light);
    color: var(--color-text-dark);
    border-radius: 0 0 3px 3px;
    margin-top: -1px;
    text-align: left;
    float: none;
    box-shadow: 0 1px 8px #00000026;
    padding: 0
}

.dropdown-menu>li {
    border-bottom: 1px solid var(--color-border-light)
}

.dropdown-menu>li:last-child {
    border: 0
}

.dropdown-menu>li a {
    padding: 10px 20px;
    font-size: 11px;
    color: var(--color-link-base);
    display: block
}

.dropdown-menu>li a:hover {
    text-decoration: none;
    background-color: var(--color-background-dd-link-hover)
}

.exchange-overview ul.nav-tabs {
    display: flex;
    border: 0;
    flex-direction: row
}

.exchange-overview ul.nav-tabs:before,.exchange-overview ul.nav-tabs:after {
    display: none;
    content: none
}

.exchange-overview ul.nav-tabs li {
    width: 50%;
    border-top: 4px solid var(--color-background-tabs-bg);
    border-bottom: 4px solid transparent
}

.exchange-overview ul.nav-tabs li a {
    display: block;
    line-height: 46px;
    padding: 0 15px;
    color: var(--color-text-medium);
    text-decoration: none;
    border-radius: 0;
    border: 0;
    text-align: center;
    background: var(--color-background-tabs-bg);
    text-transform: uppercase
}

.exchange-overview ul.nav-tabs li a.active {
    background: var(--color-background-secondary);
    color: var(--color-text-darker)
}

.ngb-dp-day.disabled {
    background: transparent;
    color: var(--color-font-less-important-2)
}

.ngb-dp-day.disabled .custom-day {
    cursor: auto
}

.ngb-dp-day.disabled .custom-day:hover {
    background-color: transparent;
    color: var(--color-font-less-important-2)
}

.custom-datepicker,.custom-datepicker+ngb-datepicker {
    border: 1px solid var(--color-border-light)
}

.custom-datepicker .ngb-dp-day,.custom-datepicker+ngb-datepicker .ngb-dp-day {
    outline: none
}

.custom-datepicker *:focus,.custom-datepicker+ngb-datepicker *:focus {
    box-shadow: none;
    outline: none!important
}

.custom-datepicker .bg-light,.custom-datepicker+ngb-datepicker .bg-light {
    background-color: transparent!important
}

.custom-datepicker .ngb-dp-weekdays,.custom-datepicker+ngb-datepicker .ngb-dp-weekdays {
    border-bottom: none!important
}

.custom-datepicker .ngb-dp-weekday,.custom-datepicker+ngb-datepicker .ngb-dp-weekday {
    color: var(--color-font-less-important)!important;
    font-size: 13px;
    height: 2rem!important;
    font-style: normal!important
}

.custom-datepicker .ngb-dp-month-name,.custom-datepicker+ngb-datepicker .ngb-dp-month-name {
    margin-top: 15px;
    font-weight: 700;
    color: var(--color-font-medium-important);
    line-height: 1.5rem!important;
    height: 1.5rem!important
}

.custom-datepicker .ngb-dp-month,.custom-datepicker+ngb-datepicker .ngb-dp-month {
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .custom-datepicker .ngb-dp-months,.custom-datepicker+ngb-datepicker .ngb-dp-months {
        justify-content:center
    }
}

.custom-datepicker .custom-select,.custom-datepicker+ngb-datepicker .custom-select {
    color: var(--color-font-very-important);
    border: 1px solid var(--color-border-light);
    background-color: var(--color-input-bg)
}

.custom-datepicker .btn-light,.custom-datepicker+ngb-datepicker .btn-light {
    color: var(--color-font-very-important)
}

.custom-datepicker .btn-light:hover,.custom-datepicker+ngb-datepicker .btn-light:hover {
    color: #212529
}

.custom-datepicker .btn-link,.custom-datepicker+ngb-datepicker .btn-link {
    color: var(--color-button-primary-bg)
}

.custom-datepicker .btn-link:hover,.custom-datepicker+ngb-datepicker .btn-link:hover {
    color: var(--color-button-primary-bg-hover)
}

.custom-datepicker .bg-primary,.custom-datepicker+ngb-datepicker .bg-primary {
    background-color: var(--color-button-primary-bg)!important
}

.full-width-modal {
    z-index: 10001
}

.full-width-modal .modal-dialog {
    max-width: calc(100vw - 100px);
    display: flex;
    align-items: center
}

.full-width-modal.full-width-modal-custom .modal-dialog {
    max-width: calc(100vw - 300px)
}

@media (max-width: 768px) {
    .mobile-full-width-modal .modal-content {
        width:100%;
        margin: auto
    }
}

.widget-modal .modal-dialog {
    max-width: 1200px
}

@media (max-width: 768px) {
    .amcharts-panels-div {
        height:200px!important
    }

    .amChartsPanel.amcharts-stock-panel-div.amcharts-stock-panel-div-stockPanel0 {
        height: 160px!important
    }

    .amChartsPanel.amcharts-stock-panel-div.amcharts-stock-panel-div-stockPanel1 {
        height: 40px!important
    }

    .amcharts-scrollbar-chart-div {
        display: none!important
    }
}

.pie-chart #pieChart,.pie-chart #pieChart .amcharts-chart-div {
    overflow: visible!important
}

.pie-chart #pieChart .amcharts-chart-div svg {
    overflow: visible!important
}

.load-more {
    padding: 40px 0;
    margin: 0;
    text-align: center
}

@media (max-width: 962px) {
    .load-more {
        padding:20px 15px
    }
}

@media (max-width: 962px) {
    .load-more .button,.load-more .button-primary-fw,.load-more .button-light-fw,.load-more .dd-menu-container.dd-large {
        width:auto;
        display: block;
        padding: 0;
        text-align: center
    }
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.exchange-pairs {
    padding: 0 30px;
    margin-bottom: 40px
}

@media (max-width: 962px) {
    .exchange-pairs {
        padding:0
    }
}

.exchange-pairs .table-link {
    text-align: center;
    margin-top: 30px
}

.exchange-pairs .table-filters {
    margin-bottom: 20px;
    text-align: right
}

@media (max-width: 962px) {
    .exchange-pairs .table-filters {
        padding:15px;
        display: flex;
        width: 100%;
        background: var(--color-home-bar-bg-mobile);
        border-top: 1px solid var(--color-border-dark-2);
        border-bottom: 1px solid var(--color-border-dark-2);
        margin-bottom: 0!important
    }
}

.exchange-pairs .table-filters .filter-entries {
    margin-right: 20px
}

@media (max-width: 962px) {
    .exchange-pairs .table-filters .filter-entries {
        margin-right:5px;
        background: var(--color-background-secondary);
        border: 0;
        flex: 1;
        display: flex;
        border: 1px solid var(--color-border-dark-2)
    }
}

@media (max-width: 962px) {
    .exchange-pairs .table-filters .mobile-select {
        border:1px solid var(--color-border-dark-2)
    }
}

@media (max-width: 962px) {
    .exchange-pairs .table-filters .dd-menu-container {
        display:flex
    }
}

.exchange-pairs .table-filters .dd-menu-container .dd-menu-trigger {
    min-width: 130px;
    text-align: left
}

@media (max-width: 962px) {
    .exchange-pairs .table-filters .dd-menu-container .dd-menu-trigger {
        min-width:unset;
        text-transform: none;
        font-weight: 500;
        display: flex;
        align-items: center;
        background: var(--color-background-secondary);
        border: 0
    }
}

@media (max-width: 962px) {
    .exchange-pairs .table-filters .dd-menu-container .dd-menu {
        top:100%
    }
}

table {
    width: 100%
}

table td,table th {
    vertical-align: middle
}

.row:before,.row:after {
    display: none
}

#coin-overview-error-box {
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    color: var(--color-font-medium-important);
    background: var(--color-background-light-blue)
}

@media (max-width: 962px) {
    #coin-overview-error-box {
        margin-bottom:15px
    }
}

#coin-overview-error-box #error-icon {
    font-size: 24px;
    margin-right: 15px;
    color: var(--color-primary-base)
}

#coin-overview-error-box .message {
    margin-bottom: 0
}

#coin-overview-error-box .message a {
    color: var(--color-link-base)
}

#coin-overview-error-box.message-warning {
    background: var(--color-background-error-box)
}

#coin-overview-error-box.message-warning #error-icon {
    color: var(--color-border-error-box)
}

.user-settings .smaller-heading {
    padding-bottom: 25px;
    border-bottom: 1px solid var(--color-border-medium);
    font-size: 25px;
    color: var(--color-text-verydark)
}

@media (max-width: 768px) {
    .user-settings .smaller-heading {
        margin:0 -15px;
        width: calc(100% + 30px);
        padding: 20px 15px;
        font-size: 18px
    }
}

.mobile-select {
    position: relative
}

.mobile-select select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 10px
}

.mobile-select:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: var(--color-primary-base) transparent transparent transparent
}

select.custom-select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolygon fill='%23343a40' points='0,0 20,0 10,20'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    background-position-y: 10px;
    border-radius: 2px
}

.chart .amcharts-chart-div {
    overflow: visible!important
}

.chart .amcharts-chart-div>svg {
    overflow: visible!important
}

.iframeWrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

@keyframes sticky_appear {
    0% {
        transform: translateY(70px)
    }

    50% {
        transform: translateY(70px)
    }

    to {
        transform: translateY(0)
    }
}

@media (min-width: 1240px) {
    body.CCx5StickyTop {
        margin-top:50px
    }
}

#CCx5StickyTop .close,#CCx6StickyBottom .close,#CCx7StickyBottom .close,#CCx8StickyBottom .close,#CCx9StickyBottom .close {
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #fff;
    text-align: center;
    color: #000;
    font-size: 18px;
    right: 0;
    bottom: 50px;
    z-index: 100;
    cursor: pointer;
    z-index: 2000000;
    animation-duration: 1s;
    background-image: url(https://coincodex.com/fsYUkjbt5NQASwJT/close.png?v=1);
    background-size: cover
}

#CCx5StickyTop {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 1000000;
    top: 0;
    text-align: center;
    background: black
}

#CCx5StickyTop .close {
    top: 0
}

#CCx6StickyBottom,#CCx9StickyBottom {
    position: fixed;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 1000000;
    bottom: 0;
    animation-name: sticky_appear;
    animation-duration: 2s;
    text-align: center;
    background-color: transparent
}

@media (max-width: 768px) {
    #CCx5Sticky {
        height:50px
    }

    #CCx5Sticky #CCxClose {
        bottom: 50px;
        height: 35px
    }

    #CCx5Sticky a {
        display: flex;
        align-items: center;
        background: #000;
        padding: 0
    }

    #CCx5Sticky a .img_left_container {
        width: 35px;
        height: 35px;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
        margin-right: 10px
    }

    #CCx5Sticky a .img_left_container img {
        display: inline;
        margin: 0 auto;
        height: 100%;
        width: auto
    }

    #CCx5Sticky a .title {
        color: #fff;
        font-weight: 500;
        line-height: 1.2
    }

    #CCx5Sticky a .description_short {
        display: none
    }
}

div.nothing {
    display: block
}

.tooltip-custom-class.tooltip.show {
    opacity: 1
}

.tooltip-custom-class.infobox-tooltip .tooltip-inner {
    padding: 0
}

.tooltip-custom-class .tooltip-inner {
    background-color: var(--color-background-secondary);
    color: var(--color-font-medium-important);
    border-radius: 2px;
    border: 1px solid var(--color-border-light);
    max-width: 300px
}

.tooltip-custom-class.tooltip-custom-ath .ath-price {
    font-weight: 700
}

.tooltip-custom-class.tooltip-custom-ath .tooltip-inner {
    min-width: 200px
}

.tooltip-custom-class.tooltip-custom-release .tooltip-inner {
    min-width: 550px
}

.tooltip-custom-class.coin-details-tooltip .tooltip-inner {
    min-width: 200px
}

.tooltip-custom-class.bs-tooltip-left .arrow:before,.tooltip-custom-class.bs-tooltip-auto[x-placement^=left] .arrow:before {
    border-left-color: var(--color-border-light)
}

.tooltip-custom-class .arrow:before {
    border-top-color: var(--color-border-light)
}

table .coin.coin-header:not(.no-sticky) th {
    position: sticky!important;
    top: 91px;
    background: var(--color-background-secondary);
    z-index: 10
}

@media (max-width: 1239px) {
    table .coin.coin-header:not(.no-sticky) th {
        top:49px!important
    }
}

table .coin.coin-header:not(.no-sticky) th:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 1px solid var(--color-border-light)
}

@media (max-width: 1239px) {
    table.expanded-element .coin.coin-header:not(.no-sticky) th {
        top:0!important
    }
}

#single-bundle-widget .single-bundle-title-big {
    display: none!important
}

#single-bundle-widget .single-bundle-body {
    grid-gap: 50px 10px!important
}

#single-bundle-widget .single-bundle-wrapper {
    margin: 0 -10px 96px!important
}

#single-bundle-widget .bundle-item-title,#single-bundle-widget .bundle-item-amount {
    text-align: center!important
}

#single-bundle-widget .bundle-footer-info {
    text-align: center!important;
    color: var(--color-font-very-important)!important
}

#chart_top {
    height: 344px
}

#chart_bottom {
    height: 96px;
    margin-top: -20px
}

@media (max-width: 768px) {
    #chart_top {
        height:200px
    }

    #chart_bottom {
        height: 58px
    }

    #chart_candle {
        height: 200px
    }
}

.custom.ng-select.select {
    font-size: 15px
}

.custom.ng-select.select .ng-control {
    border: none
}

.custom.ng-select.select .ng-control:hover {
    box-shadow: none
}

.custom.ng-select.select .ng-control:focus {
    outline: none
}

.custom.ng-select.select .ng-dropdown-panel .ng-dropdown-panel-items {
    min-width: 170px
}

.ccchart-chart-tooltip {
    width: 80px;
    position: absolute;
    bottom: auto!important;
    box-shadow: none!important;
    top: -40px!important;
    transition: none!important
}

.ccchart-chart-tooltip>div {
    background: transparent!important;
    border: none!important;
    padding: 0!important
}

.ccchart-chart-tooltip .ccchart-chart-tooltip-price {
    padding: 5px 0;
    color: var(--color-button-primary-text);
    border-radius: 5px;
    background: var(--color-button-primary-bg);
    text-align: center
}

.ccchart-chart-tooltip .ccchart-chart-tooltip-date {
    color: var(--color-font-very-important);
    margin-bottom: 7px;
    text-align: center
}

#ccchart_tooltip {
    position: absolute;
    display: none;
    top: -60px;
    background: white;
    padding: 20px
}

.select.custom .ng-value-container {
    min-width: 200px
}

.select.custom .ng-value-container .dropdown-full {
    min-width: 150px;
    margin: 5px 0
}

.select.custom .ng-value-container .dropdown-full img {
    margin: 0
}

.select.custom .ng-value-container .dropdown-full span {
    width: 100%
}

.converter-chart .amcharts-main-div .amcharts-chart-div>svg {
    left: 0!important
}

@media (prefers-color-scheme: dark) {
    #detect-color-scheme {
        background-color:#000!important
    }
}

@media (prefers-color-scheme: light) {
    #detect-color-scheme {
        background-color:#fff!important
    }
}

.lazy-image {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease
}

.lazy-image.lazy-loaded {
    opacity: 1
}

@media (min-width: 1201px) {
    .header-d-none {
        display:none!important
    }

    .header-d-block {
        display: block!important
    }

    .header-d-flex {
        display: flex!important
    }

    .header-d-inline {
        display: inline!important
    }
}

@media (min-width: 1405px) {
    .header-upper-d-none {
        display:none
    }

    .header-upper-d-none {
        display: none!important
    }

    .header-upper-d-block {
        display: block!important
    }

    .header-upper-d-flex {
        display: flex!important
    }

    .header-upper-d-inline {
        display: inline!important
    }
}

html:not(.theme-dark):not(.theme-light) .logo-dark {
    display: none
}

html:not(.theme-dark):not(.theme-light) .logo-light {
    display: block
}

@media (prefers-color-scheme: dark) {
    html:not(.theme-dark):not(.theme-light) .logo-light {
        display:none
    }

    html:not(.theme-dark):not(.theme-light) .logo-dark {
        display: block
    }
}

@media (prefers-color-scheme: light) {
    html:not(.theme-dark):not(.theme-light) .logo-light {
        visibility:visible
    }

    html:not(.theme-dark):not(.theme-light) .logo-dark {
        display: none
    }
}

html.theme-dark .logo-light {
    display: none!important
}

html.theme-dark .logo-dark,html.theme-light .logo-light {
    display: block!important
}

html.theme-light .logo-dark {
    display: none!important
}

.modal-backdrop,.modal {
    z-index: 20000!important
}

.modal-backdrop.show {
    opacity: .6
}

.modal.article .modal-content {
    background: transparent
}

.modal.article .modal-content .modal-header.article {
    display: none
}

.about-box .about-box-text {
    font-size: 14px;
    line-height: 1.4
}

.about-box .about-box-text p {
    font-size: inherit!important;
    line-height: inherit!important;
    margin-bottom: 15px
}

.about-box .about-box-text ul {
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .about-box .about-box-text {
        margin-bottom:25px
    }
}

.procons {
    margin-bottom: 20px
}

.procons .cons h4 {
    margin-bottom: 5px;
    color: var(--color-change-down);
    font-weight: 900
}

.procons .cons ul li i.far {
    color: var(--color-change-down);
    left: 30px
}

.procons .pros h4 {
    margin-bottom: 5px;
    color: var(--color-change-up);
    font-weight: 900
}

.procons .pros li i.far {
    color: var(--color-change-up)
}

.procons ul {
    list-style: none
}

.procons ul li i.far {
    position: absolute;
    left: 25px;
    margin-top: 4px
}

@media (max-width: 768px) {
    .procons ul {
        padding-left:40px
    }
}

.formatted-table tr td {
    padding: 15px;
    border: 1px solid var(--color-border-medium)
}

.formatted-table tr th {
    padding: 10px 15px;
    border: 1px solid var(--color-border-medium);
    background: var(--color-background-medium-white);
    color: var(--color-font-very-important);
    font-weight: 500
}

.formatted-table tr img {
    margin-right: 7px
}

@media (max-width: 768px) {
    .formatted-table {
        display:block;
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100%!important
    }
}

.formatted-table strong {
    font-weight: 700;
    color: var(--color-font-very-important)
}

.formatted-table .strike {
    text-decoration: line-through
}

.tooltip-custom-class-error {
    min-width: 120px
}

.tooltip-custom-class-error .tooltip-inner {
    line-height: 17px!important
}

.custom-timepicker .form-control:focus {
    color: var(--color-font-very-important);
    border-color: transparent;
    background-color: var(--color-input-bg)
}

.custom-timepicker .form-control {
    color: var(--color-font-very-important);
    background-color: var(--color-input-bg);
    border: 1px solid var(--color-border-light)
}

.custom-timepicker .btn-outline-primary:hover {
    background-color: var(--color-button-primary-bg-hover);
    border-color: var(--color-button-primary-border-hover);
    color: var(--color-button-primary-text)
}

.custom-timepicker .btn-outline-primary {
    color: var(--color-button-primary-text)!important;
    background: var(--color-button-primary-bg);
    border-color: var(--color-button-primary-border)
}

.custom-timepicker .btn-link {
    color: var(--color-button-primary-bg)
}

.custom-timepicker .btn-link:hover {
    color: var(--color-button-primary-bg-hover)
}

.extra-content .rich-text h4 {
    color: var(--color-font-very-important)!important;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500
}

@media (max-width: 768px) {
    .extra-content .rich-text h4 {
        font-size:20px
    }
}

.cc-container {
    max-width: 1370px;
    margin: 0 auto;
    position: relative
}

@media (max-width: 1769px) {
    .cc-container {
        max-width:1200px
    }
}

@media (max-width: 1239px) {
    .cc-container {
        margin:0 20px
    }
}

@media (max-width: 962px) {
    .cc-container {
        margin:0
    }
}

.action-button {
    position: relative;
    display: inline-flex;
    background: var(--color-action-button-bg-base);
    -webkit-tap-highlight-color: var(--color-background-main);
    border-radius: 3px;
    height: 35px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .3s ease
}

.action-button .notification {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 14px;
    width: 14px;
    font-size: 9px;
    color: var(--color-white);
    top: -4px;
    right: -4px;
    background: var(--color-red);
    border-radius: 7px;
    padding: 0!important;
    font-weight: 400!important
}

.action-button i {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    font-size: 17px;
    color: var(--color-font-very-important)
}

.action-button i.fa-star {
    padding-bottom: 1px
}

.action-button i.fa-chart-pie {
    padding-left: 1px
}

.action-button i.fa-chevron-right {
    padding-top: 1px
}

.action-button span {
    margin-top: 2px;
    font-weight: 500;
    color: var(--color-font-very-important)
}

.action-button span small {
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 2px
}

.action-button span:first-child {
    padding-left: 13px
}

.action-button span:last-child {
    padding-right: 13px
}

.action-button:hover {
    text-decoration: none;
    background: var(--color-action-button-bg-hover-base)
}

.action-button.sm {
    height: 25px
}

.action-button.sm i {
    width: 25px;
    font-size: 14px
}

.action-button.sm span {
    font-size: 11px;
    margin-top: 1px
}

.action-button.large {
    height: 40px
}

.action-button.large i {
    width: 40px;
    font-size: 19px
}

.action-button.xl {
    height: 50px;
    font-size: 16px
}

.action-button.xl i {
    width: 50px
}

.action-button.primary {
    background: var(--color-button-primary-bg);
    -webkit-tap-highlight-color: var(--color-button-primary-bg-hover);
    color: var(--color-button-primary-text);
    border: none
}

.action-button.primary i,.action-button.primary span {
    color: var(--color-button-primary-text)
}

.action-button.primary:hover {
    background: var(--color-button-primary-bg-hover)
}

.action-button.transparent {
    background: transparent;
    color: var(--color-link-base);
    font-weight: 500
}

.action-button.transparent i {
    color: var(--color-link-base)
}

.action-button.transparent:hover span {
    text-decoration: underline
}

.action-button.bordered {
    background: transparent;
    border: 1px solid var(--color-border-medium)
}

.action-button.bordered:hover {
    background: var(--color-background-main)
}

.action-button.binance {
    background: var(--color-action-button-bg-binance)
}

.action-button.binance span {
    color: var(--color-action-button-text-binance)
}

.action-button.binance:hover {
    background: var(--color-action-button-bg-hover-binance)
}

.action-button.disabled {
    cursor: none;
    pointer-events: none;
    opacity: .3
}

.action-link {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    text-decoration: none;
    color: var(--color-link-base)!important;
    cursor: pointer;
    -webkit-tap-highlight-color: var(--color-background-main)
}

.action-link i {
    font-size: 14px
}

.action-link i:last-child {
    margin-left: 8px
}

.action-link img {
    width: 18px;
    height: 18px
}

.action-link span {
    font-weight: 500
}

.action-link span:not(:first-child) {
    margin-left: 5px
}

.action-link:hover span {
    text-decoration: underline
}

.action-link.lg span {
    font-size: 16px
}

@media (max-width: 962px) {
    .action-link.lg span {
        font-size:14px
    }
}

.action-link.lg i {
    font-size: 18px;
    margin-bottom: 0
}

.action-link.lg span:not(:first-child) {
    margin-left: 8px
}

.action-link.disabled {
    color: var(--color-font-less-important)!important;
    cursor: default
}

.action-link.disabled span {
    text-decoration: none!important
}

.change-up {
    color: var(--color-change-up)!important;
    font-weight: 500
}

.change-up.bubble {
    display: inline-block;
    color: var(--color-green);
    background: var(--color-green-alpha);
    line-height: 26px;
    border-radius: 13px;
    width: 80px
}

.change-down {
    color: var(--color-change-down)!important;
    font-weight: 500
}

.change-down.bubble {
    display: inline-block;
    color: var(--color-red);
    background: var(--color-red-alpha);
    line-height: 26px;
    border-radius: 13px;
    width: 80px
}

.change-neutral {
    color: var(--color-change-neutral)!important;
    font-weight: 500
}

.cc-tag {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    background: var(--color-background-main);
    color: var(--color-font-very-important);
    font-size: 11px
}

.cc-tag.green {
    border-bottom: 2px solid var(--color-green)
}

.cc-tag.orange {
    border-bottom: 2px solid var(--color-orange)
}

.cc-tag.red {
    border-bottom: 2px solid var(--color-red)
}

.cc-tag.blue {
    border-bottom: 2px solid var(--color-primary-base)
}

.cc-tag.purple {
    border-bottom: 2px solid var(--color-purple)
}

.tooltip-underscore {
    text-decoration: underline;
    text-decoration-style: dotted
}

.cc-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.cc-scrollbar::-webkit-scrollbar-track {
    background: var(--color-scrollbar-track)
}

.cc-scrollbar::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar-thumb)
}

.cc-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary-base)
}

@keyframes dotfade {
    0% {
        background-color: #37a83600
    }

    50% {
        background-color: var(--color-green)
    }

    to {
        background-color: #37a83600
    }
}

@keyframes dotfadewhite {
    0% {
        background-color: #fff0
    }

    50% {
        background-color: var(--color-white)
    }

    to {
        background-color: #fff0
    }
}

.live-dot {
    background: var(--color-green);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation-name: dotfade;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    display: inline-block
}

@media (min-width: 1770px) {
    .cc-hidden-xl {
        display:none!important
    }
}

@media (min-width: 1600px) and (max-width: 1769px) {
    .cc-hidden-lg {
        display:none!important
    }
}

@media (min-width: 1240px) and (max-width: 1599px) {
    .cc-hidden-md2 {
        display:none!important
    }
}

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

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

@media (min-width: 600px) and (max-width: 799px) {
    .cc-hidden-xs2 {
        display:none!important
    }
}

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

.cc-popup {
    width: 320px;
    position: relative;
    box-shadow: 0 0 20px #00000040;
    border-radius: 5px
}

.cc-popup:before {
    content: "";
    background: var(--color-background-secondary);
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    box-shadow: 0 0 20px #00000040
}

.cc-popup.p-top:before {
    top: -7px
}

.cc-popup.p-bottom:before {
    bottom: -7px
}

.cc-popup.p-left:before {
    left: 20px;
    margin: 0
}

.cc-popup.p-right:before {
    left: auto;
    right: 20px;
    margin: 0
}

.cc-popup .cc-popup-inner {
    background: var(--color-background-secondary);
    border-radius: 5px;
    padding: 20px;
    position: relative
}

.cc-popup .cc-popup-table {
    border-bottom: 1px solid var(--color-border-medium);
    padding-bottom: 10px;
    margin-bottom: 20px
}

.cc-popup .cc-popup-table table tr td,.cc-popup .cc-popup-table table tr th {
    padding-bottom: 10px
}

.cc-popup .cc-popup-table table tr td {
    color: var(--color-font-very-important);
    font-weight: 500;
    text-align: right
}

.cc-popup .cc-popup-table table tr td small {
    color: var(--color-font-less-important);
    font-weight: 400
}

.cc-popup .cc-popup-content {
    margin-bottom: 15px
}

.cc-popup .cc-popup-content p:not(:last-child) {
    margin-bottom: 15px
}

body.embed {
    padding-top: 0
}

body.embed #CCx5StickyTop,body.embed #CCx5StickyBottom,body.embed #CCx6StickyTop,body.embed #CCx6StickyBottom,body.embed #CCx7StickyTop,body.embed #CCx9StickyBottom,body.embed #CCx8StickyTop,body.embed #CCx9StickyTop,body.embed app-header,body.embed app-footer,body.embed .two-col-layout .side-col,body.embed app-text-to-speech {
    display: none
}

.innerhtml-styled-text p {
    margin-bottom: 15px
}

.innerhtml-styled-text ul {
    line-height: 1.4;
    list-style-type: disc;
    padding-left: 30px;
    margin-bottom: 15px
}

@media (min-width: 1025px) {
    .ccx-d-xl-flex {
        display:flex!important
    }
}

.ldb-top5 {
    margin: 20px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 90px
}

.ldb-top5>div {
    width: 728px;
    background: var(--color-border-light)
}

@media (max-width: 1239px) {
    .ldb-top5 {
        display:none
    }
}

g[aria-labelledby^=id-][aria-labelledby$=-title] {
    display: none
}

.coinDetails a.btn.simplefx_01-21 .dd-label span.first {
    color: #fff!important
}

.styled-scroll {
    padding-right: 20px
}

.styled-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.styled-scroll::-webkit-scrollbar-track {
    background: var(--color-scrollbar-base)
}

.styled-scroll::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar-hover)
}

.styled-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary-base)
}

.link-anchor-wrapper {
    position: absolute
}

.link-anchor-wrapper span {
    position: absolute;
    top: -112px
}

.notification-entry .icon-wrapper {
    overflow: hidden
}

.notification-entry .icon-wrapper i {
    font-size: 26px;
    margin: 0
}

.notification-entry .icon-wrapper img {
    width: 100%;
    height: auto;
    text-indent: -9999px;
    position: relative
}

.notification-entry .icon-wrapper img:after {
    content: "";
    width: 26px;
    height: 26px;
    background-color: var(--color-placeholder-base);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%
}

.notification-entry .icon-wrapper img:before {
    content: "";
    width: 26px;
    height: 26px;
    background-color: var(--color-background-secondary);
    position: absolute;
    top: 0;
    left: 0
}

.notification-entry .entry-text strong {
    font-weight: 700
}

.notification-entry .entry-text em {
    font-style: italic
}

.notification-entry:hover .icon-wrapper img:before {
    background: var(--color-border-light)
}

#priceChart .amcharts-main-div .amcharts-chart-div svg g image {
    display: none
}

#priceChart .amcharts-main-div .amcharts-chart-div svg g image+text {
    display: none
}

.faq-full-width {
    min-height: 500px;
    margin: 50px 0
}

@media (max-width: 962px) {
    .faq-full-width {
        padding:0 15px;
        margin-top: 20px
    }
}

body #credential_picker_container {
    top: 90px;
    right: 0
}

body.CCx5StickyTop #credential_picker_container,body.CCx6StickyTop #credential_picker_container,body.CCx7StickyTop #credential_picker_container,body.CCx8StickyTop #credential_picker_container,body.CCx9StickyTop #credential_picker_container {
    top: 140px
}

@media (max-width: 962px) {
    body.CCx6StickyBottom #credential_picker_iframe {
        bottom:50px!important
    }
}