.addressbook table.dataTable tbody td a.btn-sm {
    border-radius: 2px;
    font-size: 10px;
    line-height: 1.1;
    padding: 5px 10px;
}
.tr-xsm {

}
.addressbook  table.dataTable .btn-default.btn-icon.btn-sm i {
    padding: 3px 6px;
}

.addressbook table.dataTable tbody th, .addressbook table.dataTable tbody td {
    line-height: 1.6;
    padding: 3px 5px 2px;
}
.addressbook table.dataTable thead th,
.addressbook table.dataTable thead td {
    padding: 4px 7px;
}

.input-group-addon.trans-spacer {
    background-color: transparent;
    border-color: transparent;
    width: 100px;
}

span.select2 {
    visibility: visible;
}

.select2-container--default .select2-selection--single {
    border-color: #eeeed6 !important;
}

.zhidden {
    display:none;
}
a.link {
    cursor: pointer;
}
div.recover-password {
    position:relative;
}
.pwRecover {
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 20000;
}
.pwRecover .entypo-direction {
    color: #ffe1bc;
    font-size: 21px;
    text-shadow: 0 0 15px rgba(177, 254, 255, 1);
    transition: all 0.2s ease 0.2s;
}
.btn-primary.pwRecover {
    background: transparent none repeat scroll 0 0;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 20000;
}
.btn-primary.pwRecover:hover {
    background: transparent none repeat scroll 0 0;
    border-color: transparent;
}
.pwRecover .entypo-direction:hover {
    color: white;
    text-shadow: 0 0 17px rgba(146, 204, 255, 1);
}

body.login-page .alert.alert-danger > a {
    color: black;
    text-decoration: underline;
}

#consignmentcreate .form-control {
    height: 27px;
    line-height: 1.2857;
    padding: 0 8px;
}

#consignmentcreate .table > thead > tr > th,
#consignmentcreate .table > tbody > tr > th,
#consignmentcreate .table > tfoot > tr > th,
#consignmentcreate .table > thead > tr > td,
#consignmentcreate .table > tbody > tr > td,
#consignmentcreate .table > tfoot > tr > td {
    line-height: 1.2857;
}
#consignmentcreate .col-sm-1 {
    padding-left:0;
}
#consignmentcreate .table .col-sm-12,
#consignmentcreate .table .col-sm-3,
#consignmentcreate .table .col-sm-2
{
    padding-left:2px;
    padding-right:2px;
}
#consignmentcreate .col-sm-12.control-label {
text-align: left;
}

#consignmentcreate.form-horizontal .table .form-group {
    margin-left: 0;
    margin-right: 0;
}

#consignmentcreate .table .btn {
    line-height:1.32857;
    padding:5px;

}
#consignmentcreate .articles-list .table .btn {
    line-height: 1.32857;
    padding: 2px;
}


#consignmentcreate .articles-list .table tr td {
    padding: 4px 0 0 12px;
    text-indent: 0;
    vertical-align: middle;
}
#consignmentcreate .articles-list .table tr td:nth-child(5) {
    padding-left: 0;
    width: 8%;
}
.articles-add .col-sm-11 {
    padding-left: 0;
    padding-right: 0;
}
.articles-add .form-group > .col-sm-1 {
    top: 21px;
}

#consignmentcreate .btn.zsubmit {
    margin-left:10px;
}

#consignmentcreate .articles-add label {
    max-height: 22px;
    max-width: 71px;
    overflow: hidden;
}

#alertBox {
    background: green none repeat scroll 0 0;
    color: white;
    height: 46px;
    padding-left: 0px;
    position: fixed;
    text-align: center;
    top: 0px;
    vertical-align: middle;
    width: 100%;
    z-index: 99999;
    display: table;
}
#alertBox .autoClose {
    position: absolute;
    background: rgba(0,0,0,0.5);
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 46px;
    cursor: pointer;
}
.g-info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: white;
}
.aval-warning {
    border: 2px solid red !important;
}
.g-info i {
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: white;
    text-shadow: 0px 0px 4px rgba(0,0,0,1);
    line-height: 1.2em;
}

.g-info .ri {
    position: absolute;
    color: black;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    width: 23px;
    text-shadow: none;
    font-size: 14px;
    vertical-align: middle;
    top: 1px;
}



#alertBox .content {
    display: table-cell;
    height: 80%;
    left: calc(50% - 150px);
    position: absolute;
    text-align: center;
    top: 10%;
    width: 300px;
}

#alertBox .content table {
    height: 100%;
    text-align: center;
    width: 100%;
}


#ab-inner {
    display: block;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.91);
    vertical-align: middle;
    width: 100%;
}
#addresscreate .form-group {
    margin-bottom: 0;
    padding: 4px;
}
.addressbook.draggable #addresscreate  .form-control {
    font-size: 12px;
    height: 24px;
    padding: 2px 3px;
}


*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.form-control {
    box-shadow: none !important;
    outline: 0 none !important;
}

#addresscreate .select2-selection {
    background-color: #fffffc;
}
#addresscreate .form-control {
    background-color: #fffffc;
    border: 1px solid #eeeed6;
}

.consignment-status .table tr .btn.btn-sm {
    width: 60px;
}
.permissions-details .form-group label {
    text-align: right;
}
.permissions-details .btn.btn-green.btn-icon {
    margin-left: 79px;
    padding-right: 0;
    text-align: left;
}

.permissions-details .btn {
    padding:0px;
}

.btn .left, .btn .right {
    display: inline-block;
    padding: 6px 12px;
}
.permissions-details .btn {
    overflow: hidden;
}
.permissions-details .left {
    background: #00883a none repeat scroll 0 0;
}
.permissions-details .btn .left {
    background: #067b06;
}

.permissions-details .form-group > strong {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    padding: 6px 15px 6px 9px;
    position: absolute;
    vertical-align: middle;
}

.select2-container {
    z-index: 99999;
}

.attributes {
    padding-top: 15px;
}
.attributes .form-group label.text-left {
    text-align: left;
    padding-bottom:9px;
}

.user-create .panel-options > a {
    margin-top: 0;
}
.user-create .panel-heading button i {
    padding: 5px !important;
}

.attributes input, .attributes textarea {
    background-color: #fffff8;
}
.attributes label {
    color: #80b280;
}
tr.nopassword {
    color: red;
}

.rowActions {
    min-width: 120px;
}
.rowActions button.btn-xs {
    margin-left: 2px;
    padding: 5px 4px;
}

#dbfm {
    height: 400px;
    left: calc(50% - 300px);
    position: fixed;
    top: calc(50% - 200px);
    width: 600px;
}
.dbfs-fm {
    background: white none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.11) inset;
    height: 100%;
    padding: 20px;
    width: 100%;
}
#ajaxAnim {
    left: calc(50% - 21px);
    position: fixed;
    top: calc(50% - 21px);
    z-index: 100000;
    background: white;
    border-radius: 19px;
    padding: 6px;
}

.ajaxAnim_i {
    background: rgba(0, 0, 0, 0) url("/images/ajax-loader.gif") no-repeat scroll 0 0;
    height: 42px;
    width: 42px;
}


.dbfs-filelist table.table tbody tr td {
    height: 18px;
    max-height: 16px;
    max-width: 100px;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 2px 3px;
    position: relative;
    text-align: left;
    word-break: keep-all;
}

.dbfs-fileadd #type {
    margin-right: 5px;
    width: 200px;
}

.dbfs-fileadd {
    margin-top: 5px;
}


.opt-close.close {
    background: #808080 none repeat scroll 0 0;
    border-radius: 15px;
    color: white;
    opacity: 1;
    padding: 3px 0;
    position: absolute;
    right: -2px;
    top: -2px;
}
.opt-close.close:hover {
    background-color:green;
}
#table-fm .btn.btn-xs {
    line-height: 11px;
    padding: 0;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    background-color: #f5f5f6;
    border-bottom-width: 0px;
    color: #808184;
    border-bottom: 0 !important;
}

#pop-outer,#asset-selector {
    left: 50%;
    position: fixed;
    top: 50%;
}
.pop-container {
    background: #ffffff none repeat scroll 0 0;
    border-color: #a9a9a9;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    padding: 0px;
    z-index: 200000;
}
.pop-container .pop-body {
    padding: 6px 20px 18px 20px;
}
.pop-container .pop-title {
    padding:20px;
}
.pop-container .pop-title {
    padding: 5px 19px;
    background: #555555;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
.pop-container .col-sm-6, .pop-container .col-sm-4, .pop-container .col-sm-3 {
    padding-left: 0px;
}
.pop-opts {
    position: absolute;
    right: -8px;
    top: -6px;
    z-index: 20001;
}
.fe-container .btn {
    display: inline-block;
}

.fe-container {
    display: block;
    width: 100%;
}


#fe-input, #fe-select {
    margin-right: 5px;
    width: 200px;
}

.consignment-preview {
    width: 800px;
    color:black;
}



.consignment-preview table tr td:first-child {

    font-weight: 700;
    min-width: 200px;

}

.consignment-preview table tr td {
    padding-bottom: 4px;
    padding-right: 40px;
    vertical-align: top;
    color: black;
}
.fa {
    margin-left: 0.2em;
    margin-right: 0.2em;
}

#table-consignments tbody tr th:first-child {
    max-width: 100px !important;
    width: 48px;
}

.addressbook.draggable table tr td a {
    overflow: hidden;
    text-indent: -9999px;
}
.addressbook.draggable i {
    padding-top: 3px !important;
    text-indent: -2px;
}
.addressbook.draggable .btn-icon.btn-sm.icon-left {
    padding-left: 10px;
}

div.panel-body > label:nth-child(1) {
    left: 225px;
    position: absolute;
    top: 30px;
    z-index: 999;
}

.articles-list tr.summary {
    background: #e0e0e0;
    color: black;
    font-weight: bold;
}

/*.defs-edit > div > div.attribute {
    padding-left: 15px;
}
*/

.def-c {
    border: 0 solid #e0e0e0;
    display: table;
    padding: 0;
}

.def-c > .child-container > .def-c > div,
.depth-0 > div.node,
.depth-1 > div.node,
.depth-2 > div.node,
.depth-3 > div.node,
.attribute-data > .data-container > div.node {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    color: #636363;
    cursor: pointer;
    margin-bottom: 2px;
    min-width: 130px;
    padding: 2px;
}
.def-c i.fa {
    margin-right: 6px;
}

.attribute-data > .data-container > div.node {
    background: #fbfbfb none repeat scroll 0 0;
    color: #7a7e95;
    font-weight: normal;
    margin-left: 16px;
    padding-left: 6px;
    text-align: left;
}

.node .btn-xs {
    border-radius: 4px;
    font-size: 11px;
    line-height: 13px;
    padding: 1px 0 0;
    text-align: center;
}

.data-options {
    float: right;
    margin-bottom:4px;
}
.depth-1 {
    margin-left:16px;
}
.depth-2 {
    margin-left:32px;
}
.depth-3 {
    margin-left:48px;
}
.depth-4 {
    margin-left:64px;
}

.trans-input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.inline-text {
    display: inline-block;
    width: 85%;
}
/** Transitions **/

.transition-fade-in {
    opacity: 0;
    transition: all 1s ease 0s;
}
.data-container .csv.node:hover .transition-fade-in {
    opacity:1;
}

.logo {
    position: relative;
}
.page-container .sidebar-menu .logo-env {
    box-sizing: border-box;
    padding:0px 31px 0;
    width: 100%;
}
.sidebar-collapse {
    top: 19px;
}
.pop-container label {
    display: block;
}
.pop-container input, .pop-container select, .pop-container textarea {
    color: black;
    border: 2px solid #dfdfdf;
    padding: 3px 6px;
    border-radius: 3px;
}
.pop-container .form-group .col-sm-12 {
    padding: 0px;
}

.defs-source-data {
    position: absolute;
    left: 100%;
    background: #f0f0f0;
    padding: 15px 20px 15px 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #979797;
    border-left-width: 0px;
}

.defs-item .defs-source-data input {
    border: 0px;
    padding: 1px;
}
.defs-source-data .node {
    line-height: 0px;
}

button.b-clone {
    position: absolute;
    right: -18px;
}
button.b-remove {
    position: absolute;
    right: 2px;
}
.defs-item {
    min-width: 353px;
}
.btn.btn-danger.btn-xs.zpClick-defs\.clone {
    margin-left: 4px;
}
.panel-objects .defs {
    background: #f0f0f0;
    padding: 10px;
}
.objects-title,.structs-title {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px dotted;
    margin-bottom: 5px;
}
.objects-edit,.structs-edit {
    padding: 20px;
    border-bottom: 1px dotted;
    margin-bottom: 5px;
}
.panel-footer {
    background-color: #f8f8f8 !important;
}
.pop-inner button[class*="structs-"] {
    margin-top: 13px;
}
#pop-outer {
    z-index: 20000;
}
.main-content .select2-container {
    z-index: 10000;
}
.panel-body div.child {
    margin-left: 17px;
}

.structs-node {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    color: #636363;
    cursor: pointer;
    margin-bottom: 2px;
    min-width: 130px;
    padding: 2px;
}

.defs-widget {
    position: absolute;
    left: 104%;
    background: #ffffff;
    padding: 0px 0px 0px 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #979797;
    border-left-width: 1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    top: -8px;
}
.widgets-graph #graph {
    background: white;
}
.widget-title {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    color: black;
    border-bottom: 1px solid #e0e0e0;
}
#widget-data {
    width: 100%;
    height: 40px;
    font-size: 9px;
}



fieldset {
    padding: 10px;
    margin: 1px;
    border: 1px solid #e0e0e0;
    min-width: 0;
    display: inline-block;
    vertical-align: top;
}

legend {
    display: inline-block;
    padding: 0px 8px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: inherit;
    color: #7d8086;
    border: 1px solid #e5e5e5;
    width: auto;
}

.panel-body ul {
    padding-left: 0px;
}
.form-group {
    clear: both;
}
.form-group.widget-fields {
    margin-top: 5px;
    position: relative;
    background: #F27500;
    border-radius: 5px;
}

.widget-fields .inner {
    clear: both;
    display: block;
    position: relative;
    height: 100%;
    padding: 5px;
    color: #fff;
    font-size: 11px;
}
.widget-fields h3 {
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    background: #f25c18;
    padding: 2px 0px 3px 5px;
    display: block;
    position: relative;
    font-weight: bold;
    color: #ffd124;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.form-group.ei-buttons button {
    margin-top: 11px;
}
.data-item.item-container {
    min-width: 420px;
}
.ei-buttons-data .col-sm-12 {
    padding-left: 16px !important;
}
.object-title {
    font-size: 19px;
}

.input-attribute, .attribute.node {
    display: inline-block;
}

.input.input-attribute input,.input.input-attribute select {
    border: 1px solid #bababa;
    margin-left: 2px;
    border-radius: 2px;
    color: #303030;
    text-align: center;
}
.format-float input {
    width: 43px;
}
.widget-prev-c .widget-preview, .widget-prev-c button {
    display: inline-block;
    padding-left: 5px;
}

.pop-container .widget {
    min-width: 400px;
    min-height: 100px;
}
.item-container .dbfs-fm {
    padding: 0px;
    background: none;
    box-shadow: none;
    border: none;
}
.item-container .dbfs-fm .opt-close.close.zpClick-closeThis {
    display: none;
}
.assets-item.item-container {
    min-width: 400px;
}
.dbfs-split input {
    width: 58px;
}
.dbfs-asset {
    max-height: 200px;
    overflow: scroll;
}
.tile-c,.asset_tile {
    display: inline-block;
    margin: 2px;
    border: 1px solid black;
}
.split-preview {
    position: absolute;
    top: -135px;
    right: -630px;
    background: white;
    border: 4px solid #dfdfdf;
    max-width: 609px;
    max-height: 638px;
    overflow: scroll;
}
.dbfs-split .btn {
    margin-top: 20px;
}

.dbfs-tiles {
    position: absolute;
    left: -662px;
    top: -135px;
    background: white;
    width: 642px;
    height: 638px;
    border: 4px solid #e0e0e0;
}
.widgets-assets-select .asset {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    display: inline-block;
    border: 1px solid #000;
    position: relative;
    margin: 2px;
    cursor:pointer;
}

.asset .title,.asset .count {
    position: absolute;
    top: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    padding: 2px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}
.asset .count {
    bottom: 0px;
    top: auto;
}
.asset .count::after {
    content: " tiles";
}
.dbfs-asset {
    max-height: 200px;
    overflow: scroll;
    max-width: 600px;
}

.dbfs-tiles .tiles {
    max-height: 564px;
    overflow-y: scroll;
}
.widgets-media .media {
    max-width: 1200px;
    max-height: 500px;
    overflow-y: auto;
}
.widget-preview .asset_tile {
    border-color: transparent;
}
.widget-preview {
    vertical-align: middle;
}
.input.input-attribute.format-text {
    width: 100%;
}
.input.input-attribute.format-text textarea {
    width: 100%;
    border-style: solid;
    margin-bottom: 6px;
    padding: 4px;
}

.tooltiptext {
    display: none;
}

.graph-container {position:relative;}
.widgets-graph #graph {
    background: white;
    border: 1px solid #c0c0c0;
}
.gdragNode {
    position: absolute;
    border: 1px solid #ff0000;
    border-radius: 4px;
    padding: 3px;
    width: 5px;
    height: 5px;
    line-height: 0px;
    cursor:pointer;
}
textarea#widget-data {
    display: none;
}
.spawn-canvas-container {
    position: absolute;
    border: 1px solid #B52424;
    z-index: 20000;
    background: #ffffff;
    top: 55px;
    left: 301px;
    display: none;
}
.dt-checkbox-list .input.input-attribute.format-bool {
    width: 100%;
}
.item-name, .item-value {
    display: inline-block;
}
.checkbox-list-item .item-name {
    width: 77px;
}
.checkbox-list-item.inherited {
    background: #f0f0f0;
}
.in-int {
    width: 40px;
}
.widgets-resources table td input {
    padding: 0px 3px;
}
.widgets-resources .add .select, .widgets-resources .add button {
    display: inline-block;
}
.dt-w-resources div.input,
.dt-w-resources .widget-preview,
.dt-w-lists div.input {
    width: 100%;
    display:block;
}
.dt-w-lists .widget-preview {
    display:block;
}
.widgets-lists .in-input {
    padding: 0px;
    line-height: 15px;
    font-size: 11px;
    color: #303030;
}
.widget-opts {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}
.widgets-lists:hover .widget-opts {
    display: block;
}
.table-opts button {
    position: absolute;
    right: 0px;
}
.table-opts {
    position: relative;
    height: 0px;
    top: -18px;
    padding-right: 0px;
}
.list-select {
    display: inline-block;
    padding-right: 10px;
}
.list-select label {
    display: block;
}
/*
display_type=select don't need a launch button, at least not yet.
 */
.disp-select button.btn-success {
    display: none;
}
.inherited-text {
    color: #d0d0d0;
}
.object-title span {
    font-size: 18px;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
    color: #800000;
}
.object-title span.sep {
    font-size: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    color: #808080;
}
.object-title span:nth-child(3) {
    color: #813B6A;
}
.badge.badge-orange {
    background-color: orangered;
    color: #fff;
}
#data td span {
    color: #c0c0c0;
}

table.inherited td {
    color: #c0c0c0;
}

.slider[id="moisture"] .ui-slider-range,
.slider[id="moisture"] .ui-slider-handle,
.struct-spawn ul[name="moisture"] div[name="struct"]
{
    background: #20a0ff;
    color:white;
}
.slider[id="altitude"] .ui-slider-range,
.slider[id="altitude"] .ui-slider-handle,
.struct-spawn ul[name="altitude"] div[name="struct"]
{
    background: #3bd648;
    color:white;
}

.slider[id="temperature"] .ui-slider-range,
.slider[id="temperature"] .ui-slider-handle,
.struct-spawn ul[name="temperature"] div[name="struct"]
{
    background: #ff4f26;
    color:white;
}
.slider[id="distribution"] .ui-slider-range,
.slider[id="distribution"] .ui-slider-handle,
.struct-spawn ul[name="distribution"] div[name="struct"]
{
    background: #b820d1;
    color:white;
}

.struct-spawn ul[name="curve"] div[name="struct"]
{
    background: #b0b10d;
    color:white;
}

.ui-slider-handle .ui-label {
    display: none;
}
.dt-w-colorpicker button.btn-xs {
    display: none;
}
.color {
    width: 16px;
    height: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;

}
div.input .text-info {
    border: 1px solid #e0e0e0;
    padding: 2px 4px;
    margin-left: 2px;
    display: inline-block;
}
div.input .text-info i {
    color: green;
    font-weight: bold;
}
.setValueItem input {
    max-width: 100px;
    border: 1px solid #7df1a1;
    padding: 0px 3px;
    display: inline-block;
    color: black;
    background: #BBFFD1;
}
.setValueItem {
    min-width: 141px;
}
.tags-list button, .tags button {
    margin-left: 2px;
}

.tags-list, .tags {
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 5px;
    margin-top: 5px;
}
.widgets-tags > div {
    margin-bottom: 7px;
}
div.tag-item div.i {
    z-index: 999999;
}
div.tag-item div.i:hover {
    color:yellow;
}
div.activeTag {
    background-color: #3dbc0c;
}
div.activeTag i {
    background-color: green !important;
}
div.activeTag:hover {
    background-color: green;
}

.tag-opt.remove-tag, .tag-opt.edit-tag {
    display: inline-block;
    width: 15px;
    overflow: hidden;
    height: 15px;
    line-height: 14px;
}
.available-action, .tag-title, .activeTag-action {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.widgets-tags div.tag {
    border: 2px solid #2852ab;
    display: inline-block;
    margin-left: 2px;
    border-radius: 3px;
    cursor: pointer;
    color: whitesmoke;
    padding-left: 2px;
    overflow: hidden;
    height: 21px;
    vertical-align: middle;
    text-align: center;
    line-height: 0px;
}
.tag.tag-item.available {
    background-color: #196caa;
}
.tag-opt:hover {
    color: yellow;
}
.tag-actions {
    background: #14416e;
    padding: 2px;
}
div.activeTag {
    background-color: #3dbc0c;
    border-color: green !important;
}
.activeTag-action.tag-actions {
    background-color: #1a5c13;
}
table tr td button {
    margin-right: 2px;
}
select.inherited option.inherited {
    background: #e0e0e0;
}
tr td div.desc {
    max-width: 200px;
}
.lists-fulledit .properties label {
    display: block;
}
.properties #desc {
    width: 800px;
    height: 40px;
}
.widget-code {
    background-color: #f0f0f0;
    color: #808080;
}
.list-map-add {
    margin-bottom: 4px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 4px;
}
.list-map-add select {
    margin-right: 3px;
    text-align: left !important;
}
.biome .biome-graph .right {
    width: 1050px;
}

#biomes-list, .biome-graph .sliders {
    display: inline-block;
    min-width: 195px;
    vertical-align: top;
}
.biome-graph .sliders {
    min-width: 280px;
    margin-left: 13px;
    border: 1px solid #d5d6d6;
    padding: 10px;
    background: #e8e8e8;
    border-radius: 10px;
}
.dbfs-asset img {
    width: 128px;
    border: 4px solid #D3D3D3;
    margin: 4px 4px 4px 0px;
}
.pop-body .assets-item pre {
    font-size: 10px;
}

/** DBFS Asset Thumbnails **/
.dbfs-asset .thumb.assParent, .dbfs-asset .thumb.assChild {
    max-height: none;
    max-width: none;
    overflow: unset;
    position: relative;
    display: inline-block;
}
.dbfs-asset .thumb.assParent:hover .dbfs-asset-opts, .dbfs-asset .thumb.assChild:hover .dbfs-asset-opts {
    display:block;
}
.dbfs-asset-texture_type {
    position: absolute;
    bottom: 0px;
    color: white;
    background: rgba(0,0,0,0.6);
    width: 100%;
    padding: 2px;
    text-indent: 4px;
    text-transform: uppercase;
    font-weight: bold;
}
.dbfs-asset-opts {
    position: absolute;
    right: 11px;
    top: 12px;
    display:none;
}
.dbfs-asset div.thumb.assParent .dbfs-asset-i img {
    border-color: #be8757;
}
.dbfs-parent .thumbnail-small {
    display: inline-block;
    margin: 5px;
    border: 3px solid #b6f5db;
}
.dbfs-parent .thumbnail-small::before {
    content: "Parent";
    vertical-align: top;
    position: absolute;
    background: rgba(0,0,0,0.5);
    color: white;
    width: 64px;
    text-indent: 4px;
}
.debug-info {
    display: none;
}
.asset.thumbnail-small img {
    width: 64px;
}
.asset.thumbnail-small {
    display: inline-block;
    margin: 1px 1px;
}

.btn-mini {
    padding: 2px 4px;
    font-size: 11px;
    line-height: 17px;
}
.gal-item {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    position: relative;
}
.gal-item:hover .opts {
    opacity:1;
    top:0px;
}
.gal-item .opts {
    position: absolute;
    top: 250px;
    right: 0px;
    transition: all 0.21s ease;
    opacity:0;

}

.droppable {
    padding: 5px;
    background: #f0f0f0;
    display: block;
    width: 100%;
    min-height: 100px;
    vertical-align: middle;
    text-indent: -100%;
    overflow: hidden;
    border-radius: 20px;

}

.asset-c {
    position:relative;
    display: inline-block;
    margin: 4px;
    width: 120px;
    height: 120px;
    vertical-align: top;
    background: #f0f0f0;
    border-radius: 10px;
    padding: 5px;
    overflow:hidden;
}
.asset-c .title {
    position: absolute;
    bottom: 0px;
    left:0px;
    overflow: hidden;
    width: 120px;
    height: 17px;
    text-align: center;
    color: white;
    background: black;
}
.preview {
    text-align: center;
}
.preview img {
    max-width: 120px;
    max-height: 120px;
    margin-left: auto;
    margin-right: auto;
}

.model-info table {
    border: 1px solid #e0e0e0;
    padding: 5px;
    border-collapse: initial;
}
.model-info table td {
    padding: 0px 5px;
}


.asset-actions {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100px;
    background: white;
    color: black;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    top: 0px;
    padding: 10px;
    text-align: center;
}
.asset-c:hover .asset-actions {
    display:block;
}

.asset-c.image .asset-actions {
    display: none !important;
}
.navbar-url-container {
    position: absolute;
    bottom: -21px;
    display: block;
    left: 21px;
}
.navbar-inner {
    position: relative;
    display: block;
}

table.simpleTable {
    border: 1px solid #c0c0c0;
    padding: 0px;
    border-collapse: collapse;
    background: #f8f8f8;
}
table.simpleTable th {
    background: #e0e0e0;
    padding: 2px 5px;
    font-weight: bold;
}
table.simpleTable td {
    padding: 2px 5px;
}

div#model-preview {
    display: block;
    background: #e0e0e0;
    width: 256px;
    height: 192px;
    position: relative;
    right: 10px;
    margin: 10px;
    cursor:pointer;
}
#model-preview img.preview {
    width: 100%;
    height: 100%;
}

#model canvas {
    /**border: 2px solid #d8d8d8;**/
}
.info.model {
    background: green;
    display: inline-block;
    padding: 2px 4px 0px 4px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 3px;
    border-color: #004000;
    border-width: 2px;
    border: 1px solid #004000;
    text-shadow: 0px 1px 23px rgba(1,1,1,1);
    font-size: 10px;
    text-transform: uppercase;
    line-height: 11px;
}

.debug-performance {
    background: #f0f0f0;
    padding: 5px;
    border: 1px solid #c0c0c0;
    margin: 10px;
    color: black;
}

#model-textures td img {
    max-width: 32px;
    border: 1px solid #e0e0e0;
    max-height: 32px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}
.asset-model #model {
    border:2px solid #d8d8d8;
    width: 100%;
    height: 100%;
    overflow:hidden;
}

.model-info table {
    padding:0px;
}
.model-info table th,
.model-info table td {
    padding:0 5px;
}

.asset-tag {
    color: white;
    margin: 0 2px;
}
.asset-tag a {
    color:white;
}
.tags-i {
    padding: 2px;
}
.counters .metric {
    display: inline-block;
}


.trackPad-el {
    background: black;
    padding: 10px;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    z-index: 20000;
    border-radius: 50px;
    cursor:pointer;
}
.trackPad-el .tp-i {
    display:none;
}
.trackDot {
    position:absolute;
    border-radius:20px;
    background:orange;
    display: block;
    min-width:5px;
    min-height:5px;
}


#model #controls {
    position: absolute;
    width: 200px;
    display: block;
    right: -190px;
    top: 4px;
    transition: 500ms ease-out 1s;
    z-index: 20000;
    opacity: 0;
    background: rgba(0,0,0,.5);
    padding: 7px;
    height: 98.98%;
}
#model.cpActive #controls {
    opacity: 1;
    right: 18px;
}
.stages .space .nebula-1, .asset-model #model, #model-preview {
    background-image: url(/images/stages/space/nebulaapr292019_bb.jpg) !important;
    background-size: cover !important;
}

/* Material CSS */
.fileinputTrigger {
    width: 50px;
}
.knob:focus {
    outline: none;
}
.material-map .fileinput-new.thumbnail {
    /*width: 68px;
    height: 60px;*/
}
.materialMap img {
/*    width: 50px;
    height: 50px; */
}
span.btn-file *, .fileinputTrigger .btn.btn-orange.fileinput-exists {
    display: none;
}
.material-single-input {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: inherit;
}
.fileinput-new.thumbnail {display:none;}

/* adminScanPaths */
.general li {
    border-top: 0px solid #EEE;
    padding: 12px 0;
    list-style: none;
}
.general ul.form-horizontal.form-groups-bordered {
    margin: 10px;
    border: 0px;
}


.fixed400.col-md-3 {
    min-width: 400px !important;
}

.margin10 {
    margin: 10px;
}

.navData.fixed400 {
    width: 400px;
    float: left;
    border: 1px solid #e0e0e0;
    margin: 5px 0px 0px 10px;
    padding-top: 15px;
}

.input-group.new-item {
    padding: 13px;
    margin: 10px;
    background: #Efefef;
    border: 1px solid #808008;
    border-radius: 4px;
}
.input-group-btn.newItemButton {
    border: 1px solid white !important;
    margin: 0px;
    display: run-in;
    position: relative;
}

.ScanPaths .panel-footer button {
    margin-left: 10px;
}


.ebayPlayground .general ul {
    margin-left: 25px;
}
.ebayPlayground .general li {
    border-top: 0px solid #EEE;
    padding: 3px 12px;
    list-style: inside;
}