﻿.error {
    color: #d38a8a;
}

.auth .iti {
    display:block;
}

.table-dropdown-menu {
    left: -100px !important;
}

li.bg-legent-green > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #15b639 !important;
}

.text-mobile-info {
    color: #2196F3 !important;
}

.widget-card-icon, .widget-card-img {
    float: left;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 1.625rem;
    text-align: center;
    padding: 0.3125rem;
    font-size: 1.25rem;
    margin-bottom: -0.125rem;
    margin-top: -0.125rem;
    margin-right: 0.5rem;
    overflow: hidden;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.bg-gradient-blue {
    color: #fff !important;
    background: #24d0f4 !important;
    background: -moz-linear-gradient(top, #24d0f4 0%, #007aff 100%) !important;
    background: -webkit-linear-gradient(top, #24d0f4 0%,#007aff 100%) !important;
    background: linear-gradient(to bottom, #24d0f4 0%,#007aff 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24d0f4', endColorstr='#007aff',GradientType=0 ) !important;
}

.bg-gradient-gold {
    color: #fff !important;
    background: #d26ffd !important;
    background: url(data:image/svg+xml !important;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #d26ffd 0%, #7237b8 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d26ffd), color-stop(100%,#7237b8)) !important;
    background: -webkit-linear-gradient(top, #d26ffd 0%,#7237b8 100%) !important;
    background: -o-linear-gradient(top, #d26ffd 0%,#7237b8 100%) !important;
    background: -ms-linear-gradient(top, #d26ffd 0%,#7237b8 100%) !important;
    background: linear-gradient(315deg, #1e1d1b 0%, #cc9934 74%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26ffd', endColorstr='#7237b8',GradientType=0 ) !important;
}


.bg-gradient-green {
    color: #fff !important;
    background: #68fb86 !important;
    background: url(data:image/svg+xml !important;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #68fb86 1%, #0aad2e 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#68fb86), color-stop(100%,#0aad2e)) !important;
    background: -webkit-linear-gradient(top, #68fb86 1%,#0aad2e 100%) !important;
    background: -o-linear-gradient(top, #68fb86 1%,#0aad2e 100%) !important;
    background: -ms-linear-gradient(top, #68fb86 1%,#0aad2e 100%) !important;
    background: linear-gradient(to bottom, #68fb86 1%,#0aad2e 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68fb86', endColorstr='#0aad2e',GradientType=0 ) !important;
}


.widget-reminder-container {
    position: relative;
}

.jstree-anchor {
    font-size: 12px;
    font-weight: bold;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin: 1em 0em 0em 0em;
    padding: 0.5em 0em 0.5em 0.5em !important;
}

ul.jstree-container-ul.jstree-children {
    padding: 0em 1em 1em 1em !important;
}

li.bg-legent-blue > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #0d98fb !important;
}

li.bg-legent-green > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #15b639 !important;
}

li.bg-legent-gold > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: darkgoldenrod;
}

li.bg-legent-orange > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #f68312 !important;
}

li.bg-legent-red > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #ff2d56 !important;
}

li.bg-legent-silver > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #87959a !important;
}

li.bg-legent-black > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #000000 !important;
}

li.bg-legent-green > a > i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    background-color: #68fb86 !important;
}

.color-legent-blue {
    color: #0d98fb;
}

.color-legent-green {
    color: #15b639;
}

.color-legent-purple {
    color: #7d3dc0;
}

.color-legent-orange {
    color: #f68312;
}

.color-legent-red {
    color: #ff2d56;
}

.color-legent-silver {
    color: #87959a;
}

.color-legent-black {
    color: #000000;
}

.color-legent {
    color: #ffffff;
}

.network-tree-li {
    padding: 0.8em 0em 0em 0em !important
}

.jstree-default .jstree-anchor {
    line-height: 7px !important;
    height: 20px !important;
}

.jstree-anchor.jstree-clicked {
    padding: 1.1em 1em 1.5em 1em !important;
    margin-top: -5px !important;
    margin-left: 7px;
}

i.jstree-icon.jstree-themeicon.fa-user.jstree-themeicon-custom {
    margin-top: -10px;
    background-color: #000000;
    border-radius: 13px;
    padding: 4px;
    width: 25px;
    height: 25px;
}

.jstree-anchor {
    padding: 0 4px 0 7px !important;
    margin-top: 10px !important;
}

span.jstree-name {
    color: #636363;
    margin-bottom: 31px !important;
    padding-left: 5px;
}

.jstree-default .jstree-icon:empty {
    line-height: 16px !important;
}


.profile-info-list > li .value.color-legent-modal {
    color: #97c8ff !important;
}

.box-filter {
    background-color: #ffffff;
    padding: 18px 10px 0px 10px !important;
    border-radius: 15px;
    box-shadow: 0px 0px 19px -4px #4f87ff;
}

.filter-gap {
    padding: 0 15px !important;
}

button.btn.btn-primary.btn-block.btn-filter-search {
    margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
    .box-filter {
        padding: 18px 2px 0px 2px !important;
    }
}

.login h3 span {
    border-bottom: 0.125rem solid rgba(255,255,255,0.25);
    padding-bottom: 0.3125rem;
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #007aff;
    background-color: #e1f0ff;
    border-radius: .25rem;
}

.checkbox-col .checkbox-inline.checkbox-table {
    margin-top: -0.7rem;
    margin-bottom: -0.5rem;
}

.margin-right-5 {
    margin-right: 5px;
}

.register-progress.register-main div.progress {
    background-color: #d4d4d4;
}

span.register-main div div span.password-verdict {
    color: #464646;
}

code2 {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #000000;
    background-color: #dedede;
    border-radius: .25rem;
}

code2 {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

code3 {
    padding: .2rem .4rem;
    font-size: 0.75rem;
    color: #bd4147;
    background-color: #f1f1f1;
    border-radius: .25rem;
    cursor: pointer;
}

h3.tag-title {
    text-align: center;
    background-color: #e1f0ff;
    font-size: 18px;
    padding: 9px 0px 9px 0px;
    color: #007aff;
    font-weight: bold;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

li.dropdown-header {
    font-weight: bold;
}

a.opt {
    margin-top: 10px;
}

.color-white {
    color: #fff !important;
}

p.profile-update-para {
    background-color: #ececec;
    padding: 0px 0px 13px 15px;
}

span.download-label {
    background-color: #d2e0ff;
    padding: 3px;
    border-radius: 13px;
    font-size: 11px;
    margin-left: 8px;
}

.profile-info-list.register-language > li.img-list a img {
    max-width: 1.6rem;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
}

.profile-info-list.register-language > li {
    padding: 0.125rem 0;
}

.row.create-tag {
    background-color: #fff;
    padding: 1.5em 1em 2.5em 1em;
}

span.cur-conver {
    font-size: 28px;
    vertical-align: middle !important;
    padding: 1px 10px;
}

.margin-top-9 {
    margin-top: 9px;
}

.form-control.form-cur, select.form-control.form-cur:not([size]):not([multiple]) {
    height: 2.425rem;
}

.checkbox-tag {
    padding: 0px 0px 0px 10px !important;
    border-bottom: solid 1px #e2e2e2;
    padding-bottom: 13px !important;
}

.tag-title {
    background-color: #e1f0ff;
    font-size: 18px;
    padding: 9px 0px 9px 0px;
    color: #007aff;
    font-weight: bold;
}

.tool-tip-label {
    margin-bottom: 10px;
}

span.password-verdict {
    width: 100% !important;
    text-align: center;
}

img.img-country-code {
    width: 16px;
    height: auto;
}

.dc-money-manager {
    background: url(../img/invesment-manager.png);
    width: 30px !important;
    margin: auto;
    height: 30px;
    background-repeat: no-repeat;
    display: inherit;
}

@-moz-document url-prefix() {
    .si-icon-right-marleft {
        margin-left: -20px !important;
    }
}

@media screen and (max-width: 500px) {
    .navbar .dropdown-menu.dropdown-md {
        margin-left: -4.5rem;
    }
}

.circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px groove #6b6b6b;
    line-height: 27px;
    text-align: center;
}

.radio-image-group .input-hidden {
    position: absolute;
    left: -9999px;
}

.radio-image-group input[type=radio]:checked + label > img {
    border: 1px solid #fff;
    box-shadow: 0 0 1px 3px #007aff;
}

/* Stuff after this is only to make things more pretty */
.radio-image-group input[type=radio] + label > img {
    border: 1px dashed #000;
    width: 150px;
    height: 80px;
    transition: 500ms all;
}

.zoom-in {
    cursor: zoom-in;
}

.field-validation-error {
    color: #dc3545 !important;
    font-weight: 700 !important;
}

.loading-modal {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('https://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
modal element will be visible */
    body.loading .loading-modal {
        display: block;
    }

.filetree input[type='hidden'][value='True'] + .folder {
    background: url(/images/unlocked.png) 0 0 no-repeat !important;
    background-size: 15px 15px !important;
}

.filetree input[type='hidden'][value='False'] + .folder {
    background: url(/images/locked.png) 0 0 no-repeat !important;
    background-size: 15px 15px !important;
}

a.no-deco:hover {
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .navbar-xs-justified {
        display: none !important;
    }

    #page-container {
        padding-top: 3rem !important;
    }
}


@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    .table-converted table,
    .table-converted thead,
    .table-converted tbody,
    .table-converted th,
    .table-converted td,
    .table-converted tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-converted thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-converted tr {
        /*border: 1px solid #e0e0e0;*/
    }

    .table-converted td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        white-space: normal;
        text-align: left !important;
    }

        .table-converted td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
    Label the data
    */
        .table-converted td:before {
            content: attr(data-title);
        }
}

.bootstrap-tagsinput-no-border-padding {
    border: 0 !important;
    padding: 0 !important;
}

.hr-RankingCondition {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    margin: 8px 0px;
    font-weight: 700;
}

    .hr-RankingCondition::before,
    .hr-RankingCondition::after {
        content: "";
        flex-grow: 1;
        background: rgba(0, 0, 0, 0.35);
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 8px;
    }

.modal {
    overflow-y: auto;
}
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

.jstree-node {
    white-space: nowrap;
}

.jstree-anchor {
    display: inline-block;
    color: black;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top;
}

    .jstree-anchor:focus {
        outline: 0;
    }

    .jstree-anchor,
    .jstree-anchor:link,
    .jstree-anchor:visited,
    .jstree-anchor:hover,
    .jstree-anchor:active {
        text-decoration: none;
        color: inherit;
    }

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
}

    .jstree-icon:empty {
        display: inline-block;
        text-decoration: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

.jstree-ocl {
    cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
    cursor: default;
}

.jstree .jstree-open > .jstree-children {
    display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
    display: none;
}

.jstree-anchor > .jstree-themeicon {
    margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
    display: none;
}

.jstree-hidden,
.jstree-node.jstree-hidden {
    display: none;
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px;
}

    .jstree-rtl .jstree-anchor > .jstree-themeicon {
        margin-left: 2px;
        margin-right: 0;
    }

.jstree-rtl .jstree-node {
    margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%;
}

    .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
        cursor: pointer;
    }

    .jstree-wholerow-ul .jstree-anchor,
    .jstree-wholerow-ul .jstree-icon {
        position: relative;
    }

    .jstree-wholerow-ul .jstree-wholerow {
        width: 100%;
        cursor: pointer;
        position: absolute;
        left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.jstree-contextmenu .jstree-anchor {
    -webkit-user-select: none;
    /* disable selection/Copy of UIWebView */
    -webkit-touch-callout: none;
    /* disable the IOS popup when long-press on a link */
}

.vakata-context {
    display: none;
}

    .vakata-context,
    .vakata-context ul {
        margin: 0;
        padding: 2px;
        position: absolute;
        background: #f5f5f5;
        border: 1px solid #979797;
        box-shadow: 2px 2px 2px #999999;
    }

        .vakata-context ul {
            list-style: none;
            left: 100%;
            margin-top: -2.7em;
            margin-left: -4px;
        }

        .vakata-context .vakata-context-right ul {
            left: auto;
            right: 100%;
            margin-left: auto;
            margin-right: -4px;
        }

        .vakata-context li {
            list-style: none;
        }

            .vakata-context li > a {
                display: block;
                padding: 0 2em 0 2em;
                text-decoration: none;
                width: auto;
                color: black;
                white-space: nowrap;
                line-height: 2.4em;
                text-shadow: 1px 1px 0 white;
                border-radius: 1px;
            }

                .vakata-context li > a:hover {
                    position: relative;
                    background-color: #e8eff7;
                    box-shadow: 0 0 2px #0a6aa1;
                }

                .vakata-context li > a.vakata-context-parent {
                    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
                    background-position: right center;
                    background-repeat: no-repeat;
                }

                .vakata-context li > a:focus {
                    outline: 0;
                }

        .vakata-context .vakata-context-hover > a {
            position: relative;
            background-color: #e8eff7;
            box-shadow: 0 0 2px #0a6aa1;
        }

        .vakata-context .vakata-context-separator > a,
        .vakata-context .vakata-context-separator > a:hover {
            background: white;
            border: 0;
            border-top: 1px solid #e2e3e3;
            height: 1px;
            min-height: 1px;
            max-height: 1px;
            padding: 0;
            margin: 0 0 0 2.4em;
            border-left: 1px solid #e0e0e0;
            text-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            border-radius: 0;
        }

        .vakata-context .vakata-contextmenu-disabled a,
        .vakata-context .vakata-contextmenu-disabled a:hover {
            color: silver;
            background-color: transparent;
            border: 0;
            box-shadow: 0 0 0;
        }

        .vakata-context li > a > i {
            text-decoration: none;
            display: inline-block;
            width: 2.4em;
            height: 2.4em;
            background: transparent;
            margin: 0 0 0 -2em;
            vertical-align: top;
            text-align: center;
            line-height: 2.4em;
        }

            .vakata-context li > a > i:empty {
                width: 2.4em;
                line-height: 2.4em;
            }

        .vakata-context li > a .vakata-contextmenu-sep {
            display: inline-block;
            width: 1px;
            height: 2.4em;
            background: white;
            margin: 0 0.5em 0 0;
            border-left: 1px solid #e2e3e3;
        }

        .vakata-context .vakata-contextmenu-shortcut {
            font-size: 0.8em;
            color: silver;
            opacity: 0.5;
            display: none;
        }

.vakata-context-rtl ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
    background-position: left center;
    background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
    margin: 0 2.4em 0 0;
    border-left: 0;
    border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
    right: auto;
    left: 100%;
    margin-left: -4px;
    margin-right: auto;
}

.vakata-context-rtl li > a > i {
    margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
    margin: 0 0 0 0.5em;
    border-left-color: white;
    background: #e2e3e3;
}

#jstree-marker {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

#jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px;
}

    #jstree-dnd .jstree-icon,
    #jstree-dnd .jstree-copy {
        display: inline-block;
        text-decoration: none;
        margin: 0 2px 0 0;
        padding: 0;
        width: 16px;
        height: 16px;
    }

    #jstree-dnd .jstree-ok {
        background: green;
    }

    #jstree-dnd .jstree-er {
        background: red;
    }

    #jstree-dnd .jstree-copy {
        margin: 0 2px 0 2px;
    }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-repeat: no-repeat;
    background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
    transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-context {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
    display: none;
}

.jstree-default .jstree-disabled {
    background: transparent;
    color: #666666;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: #37393e !important;
        box-shadow: none;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

    .jstree-default .jstree-disabled > .jstree-icon {
        opacity: 0.8;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
        /* Firefox 10+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */
    }

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: transparent;
    box-shadow: none;
}

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
        background: #37393e;
    }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
    background: transparent;
}

    .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #e7f4f9;
    }

.jstree-default > .jstree-striped {
    min-width: 100%;
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
    background: #37393e;
    box-shadow: none;
    border-radius: 0;
}

.jstree-default .jstree-wholerow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px;
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

    .jstree-default .jstree-icon:empty {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px;
}

.jstree-default .jstree-wholerow {
    height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: url("32px.png");
}

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y;
}

.jstree-default .jstree-last {
    background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
    background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
    background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
    background: transparent;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: #37393e;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default .jstree-checkbox {
    background-position: -164px -4px;
}

    .jstree-default .jstree-checkbox:hover {
        background-position: -164px -36px;
    }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
    background-position: -228px -4px;
}

    .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default .jstree-checked > .jstree-checkbox:hover {
        background-position: -228px -36px;
    }

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: -196px -4px;
}

    .jstree-default .jstree-anchor > .jstree-undetermined:hover {
        background-position: -196px -36px;
    }

.jstree-default .jstree-checkbox-disabled {
    opacity: 0.8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.jstree-default > .jstree-striped {
    background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
    background: url("32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
    background: url("32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default .jstree-ok,
    #jstree-dnd.jstree-default .jstree-er {
        background-image: url("32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default i {
        background: transparent;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    #jstree-dnd.jstree-default .jstree-ok {
        background-position: -4px -68px;
    }

    #jstree-dnd.jstree-default .jstree-er {
        background-position: -36px -68px;
    }

.jstree-default .jstree-ellipsis {
    overflow: hidden;
}

    .jstree-default .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 29px);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
        width: calc(100% - 5px);
    }

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px;
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    height: 18px;
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

    .jstree-default-small .jstree-icon:empty {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
    height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
    background-image: url("32px.png");
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
    background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
    background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
    background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
    background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
    background: transparent;
}

    .jstree-default-small .jstree-disabled.jstree-hovered {
        background: #37393e;
    }

    .jstree-default-small .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px;
}

    .jstree-default-small .jstree-checkbox:hover {
        background-position: -167px -39px;
    }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
    background-position: -231px -7px;
}

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
        background-position: -231px -39px;
    }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
    background-position: -199px -7px;
}

    .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
        background-position: -199px -39px;
    }

.jstree-default-small .jstree-checkbox-disabled {
    opacity: 0.8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.jstree-default-small > .jstree-striped {
    background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
    background: url("32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
    background: url("32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default-small .jstree-ok,
    #jstree-dnd.jstree-default-small .jstree-er {
        background-image: url("32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default-small i {
        background: transparent;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    #jstree-dnd.jstree-default-small .jstree-ok {
        background-position: -7px -71px;
    }

    #jstree-dnd.jstree-default-small .jstree-er {
        background-position: -39px -71px;
    }

.jstree-default-small .jstree-ellipsis {
    overflow: hidden;
}

    .jstree-default-small .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 23px);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
        width: calc(100% - 5px);
    }

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px;
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    height: 32px;
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

    .jstree-default-large .jstree-icon:empty {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
    height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
    background-image: url("32px.png");
}

.jstree-default-large .jstree-node {
    background-position: -288px 0px;
    background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
    background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
    background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
    background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
    background: transparent;
}

    .jstree-default-large .jstree-disabled.jstree-hovered {
        background: #37393e;
    }

    .jstree-default-large .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0px;
}

    .jstree-default-large .jstree-checkbox:hover {
        background-position: -160px -32px;
    }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
    background-position: -224px 0px;
}

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
        background-position: -224px -32px;
    }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
    background-position: -192px 0px;
}

    .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
        background-position: -192px -32px;
    }

.jstree-default-large .jstree-checkbox-disabled {
    opacity: 0.8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.jstree-default-large > .jstree-striped {
    background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
    background: url("32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
    background: url("32px.png") -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default-large .jstree-ok,
    #jstree-dnd.jstree-default-large .jstree-er {
        background-image: url("32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default-large i {
        background: transparent;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    #jstree-dnd.jstree-default-large .jstree-ok {
        background-position: 0px -64px;
    }

    #jstree-dnd.jstree-default-large .jstree-er {
        background-position: -32px -64px;
    }

.jstree-default-large .jstree-ellipsis {
    overflow: hidden;
}

    .jstree-default-large .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 37px);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
        width: calc(100% - 5px);
    }

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

@media (max-width: 768px) {
    .hidden-sm {
        display: none !important;
    }
    #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white;
    }

        #jstree-dnd.jstree-dnd-responsive > i {
            background: transparent;
            width: 40px;
            height: 40px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
            background-image: url("40px.png");
            background-position: 0 -200px;
            background-size: 120px 240px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-er {
            background-image: url("40px.png");
            background-position: -40px -200px;
            background-size: 120px 240px;
        }

    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px;
    }
}

@media (max-width: 768px) {
    .jstree-default-responsive {
        /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
    }

        .jstree-default-responsive .jstree-icon {
            background-image: url("40px.png");
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-node {
            min-height: 40px;
            line-height: 40px;
            margin-left: 40px;
            min-width: 40px;
            white-space: nowrap;
        }

        .jstree-default-responsive .jstree-anchor {
            line-height: 40px;
            height: 40px;
        }

        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-icon:empty {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
        }

        .jstree-default-responsive.jstree-rtl .jstree-node {
            margin-left: 0;
            margin-right: 40px;
            background: transparent;
        }

        .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
            margin-right: 0;
        }

        .jstree-default-responsive .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl,
        .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-open > .jstree-ocl {
            background-position: 0 0px !important;
        }

        .jstree-default-responsive .jstree-closed > .jstree-ocl {
            background-position: 0 -40px !important;
        }

        .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
            background-position: -40px 0px !important;
        }

        .jstree-default-responsive .jstree-themeicon {
            background-position: -40px -40px;
        }

        .jstree-default-responsive .jstree-checkbox,
        .jstree-default-responsive .jstree-checkbox:hover {
            background-position: -40px -80px;
        }

        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
            background-position: 0 -80px;
        }

        .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
        .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
            background-position: 0 -120px;
        }

        .jstree-default-responsive .jstree-anchor {
            font-weight: bold;
            font-size: 1.1em;
            text-shadow: 1px 1px white;
        }

        .jstree-default-responsive > .jstree-striped {
            background: transparent;
        }

        .jstree-default-responsive .jstree-wholerow {
            border-top: 1px solid rgba(255, 255, 255, 0.7);
            border-bottom: 1px solid rgba(64, 64, 64, 0.2);
            background: #ebebeb;
            height: 40px;
        }

        .jstree-default-responsive .jstree-wholerow-hovered {
            background: #e7f4f9;
        }

        .jstree-default-responsive .jstree-wholerow-clicked {
            background: #beebff;
        }

        .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
            box-shadow: inset 0 -6px 3px -5px #666666;
        }

        .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
            box-shadow: inset 0 6px 3px -5px #666666;
            border-top: 0;
        }

        .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
            box-shadow: none;
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-node > .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-image: url("40px.png");
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-node {
            background-position: -80px 0;
            background-repeat: repeat-y;
        }

        .jstree-default-responsive .jstree-last {
            background: transparent;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background-position: -40px -120px;
        }

        .jstree-default-responsive .jstree-last > .jstree-ocl {
            background-position: -40px -160px;
        }

        .jstree-default-responsive .jstree-themeicon-custom {
            background-color: transparent;
            background-image: none;
            background-position: 0 0;
        }

        .jstree-default-responsive .jstree-file {
            background: url("40px.png") 0 -160px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-folder {
            background: url("40px.png") -40px -40px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
            margin-right: 0;
        }

}

.dataTables_empty {
    color: #529daf !important;
    font-size: 1.3rem !important;
}

.page-footer-disclaimer {
    border-top: 1px solid grey;
    color: #868e96 !important;
}

.text-danger {
    color: #ff0000 !important;
}


.img-circle-traders {
    border-radius: 50%;
    height: 85px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85px;
    top: 0;
    left: 0;
    object-fit: cover;
    box-shadow: -1px 1px 7px #757575;
}


.input-group-traders {
    color: #fff;
    background-color: #717df9;
    border: 2px solid #717df9;
    border-radius: 30px;
}

input.form-control.input-trader {
    border: 2px solid #717df9;
    border-radius: 30px;
}

a.search-traders {
    font-weight: 700;
}

.bg-gradient-blue-purple {
    color: #fff !important;
    background: linear-gradient( 135deg, #7e68f8 0%,#609cfc 100%) !important;
}

a.trader-header-btn.btn {
    border-radius: 30px;
    border: none;
}

.label-traders-1 {
    background-color: #d6d6d6;
    display: -webkit-inline-box;
    color: #232323;
    padding: 3px 8px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 10px;
}


.amt-fol-price {
    font-size: 20px;
    font-weight: 700;
    color: #07ab9a;
    /*    #0ebf40;*/
}

.inv-fol {
    font-size: 20px;
    font-weight: 500;
}

.margin-top-10 {
    margin-top: 10px;
}

.follow-traders {
    font-size: 17px;
    font-weight: 500;
    /* background-color: #212121;*/
    display: inline-block;
    padding: 2px 10px;
    color: white !important;
    border-radius: 30px;
    margin-top: 40px;
    vertical-align: middle;
    /* box-shadow: 0px 0px 6px #256e8d;*/
    text-decoration: none !important;
}


a.trader-name {
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
}

.col-mobile-follow {
    text-align: right;
}

.long-text {
    display: none
}

.text-danger {
    color: #FF3B30 !important;
}

span.show-more-button {
    background-color: #1e202f;
    font-weight: 500;
    padding: 0px 7px;
    border-radius: 30px;
    color: white;
    display: inline-block !important;
    cursor: pointer;
    width: 100px;
    text-align: center;
}
.img-responsive {
    width: 100%;
    text-align: center;
    margin: auto;
}
.pull-right {
    float: right;
    text-align: right;
}
@media (max-width: 1450px) {
    span.traders-desc {
        width: 270px;
    }
}

.copyTrade .table-wrap {
    border-bottom: 1px solid #ededf0;
    padding: 20px 24px;
}

.copyTrade .widget-list-container .widget-list-media.icon i {
    width: 3rem;
    height: 3rem;
    font-size: 40px;
    padding-top: 5px;
}

.copyTrade .widget-list-content {
    font-size: 1rem;
}

.copyTrade .details-symbol-bar .bar-wrap .desc li span:first-child {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
}

.copyTrade .noborder tbody tr td {
    border: 0;
}

.copyTrade .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.copyTrade .btn:focus {
    background: #ffffff !important;
    box-shadow: none !important;
}

.copyTrade .panel-title {
    font-size: 1.25rem !important;
    line-height: 1.25rem;
    font-weight: bold;
}


.copyTrade .table td {
    padding: 0.5rem !important;
}


.copyTrade .col-xs-3 {
    width: 25% !important;
}

.copyTrade .p-l-15 {
    padding-left: 15px !important;
}

.copyTrade .p-b-10 {
    padding-bottom: 10px !important;
}

.copyTrade .col-xs-9 {
    width: 75% !important;
}

.copyTrade .col-xs-4 {
    width: 33.33333333% !important;
}

.copyTrade .table td, .table th {
    padding: 0.5rem !important;
    white-space: nowrap;
}

.copyTrade h4, .h4 {
    font-size: 1.125rem;
}

.m-t-0 {
    margin-top: 0px !important;
}

.copyTrade .panel {
    margin-bottom: 0.75rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #eaeaea;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: relative;
}

.copyTrade .tab-content.tab-content-bordered {
    padding: 0.9375rem;
    border: 1px solid #dadade;
    border-top: none;
}

@media (max-width: 1300px) {
    .img-circle-traders {
        height: 60px;
        width: 60px;
        margin-top: 5px;
    }

    span.traders-desc {
        width: 240px;
    }

   
}

@media (min-width: 1200px){
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 1100px) {
    .label-traders-1 {
        margin-top: 20px;
    }
    .follow-traders {
        font-size: 12px;
        margin-top: 10px;
    }

    .col-mobile-follow {
        text-align: left;
    }

    .img-circle-traders {
        height: 50px;
        width: 50px;
        margin-top: 5px;
    }

    span.traders-desc {
        width: 200px;
    }

    .follow-portfolio-recommendation {
        margin-top: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 901px) and (max-width: 991px) {
    .hidden-lg {
        display: none !important;
    }
}


.btn-ChartType {
    background-color: #ffffff !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    border: 1px solid transparent !important;
    padding: 3.5px 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.btn-ChartType-active {
    box-shadow: 0 0 0 1px #c8c7cc !important;
    /* z-index: 2000 !important; */
    position: relative;
}

@media (max-width: 900px) {
    .hidden-md {
        display: none !important;
    }

    .label-traders-1 {
        margin-top:20px;
    }

    span.traders-desc {
        width: 150px;
    }

    .follow-portfolio-recommendation {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .img-circle-traders {
        height: 70px;
        width: 70px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    span.traders-desc {
        width: 400px;
        -webkit-line-clamp: 2;
    }

    a.trader-url {
        margin-bottom: 15px;
    }

    .follow-portfolio-recommendation {
        margin-top: 10px;
    }
}

@media (max-width: 650px) {
    span.traders-desc {
        width: 330px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 575px) {
    span.traders-desc {
        width: 450px;
        -webkit-line-clamp: 2;
        margin-bottom: 25px;
    }

    .col-mobile-follow {
        position: absolute;
        float: right;
        text-align: right;
        margin-left: -45px;
        margin-top: -25px;
    }

    a.search-traders {
        text-align: center;
        margin-top: 15px;
        margin-left: 0px;
    }
}

@media (max-width: 500px) {
    span.traders-desc {
        width: 350px;
        -webkit-line-clamp: 2;
        margin-bottom: 25px;
    }
}

@media (max-width: 380px) {
    .label-traders-1 {
        padding: 3px 3px;
        font-size: 8px;
    }

    .amt-fol-price {
        font-size: 17px;
    }

    .inv-fol {
        font-size: 17px;
    }
}

@media (max-width: 350px) {
    span.traders-desc {
        width: 270px;
        -webkit-line-clamp: 2;
        margin-bottom: 25px;
    }
}

.bg-gradient-orange {
    color: #fff !important;
    background: linear-gradient(to bottom, #f7b90c 0%,#f68213 100%) !important;
}


.bg-gradient-prussian {
    color: #fff !important;
    background: #256e8d !important;
}

.btn-danger {
    background: #B22222 !important;
}

.filetext-hidden {
    color: rgba(0, 0, 0, 0);
}

.filetext-hidden:focus {
    color: rgba(0, 0, 0, 0);
}