.clear, .clr {
    float: none;
    clear: both;
    width: 100%;
    display: block;
}

.bred {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.bgray {
    border: 1px solid #d3d8de !important;
    color: #404040 !important;
    background-color: white !important;
}

label.error {
    margin-top: 2px;
    color: red;
    display: block;
}

.error {
    text-align: inherit;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#googleAuthenticatorQr {
    width: 155px;
    height: 155px;
    border: 4px solid black;
}

.swal-icon img {
    width: 57px;
    display: inline-block;
    float: left;
    margin: -1px 0px 0 28px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

h1 .btn, .ibox-content h3 button {
    margin-bottom: 2px !important;
    float: right;
}

.ibox-content h3 {
    min-height: 32px;
    margin-bottom: 15px;
}

.ticket-details {
    border-radius: 5px;
    /*overflow: hidden;*/
}

img.btc {
    position: relative;
    top: 4px;
    width: 21px;
    display:inline-block;
    margin-right: 4px;
}

.btcSign2 {
    width: 16px;
    top: -1px;
    position: relative;
}

table.xtable td, table.xtable th {
    vertical-align: middle;
}

table.xtable {
    border: none;
}

table.xtable tfoot {
    display: none;
}

table.xtable tfoot td {
    border: none;
    padding-top: 20px;
}


#tickets-list a:hover {
    text-decoration: none;
}

#view-ticket {
    display: none;
}

#view-ticket th {
    padding: 10px 15px;
    border-right: 1px solid #e0e0e0;
}

#view-ticket td {
    padding-left: 15px;
    font-size: 14px;
}

#view-ticket .support-team {
    float: none;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    top: 4px;
}

#view-ticket .internalSupportMessage th {
    background-color: #d0d080;
}

#view-ticket .internalSupportMessage td {
    background-color: #f0f0a0;
}

#view-ticket tr.internalSupportMessage:nth-of-type(even) th {
    background-color: #c0c090;
}

#view-ticket tr.internalSupportMessage:nth-of-type(even) td {
    background-color: #eaea9a;
}

#view-ticket img.profile {
    width: 60px;
    float: left;
    display: block;
    margin: 0 8px 0 0;
    border: 2px solid white;
    border-radius: 30px;
    box-shadow: 2px 2px 10px -3px;
}

#view-ticket .support-sender {
    padding-bottom: 9px;
    border-bottom: 1px dashed;
    margin-bottom: 6px;
}

input.copypaste {
    width: 440px;
    padding: 5px 10px;
    display: block;
    border: none;
    text-align: center;
    font-size: 0.625rem;
}

.ticket-messages th {
    min-width: 200px;
}

.ticket-messages td {
    min-width: 80%;
}

.custom-control-label {
    font-size: 14px;
    padding-top: 3px;
}

.tickets td h5 {
    font-size: 14px;
    padding: 0;
}

.tickets td > a {
    font-size: 16px;
}

.tickets td > .label {
    font-size: 14px;
}

#account-info {
    position: absolute;
    top: 0px;
    right: 29px;
    width: 60%;
}

#account-info > p {
    margin-bottom: 7px;
    text-align: right;
    font-size: 16px;
    color: rgb(112, 116, 120);
    line-height: 1.42857143;
    padding: 0;
}

#account-info > p.notex {
    max-width: 230px;
    text-align: left;
    float: right;
    margin-right: 14px;
    font-size: 12px;
}

#account-info > .btn {
    margin: -0.6px 11px 0 0;
}

#account-countdown {
    float: right;
}

.jstree-default .jstree-anchor {
    height: auto !important;
}

.table-container {
    height: auto;
    display: block;
}
.table-container th, .table-container td {
    vertical-align: middle;
}

tr.bg-yellow > td, tr.bg-yellow > th{
    background-color: rgba(255, 217, 0, 1) !important;
}

.forAnchor {
    position: relative;
}
.forAnchor > .anchor {
    width: 0;
    height: 0;
    position: absolute;
    top: -50px;
}










#arbitrage-panel {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 16px 0 0 8px;
}

#arbitrage-panel #rategrid, #arbitrage-panel #theader, #arbitrage-panel #best-deals {
    position: absolute;
    overflow: hidden;
}

#rategrid .ratebox .profit {
    transition: background-color .4s ease;
}

#arbitrage-panel #best-deals {
    border: 0px solid #a0a0a0;
    background-color: #ffffff;
    left: -8px;
    top: 20px;
    display: none;
}

.ratebox.inactive {
    opacity: 0.4;
    background: repeating-linear-gradient(
        135deg,
        #fff,
        #fff 10px,
        #d0d0d0 10px,
        #d0d0d0 20px
    );
}

#arbitrage-panel .ratebox, #arbitrage-panel #theader #currency-selector {
    position: absolute;
    height: 80px;
    border: 1px solid #808080;
    border-left-color: #c0c0c0;
    border-top-color: #c0c0c0;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);
    border-radius: 8px;
    overflow: hidden;
}

#arbitrage-panel h2, #arbitrage-panel p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#rategrid .ratebox, #arbitrage-panel .ratebox {
    transition-property: top, left, opacity;
    transition-duration: .5s;
}

#arbitrage-panel #theader .ratebox h2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: white;
    background-color: #ff4020;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#arbitrage-panel #theader .ratebox.from-exchange h2 {
    background-color: #40e020;
}

#arbitrage-panel #theader .ratebox p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
    font-size: 1.4vw;
    line-height: 48px;
    text-align: center;
}

#arbitrage-panel #rategrid .ratebox p.e1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

#arbitrage-panel #rategrid .ratebox p.profit {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
    font-size: 1.9vw;
    line-height: 48px;
    text-align: center;
}

#arbitrage-panel #rategrid .ratebox p.e2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

#arbitrage-panel #currency-selector select {
    width: 100%;
    line-height: 30px;
    height: 78px;
    border: none;
    background-color: white;
    font-weight: bold;
    font-size: 23px;
    color: #404040;

    border-top: 18px solid #ff4020;
    border-bottom: 18px solid #40e020;

    background: repeating-linear-gradient(
        45deg,
        #fff,
        #fff 10px,
        #ededed 10px,
        #ededed 20px
    );
}

#arbitrage-panel .chart-label {
    position: absolute;
    color: #a0a0a0;
    font-size: 16px;
}

#arbitrage-panel .chart-label#label-best-deals {
    top: -8px;
    left: -6px;
    color: rgb(123, 78, 14);
}

#arbitrage-panel .chart-label#label-to-exchange {
    top: -10px;
    left: 197px;
}

#arbitrage-panel .chart-label#label-from-exchange {
    top: 147px;
    left: -79px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

#arbitrage-panel .chart-label#exchanges-online {
    top: -9px;
    left: 400px;
}
#arbitrage-panel .chart-label#exchanges-online img {
    position: relative;
    top: -2px;
}

#arbitrage-panel a:hover {
    text-decoration: none;
}

#arbitrage-panel #best-deals .dealbox {
    height: 118px;
    float: left;
    border: 1px solid #808080;
    border-left-color: #c0c0c0;
    border-top-color: #c0c0c0;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);
    border-radius: 8px;
    overflow: hidden;
}

#arbitrage-panel #best-deals .dealbox h2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: white;
    background-color: #40e020;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#arbitrage-panel #best-deals .dealbox h2.e2 {
    background-color: #ff4020;
}

#arbitrage-panel #best-deals .dealbox h3 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
    background-color: #40e0e0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
}

#arbitrage-panel #best-deals .dealbox p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
    font-size: 1.4vw;
    line-height: 38px;
    text-align: center;
}

#arbitrage-panel #best-deals .color-20 {
    background-color: #ff5050;
}
#arbitrage-panel #best-deals .color-19 {
    background-color: #ff6060;
}
#arbitrage-panel #best-deals .color-18 {
    background-color: #ff7070;
}
#arbitrage-panel #best-deals .color-17 {
    background-color: #ff8080;
}
#arbitrage-panel #best-deals .color-16 {
    background-color: #ff9090;
}
#arbitrage-panel #best-deals .color-15 {
    background-color: #ffa0a0;
}
#arbitrage-panel #best-deals .color-14 {
    background-color: #ffb0b0;
}
#arbitrage-panel #best-deals .color-13 {
    background-color: #ffc0c0;
}
#arbitrage-panel #best-deals .color-12 {
    background-color: #ffd0d0;
}
#arbitrage-panel #best-deals .color-11 {
    background-color: #ffe0e0;
}
#arbitrage-panel #best-deals .color-10 {
    background-color: #ffe0e0;
}
#arbitrage-panel #best-deals .color-9 {
    background-color: #e0ffe0;
}
#arbitrage-panel #best-deals .color-8 {
    background-color: #d0ffd0;
}
#arbitrage-panel #best-deals .color-7 {
    background-color: #c0ffc0;
}
#arbitrage-panel #best-deals .color-6 {
    background-color: #b0ffb0;
}
#arbitrage-panel #best-deals .color-5 {
    background-color: #a0ffa0;
}
#arbitrage-panel #best-deals .color-4 {
    background-color: #90ff90;
}
#arbitrage-panel #best-deals .color-3 {
    background-color: #80ff80;
}
#arbitrage-panel #best-deals .color-2 {
    background-color: #70ff70;
}
#arbitrage-panel #best-deals .color-1 {
    background-color: #60ff60;
}
#arbitrage-panel #best-deals .color-0 {
    background-color: #50ff50;
}

.label-lg {
    font-size: 100%;
}

.blue {
    background: #2a72b5 !important;
    border-color: #2a72b5 !important;
    color: white;
}

.btc-payment-box h2 {
    text-align: center;
    font-size: 1.5em;
    padding: 0 0 5px 0;
    margin: 0;
    line-height: 1em;
}

.btc-payment-box h3 {
    color: #2a72b5;
    text-align: center;
    font-size: 18px;
    border: 1px solid #2a72b5;
    padding: 10px 0 10px 25px;
    border-radius: 35px;
    background: url(/public/images/icons/btc-blue.png) 4px 3.5px no-repeat;
    background-size: 40px;
    width: 100%;
    margin: 10px auto 0 auto;
    line-height: 27px;
}

.btc-payment-box p.btc-payment-note {
    margin: 14px;
    font-size: 0.75rem;
}

#btc-qr {
    display: block;
    float: right;
    margin: 6px 0 10px 15px;
    width: 200px;
    height: 200px;
    padding: 14px;
    background: white;
    border: 1px solid white;
    border-radius: 10px;
}

#btc-qr img {
    width: 100%;
}

#bitcoin-address-modal h5 {
    font-size: 16px;
}

#route-modal table {
    width: 100%;
}

#route-modal .modal-lg {
    min-width: 800px;
    max-width: min-content;
}

.boy-box {
    flex-direction: row;
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: flex-start;
}

.boy-box > div:nth-of-type(1) {
    flex-basis: 60%;
}

.boy-box > div:nth-of-type(1) h1 {
    margin-top: 50px;
    font-size: 2.8rem;
    line-height: 2.5rem;
}
.boy-box > div:nth-of-type(1) h1 span {
    display: block;
    font-size: 1.8rem;
}

.boy-box > div:nth-of-type(1) p {
    font-size: 1.4rem;
    line-height: 1.3em;
}

.boy-box > div:nth-of-type(1) > a {
    margin-top: 14px;
    margin-bottom: 15px;
}

.boy-box > div:nth-of-type(2) {
    flex-basis: 40%;
    overflow: hidden;
}
.boy-box > div:nth-of-type(2) > img {
    width: 130%;
    position: relative;
    left: -11%;
}

.list-logo.dex-exchanges {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    margin: 10px 0 -20px 0;
}

.list-logo.dex-exchanges li {
    width: auto;
}

.dex-exchanges li:nth-of-type(1) svg {
    fill: white;
    width: 250px;
}

.dex-exchanges li:nth-of-type(2) svg {
    fill: white;
    width: 200px;
}

.dex-exchanges li:nth-of-type(3) svg {
    fill: white;
    width: 190px;
    margin-bottom: -4px;
}

.main-nav-list__item.extra-logos {
    height: 3.5rem;
    display: inline-flex;
    gap: 15px;
    margin-right: 160px;
}

@media (max-width: 1600px) {
    .affiliate .col-md-6 .note-icon {
        display: none;
    }
    .affiliate .col-md-6 .note-content {
        margin-left: 0 !important;
    }
}

@media (max-width: 1420px) {
    .main-nav-list__item.extra-logos {
        margin-right: 100px;
    }
}

@media (max-width: 1320px) {
    .exchanges h2 {
        font-size: 2.5vw;
    }
    .main-nav-list__item.extra-logos {
        margin-right: 50px;
    }
    .boy-box > div:nth-of-type(1) h1 {
        margin-top: 3vw;
        font-size: 3.4vw;
        line-height: 3.2vw;
    }
    .boy-box > div:nth-of-type(1) h1 span {
        font-size: 2.2vw;
    }
    .boy-box > div:nth-of-type(1) p {
        font-size: 1.8vw;
    }
    .list-logo.dex-exchanges {
        margin: 10px 0 -10px 0;
    }
}
@media (max-width: 1200px) {
    .affiliate .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .affiliate .col-md-6 .note-icon {
        display: block;
    }
    .affiliate .col-md-6 .note-content {
        margin-left: 85px !important;
    }
    .main-nav-list__item.extra-logos svg:nth-child(1) {
        width: 120px;
    }
    .main-nav-list__item.extra-logos svg:nth-child(2) {
        width: 100px;
    }
}

.support-desktop-992 {
    display: table-cell;
}
.support-mobile-992 {
    display: none;
}

@media screen and (max-width:992px) {
    .support-desktop-992 {
        display: none;
    }
    .support-mobile-992 {
        display: block;
    }
    .main-nav-list {
        z-index: 10;
    }
    .main-nav-list__item.extra-logos {
        display: none !important;
    }

    .boy-box > div:nth-of-type(1) h1 {
        margin-top: .5vw;
        font-size: 5.4vw;
        line-height: 5.2vw;
    }
    .boy-box > div:nth-of-type(1) h1 span {
        font-size: 4.2vw;
    }
    .boy-box > div:nth-of-type(1) p {
        font-size: 2.6vw;
    }
    .boy-box {
        position: relative;
        margin-bottom: 2vw;
    }
    .boy-box a {
        position: absolute;
        bottom: 0;
        left: 31vw;
        font-size: 3vw;
        padding: 1.3vw 5vw 0 5vw;
        font-weight: bold;
        height: 5.5vw;
        line-height: .7em;
    }
}

.support-desktop-600 {
    display: table-cell;
}
.support-mobile-600 {
    display: none;
}

#tickets-list {
    padding: 0 10px 0 0;;
}

@media screen and (max-width:600px) {
    .support-desktop-600 {
        display: none;
    }
    .support-mobile-600 {
        display: block;
    }
    #openTicket {
        font-size: 18px;
        padding: 0 12px 3px 12px;
        height: 36px;
        line-height: 18px;
        margin-right: 0;
    }
    .support-tabs a.nav-link, .support-tabs a.nav-link.active.show {
        font-size: 13px;
        padding: 6px 6px 0 6px;
        box-shadow: none;
        background: none;
        margin: 0;
    }
    #view-ticket h3 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    #tickets-list {
        padding-bottom: 0;
    }
    table.table {
        margin-bottom: 0;
    }
    button.btn.try-paying-again {
        font-size: 16px;
    }
    .modal-header > h5 {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }
    .support-tabs a.nav-link.active.show {
        border-bottom: 2px solid #0069ff !important;
        border-radius: 0;
    }
    #tickets-list {
        padding-right: 0;
    }
    .list-logo.dex-exchanges {
        margin: 10px 0 0px 0;
    }
    .dex-exchanges li:nth-of-type(1) svg {
        fill: white;
        width: calc(50vw - 20px);
    }
    .dex-exchanges li:nth-of-type(2) svg {
        fill: white;
        width: calc(35vw - 20px);
    }
}

.table.tickets > tbody > tr > td {
     vertical-align: middle !important;
}

#profile-avatar {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.prel-lg2 {
    position: relative;
}

.prel-lg2 .prel {
    width: auto;
    margin: 0 auto;
    opacity: 0.6;
    position: absolute;
}

.prel-lg2 .prel .circle-clipper .circle {
    border-width: 8px;
}

#countdown-container {
    display: none;
}

#countdown-container h5 {
    float: right;
    margin: 52px 10px 0 0;
}

#countdown-container #account-countdown {
    margin: 40px 0 0 0;
}

#countdown-container #account-countdown.fixed {
    position: fixed;
    top: 21px;
    right: 33px;
}

#route-data-expired {
    display: none;
}

.ccy-title {
    margin: 0px 0 0 8px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.route-online {
    font-size: 11px;
    padding: 0;
    margin: 0;
    line-height: 1em;
}

a.liquidity {
    margin-top: 5px;
    display: inline-block;
    color: #232e66;
}

span.liquidity {
    display: block;
    margin: 7px 0 0 0;
}

span.listed-exchange {
    display: inline-block;
}

span.listed-exchange:nth-of-type(1) a.liquidity {
    display: block;
    text-align: right;
    padding-right: 2px;
    font-size: 12px;
}

span.listed-exchange:nth-of-type(2) a.liquidity {
    display: block;
    text-align: left;
    padding-left: 2px;
    font-size: 12px;
}

.mid-exchange, .exchange-notes {
/*    position: relative;
    top: -12px;*/
    color: #232e66;
}

.exchange-notes {
    margin-left: 10px;
}

span.listed-exchange img {
    height: 32px;
}

span.listed-exchange a:hover {
    text-decoration: none;
}

span.credit-button {
    display: inline-block;
    white-space: nowrap;
}

.credit-button img {
    display: inline-block;
    height: 43px;
}

.credit-button span {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    margin: 0 6px 0 5px;
    position: relative;
    top: 3px;
}

i.liq-details {
    cursor: pointer;
    position: relative;
    top: 1px;
}

.credit-button button{
    height: 43px;
    padding: 3px 12px 7px 12px;
}

table.liquidity {
    margin-bottom: -15px;
}

table.liquidity td, table.liquidity th {
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
}

table.liquidity td:nth-of-type(1), table.liquidity td:nth-of-type(3) {
    border-right: 1px dashed #dadada;
}

.lna {
    color: #dadada;
}

#results-pane .tab-pane > a.btn {
    margin: -5px 0 13px 20px;
}

.red-warning {
    color: red !important;
}

#credits-table td {
    vertical-align: middle;
}

#credits-table .label > i {
    padding-top: .3em;
}

.bot-number {
    font-size: 12px;
    line-height: 1em;
    display: block;
    margin-top: 3px;
}

#credits-table .route-ccy {
    display: inline-block;
    margin-right: 7px;
}

#credits-table .route-slash {
    margin: 0 5px;
    position: relative;
    top: 3px;
    font-weight: bold;
}

#credits-table img {
    height: 32px;
}

#credits-table span.label {
    font-size: 85%;
}

#route-modal .modal-content {
    border-radius: 13px;
    border-color: #348fe2;
}

#route-modal .modal-title {
    font-weight: normal;
    font-size: 17px;
    padding-top: 12px;
}

#route-modal .modal-title > span {
    font-weight: bold;
    font-size: 21px;
    display: inline-block;
    margin-left: 5px;
    color: #3cab49;
}

#route-modal .deal-details {
    margin: 14px 0 -5px 0;
}

#route-modal .deal-details ul {
    padding-left: 0;
    list-style: none;
    display: inline-block;
}

#route-modal .deal-details ul:nth-of-type(1) {
    margin: 0 0 0 150px;
}

#route-modal .deal-details ul:nth-of-type(2) {
    margin: 0 24px 0 0;
    float: right;
}

#route-modal .deal-details ul li {
    font-size: 17px;
    color: #182873;
    line-height: 1.2em;
}

#route-modal .deal-details p {
    display: inline-block;
    margin: 0 0 0 150px;
    font-size: 17px;
    color: #182873;
    line-height: 1.2em;
}

#route-modal .modal-footer .btn-primary:nth-of-type(1) {
    background-color: #182873 !important;
    border-color: #182873 !important;
}

.route-list tbody td:nth-of-type(1) img {
    display: block;
    margin: 0 auto -8px auto;
}

.modal-body p {
    font-size: 16px;
    padding: 0;
    line-height: 1.4em;
}

.inline-ex {
    height: 1.3em;
    margin-left: 6px;
}

.inline-cur {
    height: 1.3em;
    margin-right: 4px;
    position: relative;
    top: -1.5px;
}

#detailed-liquidity-modal #countdownClocker {
    display: inline-block;
    width: 55px;
    height: 45px;
    margin: -29px 0 -16px 10px;
}

.ccy-size {
    display: block;
    font-size: 13px;
    color: #808080;
}

ul.tree {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 2em;
    font-family: Arial;
    position: relative;
    left: 50px;
}
ul.tree li {
    font-size: 16px;
    position: relative;
    text-align: left;
    font-family: Oxygen, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.tree li:before {
    position: absolute;
    left: -15px;
    top: -4.5px;
    content: "";
    display: block;
    border-left: 1px solid #ddd;
    height: 1em;
    border-bottom: 1px solid #ddd;
    width: 10px;
}
ul.tree li ul.tree {
    left: 30px;
}
ul.tree li ul.tree li:before {
    top: 0.5px;
}
ul.tree li:after {
    position: absolute;
    left: -15px;
    bottom: -7px;
    content: "";
    display: block;
    border-left: 1px solid #ddd;
    height: 100%;
}
ul.tree li.root {
    margin: 0px 0px 0px -20px;
}
ul.tree li.root:before {
    display: none;
}
ul.tree li.root:after {
    display: none;
}
ul.tree li:last-child:after {
    display: none;
}

#scrollable-content {
    max-height: 200px;
    overflow: overlay;
}

#scrollable-content table {
    margin-right: 25px;
}

.chip {
    display: inline-block;
    margin-right: 12px;
    font-size: 13px;
    padding: 3px 10px 4px 10px;
    border-radius: 12px;
    border: 1px dashed #a0a0a0;
}