.data-item-menu {
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: -201px; /*+ 1px for border*/
    width: 200px;
    z-index: 1000;
    padding: 0;
    height: 100%;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s;
    -webkit-transition: -webkit-transform 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s;
    -moz-transition: transform 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s;
    -o-transition: transform 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s;
    -webkit-transition: transform 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s;
    transition: transform 0.5s ease-in-out 0s, left 0.5s ease-in-out 0s;
}

    .data-item-menu.transition-3d.show-data-item-menu {
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px);
    }

@media (min-width: 768px) {
    .data-item-menu {
        left: -251px; /*+ 1px for border*/
        width: 250px;
    }

        .data-item-menu.transition-3d.show-data-item-menu {
            -webkit-transform: translateX(250px);
            -ms-transform: translateX(250px);
            -moz-transform: translateX(250px);
            -o-transform: translateX(250px);
            transform: translateX(250px);
        }

    .input-group-range .slider-container > .form-control-range,
    .input-group-range .slider-container > .inputRangeBackground {
        width: 226px !important;
    }
}

@media (min-width: 992px) {
    .data-item-menu {
        left: -291px; /*+ 1px for border*/
        width: 290px;
    }

        .data-item-menu.transition-3d.show-data-item-menu {
            -webkit-transform: translateX(290px);
            -ms-transform: translateX(290px);
            -moz-transform: translateX(290px);
            -o-transform: translateX(290px);
            transform: translateX(290px);
        }

    .input-group-range .slider-container > .form-control-range,
    .input-group-range .slider-container > .inputRangeBackground {
        width: 266px !important;
    }
}

@media (min-width: 1366px) {
    .data-item-menu {
        left: -331px; /*+ 1px for border*/
        width: 330px;
    }

        .data-item-menu.transition-3d.show-data-item-menu {
            -webkit-transform: translateX(330px);
            -ms-transform: translateX(330px);
            -moz-transform: translateX(330px);
            -o-transform: translateX(330px);
            transform: translateX(330px);
        }

    .input-group-range .slider-container > .form-control-range,
    .input-group-range .slider-container > .inputRangeBackground {
        width: 306px !important;
    }
}

.data-item-menu.transition-delay {
    -webkit-transition: transform 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s;
    -moz-transition: transform 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s;
    -o-transition: transform 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s;
    -webkit-transition: transform 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s;
    transition: transform 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s;
}



.data-item-menu.transition-old.show-data-item-menu {
    left: 0px;
}

.data-item-menu-header {
    padding-top: 9px;
    padding-bottom: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 45px;
}

    .data-item-menu-header i {
        font-size: 26px;
        position: absolute;
        top: 10px;
        right: 12px;
    }

.data-item-menu-body {
    position: absolute;
    top: 45px;
    bottom: 60px;
    left: 0px;
    right: 0px;
}

    .data-item-menu-body.readOnly {
        bottom: 0px;
    }

    .data-item-menu-body .panel-collapse {
        transition: none !important;
    }

.data-item-menu-footer {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    padding: 15px;
    height: 60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

    .data-item-menu-footer .btn {
        width: 100%;
    }

.floating-panel {
    z-index: 1001;
    position: absolute;
}

.prediction-node-item,
.data-item-menu .panel {
    margin-bottom: 3px;
    border-radius: 0px;
}

    .prediction-node-item .panel-heading,
    .data-item-menu .panel-heading {
        border-radius: 0px;
    }

        .prediction-node-item .panel-heading,
        .data-item-menu .panel-heading .tree-name {
            margin-right: 30px;
        }

    .prediction-node-item,
    .data-item-menu .panel:first-child .panel-heading {
        border-top: white solid 1px;
    }

.data-item-menu .panel-heading h4 {
    width: 280px;
}

.data-item-menu .panel-body {
    padding: 0px;
}

.data-item-menu .circle {
    display: block;
    position: absolute;
    top: 10px;
    top: calc(50% - 20px);
    right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    font-size: 20px;
    cursor: pointer;
}

    .data-item-menu .circle i.fa-plus,
    .data-item-menu .circle i.fa-minus {
        position: absolute;
        top: 7px;
        left: 9.5px;
    }

    .data-item-menu .circle i.fa-abacus {
        position: absolute;
        top: 7px;
        left: 5.5px;
    }

.data-item-menu .list-group,
.data-item-modal .list-group {
    margin-bottom: 0;
}

.data-item-menu .list-group-item:first-child,
.data-item-modal .list-group-item:first-child {
    border: none;
}

.prediction-node-item.panel-heading {
    color: #fff;
}

.prediction-item.bg-danger .list-group-item {
    background-color: #f2dede;
}

.data-item-menu .list-group-item:nth-child(n+2),
.data-item-modal .list-group-item:nth-child(n+2) {
    border-radius: 0;
}

.data-item-menu .list-group-item:not(.readonly):not(.prediction-node-item):after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #D9DDDE;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    right: 3px;
    top: 50%;
    top: calc(50% - 10px);
}

.data-item-menu .list-group-item.active-item:not(.readonly):after {
    content: "\f0d8";
}

.data-item-label,
.data-item-value {
    display: table-cell;
    vertical-align: middle;
}

.data-item-label {
    width: 60%;
}

.data-item-value {
    width: 40%;
}

.disabled .data-item-label,
.disabled .data-item-value,
.disabled .prediction-node-item {
    opacity: 0.5;
}

.data-item-value {
    text-align: right;
    width: 50%;
    width: calc(50% -20px);
}

.data-item-menu.modal-dialog,
.data-item-modal.modal-dialog {
    margin: 0;
}

@media (min-width: 768px) {
    .data-item-menu.modal-dialog,
    .data-item-modal.modal-dialog {
        min-width: 350px;
        width: auto;
    }
}

.radio-list .radio {
    min-height: 34px;
}

.radio-cell {
    line-height: 18px;
}

.bib-table {
    margin: 24px;
}

    .bib-table > .bib-table-columns {
        padding-left: 100px;
        width: 100%;
        border-bottom: solid 1px #E1E4E5;
    }

.bib-table-row {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px #E1E4E5;
    min-height: 40px;
}

    .bib-table-row > .input-group {
        width: 98px;
        display: inline-block;
    }

.control-label.table-value-name {
    width: 96px;
}

.bib-table-empty,
.bib-table-radio.radio,
.control-label.table-value-name {
    display: inline-block;
}

    .bib-table-radio.radio > input[type=radio] ~ label:before {
        position: static;
    }

.bib-table-empty,
.bib-table-radio.radio {
    width: 50px;
    margin: 4px 24px;
}

.control-label.table-dataitem-name {
    max-width: 100px;
    min-width: 100px;
    display: table-cell;
}

.modal-arrow {
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.list-group-item.disabled {
    background: white !important;
}

.data-item-label.prediction-input .table-cell:last-child {
    vertical-align: middle;
    padding-left: 5px;
}

uib-accordion > .panel-group {
    margin: 0;
}

.input-group > .addon-container .input-group-addon {
    background: none;
}

.input-group-range {
    display: inline-block;
    width: 100%;
}

    .input-group-range .slider-container {
        height: 50px;
        position: relative;
        margin-right: 1px;
        display: inherit;
        float: left;
    }

        .input-group-range .slider-container > .form-control-range {
            padding: 0px;
            margin: 12px 0px 0px 12px;
            -webkit-appearance: none;
            height: 10px;
            background: #fafafa;
            border: solid 0.5px #cccccc;
            outline: none;
            opacity: 0.7;
            border-radius: 2px !important;
            -webkit-transition: .2s;
            transition: opacity .2s;
            -webkit-box-shadow: 3px 5px 10px 0px rgba(204,204,204,0.2);
            -moz-box-shadow: 3px 5px 10px 0px rgba(204,204,204,0.2);
            box-shadow: 3px 5px 10px 0px rgba(204,204,204,0.2);
        }

        .input-group-range .slider-container > .form-control-range,
        .input-group-range .slider-container > .inputRangeBackground {
            width: 176px;
        }

.floating-panel .input-group-range .slider-container > .form-control-range,
.floating-panel .input-group-range .slider-container > .inputRangeBackground {
    width: 326px !important;
}

.input-group-range .slider-container > .inputRangeBackground {
    height: 4px;
    margin-top: 24px;
    margin-left: 19.5px;
    position: absolute;
}

.inputRangeValues {
    margin-top: 30px;
    color: #9f9f9f;
    font-size: 10px;
    text-align: center
}

    .inputRangeValues label.inputRangeMinVal {
        float: left;
        margin-left: 12px;
        width: 17px;
    }

    .inputRangeValues label.inputRangeMaxVal {
        float: right !important;
        width: 17px;
    }

.form-control-range::-ms-fill-upper, .form-control-range::-ms-fill-lower {
    padding: 0px;
    margin: 12px 0px 0px 12px;
    -webkit-appearance: none;
    height: 10px;
    background: #fafafa;
    border: solid 0.5px #cccccc;
    outline: none;
    opacity: 0.7;
    border-radius: 2px !important;
    -webkit-transition: .2s;
    transition: opacity .2s;
    -webkit-box-shadow: 3px 5px 10px 0px rgba(204,204,204,0.2);
    -moz-box-shadow: 3px 5px 10px 0px rgba(204,204,204,0.2);
    box-shadow: 3px 5px 10px 0px rgba(204,204,204,0.2);
}

.form-control-range::-ms-track {
    visibility: hidden;
}

.form-control-range:focus {
    border: solid 0.5px #cccccc;
}

.form-control-range:hover {
    opacity: 1;
}

.form-control-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: #fff;
    border: solid 0.5px #cccccc;
    border-radius: 2px;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 5px #cccccc;
    -webkit-box-shadow: inset 0 0 5px #cccccc;
    box-shadow: inset 0 0 5px #cccccc;
}

.form-control-range::-moz-range-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: #fff;
    border: solid 0.5px #cccccc;
    border-radius: 2px;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 5px #cccccc;
    -webkit-box-shadow: inset 0 0 5px #cccccc;
    box-shadow: inset 0 0 5px #cccccc;
}

.form-control-range::-ms-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: solid 0.5px #cccccc;
    border-radius: 2px;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 5px #cccccc;
    -webkit-box-shadow: inset 0 0 5px #cccccc;
    box-shadow: inset 0 0 5px #cccccc;
}

.addon-container {
    width: 50%;
    float: left;
}

.input-group-range > .form-control-number {
    padding: 6px 0px 6px 12px;
    max-width: 50%;
    float: left;
}

.input-group-range > .addon-container .input-group-addon {
    padding: 6px 12px 6px 12px;
    line-height: 20px;
    width: auto;
    float: right;
}