/*
//  edit-style.css
//
//  Created by Ryan Huffman on November 13th, 2014
//  Copyright 2014 High Fidelity, Inc.
//  Copyright 2020 Vircadia contributors.
//  Copyright 2022-2025 Overte e.V.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
*/

@font-face {
    font-family: Raleway-Regular;
    src: url(../../../../resources/fonts/Raleway-Regular.ttf),  /* Windows production */
         url(../../../../fonts/Raleway-Regular.ttf),  /* OSX production */
         url(../../../../interface/resources/fonts/Raleway-Regular.ttf),  /* Development, running script in /HiFi/examples */
         url(../fonts/Raleway-Regular.ttf);  /* Marketplace script */
}

@font-face {
    font-family: Raleway-Light;
    src: url(../../../../resources/fonts/Raleway-Light.ttf),
         url(../../../../fonts/Raleway-Light.ttf),
         url(../../../../interface/resources/fonts/Raleway-Light.ttf),
         url(../fonts/Raleway-Light.ttf);
}

@font-face {
    font-family: Raleway-Bold;
    src: url(../../../../resources/fonts/Raleway-Bold.ttf),
         url(../../../../fonts/Raleway-Bold.ttf),
         url(../../../../interface/resources/fonts/Raleway-Bold.ttf),
         url(../fonts/Raleway-Bold.ttf);
}

@font-face {
    font-family: Raleway-SemiBold;
    src: url(../../../../resources/fonts/Raleway-SemiBold.ttf),
         url(../../../../fonts/Raleway-SemiBold.ttf),
         url(../../../../interface/resources/fonts/Raleway-SemiBold.ttf),
         url(../fonts/Raleway-SemiBold.ttf);
}

@font-face {
    font-family: FiraSans-SemiBold;
    src: url(../../../../resources/fonts/FiraSans-SemiBold.ttf),
         url(../../../../fonts/FiraSans-SemiBold.ttf),
         url(../../../../interface/resources/fonts/FiraSans-SemiBold.ttf),
         url(../fonts/FiraSans-SemiBold.ttf);
}

@font-face {
    font-family: AnonymousPro-Regular;
    src: url(../../../../resources/fonts/AnonymousPro-Regular.ttf),
         url(../../../../fonts/AnonymousPro-Regular.ttf),
         url(../../../../interface/resources/fonts/AnonymousPro-Regular.ttf),
         url(../fonts/AnonymousPro-Regular.ttf);
}

@font-face {
    font-family: HiFi-Glyphs;
    src: url(../../../../resources/fonts/hifi-glyphs.ttf),
         url(../../../../fonts/hifi-glyphs.ttf),
         url(../../../../interface/resources/fonts/hifi-glyphs.ttf),
         url(../fonts/hifi-glyphs.ttf);
}

@font-face {
    font-family: Vircadia-Glyphs;
    src: url(../../../../resources/fonts/vircadia_glyphs.ttf),
         url(../../../../fonts/vircadia_glyphs.ttf),
         url(../../../../interface/resources/fonts/vircadia_glyphs.ttf),
         url(../fonts/vircadia_glyphs.ttf);
}

* {
    margin: 0;
    padding: 0;
}

body {

    color: #afafaf;
    background-color: #404040;
    font-family: Raleway-Regular;
    font-size: 12px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    overflow-x: hidden;
    overflow-y: auto;
}

table {
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    color: #afafaf;
    border-collapse: collapse;
    width: 100%;
    border: 2px solid #575757;
    border-radius: 7px;
}

thead {
    font-family: Raleway-Regular;
    font-size: 12px;
    background-color: #1c1c1c;
    padding: 1px 0;
    border-bottom: 1px solid #575757;
    width: 100%;
}

tbody {
    width: 100%;
    display: block;
}

tfoot {
    font-family: Raleway-Light;
    font-size: 13px;
    background-color: #1c1c1c;
    border-top: 1px solid #575757;
    width: 100%;
}

tfoot tr {
    background-color: #1c1cff;
}

thead tr {
    height: 26px;  /* 28px with thead padding */
}

thead th {
    height: 26px;
    background-color: #1c1c1c;
    border-right: 1px solid #575757;
}

thead th:last-child {
    border: none;
}

tbody td {
    height: 26px;
}

tfoot td {
    height: 18px;
    width: 100%;
    background-color: #1c1c1c;
    margin-left: 12px;
}

tr {
    width: 100%;
    cursor: pointer;
}

tr:nth-child(odd) {
    background-color: #2e2e2e;
}

tr:nth-child(even) {
    background-color: #1c1c1c;
}

tr:focus {
    outline: none;
}

th.childrenTableHeader {
    height: 26px;
    background-color: #1c1c1c;
    border-right: 1px solid #575757;
    border-bottom: 1px solid #575757;
}

tr.avatarEntity {
    color: #7fdb98;
}

tr.localEntity {
    color: #f0d769;
}

tr.selAvatarEntity {
    color: #000000;
    background-color: #7fdb98;
}

tr.selAvatarEntity + tr.selAvatarEntity {
    border-top: 1px solid #2e2e2e;
}

tr.lastSelAvatarEntity {
    color: #000000;
    background-color: #06c73a;
}

tr.lastSelAvatarEntity + tr.lastSelAvatarEntity {
    border-top: 1px solid #2e2e2e;
}

tr.localEntity {
    color: #f0d769;
}

tr.selLocalEntity {
    color: #000000;
    background-color: #f0d769;
}

tr.selLocalEntity + tr.selLocalEntity {
    border-top: 1px solid #2e2e2e;
}

tr.lastSelLocalEntity {
    color: #000000;
    background-color: #ebac00;
}

tr.lastSelLocalEntity + tr.lastSelLocalEntity {
    border-top: 1px solid #2e2e2e;
}

tr.selected {
    color: #000000;
    background-color: #00b4ef;
}

tr.selected + tr.selected {
    border-top: 1px solid #2e2e2e;
}

tr.last-selected {
    color: #000000;
    background-color: #0064ef;
}

tr.last-selected + tr.last-selected {
    border-top: 1px solid #2e2e2e;
}

th {
    text-align: center;
    word-wrap: nowrap;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}

td {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    word-wrap: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}

td.hidden {
    padding-left: 0;
    padding-right: 0;
}

td.url {
    white-space: nowrap;
    overflow: hidden;
}


input[type="text"], input[type="search"], input[type="number"], textarea {
    margin: 0;
    padding: 0 12px;
    color: #afafaf;
    background-color: #252525;
    border: none;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
}

textarea {
    font-family: AnonymousPro-Regular;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 64px;
    width: 100%;
    resize: vertical;
}

input::-webkit-input-placeholder {
    font-style: italic;
}

input:focus, textarea:focus, button:focus {
    color: #fff;
    background-color: #000;
    outline: 1px solid #00b4ef;
    outline-offset: -1px;
}

input::selection, textarea::selection {
    color: #000000;
    background-color: #00b4ef;
}

input.search {
    border-radius: 14px;
}

input.search:focus {
    outline: none;
    box-sizing: border-box;
    height: 26px;
    margin-top: 1px;
    margin-bottom: 1px;
    box-shadow: 0 0 0 1px #00b4ef;
}

input:disabled, textarea:disabled, .draggable-number.text[disabled="disabled"] {
    background-color: #383838;
    color: #afafaf;
}

input[type="text"] {
    height: 28px;
    width: 100%;
}

input.multi-diff:not(:focus) + span.multi-diff,
textarea.multi-diff:not(:focus) + span.multi-diff,
.draggable-number.multi-diff>input:not(:focus)+span.multi-diff,
dl>dt.multi-diff:not(:focus) + span.multi-diff {
    visibility: visible;
    position: absolute;
    display: inline-block;
    z-index: 2;
    top: 7.5px;
    left: 20px;
    max-width: 50px;
    min-width: 10px;
    width: 50%;
    height: 13px;
    background-image: linear-gradient(transparent 0%, transparent 10%, #afafaf 10%, #afafaf 20%, transparent 20%, transparent 45%, #afafaf 45%, #afafaf 55%, transparent 55%, transparent 80%, #afafaf 80%, #afafaf 90%, transparent 90%, transparent 100%);
    background-repeat: no-repeat;
    pointer-events: none;
}

input.multi-diff:not(:focus)::-webkit-input-placeholder, input.multi-diff:not(:focus) {
    color: transparent;
}

.draggable-number.multi-diff .text {
    color: transparent;
}

.dropdown > span.multi-diff {
    top: 5px;
    left: 10px;
}

.text, .url, .texture, .textarea {
    position: relative;
}

input[type="search"] {
    height: 28px;
    width: 100%;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background-image: url('data:image/png;base64,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')
}

input[type="number"] {
    position: relative;
    height: 28px;
    width: 124px;
}
input[type=number] {
    padding-right: 3px;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1.0;
    display: block;
    position: relative;
    width: 10px;
    height: 90%;
    overflow: hidden;
    font-family: HiFi-Glyphs;
    font-size: 32px;
    color: #afafaf;
    cursor: pointer;
    background-color: #000000;
}
input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
    position:absolute;
    left: -19px;
    line-height: 8px;
    text-align: center;
}
input[type=number]::-webkit-inner-spin-button:before {
    content: "6";
    top: 4px;
}
input[type=number]::-webkit-inner-spin-button:after {
    content: "5";
    bottom: 4px;
}

input[type=number].hover-up::-webkit-inner-spin-button:before,
input[type=number].hover-down::-webkit-inner-spin-button:after {
    color: #ffffff;
}

input[type=range] {
    -webkit-appearance: none;
    background: #2e2e2e;
    height: 1.8rem;
    border-radius: 1rem;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    width: 0.6rem;
    height: 1.8rem;
    padding:0;
    margin: 0;
    background-color: #696969;
    border-radius: 1rem;
}
input[type=range]::-webkit-slider-thumb:hover {
    background-color: white;
}
input[type=range]:focus {
    outline: none;
}

input.no-spin::-webkit-outer-spin-button,
input.no-spin::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    padding-right: 12px;
}

input[type=button], button.hifi-edit-button {
    font-family: Raleway-Bold;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: top;
    height: 28px;
    min-width: 70px;
    padding: 0 18px;
    margin-right: 6px;
    border-radius: 5px;
    border: none;
    color: #fff;
    background-color: #000;
    background: linear-gradient(#343434 20%, #000 100%);
    cursor: pointer;
}

input[type=button].glyph, button.hifi-edit-button.glyph {
    font-family: HiFi-Glyphs;
    font-size: 20px;
    text-transform: none;
    min-width: 32px;
    padding: 0;
}

input[type=button].navigation, button.hifi-edit-button.navigation {
    font-family: HiFi-Glyphs;
    font-size: 20px;
    text-transform: none;
    min-width: 32px;
    padding: 0;
}

input[type=button].navigation:focus, button.hifi-edit-button.navigation:focus {
    outline: none;
}

input[type=button].normal, button.hifi-edit-button.normal {
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    text-transform: none;
    padding: 0;
}

input[type=button].vglyph, button.hifi-edit-button.vglyph {
    font-family: Vircadia-Glyphs;
    font-size: 20px;
    text-transform: none;
    min-width: 32px;
    padding: 0;
}

input[type=button].red, button.hifi-edit-button.red {
    color: #fff;
    background-color: #94132e;
    background: linear-gradient(#d42043 20%, #94132e 100%);
}
input[type=button].blue, button.hifi-edit-button.blue {
    color: #fff;
    background-color: #1080b8;
    background: linear-gradient(#00b4ef 20%, #1080b8 100%);
}
input[type=button].orange, button.hifi-edit-button.orange {
    color: #fff;
    background-color: #8f5100;
    background: linear-gradient(#d97b00 20%, #8f5100 100%);
}
input[type=button].green, button.hifi-edit-button.green {
    color: #fff;
    background-color: #078a00;
    background: linear-gradient(#00cc07 20%, #078a00 100%);
}
input[type=button].white, button.hifi-edit-button.white {
    color: #121212;
    background-color: #afafaf;
    background: linear-gradient(#fff 20%, #afafaf 100%);
}

input[type=button].localEntity, button.hifi-edit-button.localEntity {
    color: #f0d769;
    font-size: 26px;
    padding-bottom: 2px;
}

input[type=button].selLocalEntity, button.hifi-edit-button.selLocalEntity {
    color: #000000;
    font-size: 26px;
    background-color: #f0d769;
    background: linear-gradient(#f0d769 20%, #ebac00 100%);
    padding-bottom: 2px;
}

input[type=button].secondary, button.hifi-edit-button.secondary {
    font-family: Raleway-Bold;
    font-size: 10px;
    text-transform: uppercase;
    vertical-align: top;
    height: 18px;
    min-width: 60px;
    padding: 0 14px;
    margin-right: 6px;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: #000;
    background: linear-gradient(#343434 20%, #000 100%);
    cursor: pointer;
}
input[type=button].secondary_red, button.hifi-edit-button.secondary_red {
    font-family: Raleway-Bold;
    font-size: 10px;
    text-transform: uppercase;
    vertical-align: top;
    height: 18px;
    min-width: 60px;
    padding: 0 14px;
    margin-right: 6px;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: #94132e;
    background: linear-gradient(#d42043 20%, #94132e 100%);
    cursor: pointer;
}
input[type=button].secondary_blue, button.hifi-edit-button.secondary_blue {
    font-family: Raleway-Bold;
    font-size: 10px;
    text-transform: uppercase;
    vertical-align: top;
    height: 18px;
    min-width: 60px;
    padding: 0 14px;
    margin-right: 6px;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: #1080b8;
    background: linear-gradient(#00b4ef 20%, #1080b8 100%);
    cursor: pointer;
}
input[type=button]:enabled:hover, button.hifi-edit-button:enabled:hover {
    background: linear-gradient(#000, #000);
    border: none;
}
input[type=button].red:enabled:hover, button.hifi-edit-button.red:enabled:hover {
    background: linear-gradient(#d42043, #d42043);
    border: none;
}
input[type=button].blue:enabled:hover, button.hifi-edit-button.blue:enabled:hover {
    background: linear-gradient(#00b4ef, #00b4ef);
    border: none;
}
input[type=button].orange:enabled:hover, button.hifi-edit-button.orange:enabled:hover {
    background: linear-gradient(#d97b00, #d97b00);
    border: none;
}
input[type=button].green:enabled:hover, button.hifi-edit-button.green:enabled:hover {
    background: linear-gradient(#00cc07, #00cc07);
    border: none;
}
input[type=button].white:enabled:hover, button.hifi-edit-button.white:enabled:hover {
    background: linear-gradient(#fff, #fff);
    border: none;
}

input[type=button].localEntity:enabled:hover, button.hifi-edit-button.localEntity:enabled:hover {
    color: #ebac00;
    border: none;
}

input[type=button].selLocalEntity:enabled:hover, button.hifi-edit-button.selLocalEntity:enabled:hover {
    color: #000000;
    background: linear-gradient(#ebac00, #ebac00);
    border: none;
}

input[type=button]:active, button.hifi-edit-button:active {
    background: linear-gradient(#343434, #343434);
}
input[type=button].red:active, button.hifi-edit-button.red:active {
    background: linear-gradient(#94132e, #94132e);
}
input[type=button].blue:active, button.hifi-edit-button.blue:active {
    background: linear-gradient(#1080b8, #1080b8);
}
input[type=button].orange:active, button.hifi-edit-button.orange:active {
    background: linear-gradient(#8f5100, #8f5100);
}
input[type=button].green:active, button.hifi-edit-button.green:active {
    background: linear-gradient(#078a00, #078a00);
}
input[type=button].white:active, button.hifi-edit-button.white:active {
    background: linear-gradient(#afafaf, #afafaf);
}

input[type=button]:disabled, button.hifi-edit-button:disabled {
    color: #252525;
    background: linear-gradient(#575757 20%, #252525 100%);
}

input[type=button][pressed=pressed], button.hifi-edit-button[pressed=pressed] {
    color: #00b4ef;
}

input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACpSURBVDhPY2xoaGD68+dPMSMjY9L////VgTQjAw4AlH8PxLOPHj1azWxjY1MBVNsBFBfBpwkEgNKcQGwtJyfHyATkF0KEiQdAzYlMQEIUyicFyDD9+/ePgRxMvsb///4zkIOZ/v0HmkAGHginYjGNGAzS+BpdkAj8mun/3//92DyPD//993cG88nTJ4+Zm5p/BSZeJYb/DEJADEzNOPF7hn8Mk69cvVIPAHN5pyfo70F5AAAAAElFTkSuQmCC);
    cursor: pointer;
}
input[type=checkbox]:enabled + label:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAClSURBVDhPY2hoaGD6//9/6b9//64D8T8gGycASr/7+/dv5/79+1kYgIxKqDjRAKiniRFIv2JgYBAFYlLAE0aQ66AckgDjjx8/yNP44cMH8jS+fPmSPI0PHz4kT+PNmzfJ03jp0iXyNJ46dYo8jYcPHyYnAbxm+vnzZz8wLhlIwd+/f5/BrKSkdExCQuLrnz9/lIBpUAiIQekXF34PTGmTT548WQ8AokXg+rhVtPYAAAAASUVORK5CYII=);
}
input[type=checkbox]:checked + label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFLSURBVDhPjZK9SgNBFIXvbCaQRDQq7mIhQRPBRisJKcwLWOobaCsExEaxcEEQe0trGysfwg0EwWoDsbFIJUaIBJOwus547saNP3FlPzgzzJxzL5edFbZtG77v7wkhtrXWS9gFRQC/DZ07jnOYKJfL+8ie4n7mvyIGdhpay+VyQuK8y5dPZoHuVtbpZcLi4wjJ1x4t316R9dDgBlsSi8mGu7pJjyJFzVaH+r7iqyHSELSQzVADjS0UgjlDKUUsLzVO98+9kSLGV5qaHXhjU0GWNSxk3hCIwnsfeMNCjTArLmHeUBodoLiE+R+jxuHPUZP4elGE3teonx2S/Q7lJzOUlkYQ+A4/xzyegzNhXmJpwTMXry9IFjcoa84O0r+QXpcK1cugCLREZadyoA19Ergxwf96nKjd1KqlYqmLQ540TUNwItUmRWdu3T36AODjwgpY9xqqAAAAAElFTkSuQmCC);
}
input[type=checkbox]:checked + label:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEySURBVDhPnZLPSsNAEMa/XVPBCE0RhNy0OarP4Av4AD6JB0GwVBA8efBBxHsgh4CQswcRoUIpiIpVAm3zZ5M4szFSbQPBH3xkJvNNZskOer2eLIriKM/ze1JOcS1UHmdZduF5ngEKjr/fN4Z6+oKerwA2gxC4HAFPEWVLsAzgZAvYt3Q6Enw6jg7uBAaTFMNwhpnKdbXCkAJdy8ROu4XrXW2HTJIErHcFDD6nC02Mom8PwymeE2gvS0ZRBBaTlsOXEmdlrfLLOI7Bakrl/zWxCT8T/904f9QW/b06qtrCUdtFCqdjYs2Q2jAPX8c2XQd7Kr/wfV8vwIPs4Ga1ixe5Xrr/YFLTYfKIvWzM6ZtwXZdX7lxXG0L+sxXHcW5t254opRzawQ0S72+dPmjTroIgOP0CQSMt5LDn1T8AAAAASUVORK5CYII=);
}
input.multi-diff[type=checkbox] + label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFbSURBVDhPY2xoaGD68+dPMSMjY9L////VgTQjAw4AlH8PxLOPHj1azWxjY1MBVNsBFBfBpwkEgNKcQGwtJyfHyALkF4IE34gqM9zU9WT4wicG4mIA1l/fGIyOL2EQeP8EZEAiC5AQBUlcMQ5ieMXIwfDo9SeG73/+gRXDAAsTI4Pd9wdgTVAgw/Tv3z8GEP7Jwctw78M3DE0goPr6BoPludVgdTAM1wgCv//9B9PIQOPNDYaAGxtRNIEw03+gYhDGBtSBNgVc3wiWR8dM//4DTQBidKD++jqD//X1YDlsGMWpMKD26jqD79V1GM5DxihOZQWGntqrawy+V9ZiOA0dw21k/f6JwerzHQbvS2swTMeGGfPz8l8BLRP9KizDwP0WHk+EwGum/3//94M8y/nmEdZAwIb//vs7g/nk6ZPHzE3NvwITrxLDfwYhIAamZpz4PcM/hslXrl6pBwAmfz5iaAlAuAAAAABJRU5ErkJggg==);
}
input.multi-diff[type=checkbox] + label:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFPSURBVDhPjZJBSwJBHMXfrG6rWEkl1MFDGOihDn2JIIrqc3QJunbyFhUkRieD+hYepWteuxctXiJ1Q5xmdmZ3bWZTUHezfvAu/3lv3n+HRblcTrbb7fN+v/8eBMFgFpxz13Gcu3q9bqHb7V4M5/9GhatE3cIsy0o99YBKC3jliCWbBK43gK0MoDI9otfTB/vPBC9Uwu4xMC8IzSOSBsFxIYNqMTGcAIYQAlodD3j5/IqENIc5gqt1P/SNZKhaXR0a5E/5BEcrwH1xEHrGZbiuC604DpZ81AoiPJ/WROM4e4sSt3kaaRopNrg7z1FZdSLmcU2saqrX20lTXC5/RFabFmk2m+GLnBnbWJMOThJv4SV/QRqNBjNNM9UiGeQHdDiejZSSG5TSG71zjnVivyVOKlNLlEqlx+xCds7zvU31G6Z938dvEq4QjLMH27ZPvwHFVYQr3h7uHwAAAABJRU5ErkJggg==);
}

.rgb.fstuple .color-picker.multi-diff:after {
    width: 20px;
    height: 20px;
    content: ' ';
    background: darkgray;
    display: flex;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.icon-input input {
    position: relative;
    padding-left: 36px;
}
.icon-input span {
    position: absolute;
    left: 6px;
    top: -2px;
    font-family: HiFi-Glyphs;
    font-size: 30px;
    color: #afafaf;
}
.icon-input input:focus + span {
    color: #ffffff;
}

.icon {
    font-family: HiFi-Glyphs;
    color: white;
}

#property-type-icon {
    font-size: 50px;
}

.selectable {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text;
}

.color-box {
    display: inline-block;
    width: 15pt;
    height: 15pt;
    border: 0.75pt solid black;
    margin: 1.5pt;
    cursor: pointer;
}

.color-box.highlight {
    width: 13.5pt;
    height: 13.5pt;
    border: 1.5pt solid black;
}

#properties-list {
    display: flex;
    flex-direction: column;

    margin-top: 16px;
}

#properties-list .fieldset {
    position: relative;
    /* 0.1px on the top is to prevent margin collapsing between this and it's first child */
    margin: 0 -21px 21px -21px;
    padding: 0.1px 21px 0 21px;
    border: none;
    border-top: 1px rgb(90,90,90) solid;
    box-shadow: 0 -1px 0 rgb(37,37,37);
}

#properties-list .fieldset.fstuple, #properties-list .fieldset.fsrow {
    margin-top: 21px;
    border: none;
    box-shadow: none;
}

#properties-list > .fieldset[data-collapsed="true"] + .fieldset {
    margin-top: 0;
}

#properties-list > .fieldset[data-collapsed="true"] > *:not(div.legend) {
     display: none !important;
}

.section-header {
    padding: 0 16px;
    border-top: 1px rgb(90,90,90) solid;
    box-shadow: 1px -1px 0 rgb(37,37,37);
    border-bottom: 1px solid rgb(37, 37, 37);
}

div.section-header, hr {
    display: flex;
    flex-flow: row nowrap;
    padding: 10px 16px;
    font-family: Raleway-Regular;
    font-size: 12px;
    color: #afafaf;
    height: 28px;
    text-transform: uppercase;
    outline: none;
    margin-bottom: 10px;
    align-items: center;
}

div.simpleSeparator {
    width: 97%;
    height: 2px;
    border: 0px;
    margin-top: 4px;
    margin-right: 8px;
    margin-left: 8px;
    margin-bottom: 4px;
    background-color: #777777;
}

.section.minor {
    margin: 0 21px;
    box-shadow: 1px -1px 0 rgb(37,37,37);
    border-left: 1px solid #575757;
}

.container.property {
    padding: 0 16px;
}

.stretch {
    width: 100%;
}

div.section-header .label {
    width: 100%;
}

.section.minor div.section-header {
    border-right: 0;
}

div.section[collapsed="true"] > .container {
    display: none;
}

div.section[collapsed="true"], div.section[collapsed="true"] > .section-header {
    margin-bottom: 0;
}

.section.major {
    margin-bottom: 20px;
}

.section.minor.last {
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(37,37,37);
}

.section-header {
    background-color: #373737;
}


.section-header span {
    font-size: 30px;
    font-family: HiFi-Glyphs;
}

.triple-label {
    text-transform: uppercase;
    text-align: center;
    padding: 6px 0;
    cursor: default;
}

.triple-item {
    margin-right: 10px;
}

.triple-item.rgb.fstuple {
    display: block !important;
}

.section-header[collapsed="true"] {
    margin-bottom: -21px;
}

#properties-list .sub-section-header {
    border-top: none;
    box-shadow: none;
    margin-top: 8px;
}

.sub-section-header + .property {
    margin-top: 0;
}

hr {
    border: none;
    padding-top: 2px;
}

.property {
    min-height: 28px;
}

.property.checkbox {
    width: auto;
}

span.indented {
    padding-left: 16px;
}

.property label, .number label {
    display: table-cell;
    vertical-align: middle;
    font-family: Raleway-SemiBold;
    font-size: 14px;
}
.property label .unit, .number label .unit {
    margin-left: 8px;
    font-family: Raleway-Light;
    font-size: 13px;
}

.property div.legend, .number div.legend {
    display: table-cell;
    vertical-align: middle;
    font-family: Raleway-SemiBold;
    font-size: 14px;
}
.property div.legend .unit, .number div.legend .unit {
    margin-left: 8px;
    font-family: Raleway-Light;
    font-size: 13px;
}

.value {
    display: block;
    min-height: 18px;
}
.value label {
    display: inline-block;
    vertical-align: top;
}
.value div.legend {
    display: inline-block;
    vertical-align: top;
    width: 48px;
}
.value span {
    font-size: 15px;
    margin-right: 4px;
}

#placeholder-property-type {
    display: flex;
    align-items: center;
    width: auto;
    margin-right: 20px;
}

#placeholder-property-locked {
    margin-left: 6px;
}

.checkbox + .checkbox {
    margin-top: 0;
}

.checkbox-sub-props {
    margin-top: 18px;
}

.property .number {
    float: left;
}
.property .number + .number {
    margin-left: 10px;
}

.property.range label{
    padding-bottom: 3px;
}
.property.range input[type=number]{
    margin-left: 0.8rem;
    width: 5.4rem;
    height: 1.8rem;
}

.dropdown {
    position: relative;
    margin-bottom: -17px;
}

.dropdown select {
    clear: both;
}

.dropdown dl {
    clear: both;
    cursor: pointer;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    width: 292px;
    height: 28px;
    padding: 0 28px 0 12px;
    color: #afafaf;
    background: #575757;
    position: relative;
    display: flex;
    align-items: center;
}

.dropdown dl[dropped="true"] {
    color: #404040;
    background: linear-gradient(#afafaf, #afafaf);
    z-index: 998;
}

.dropdown dt {
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #121212;
    width: 100%;
}
.dropdown dt:hover {
    color: #404040;
}
.dropdown dt:focus {
    outline: none;
}
.dropdown dt span:first-child {
    display: inline-block;
    position: relative;
    top: 5px;
}
.dropdown dt span:last-child {
    font-family: HiFi-Glyphs;
    font-size: 42px;
    float: right;
    margin-right: -48px;
    position: relative;
    left: -12px;
    top: -9px;
}

.dropdown dd {
    position: absolute;
    top: 28px;
    left: 3px;
    display: none;
}
.dropdown dl[dropped="true"] dd {
    display: block;
}

.dropdown li {
    list-style-type: none;
    padding: 3px 0 1px 12px;
    width: 320px;
    height: auto;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    color: #404040;
    background-color: #afafaf;
    z-index: 999;
}
.dropdown li:hover {
    background-color: #00b4ef;
}

.dropdown dl[disabled="disabled"], .dropdown dl[disabled="disabled"][dropped="true"] {
    color: #252525;
    background: linear-gradient(#575757 20%, #252525 100%);
}
.dropdown dl[disabled="disabled"] dd {
    display: none;
}
.dropdown dl[disabled="disabled"] dt:hover {
    color: #252525;
}

.multiselect-box {
    position: absolute;
}
.multiselect-box select {
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    color: #afafaf;
    background-color: #252525;
    border: none;
    text-align-last: center;
}
.over-select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.multiselect-options {
    position: absolute;
    display: none;
    border: none;
}
.multiselect-options span {
    font-family: hifi-glyphs;
    font-size: 13px;
    color: #000000;
}
.multiselect-options label {
    z-index: 2;
    display: block;
    font-family: FiraSans-SemiBold;
    font-size: 11px;
    color: #000000;
    background-color: #afafaf;
}
.multiselect-options label:hover {
    background-color: #1e90ff;
}
.multiselect-options input[type=checkbox] + label {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADUOYnF4LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIMSURBVFjD7ZmxkqowFIZ/7mwJPen1AezV3t6hFvrQhweAHvrQ8wL2xt4HwD7ppd+tvHOvu0gCYdEZTsmAfpNzzpcTcAB84o3iD94sZuCx4+Pxwvl8dl4JcL1ef84lMQPPwBZDSgkp5XsASylBKUUYhhBCvDbw7XYDpRRKKTRNA8YYOOevC5ymKZRS/13jnHdCTwLMOW8tAc45GGNomuY1gKuq6lxFIQQopdMDXy4X5HmudW8URdMCSynBGNOG3Ww20wHf9dVWl4+wbav7a8CMsW9G+Cm22+1T2F8BzvMc1+u18z5CCJIkseNhKSX2+z2qqjLWl84zhBAURQHXde0A31Oa57nWbqSrLwDwPA9FUcD3fTtb82NKu8QOAHVda+srSRJt2E7gtpQKIXA4HH6csmzpyxj4dDo9TalSCpRS1HX9TV86RujSlxGwlBJpmnY+rJRCGIZ/s2BTX9qnZgBwHAee52mJ/l7nx+PRqr6MVtj3fZRlaVRf/5aGDX0Z17DrusiyrHfqhuqrt9aiKEIcx4OBTfU1aOMIggBlWYIQ0utP+uhr8CyxXC5RFIUxdBAE1srKePgxbcbVamWlnAZNa7rNSAhBlmWv8yLlWTPa0Nco83BbM2ZZZsUIowzwj80YxzEWi8VoB4IPGz9yb0YhBHa73agnGGtHJNd1R4ed9FVV33Awf6ebgd8b+Av9A/rq6s3hjgAAAABJRU5ErkJggg==');
    background-size: 11px 11px;
    background-position: top 5px left 14px;
}
.multiselect-options input[type=checkbox]:enabled + label:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADUOYnF4LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIMSURBVFjD7ZmxkqowFIZ/7mwJPen1AezV3t6hFvrQhweAHvrQ8wL2xt4HwD7ppd+tvHOvu0gCYdEZTsmAfpNzzpcTcAB84o3iD94sZuCx4+Pxwvl8dl4JcL1ef84lMQPPwBZDSgkp5XsASylBKUUYhhBCvDbw7XYDpRRKKTRNA8YYOOevC5ymKZRS/13jnHdCTwLMOW8tAc45GGNomuY1gKuq6lxFIQQopdMDXy4X5HmudW8URdMCSynBGNOG3Ww20wHf9dVWl4+wbav7a8CMsW9G+Cm22+1T2F8BzvMc1+u18z5CCJIkseNhKSX2+z2qqjLWl84zhBAURQHXde0A31Oa57nWbqSrLwDwPA9FUcD3fTtb82NKu8QOAHVda+srSRJt2E7gtpQKIXA4HH6csmzpyxj4dDo9TalSCpRS1HX9TV86RujSlxGwlBJpmnY+rJRCGIZ/s2BTX9qnZgBwHAee52mJ/l7nx+PRqr6MVtj3fZRlaVRf/5aGDX0Z17DrusiyrHfqhuqrt9aiKEIcx4OBTfU1aOMIggBlWYIQ0utP+uhr8CyxXC5RFIUxdBAE1srKePgxbcbVamWlnAZNa7rNSAhBlmWv8yLlWTPa0Nco83BbM2ZZZsUIowzwj80YxzEWi8VoB4IPGz9yb0YhBHa73agnGGtHJNd1R4ed9FVV33Awf6ebgd8b+Av9A/rq6s3hjgAAAABJRU5ErkJggg==');
}
.multiselect-options input[type=checkbox]:checked + label {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADMveELP9QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIqSURBVFjD7ZmxkqowFIb/7GwJPfT6APZib+9QC33o4QGghz70vIC9sfcBsE966bPNWlxnlQTDRWc4JUT4hpPz5SQSAAofFF/4sJiBx47v+wun04m8E+B6vVbzlJiBZ2CLIYRQQgj1EcBCCEUpRRRF4Jyrtwa+Xq+glEJKia7rkKYpGGPqbYHzPFdSyn+uMcZ6oScBZowpzvmje0jTVHVd9x7ATdMoxtjTMZxzUErV5MDn81mVZak1No7jab+wEEKlaaoNGwQBmQz4pq9H8/IeNo5jMmnRpWmKeyP8FZvN5insfwEuy1JdLpfecb7vI8uy3tb2Szelu91ONU1jtP9jjKmmabRgq6qC4zh2VrpbSsuy1FqNdPUFAK7roqoqeJ6ntXH4Mk1pn9gBoG1bbX1lWaYN2wv8KKWcc+z3+z+7LFv6MgY+Ho9PUyqlBKUUbduqe33pGKFPX0bAQgiV53nvj6WUiKIIt2K0qS/tXTMAEELguq6W6H/nOQ6Hg1V9GX1hz/NIXdckCALtB7Vta1VfxnPYcRwURUEeNSGmYaqvwVqL45gkSfIysKm+Xlo4wjAkdV3D9/1BLxmir5d7ieVySaqqMoYOw3CwEV5ufkyLcbVaIUkSq2d1xt2abjH6vo+iKKwfLA5uL58Vow19jdIPPyrGoiisGGGUBv6+GJMkwWKxGO2M+dvGQ36LEZxztd1uRz0Qt7ZFchwHY8NOelQ1NAjm/+lm4M8G/gH2zx33BSr7jAAAAABJRU5ErkJggg==');
}
.multiselect-options input[type=checkbox]:checked + label:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4goSADMveELP9QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAIqSURBVFjD7ZmxkqowFIb/7GwJPfT6APZib+9QC33o4QGghz70vIC9sfcBsE966bPNWlxnlQTDRWc4JUT4hpPz5SQSAAofFF/4sJiBx47v+wun04m8E+B6vVbzlJiBZ2CLIYRQQgj1EcBCCEUpRRRF4Jyrtwa+Xq+glEJKia7rkKYpGGPqbYHzPFdSyn+uMcZ6oScBZowpzvmje0jTVHVd9x7ATdMoxtjTMZxzUErV5MDn81mVZak1No7jab+wEEKlaaoNGwQBmQz4pq9H8/IeNo5jMmnRpWmKeyP8FZvN5insfwEuy1JdLpfecb7vI8uy3tb2Szelu91ONU1jtP9jjKmmabRgq6qC4zh2VrpbSsuy1FqNdPUFAK7roqoqeJ6ntXH4Mk1pn9gBoG1bbX1lWaYN2wv8KKWcc+z3+z+7LFv6MgY+Ho9PUyqlBKUUbduqe33pGKFPX0bAQgiV53nvj6WUiKIIt2K0qS/tXTMAEELguq6W6H/nOQ6Hg1V9GX1hz/NIXdckCALtB7Vta1VfxnPYcRwURUEeNSGmYaqvwVqL45gkSfIysKm+Xlo4wjAkdV3D9/1BLxmir5d7ieVySaqqMoYOw3CwEV5ufkyLcbVaIUkSq2d1xt2abjH6vo+iKKwfLA5uL58Vow19jdIPPyrGoiisGGGUBv6+GJMkwWKxGO2M+dvGQ36LEZxztd1uRz0Qt7ZFchwHY8NOelQ1NAjm/+lm4M8G/gH2zx33BSr7jAAAAABJRU5ErkJggg==');
}

.dynamic-multiselect {
    position: relative;
    top: 6px;
    padding-bottom: 6px;
}

div.refresh {
    box-sizing: border-box;
    padding-right: 44px;
}
div.refresh input[type="button"] {
    float: right;
    margin-right: -44px;
    position: relative;
    left: 10px;
}

.color-picker {
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    border: 3px solid #2B2B2B;
    cursor: pointer;
}
.color-picker:focus {
    outline: none;
}
.color-picker[active="true"] {
    border-color: #000;
}

.color-picker[disabled="disabled"] {
    border-color: #afafaf;
}

.colpick {
    z-index: 3;
}
.colpick[disabled="disabled"] {
    display: none !important;
}

.rgb label {
    float: left;
    margin-top: 10px;
    margin-left: 21px;
}
.rgb label + * {
    clear: both;
}

.rgb div.legend {
    float: left;
    margin-top: 10px;
    margin-left: 21px;
}
.rgb div.legend + * {
    clear: both;
}

.draggable-number-container {
    flex: 0 1 124px;
}
.draggable-number {
    position: relative;
    height: 28px;
    flex: 0 1 124px;
    display: flex;
    align-items: center;
}

.draggable-number .text {
    position: absolute;
    display: inline-block;
    color: #afafaf;
    background-color: #252525;
    font-family: FiraSans-SemiBold;
    font-size: 15px;   
    margin: 0;
    padding: 0 16px;
    height: 28px;
    width: 100%;
    line-height: 2;
    box-sizing: border-box;
    z-index: 1;
}
.draggable-number .text:hover {
    cursor: ew-resize;
}
.draggable-number .left-arrow, .draggable-number .right-arrow {
    position: absolute;
    display: inline-block;
    font-family: HiFi-Glyphs;
    font-size: 20px;
    z-index: 2;
}
.draggable-number span:hover {
    cursor: default;
}
.draggable-number .left-arrow {
    top: 3px;
    left: 0;
    transform: rotate(180deg);
}
.draggable-number .right-arrow {
    top: 3px;
    right: 0;
}
.draggable-number input[type=number] {
    position: absolute;
    right: 0;
    width: 100%;
}
.draggable-number input[type=button] {
    position: absolute;
    top: 0;
}
.draggable-number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    visibility: hidden;
}
.draggable-number.fstuple {
    height: 28px;
    width: 124px;
    left: 12px;
}
.draggable-number.fstuple + .draggable-number.fstuple {
    margin-left: 28px;
}
.draggable-number.fstuple input {
    right: -10px;
}
.draggable-number.fstuple .sublabel {
    position: absolute;
    top: 6px;
    left: -16px;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
}

.rect .rect-row {
    margin-bottom: 8px;
}

.row .property {
    width: auto;
    display: inline-block;
    margin-right: 6px;
}
.row .property:last-child {
    margin-right: 0;
}
.row .property input {
    clear: both;
    float: left;
}

.property.texture {
    display: block;
}
.property.texture input {
    margin: 0.4rem 0;
}
.texture-image img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.texture-image {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-top: 0.4rem;
    height:128px;
    width: 128px;
    background-image: url('data:image/png;base64,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');
}
.texture-image.no-texture {
    background-image: url('data:image/png;base64,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');
}
.texture-image.no-preview {
    background-image: url('data:image/png;base64,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');
}

.two-column {
    display: table;
    width: 100%;
}
.two-column > div {
    display: table-cell;
    width: 50%;
}

#properties-list .fieldset .two-column {
    padding-top: 10px;
    display: flex;
}

#properties-list .two-column .fieldset {
    width: 50%;
    margin: 0;
    padding: 0;
    border-top: none;
    box-shadow: none;
}

#properties-list .two-column .column {
    position: relative;
    top: -10px;
}

#properties-list .two-column  .fieldset div.legend {
    width: 100%;
    margin: 21px -21px 0 -21px;
    padding: 16px 0 0 21px;
    font-family: Raleway-Regular;
    font-size: 12px;
    color: #afafaf;
    height: 10px;
    text-transform: uppercase;
    outline: none;
}

#properties-list .two-column + .property {
    margin-top: 6px;
}

.fieldset .checkbox-sub-props {
     margin-top: 0;
}

.fieldset .checkbox-sub-props .property:first-child {
    margin-top: 0px;
}

.column {
    vertical-align: top;
}

.indent {
    margin-left: 24px;
}

::-webkit-scrollbar {
    width: 20px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background-color: #2e2e2e;
}
#entity-table-scroll::-webkit-scrollbar-track {
    border-bottom-right-radius: 7px;
}

::-webkit-scrollbar-thumb {
    background-color: #696969;
    border: 2px solid #2e2e2e;
    border-radius: 8px;
}

/* FIXME: Revisit textarea resizer/corner when move to Qt 5.6 or later: see if can get resizer/corner to always be visible and
have correct background color with and without scrollbars. */
textarea:enabled::-webkit-resizer {
    background-size: 10px 10px;
    background: #252525 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAXSURBVChTY1RVVWXADZigNA4wMqUZGACS3gCD5UUtKAAAAABJRU5ErkJggg==) no-repeat bottom right;
}
textarea:focus::-webkit-resizer {
    background-size: 10px 10px;
    background: #000000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACOSURBVChThdC5DQQhDAXQvyRI5LQxFdABARWQElAPogYkiqEWQhLYGe8xxzJaS5a/8AuQHwDG2n+Lvee0hBDQWlO+hRvy3mNZFjDG5vCDOOeIMaL3/guPKISAWiu9n+AVSSlhraXdF86Qcw6tNdoTvEOlFOScd6iUOv3JGEMopYQx9jNvaawnoHnNr8Z4AuRLPOq2gPgnAAAAAElFTkSuQmCC) no-repeat bottom right;
}
textarea:enabled[scrolling="true"]::-webkit-resizer {
    background-size: 10px 10px;
    background: #2e2e2e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACKSURBVChTjdAxDsMgDAXQT4UYuQIzCwsSKxsSJ4YDoByDY7AwUOG2aZMQqX+xhd9gzIwxA3/k8a7LCCFgraX+Fk4UY4RSCoyxNfwgzjlyzhhjXOEvSimhtUbvB3hGUkp472m2wxUKIaD3TnOCd6jWim3bvlBrfdjJOUeolEJoZj/4PMH83bl/BXgCWSs2Z09IjgoAAAAASUVORK5CYII=) no-repeat bottom right;
}

div#grid-section, body#entity-list-body {
    padding-bottom: 0px;
    margin: 0px 8px 8px 8px;
}

#voxels-section {
    padding-bottom: 0px;
    margin: 8px 8px 8px 8px;
}

#mode-section {
    padding: 3px;
    height: 28px;
    margin: 8px 8px 8px 8px;
    color: #000000;
    background-color: #999999;
    font-family: Raleway-Bold;
    font-size: 16px;
    border-radius: 5px;
}
#creationModeLabel {
    padding-top: 4px;
    width: 156px;
}


#entity-list-header {
    margin-bottom: 6px;
}

#entity-list-header div {
    display: inline-block;
    width: 65px;
    margin-right: 4px;
}

#entity-list-header div input:first-child {
    margin-right: 0;
    float: left;
    width: 33px;
    border-right: 1px solid #808080;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#entity-list-header div input:last-child {
    margin-right: 0;
    float: right;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#delete {
    float: right;
    margin-right: 0;
    background-color: #ff0000;
}

#entity-list {
    position: relative; /* New positioning context. */
}

#filter-area {
    padding-right: 168px;
    padding-bottom: 8px;
}

#filter-type-multiselect-box select {
    border-radius: 14.5px;
    width: 107px;
    height: 28px;
}
#filter-type-options {
    position: absolute;
    top: 48px;
}
#filter-type-options div {
    position: relative;
    height: 22px;
}
#filter-type-options span {
    position: relative;
    top: 3px;
    font-family: HiFi-Glyphs;
    font-size: 13px;
    color: #000000;
    padding-left: 6px;
    padding-right: 4px;
}
#filter-type-options label {
    position: absolute;
    top: -20px;
    z-index: 2;
    height: 22px;
    width: 200px;
    padding-top: 1px;
}
#filter-type-options-buttons {
    top: -22px;
    width: 224px;
    z-index: 2;
    background-color: #afafaf;
    padding-bottom: 6px;
}
#filter-type-options input[type=button] {
    position: relative;
    left: 16px;
    z-index: 3;
    height: 23px;
    min-width: 60px;
    font-size: 10px;
    color: #000;
    background: linear-gradient(#afafaf 20%, #808080 100%);
}
#filter-type-options input[type=button]:enabled:hover {
    background: linear-gradient(#afafaf 20%, #575757 100%);
}
#filter-search-and-icon {
    position: relative;
    left: 118px;
    width: calc(100% - 126px);
}
#filter-in-view {
    position: absolute;
    top: 0px;
    right: 126px;
}
#filter-radius-and-unit {
    position: relative;
    float: right;
    margin-right: -168px;
    top: -28px;
}
#entity-list-menubar {
    margin: 0px -8px 6px -8px;
    padding: 0px 9px 0px 9px;
    border: none;
    background-color: #000;
    background: linear-gradient(#343434 30%, #000 100%);
}
input[type=button].entity-list-menutitle {
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    text-transform: none;
    vertical-align: top;
    height: 28px;
    min-width: 30px;
    padding: 0px 8px;
    margin-right: 6px;
    border-radius: 5px;
    border: none;
    color: #fff;
    background-color: #000;
    background: linear-gradient(#343434 30%, #000 100%);
    cursor: pointer;
}

#voxel-edit-mode {
    width: 120px;
}

input[type=button].entity-list-menutitle:enabled:hover {
    background: linear-gradient(#000, #000);
    border: none;
}
input[type=button].entity-list-menutitle:active {
    background: linear-gradient(#343434, #343434);
}
input[type=button].entity-list-menutitle:disabled {
    color: #252525;
    background: linear-gradient(#575757 30%, #252525 100%);
}
input[type=button].entity-list-menutitle[pressed=pressed] {
    color: #00b4ef;
}
input[type=button].entity-list-menutitle:focus {
  outline: none;
  color: #000000;
  background: linear-gradient(#c0c0c0, #c0c0c0);
  border-radius: 5px 5px 0px 0px;
}
.icon-input-radius input {
    position: relative;
    padding-left: 36px;
}
.icon-input-radius span {
    position: absolute;
    left: 4px;
    top: -4px;
    font-family: Vircadia-Glyphs;
    font-size: 23px;
    color: #afafaf;
}
.icon-input-radius input:focus + span + label {
    color: #ffffff;
}
.icon-input-radius label {
    position: absolute;
    margin-left: 3px;
    bottom: 6px;
    right: 9px;
    font-style: italic;
}
#filter-radius:focus {
    outline: none;
    box-sizing: border-box;
    height: 26px;
    margin-top: 1px;
    margin-bottom: 1px;
    box-shadow: 0 0 0 1px #00b4ef;
}
#filter-radius-and-unit input {
    width: 120px;
    border-radius: 14.5px;
    font-style: italic;
}
#filter-radius-and-unit input[type=number]::-webkit-inner-spin-button {
    display: none;
}

#entity-list-footer {
    padding-top: 9px;
}

#footer-text {
    float: right;
    padding-top: 6px;
    padding-right: 22px;
}

input[type=button]#export {
    height: 26px;
    width: 180px;
}

#no-entities {
    display: none;
    position: absolute;
    top: 80px;
    padding: 12px;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    font-style: italic;
    color: #afafaf;
}

#entity-table-columns-multiselect {
    position: absolute;
    top: 51px;
    right: 22px;
}
#entity-table-columns-multiselect-box select {
    height: 28px;
    width: 20px;
    background-color: #1c1c1c;
    border-top-right-radius: 7px;
}
#entity-table-columns-options {
    position: absolute;
    top: 50px;
    right: 110px;
}
#entity-table-columns-options div {
    position: relative;
    height: 22px;
}
#entity-table-columns-options label {
    position: absolute;
    top: -22px;
    height: 22px;
    width: 100px;
    padding-top: 4px;
}
#entity-table-columns-options input[type=checkbox] + label {
    padding-left: 30px;
}

#entity-table-scroll {
    /* Height is set by JavaScript. */
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding-top: 37px; /* Space for header and footer outside of scroll region. */
    margin-top: 28px;
    border-left: 2px solid #575757;
    border-right: 2px solid #575757;
    border-bottom: 2px solid #575757;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #1c1c1c;
}

#entity-table-scroll .glyph {
    font-family: HiFi-Glyphs;
    font-size: 15px;
}

#entity-table-scroll .vglyph {
    font-family: Vircadia-Glyphs;
    font-size: 15px;
}

#entity-table {
    margin-top: -20px;
    margin-bottom: -18px;
    table-layout: fixed;
    border: none;
    background-color: #1c1c1c;
}

#entity-table thead tr, #entity-table thead tr th {
    background: none;
}

#entity-table .glyph .vglyph {
    margin: 0 -2px 0 -2px;
    vertical-align: middle;
}

#entity-table thead {
    box-sizing: border-box;
    border: 2px solid #575757;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #575757;
    position: absolute;
    top: 49px;
    left: 0;
    width: 100%;
    word-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
}

#entity-table th {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 0 0 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

#entity-table th:focus {
    outline: none;
}

#entity-table th .glyph .vglyph {
    position: relative;
    left: 4px;
}
#entity-table th .glyph .vglyph + .sort-order {
    position: relative;
    left: 4px;
}

#entity-table thead .sort-order {
    display: inline-block;
    width: 8px;
    margin: -5px 0 -3px 0;
    vertical-align: middle;
}

#entity-table thead .resizer {
    position: absolute;
    top: 1px;
    height: 26px;
    width: 10px;
    cursor: col-resize;
}

#entity-table .dragging {
    background-color: #b3ecff;
}

#entity-table td {
    box-sizing: border-box;
}
#entity-table td .glyph .vglyph {
    text-align: center;
    padding: 0px;
}

#properties-base {
    border-top: none !important;
    box-shadow: none !important;
    margin-bottom: 5px !important;
}

#properties-base #property-type-icon {
    font-family: HiFi-Glyphs;
    font-size: 31px;
    color: #00b4ef;
    margin: -4px 12px -4px -2px;
    width: auto;
    display: none;
}

#properties-base #property-type {
    padding: 5px 24px 5px 0;
    border-right: 1px solid #808080;
    width: auto;
    display: inline-block;
}

#properties-base .checkbox label span {
    font-family: HiFi-Glyphs;
    font-size: 20px;
    padding-right: 6px;
    vertical-align: top;
    position: relative;
    top: -4px;
}

#properties-base input[type=checkbox]:checked + label span {
    color: #ffffff;
}

#id label {
    width: 24px;
}
#property-id {
    display: inline-block;
}
#property-id::selection {
    color: #000000;
    background-color: #00b4ef;
}

input#property-scale-button-rescale {
    min-width: 50px;
    left: 152px;
}
input#property-scale-button-reset {
    margin-right: 0;
    left: 250px;
}

#property-userData-static,
#property-materialData-static,
#property-particleUpdateData-static,
#property-particleRenderData-static {
    display: none;
    z-index: 99;
    position: absolute;
    width: 96%;
    padding-left: 1%;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #2e2e2e;
}

#property-userData-saved,
#property-materialData-saved,
#property-particleUpdateData-saved
#property-particleRenderData-saved {
    margin-top: 5px;
    font-size: 16px;
    display: none;
}


#div-property-collisionSoundURL[style*="display: none"] + .property {
    margin-top: 0;
}

.context-menu {
    display: none;
    position: fixed;
    color: #000000;
    font-family: FiraSans-SemiBold;
    background-color: #afafaf;
    padding: 5px 0 5px 0;
    cursor: default;
}
.context-menu li {
    list-style-type: none;
    padding: 4px 18px 4px 18px;
    margin: 0;
    white-space: nowrap;
}
.context-menu li:hover {
    background-color: #e3e3e3;
}
.context-menu li.separator {
    border-top: 1px solid #333333;
    margin: 5px 5px;
    padding: 0 0;
}
.context-menu li.disabled {
    color: #777777;
}
.context-menu li.separator:hover, .context-menu li.disabled:hover {
    background-color: #afafaf;
}

input.rename-entity {
    height: 100%;
    width: 100%;
    border: none;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    /* need this to show the text cursor when the input field is empty */
    padding-left: 2px;
}

.create-app-tooltip {
    z-index: 100;
    position: absolute;
    background: #6a6a6a;
    border: 1px solid black;
    width: 258px;
    min-height: 20px;
    padding: 5px;
    z-index: 100;
}

.create-app-tooltip .create-app-tooltip-description {
    font-size: 12px;
    font-style: italic;
    color: #ffffff;
}

.create-app-tooltip .create-app-tooltip-js-attribute {
    font-family: Raleway-SemiBold;
    font-size: 11px;
    color: #000000;
    bottom: 0;
    margin-top: 5px;
}

#toggle-space-mode::before {
    font-family: HiFi-Glyphs;
    font-size: 20px;
    text-transform: none;
    min-width: 32px;
    padding-right: 4px;
    vertical-align: middle;
}

#toggle-space-mode.space-mode-local::before {
    content: "m";
}

#toggle-space-mode.space-mode-world::before {
    content: "\e02c";
}

.container {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 8px;
    min-height: 28px;
}

.container > label {
    margin-top: 6px;
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}

.container > div.checkbox {
    padding-top: 6px;
}

.container > .value {
    width: 100%;
}

.container .row {
    display: flex;
    flex-flow: row nowrap;
}

.container.shrink {
    width: min-content;
}

.fstuple {
    display: flex;
    flex-flow: row;
}
.fstuple input {
    margin-left: 4px;
    margin-right: 10px;
}
.fstuple label.red, .fstuple label.r, .fstuple label.x, .fstuple label.w {
    color: #C62147;
}
.fstuple label.green, .fstuple label.g, .fstuple label.y, .fstuple label.h {
    color: #359D85;
}
.fstuple label.blue, .fstuple label.b, .fstuple label.z {
    color: #0093C5;
}

.xyz.fstuple, .pyr.fstuple, .vec3rgb.fstuple {
    position: relative;
    left: -12px;
    min-width: 50px;
    width: 100px;
}

.rgb.fstuple .tuple {
    display: none;
}

input.number-slider {
    background: #575757;
    border-radius: 4px;
    color: white;
}

.fstuple > div {
    display: flex;
    align-items: center;
    justify-content: left;
}

.flex-row {
    display: flex;
    flex-flow: row;
}

.flex-column {
    display: flex;
    flex-flow: column;
}

.flex-center {
    align-items: center;
}

.flex-evenly-spaced {
    flex: 1;
}

#property-serverScripts-status {
    font-family: Raleway-Light;
    font-size: 14px;
    margin: 6px 0;
    cursor: default;
}

#property-name, #property-id {
    display: flex;
    width: 100%;
}

.spacemode-hidden {
    display: none;
}

#placeholder-property-type {
    min-width: 0;
}

.collapse-icon {
    cursor: pointer;
}

#property-userData-editor.error,
#property-materialData-editor.error,
#property-particleUpdateData-editor.error,
#property-particleRenderData-editor.error {
    border: 2px solid red;
}

#property-userData-editorStatus,
#property-materialData-editorStatus,
#property-particleUpdateData-editorStatus,
#property-particleRenderData-editorStatus {
    color: white;
    background-color: red;
    padding: 5px;
    display: none;
    cursor: pointer;
}

input[type=number].hide-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    visibility: hidden;
}

div.jsoneditor-menu a.jsoneditor-poweredBy {
    display: none;
}
td.zoneItem {
    width: 100%;
}

select.zoneSelect {
    clear: both;
    cursor: pointer;
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    width: 90%;
    height: 28px;
    padding: 0 28px 0 12px;
    color: #afafaf;
    background: #575757;
    position: relative;
    display: inline;
    border: 0px;
    align-items: center;
    outline: none;
}

div.multiZoneSelToolbar {
    padding: 0px;
}

div.zoneSelectorListPanel {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-width: 0px;
    background-color: #666666;
    color: #dddddd;
    padding: 0% 2% 0% 2%;
    z-index: 2;
    cursor: pointer;
}

div.zoneSelectListHeader {
    position: static;
    width: 96%;
    height: 6%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    padding-top: 4px;
    cursor: pointer;
    border-width: 0px;    
}

div.zoneSelectList {
    position: static;
    width: 96%;
    height: 86%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    border-width: 0px;
    background-color: #c0c0c0;
    overflow-y: auto;
    padding: 0px;
    cursor: pointer;
}

div.zoneSelectListFooter {
    position: static;
    width: 96%;
    height: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    padding: 2px;
    cursor: pointer;
    border-width: 0px;
    text-align: right;
}

.forceAlignRight {
    float: right;
}

#menuBackgroundOverlay{
    background-color:transparent;
    position:fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}

div.entity-list-menu {
    position: fixed;
    display: none;
    width: 370px;
    height: 30px;
    top: 27px;
    left: 8px;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-color: #505050;
    border-width: 1px;
    background-color: #c0c0c0;
    z-index: 2;
    cursor: pointer;
}

div.tools-select-menu {
    position: relative;
    display: none;
    width: 200px;
    height: 0px;
    top: -16px;
    left: 124px;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-color: #505050;
    border-width: 1px;
    background-color: #c0c0c0;
    z-index: 2;
    cursor: pointer;
}

div.tools-help-popup {
    font-family: Raleway-SemiBold;
    font-size: 14px;
    position: relative;
    display: none;
    width: 96%;
    padding: 5px;
    height: auto;
    top: -16px;
    left: 8px;
    right: 0;
    bottom: 0;
    border: 2px solid #c0c0c0;
    background-color: #333333;
    z-index: 2;
    cursor: pointer;
}

div.menu-separator{
    width: 100%;
    height: 2px;
    background-color: #505050;
    }

button.menu-button {
    font-family: FiraSans-SemiBold;
    font-size: 15px;
    width: 100%;
    height: auto;
    border-radius: 0;
    padding: 6px;
    text-align: left;
    background-color: #c0c0c0;
    border: none;
}

button.menu-button:hover {
    background-color: #919191;
    border: none;
}

button.menu-button:active {
    background-color: #919191;
    border: none;    
}

div.menu-item {
    width: 100%;
}

div.menu-item-caption {
    float: left;
}

div.menu-item-shortcut {
    float: right;
}

span.viewParent {
    color: #ffffff;
}

font.viewParentIcon {
    font-family: HiFi-Glyphs;
    font-weight: bold;
}