a:hover {
    cursor:pointer !important;
}

.pointer {
    cursor:pointer;
}

.obj_hidden {
    color:rgba(130, 130, 130, 0.5) !important;
}

.selected_highlight {
    background-color: rgba(30, 121, 196, 0.33);
}

.obj_friendly {
    color:#82ED3E !important;
}

.obj_enemy {
    color:#E76F00 !important;
}

.obj_undefined {
    color:#828282 !important;
}

.obj_bystander {
    color:#00D8CB !important;
}

.obj_prop {
    color:#FFFFFF !important;
}

.obj_neutral {
    color:#008AD8 !important;
}

.tabs_container {
    display:none;
}

.tabs_builderobject_content {
    color: #ffffff;
}

.pwa12review_playcontrolsul {
    color: #ffffff;
}

.popup-overlay {
    /*background: rgb(16,12,12) !important;*/
    background: url('/images/fancybox_overlay.png') !important;
}

.popup-content {  
    background: #373737 !important;
    color: #fff;
	text-shadow: none;
    padding: 0 !important;
    border: none !important;
}

.popup_close {
	position: absolute;
	top:12px;
	right:22px;
	width: 52px;
	height: 44px;
	cursor: pointer;
	z-index: 8040;

    background-image:url('/images/popupicon.png') ;
}

#builder05left {
    width: 650px !important;
}

.builderWideModal {
    width: 410px !important;
}

#builder05leftPref {
    width: 410px !important;
}

#inline1 {
    width: 450px !important;
}

#endsession {
    width: 650px !important;
}

.pause-msg {
    color:#1E79C4 !important;
}

/* Settings */
.settings-active {
    background:#B5B5B5 !important;
}

.settings-enabled {
    color: #000 !important;
}

.settings-user-search {
    text-transform:none !important;
}

#settings-add-assets {
    width: 410px !important;
}


/* Spectate WEBXR */
#webXR_Controls {
    position: absolute;
    top: 0px;
    left: 250px;
    z-index: 15;
}

#debug-controls {
    position: absolute;
    top: 55px;
    left: 250px;
    z-index: 20;
}

/* General */
.scrollable-div {
    overflow-y:auto;
}

/* spectate */
#scene {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

.spectator_content_top {
    z-index: 15;
    position: absolute;
    left: 30%;
    top: 50px;
}

.left_sidebar_border {
    z-index: 5;
    transition: all 0.2s;
}

.pwa27spectator_iconmenu {
    z-index: 5;
}

.sidebar_pane6_spectatorbutton {
    z-index: 5;
}

.toolbar-actions ul > li.disabled {
    display: none;
}

/* webxr */

/* 3d labels */
.label3DObj {
    color: blueviolet;
    font-size: 12;
}

/* Object Panel */
#ObjList{
    overflow-y: auto;
    max-height: 250px;
    color: #ffffff;
}

body {
    overflow-x:hidden !important;
}

#webxr{
    position: absolute;
    top: 0;
    left:0;
    height:100%;
    width: 100%;
}

.main-area{
    flex-grow: 1;
    display: flex;
}

.main-area .toolbar{
    padding: 20px 25px;
    align-self: flex-start;
    display: flex;
    z-index:2;
    position: relative;
    width: 100%;
}

#tabs {
    display: flex;
    position: relative;
}

.sidebar_manageusers_tabs #tabs{
    flex-direction: column;
}

#tabs_lite {
    height: 100vh;
    display: flex;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: 0.2s all ease-in-out;
}

.hiddenObjPanel .left_sidebar_border{
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    padding-left: 100px; /* Forces content at 0 width to be pushed further right */
}

.scene-ui-container{
    display: flex;
    justify-content: space-between;
    height: 100%
} 

.scene-panel{
    width: 450px;
    min-width: 450px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: 0.2s all ease-in-out;
}
.scene-panel.with-mini-menu{
    padding-left:75px;
    min-width:525px;
}
.scene-panel.hiddenObjPanel{
    width: 75px;
    min-width: 0;
}

.hiddenObjPanelLeft .left_sidebar_border{
    transform: translateX(-600%);
    -webkit-transform: translateX(-600%);
    width: 75px;
}

.left_sidebar_builderobject {
    flex: 1;
}

.ui-tabs-panel {
    overflow-y: auto;
    flex-grow: 1;
}

/* Trainer / Session */
.alertError {
    color: d81919;
}

.leftPanelToggle{
    background: linear-gradient(180deg, rgba(89, 89, 89, 0.4) 9.45%, rgba(89, 89, 89, 0) 100%); 
    position: absolute; 
    width: 75px;
    height: 100%;
    left:0;
    top: 0;
    opacity: 0;
    z-index: 4;
    -webkit-transition-duration: 1200ms;
    transition-duration: 1200ms;
}

.bottom-toggleLeft{
    position: absolute;
    bottom: 30px;
}

.bottom-toggleLeft a{
    padding: 27px;
}

.showleftPanelToggle {
    opacity: 100%;
}

.session_recording {
    font-size: 18px;
    color: #BD2025;
    font-weight: bold;
    padding-left: 20px;
}

.session_time{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 20px;
}


/* Stand By */
.scene-overlay {
    /* Position */
    position: absolute;
    top: 30%;
    left: 40%;

    /* Bg */
    background: rgba(194, 194, 194, 0.125);
    border: 1px solid #C4C4C4;
    width: 525px;
    height: 85px;

    z-index: 15;
}

.scene-overlay p {
    /* text */
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: auto;
    text-align: center;
    line-height: 85px;
}


/* According */
.accordion {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.accordion__item + .accordion__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion__button {
    background-color: #464646;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
}

.accordion__button:hover {
    background-color: #464646;
}

.accordion__button:after {
   
    content: '';
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);

    float: right;
}

.accordion__button[aria-expanded='true']::after,
.accordion__button[aria-selected='true']::after {
    transform: rotate(-135deg);
}

[hidden] {
    display: none;
}

.accordion__panel {
    padding: 20px;
    animation: fadein 0.35s ease-in;
}

/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Object Library overlay */
.sideMenu {
    z-index: 6;
    min-width: 300px;
}

.sideMenu .left_sidebar_border{
    display: flex;
    flex-direction: column;
}
.sideMenu .sidebar_pwa08run_padding{
    flex-grow: 1;
    overflow:auto;
    overflow-x:hidden;
}

.sideMenu .sidebar_panel_titel{
    padding-top:25px;
}

#objectSideMenu {
    right: 0px;
    top: 0px;

    position: absolute;
}

#logicSideMenu {
    right: 0px;
    top: 0px;

    position: absolute;
}

.sideMenuClose {
	position: absolute;
	right: 7px;
    top: 8px;
    
	width: 52px;
	height: 44px;
	cursor: pointer;
	z-index: 8040;

    background-image:url('/images/popupicon.png') ;
}


/* scrubber */
.scrubber {
    width: 100%;
    height: 100%;
    position: relative;
    user-select: none;
    touch-action: none;
  }
  .scrubber * {
    user-select: none;
  }
  .scrubber .bar {
    background: rgba(100, 100, 100, 0.5);
    position: relative;
    transition: height 0.2s linear, width 0.2s linear;
  }
  .scrubber.horizontal .bar {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
  }
  .scrubber.vertical .bar {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
  }
  .scrubber .bar__progress {
    position: absolute;
    background: #019afd;
  }
  .scrubber .bar__buffer {
    position: absolute;
    background: rgba(170, 170, 170, 0.6);
  }
  .scrubber.horizontal .bar__progress,
  .scrubber.horizontal .bar__marker,
  .scrubber.horizontal .bar__buffer {
    height: 100%;
  }
  .scrubber.vertical .bar__progress,
  .scrubber.vertical .bar__marker,
  .scrubber.vertical .bar__buffer {
    width: 100%;
    bottom: 0;
  }
  .scrubber .bar__thumb {
    position: absolute;
    width: 0px;
    height: 0px;
    border-radius: 10px;
    background: #019afd;
    transition: height 0.2s linear, width 0.2s linear;
  }
  .scrubber.horizontal .bar__thumb {
    transform: translate(-50%, -50%);
    top: 50%;
  }
  .scrubber.vertical .bar__thumb {
    transform: translate(-50%, 50%);
    left: 50%;
  }
  .scrubber.hover.horizontal .bar {
    height: 6px;
  }
  .scrubber.hover.vertical .bar {
    width: 6px;
  }
  .scrubber.hover .bar__thumb {
    width: 12px;
    height: 12px;
  }
  
  .scrubber .bar__marker {
    position: absolute;
    background: rgb(240, 205, 5);
  }
  
  .scrubber.horizontal .bar__marker {
    width: 12px;
  }
  
  .scrubber.vertical .bar__marker {
    height: 12px;
  }
  


.user_metric {
    display: inline;
    padding-right: 15px;
}

.user_metric_main {
    float: right;
}



.debugScroll {
    overflow: auto;
}

.debugHeader {
    margin-top: 20px;
    margin-bottom: 40px;
}