/* Common */
    .col-left {
        padding-left: 0px;
        padding-right: 20px;
    }
    .col-right {
        padding-right: 0px;
        padding-left: 0px;
    }
    .typehead-parent .bootstrap-tagsinput {
        width: 100%;
    }
    .dialog-content .bootstrap-tagsinput {
        width: 100%;
    }
    .shortcut-divider {
        margin-right: 2px;
    }
    .shortcut-key {
        box-shadow: -1px 1rem 2rem 0px rgba(0, 0, 0, .1);
        -webkit-box-shadow: -1px 1rem 2rem 0px rgba(0, 0, 0, .1);
        -moz-box-shadow: -1px 1rem 2rem 0px rgba(0, 0, 0, .1);
        background: var(--accent-background-color);
        color: white;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        margin-right: 2px;
        font-size: 12px;
        font-variant: small-caps;
        border-radius: 4px;
    }
    .project-icon.settings.hover:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    #player-information-container-child-left > ul:last-child {
        margin-bottom: 0px;
    }
/* Media */
    @media (max-width: 767px) {
        .draft-dropdown-left {
            width: 50px !important;
        }
        .draft-dropdown-right {
            width: calc(100% - 50px) !important;
        }
        .activity-title {
            margin-right: 0px !important;
        }
        .project-icon.settings {
            border-radius: 4px !important;
            width: 50px !important;
            height: 50px !important;
        }
        .pending-info-container {
            width: 100% !important;
        }
        .build-trace .msg {
            width: 100% !important; 
        }
    }
    @media (min-width: 768px) {
        #leaderboard-items,
        #dlc-files,
        #campaign-items {
            display: inline-block;
            width: 350px !important;
            border-right: 1px solid var(--color-border) !important;
            padding-right: 10px;
            overflow-y: scroll;
            
            max-height: 600px;
            min-height: 700px;
        }
    }
    @media (max-width: 992px) {
        .col-left {
            padding-left: 0px;
            padding-right: 0px;
        }
        .col-right {
            padding-right: 0px; 
            padding-left: 0px;
        }
        #player-information-container-child-left {
            margin-bottom: 10px;
        }
    }
    @media (min-width: 992px) {
        #info-devices-list-group {
            max-height: 500px;
            overflow-y: auto;
        }        
        #player-information-container-child-left {
            width: 370px;
            padding-right: 7px;
            float: left;
            margin-bottom: 0px;
        }        
        #player-information-container-child-right {
            float: right;
            padding-left: 7px;
            width: calc(100% - 370px);
            margin-bottom: 0px;
        }
    }
    @media (min-width: 1200px) {
        #stats-details {
            margin-right: 140px !important;
        }
    }

/* Settings create new platform */
    .settings-platform {
        border-radius: 50%;
        display: inline-block;
        padding: 10px;
        margin: 10px;
        width: 130px;
        text-align: center;
    }
    .settings-platform:not(.active) {
        opacity: 0.5;
        color: var(--color-text-inactive);
    }
    .settings-platform.active:hover {
        cursor: pointer;
    }
    .settings-platform img {
        height: 60px;
        padding-bottom: 10px;
    }

/* Stacktrace*/
    .stack-root {
        background-color: white;
        border: 1px solid var(--color-border);
        border-radius: 4px;
        font-family: monospace;
        font-size: 90%;
    }
    .stack-root > .stack-row > .stack-fragment {
        margin: 0px -16px;
        padding: 10px 0px;
        background: white;
        border: 0px;
    }
    .stack-root > .stack-row > .stack-fragment:empty {
        display: none;
    }
    .stack-root > .stack-heading {
        padding: 6px 16px;
        background-color: whitesmoke;
    }
    .stack-root > .stack-row {
        padding: 6px 16px;
    }
    .stack-root > .stack-row:not(:last-child) {
        border-bottom: 1px solid var(--color-border);
    }
    .stack-root.split > .stack-heading:not(:last-child) {
        border-bottom: 1px solid var(--color-border);
    }
    mark {
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 2px;
    }

/* Purchases */
    .purchases-pid.highlight {
        cursor: pointer;
        background: #0000001a;
        border-radius: 10px;
    }

/* Stages */
    #stages-timeline {
        position: absolute;
        top: 30px;
        bottom: 0px;
        z-index: -1;
        width: 3px;
        margin-left: 10px;
        margin-bottom: -2000px;
        overflow: hidden;
        display: none;
    }
    .stage-dropdown-button {
        position: absolute; 
        right: 0px; 
        top: 0px;    
    }
    .stage-dropdown-button .btn {
        border-top: 0px;
        border-right: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .fav-btn {
        cursor: pointer;
        padding: 7px;
        border-radius: 50%;
        display: block;
        width: 35px;
        height: 35px;
        font-size: 130%;
        text-align: center;
        transition: all;
    }
    .fav-btn.active {
        color: var(--color-green);
    }
    .fav-btn:hover {
        background: var(--color-border);
        color: var(--color-green);
    }
    .message-item {
        margin-bottom: 10px;
        margin-left: 30px;
        position: relative;
    }
    .message-item:last-child {
        margin-bottom: 20px;
    }
    .message-item .message-inner {
        background: #fff;
        border: 1px solid var(--color-border);
        border-radius: 4px;
        padding: 10px;
        position: relative;
        cursor: pointer;     
        opacity: 1;
        min-height: 35px;
    }
    .message-item .message-inner:before {
        border-right: 10px solid var(--color-border);
        border-style: solid;
        border-width: 10px;
        color: rgba(0,0,0,0);
        content: "";
        display: block;
        height: 0;
        position: absolute;
        left: -20px;
        top: 6px;
        width: 0;
    }
    .message-item .message-inner.current-first:before {
        border-right: 10px solid #5cb85c;
    }
    .message-item .message-inner.current-first {
        border: 1px solid #5cb85c;
    }
    .message-item .message-inner.production-first:before {
        border-right: 10px solid #337ab7;
    }
    .message-item .message-inner.production-first {
        border: 1px solid #337ab7;
    }
    .message-item .message-inner:after {
        border-right: 10px solid #fff;
        border-style: solid;
        border-width: 10px;
        color: rgba(0,0,0,0);
        content: "";
        display: block;
        height: 0;
        position: absolute;
        left: -18px;
        top: 6px;
        width: 0;
    }
    .message-item:before {
        background: #ccc;
        border-radius: 2px;
        top: 14px;
        content: "";
        height: calc(100% + 10px);
        left: -18px;
        position: absolute;
        width: 1px;
    }
    .message-item:after {
        background: #ccc;
        border: 1px solid #fff;
        border-radius: 50%;
        content: "";
        height: 9px;
        left: -22px;
        position: absolute;
        top: 12px;
        width: 9px;
    }
    .message-item.current:before {
        background: #5cb85c !important;
    }
    .message-item.current:after {
        background: #5cb85c !important;
    }
    .message-item.current-first:before {
        background: #5cb85c !important;
    }
    .message-item.current-first:after {
        background: #5cb85c !important;
        border: 1px solid #fff;
    }
    .message-item.production:before {
        background: #337ab7 !important;
    }
    .message-item.production:after {
        background: #337ab7 !important;
    }
    .message-item.production-first:before {
        background: #337ab7 !important;
    }
    .message-item.production-first:after {
        background: #337ab7 !important;
        border: 1px solid #fff;
    }
    .message-item .clearfix:before,
    .message-item .clearfix:after {
        content: " ";
        display: table;
    }
    .message-item .message-head {
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
    .message-item .message-head .user-detail {
        overflow: hidden;
    }
    .message-item .message-head .user-detail h4 {
        font-size: 18px;
        margin: 0;
    }

/* Stages comparison */
    .clickable-arrow:hover {
        color: var(--color-blue) !important;
    }
    .stages-diff-table {
        width: 100%;        
    }
    .stages-diff-table tr td:last-child {
        width: 300px;
        border-right: 0px !important;
    }
    .stages-diff-table tr:last-child {
        border-bottom: 0px !important;
    }
    .diff-description {
        height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 80%;
        display: inline-block;
        vertical-align: middle;
    }
    .push-stage-table tbody {
        display: table;
        width: 100%;
        margin-right: 5px;
    }
    #compare-diff-table .inner-content-table-row.disabled td:not(:last-child) {
        opacity: 0.7;
    }

/* Versions */
    .version-root-box {
        display: inline-block;
        vertical-align: middle;
    }
    .version-box {
        font-weight: 500;
    }
    .version-deprecated .version-root-box div:not(.label),
    .version-col-lock.version-deprecated,
    .version-col-usage.version-deprecated,
    .version-col-middle.version-deprecated {
        opacity: 0.6 !important;
    }
    .version-details-box {
        color: var(--color-text-inactive);
    }
    .version-dropdown-container {
        margin: 2px;
        display: inline-block;
        position: relative;
    }
    .version-description {
        overflow: hidden;
        vertical-align: middle;
    }
    
/* Activity */
    .activity-day {
        height: 35px;
        position: relative;
        margin-bottom: 5px;
        transition: background 0.1s;
        border-bottom: 1px solid var(--color-border);
    }
    .activity-day-time {
        position: absolute;
        top: 8px;
        left: 10px;
        margin-bottom: 5px;
    }
    .activity-day-sep {
        border-bottom: 1px solid var(--color-border);
    }
    .activity-day-total-time {
        position: absolute;
        top: 4px;
        right: 10px;
    }
    .activity-day-total-sessions {
        position: absolute;
        top: 17px;
        right: 10px;
    }
    .activity-dashed {
        width: 5px;
        height: 15px;
        min-height: 15px;
        margin-bottom: 1px;
        border-right: 1px dashed var(--color-text-white-very-dark);
        opacity: 0.5;
    }
    .activity-event-root {
        display: flex;
        margin-left: 10px;
    }
    .activity-event-stats-circle {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        margin: 3px;
        margin-right: 5px;
    }
    .activity-event-stats-circle.big-first {
        width: 7px;
        height: 7px;
        margin: 1px;
        margin-top: -4px;
    }
    .activity-event-stats-circle.big-last {
        width: 7px;
        height: 7px;
        margin: 1px;
    }
    .activity-event-stats-circle.active {
        animation: blinker 1.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
        margin-top: 12px;
        margin-bottom: 2px;
    }
    .activity-event-stats-line {
        width: 1px;
        margin-left: 4px;
        height: 10px;
        min-height: 10px;
    }
    .activity-event-stats-line.bottom {
        height: calc(100% - 19px);
    }
    .activity-event-stats-time {
        position: absolute;
        left: -54px;
        top: 7px;
    }
    .activity-event-stats {
        position: relative;
        width: 10px;
        margin-left: 54px;
        display: inline-block;
    }
    .activity-event-type {
        display: block;
        margin-top: -3px;
    }
    .activity-title {
        display: inline-block;
        vertical-align: top;
        color: var(--color-text-black-light);
        word-break: break-word;
        margin-right: 45px;
        line-height: 16px;
    }
    .activity-title h5 {
        margin: 0px;
    }
    .activity-title a,
    .activity-title a:active,
    .activity-title a:hover,
    .activity-content a,
    .activity-content a:active,
    .activity-content a:hover {
        color: var(--color-text-black-light);
    }
    .activity-content {
        color: var(--color-text-black-light);
    }
/* AdSystem interstitial button */
    .interstitial-btn-hitbox {
        position: absolute;
        cursor: pointer;
        background: rgba(0,0,255,0);
    }
    .interstitial-btn-hitbox:hover {
        background: rgba(0,0,255,0.1);
    }

/* Campaign preview */
    .ios-title {
        font-family: Apple, sans-serif;
        color: var(--color-text-black);
        font-weight: 400;
        opacity: 0.5;
        text-transform: uppercase;
    }
    .ios-sub-body {
        font-family: Apple, sans-serif;
        color: var(--color-text-black);
        font-weight: 700;
        letter-spacing: 0.1px;
    }
    .ios-body {
        font-family: Apple, sans-serif;
        color: var(--color-text-black);
        font-weight: 500;
        letter-spacing: 0.1px;
    }    
    .no-preview-available,
    .push-notification-preview-root-container {
        padding: 1px;
        font-size: 82%;
        word-break: break-word;
        border-radius: 10px;
    }
    .no-preview-available > div {
        padding: 10px;
        text-align: center;
        font-size: 150%;
        padding: 50px 0px !important;
    }
    .no-preview-available > div,
    .push-notification-preview-container {
        width: 100%;
        background: #fff;
        border-radius: 8px;
    }
    .in-app-preview-button-container {
        margin-top: 5px;
        margin-bottom: -3px;
        text-align: center;
    }
    .in-app-preview-button-container > div {
        display: inline-block;
        padding: 3%;
        margin-bottom: 0px;
        background: #fff;
        color: var(--color-text-black-light);
        border-radius: 8px;
        margin-right: 2.5px;
        margin-left: 2.5px;
        width: 45%;
    }
    .push-notification-preview-button-container {
        margin-top: 1%;
        text-align: center;
    }
    .push-notification-preview-button-container > div {
        padding: 3%;
        margin-bottom: 0.5%;
        background: rgba(255, 255, 255, 0.8);
        color: var(--color-text-black-light);
    }
    .push-notification-preview-button-container > div:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .push-notification-preview-button-container > div:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-bottom: 0px;
    }
    .push-notification-preview-middle {
        text-align: center;
    }
    .push-notification-preview-bottom-right {
        background-size: cover !important;
    }
    .push-notification-preview-top,
    .push-notification-preview-bottom {
        padding: 4%;
    }
    .push-notification-preview-top img {
        width: 6.5%;
        height: 6.5%;
        border-radius: 4px;
    }
    .push-notification-preview-top span {
        margin-left: 3%; 
        vertical-align: middle;
    }

/* Campaigns */
    #campaign-items {
        width: 100%;  
    }
    #campaign-details {
        display: inline-block;
        width: calc(100% - 350px);
        vertical-align: top;
    }
    .campaign-details {
        position: relative;
        margin: 3px;
        margin-top: 0px;
        color: var(--color-text-inactive);
        font-size: 85%;
    }
    .campaign-name {
        margin: 3px;
        margin-bottom: 0px;
        color: var(--color-text-black);
    }
    #campaign-details-info {
        position: relative;
        margin: 0px;
    }    
    .campaign-container:hover {
        background-color: #f5f5f5 !important;
    }
    .campaign-container {
        padding: 3px;
        padding-left: 44px;
        margin: 3px;
        height: 50px;
        background-color: #fafafa;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        border: 1px solid var(--color-border) !important;
    }
    .campaign-img {
        padding: 3px;
        padding-top: 0px;
        width: 25px;
        height: 25px;
    }
    .campaign-img img {
        width: 100%;
        height: 100%;
    }
    .campaign-container-details {
        position: relative;
        margin: 3px;
        margin-top: 0px;
        color: var(--color-text-inactive);
        font-size: 85%;
    }
    .campaign-container.active {
        background-color: #e4e4e4;
    }
    .campaign-state {
        font-style: initial;
        max-width: 90px;
        display: inline-block;
    }
    .short-campaign-span {
        padding-right: 1px;
        max-width: 90px;
        display: inline-block;
    }

/* Player activity */
    .activity-event-details {
        padding-top: 5px;
        padding-bottom: 5px;
        width: calc(100% - 60px);
        display: inline-block;
        vertical-align: top;
        border-radius: 4px;
        transition: background 0.1s;
        position: relative;
        display: flex;
    }
    .activity-event-details.highlight {
        animation: fadeIn 1.5s alternate;
    }
    .activity-event-details.hover {
        border-radius: 4px;
        background: var(--color-hover-background);
    }
    .activity-event-details.clickable {
        cursor: pointer;
    }
    .activity-event-details.clickable:hover {
        background: var(--color-hover-background);
    }
    .activity-event-details-name {
        display: inline-block;
        padding-left: 10px;
    }
    .activity-event-details-flag {
        display: inline-block;
        text-align: center;
        border-right: 1px solid var(--color-border);
        vertical-align: middle;
        padding: 0px 5px;
    }
    .activity-event-details-value {
        display: inline-block;
        text-align: center;
        border-right: 1px solid var(--color-border);
        vertical-align: middle;
        padding: 0px 5px;
    }
    .activity-event-details-balance {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 0px 5px;
    }

/* Tasks scheduler */
    .scheduler-activity {
        float: right;
        padding-top: 7px;
        padding-bottom: 4px;
        padding-right: 7px;
        padding-left: 4px;
    }
    .scheduler-activity .circle {
        width: 7px;
        height: 7px;

        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: auto;
        margin-right: auto;

        border-radius: 50%;
        background-color: var(--color-grey);
        vertical-align: middle;
    }
    .scheduler-activity .circle.small {
        width: 4px;
        height: 4px;
        
        margin-top: 3.5px;
        margin-bottom: 3.5px;
    }
    .scheduler-activity .line {
        width: 1px;
        margin-left: auto;
        margin-right: auto;
        height: 10px;
        background-color: var(--color-grey);
    }
    .scheduler-activity .line.dashed {
        width: 1px;
        border-right: 1px dashed var(--color-text-white-very-dark);
        background-color: transparent;
    }


/* Player snapshots dropdown */
    .draft-results-row:hover .hidden-button {
        display: inline-block;
        margin-right: 2px;
    }
    .draft-results-row:hover .hidden-button span {
        background-color: var(--color-hover-background);
    }
    .draft-results-row:hover .hidden-button:hover span {
        background-color: var(--color-hover-background-dark);
    }
    .draft-results-row .hidden-button {
        display: none;
    }
    .hidden-button-root .hidden-button {
        display: none;
    }
    .hidden-button-root:hover .hidden-button {
        display: block;
    }
    .snapshot-dropdown {
        width: 530px !important; 
        height: 270px !important; 
        padding-top: 0px !important; 
        padding-bottom: 0px !important;
    }

    .draft-dropdown-left {
        width: 20%; 
        border-right: 1px solid var(--color-border); 
        padding-top: 4px; 
        padding-bottom: 4px;
        display: inline-block;
        vertical-align: top;
        height: 100%;
    }
    .draft-dropdown-right {
        width: 80%;
        position: relative; 
        padding-top: 0px; 
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        height: 100%;
    }
    .draft-search-container {
        position: relative; 
        padding: 5px;
        width: 100%;
    }
    .draft-search-container input {
        width: 100%;
    }
    .draft-results-container {
        padding-top: 0px; 
        padding-bottom: 5px; 
        overflow-y: scroll; 
        height: calc(100% - 34px);
    }
    .draft-results-row {
        padding-bottom: 10px; 
        padding-top: 10px;
    }
    .draft-results-row .hidden-button span {
        font-size: 85%;
        padding: 5px;
        border-radius: 4px;
    }
    .draft-results-row .hidden-button:hover span {
        background-color: var(--color-hover-background-dark);
    }

/* Help button */
    #help-btn-root {
        position: fixed;
        right: 0px;
        bottom: 0px;
        transition: all 0.1s;
        width: 100%;
        pointer-events: none;
    }
    #help-total-indicator {
        top: 23px;
        right: 28px;
        position: absolute;
    }
    #help-btn-root .dropdown-menu {
        right: -55px;
        bottom: -22px;
        width: 300px;
    }
    #help-btn {
        padding: 20px 30px;
        font-size: 25px;
        cursor: pointer;
        color: var(--color-blue);
        width: 85px;
        position: relative;
        float: right;
        pointer-events: all;
        right: -85px;
    }
    #help-btn:hover {
        opacity: 0.9;
    }

/* Player logging */
    .multiple-commands-badge {
        padding-left: 4px;
        padding-right: 5px;
        display: inline-block;
        background-color: #d43f3a;
        position: absolute;
        margin: 4px;
        border-radius: 10px;
        color: var(--color-text-white);
        font-size: 10px;
        font-weight: 700;
    }
    .debug-log {
        border-radius: 4px;
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 3px;
        margin-bottom: 3px;
        background: #333;
        cursor: pointer;
        position: relative;
    }
    .debug-log .indicator {
        border-radius: 50%;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 7px;
        height: 7px;
    }
    .debug-log:hover {
        background: #222;
    }
    .debug-log a,
    .debug-log a:active, 
    .debug-log a:visited {
        color: var(--color-text-white-dark);
    }
    .debug-log a.dimmed,
    .debug-log a.dimmed:active, 
    .debug-log a.dimmed:visited,
    .debug-log a.dimmed:hover {
        color: #777;
    }

/* Pipeline details */
    .build-trace {
        background: #000;
        color: var(--color-text-white-dark);
        white-space: pre;
        overflow-x: auto;
        font-size: 12px;
        border-radius: 0;
        border: 0;
        padding: 8px;
        margin-bottom: 0px;
        border-radius: 7px;
    }
    .build-trace .date {
        min-width: fit-content;
        vertical-align: top;
        color: #777;
        padding: 0px 5px;
    }
    .build-trace .msg {
        padding-left: 0px;
        display: inline-block;
        vertical-align: top;
        word-break: break-word;
        line-height: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        flex-grow: 1;
        white-space: pre-line;
    }
    .build-trace-navbar-wrapper {
        border-top-right-radius: 7px;
        border-top-left-radius: 7px;
        background: var(--color-text-black);
        height: 35px;
    }
    .build-trace-navbar-wrapper .filter-input {
        border-radius: 4px;
        padding: 2px;
        padding-left: 7px;
        padding-right: 7px;
        border: 0;
        font-size: 12px;
        background: #464646;
        color: #b2b2b2;
        border-color: var(--color-border) !important;
        box-shadow: none !important;
        float: right;
        margin: 7px;
        margin-right: 0px;
        min-width: 300px
    }
    .build-trace-navbar-wrapper .filter-input:focus {
        outline: 0;
    }
    .build-trace-navbar {
        box-shadow: rgba(0, 0, 0, 0.1) -1px 1rem 2rem 0px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) -1px 1rem 2rem 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.1) -1px 1rem 2rem 0px;
        height: 35px;
        margin-left: -8px;
        margin-right: -8px;
        margin-top: -8px;
        margin-bottom: 7px;
        background: white;
    }
    .build-trace-navbar .glyphicon {
        padding: 9px;
        padding-bottom: 8px;
        margin: 2px;
        cursor: pointer;
        border-radius: 3px;
        margin-right: 3px;
        float: right;
    }
    .build-trace-navbar .glyphicon:hover {
        background: var(--color-text-black-very-light);
    }
    .build-trace-navbar.sticky-top {
        box-shadow: rgba(0, 0, 0, 0.45) -1px 1rem 2rem 0px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.45) -1px 1rem 2rem 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.45) -1px 1rem 2rem 0px;
        position: fixed;
        width: calc(100% - 18px);
        left: auto;
        max-width: calc(var(--content-width) - 10px);
        z-index: 99;
        min-width: 320px;
    }
    .build-trace-navbar.sticky-top::before {
        content: ' ';
        position: absolute;
        top: -10px;
        height: 10px;
        width: 100%;
        background: white;
    }
    .build-trace.empty:empty {
        display: none;
    }
    .build-trace pre {
        tab-size: inherit;
        background: inherit;
        color: inherit;
        border: 0;
        padding: 0px;
        margin: 0px;
    }
    .build-trace .icon {
        min-width: 20px;
        text-align: center;
    }
    .build-trace .icon .caret {
        transition: transform 0.1s;
    }
    .build-trace .icon.not-visible .caret {
        transform: rotate(-90deg);
    }
    .build-trace .line {
        display: flex;
    }
    .build-trace .line.clickable {
        line-height: 20px;
        cursor: pointer;
        transition: background 0.1s;
    }
    .build-trace .line.clickable:hover {
        background: #131212;
        border-radius: 3px;
    }
    .build-trace .time {
        background: #444242;
        color: white;
        border-radius: 3px;
        font-size: 85%;
        height: 15px;
        line-height: 15px;
        vertical-align: baseline;
        min-width: fit-content;
        text-align: center;
        padding: 0px 5px;
        margin: 2px 3px;
    }
    .new-build {
        display: inherit;
        cursor: pointer;
        width: 100%;
        padding: 5px;
        padding-bottom: 4px;
        margin: 0px -5px;
        border-radius: 4px;
        box-sizing: content-box;
    }
    .new-build:not(:last-child) {
        margin-bottom: 2px;
    }
    .new-build:hover {
        background: var(--color-hover-background);
    }
    @media (max-width: 1400px) {
        #help-btn-root .dropdown-menu {
            right: 30px;
            bottom: -22px;
            width: 300px;
        }
        #help-btn {
            right: 0px;
        }
    }
    @media (max-width: 767px) {
        .build-trace-navbar.sticky-top {
            width: calc(100% - 12px);
        }
        #help-btn-root .dropdown-menu {
            min-width: 300px !important;
            width: calc(100% - 23px) !important;
            bottom: -19px;
            right: 13px;
        }
        #help-btn {
            width: 69px;
            padding: 17px 30px;
        }
        #help-total-indicator {
            right: 12px;
            top: 20px;
        }
    }
    .pre {
        font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
        tab-size: 4;
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: var(--color-text-black-light);
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }
    .blinking-dots span {
        animation-name: blinking-dots-animation;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        font-size: 150%;
        color: var(--accent-background-color);
    }
    .blinking-dots span:nth-child(2) {
        animation-delay: .2s;
        margin-left: 1px;
    }
    .blinking-dots span:nth-child(3) {
        animation-delay: .4s;
        margin-left: 1px;
    }
    .blinking-dots.grey span {
        color: #777;
    }
    .blinking-dots.white span {
        color: white;
    }
    .pipeline-number {
        font-size: 12px;
        margin: auto;
        width: min-content;
        color: #000;
    }

/* Leaderboards */
    #leaderboard-items {
        width: 100%;  
    }
    #leaderboard-details {
        display: inline-block;
        width: calc(100% - 350px);
        vertical-align: top;
    }
    .leaderboard-details {
        position: relative;
        margin: 3px;
        margin-top: 0px;
        color: var(--color-text-inactive);
        font-size: 85%;
    }
    .leaderboard-name {
        margin: 3px;
        margin-bottom: 0px;
        color: var(--color-text-black);
    }
    .leaderboard-details-info {
        position: relative;
        margin: 0px;
        color: var(--color-text-inactive);
        font-size: 85%;
    }    
    .leaderboard-container:hover {
        background-color: #f5f5f5 !important;
    }
    .leaderboard-container {
        padding: 3px;
        padding-left: 44px;
        margin: 3px;
        height: 50px;
        background-color: #fafafa;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        border: 1px solid var(--color-border) !important;
    }
    .leaderboard-img {
        margin-top: 2px;
        position: absolute;
        left: 0px; 
        top: 0px;
        padding: 8px;
        width: 47px;
        height: 47px;
    }
    .leaderboard-img img {
        width: 100%;
        height: 100%;
    }
    .leaderboard-container-details {
        position: relative;
        margin: 3px;
        margin-top: 0px;
        color: var(--color-text-inactive);
        font-size: 85%;
    }
    .leaderboard-container.active {
        background-color: #e4e4e4;
    }
    .leaderboard-state {
        font-style: initial;
        max-width: 90px;
        display: inline-block;
    }
    .short-leaderboard-span {
        padding-right: 1px;
        max-width: 90px;
        display: inline-block !important;
    }

/* Documentation */
    #documentation-root {
        margin-left: -5px; 
        margin-right: -5px;  
        margin-top: -11px;
        margin-bottom: -8px;  
    }    
    #documentation-root iframe {
        margin-bottom: -5px;
        width: 100%;
    }

/* DLC */
    #dlc-files {
        width: 100%;  
    }
    #dlc-details {
        display: inline-block;
        width: calc(100% - 350px);
        vertical-align: top;
    }
    .file-container {
        padding: 3px;
        padding-left: 44px;
        margin: 3px;
        height: 50px;
        background-color: #fafafa;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        border: 1px solid var(--color-border) !important;
    }
    .file-container.active {
        background-color: #e4e4e4;
    }
    .file-img {
        position: absolute;
        left: 0px; 
        top: 0px;
        padding: 8px;
        width: 47px;
        height: 47px;
    }
    .file-img img {
        width: 100%;
        height: 100%;
    }
    .file-container:hover {
        background-color: #f5f5f5;
    }
    .file-name {
        margin: 3px;
        margin-bottom: 0px;
        color: var(--color-text-black);
    }
    #file-details {
        position: relative;
    }
    .file-details {
        position: relative;
        margin: 3px;
        margin-top: 0px;
        color: var(--color-text-inactive);
        font-size: 85%;
    }
    .history-row {
        border-bottom: 1px solid var(--color-border) !important;
        padding: 10px;
    }
    .history-row-item {
        vertical-align: middle;
        display: inline-table;
    }
    #file-history .history-row:last-child {
        border-bottom: 0px !important;
    }
    .short-platforms-span {
        padding-right: 1px;
        max-width: 90px;
        display: inline-block !important;
    }

/* Dropdown delete item */
    .hidden-item-button {
        display: none;
        margin-left: 3px;
    }
    li .hidden-item-button {
        display: none;
        color: #333;
        right: 5px;
        top: 5px;
        opacity: 0;
    }
    li .hidden-item-button.red {
        color: var(--color-red); 
    }
    li.active .hidden-item-button span {
        background-color: var(--color-text-white);
    }
    li:hover .hidden-item-button {
        opacity: 1;
        display: inline-block;
    }
    li .hidden-item-button span {
        padding: 5px;
        font-size: 85%;
        border-radius: 4px;
        transition: opacity 0.1s;
        transition: background-color 0.1s;
    }
    li .hidden-item-button:hover span {
        background-color: var(--color-text-white-dark);
    }
    
/* Device */
    .del-hid-btn {
        display: none;
        color: var(--color-red); 
        position: absolute; 
        right: 5px;
        top: 5px;
    }
    .del-hid-btn.visible {
        display: block;
    }
    .del-hid-btn span {
        padding: 5px;
        font-size: 85%;
        border-radius: 4px;
        transition: background 0.1s;
    }
    .del-hid-btn:hover span {
        background-color: var(--color-hover-background-dark);
    }
    .my-devices-empty {
        padding: 6px 16px;
    }
    
/* Purchase */
    .purchase-indicator {
        width: 6px;
        height: 6px;
        border-radius: 50% !important;
        display: inline-block;
    }

/* Offers */
    .offer-platform-item {
        display: inline-table; 
        margin: 2px;
        border: 1px solid var(--color-border);
        padding: 2px;
        width: 62px;
        font-size: 80%;
        cursor: pointer;
        border-radius: 4px;    
    }
    .offer-platform-item:hover {
        color: var(--color-text-black-very-light);
        text-decoration: none;
        background-color: #f5f5f5;
    }
    .offer-platform-item.active {
        color: var(--color-text-white);
        background-color: #337ab7;
    }

/* Player details */
    .player-information-container .list-group {
        margin-bottom: 10px;
    }
    .device-container {
        position: relative;
        width: 100%; 
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: var(--color-hover-background);
        border-radius: 6px;
    }
    .pending-info-badge {
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #d43f3a;
        color: var(--color-text-white);
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
        text-align: center;
        font-size: 75%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .custom-info-description {
        margin-bottom: 0px; 
        font-size: 14px; 
        height: 15px;  
        width: 135px;
        overflow: hidden;
        white-space: nowrap; 
        text-overflow: ellipsis;
        font-weight: 400;
    }
    .device-container.active {
        background-color: var(--color-hover-background-dark);
    }
    .device-image-container {
        border-radius: 6px;
        display: inline-block;
        width: 60px;
        height: 60px;
        margin: 5px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
    .device-image-container:hover img {
        opacity: 0.5;
    }
    .device-image-container .add-icon {
        display: none;
        position: absolute;
        color: var(--color-green);
        top: calc(50% - 10px);
        left: calc(50% - 6px);
    }
    .device-image-container:hover .add-icon {
        display: block;
    }
    .device-image {
        width: 100%;
        height: auto;
    }
    .device-uptime {
        position: absolute; 
        right: 10px;
        bottom: 6px;
        font-size: 75%;
    }
    .device-info-container {
        display: inline-block;
        position: relative;
        width: 250px;
        padding: 5px;
        padding-left: 0px;
        padding-top: 7px;
        padding-bottom: 23px;
        vertical-align: top;
    }
    .device-platform-container {
        position: absolute; 
        right: 3px;
        top: 5px;
        width: 24px; 
        height: 20px;
        opacity: 0.7;
    }
    .player-information-container {
        display: inline-table;
        padding-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }
    .pending-info-container {
        position: relative;
        width: 200px; 
        height: 45px;
        display: inline-table;
        margin: 5px;
        background-color: var(--color-hover-background);
        border-radius: 6px;
        cursor: pointer;
    }
    .pending-info-container:hover {
        background-color: var(--color-hover-background-dark);
    }
    .pending-info-title {
        margin-top: 5px;
        margin-left: 10px;
    }
    .pending-info-description {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 75%;
        color: var(--color-text-inactive);
        font-style: italic;
    }
    #info-devices-list-group {
        overflow-x: hidden;
    }
    #player-important-information {
        margin-bottom: -5px;
        width: 100%;
        padding-right: 80px;
        position: relative;
    }
    #player-favourite-toggle {
        position: absolute;
        right: 0px;
        top: -7px;
        padding: 15px;
        padding-right: 10px;
    }
    .basic-caption {
        margin-top: 0;
        margin-bottom: -1px;
        font-size: 14px;
    }
    .basic-content {
        line-height: 1.3;
        font-size: 13px;
        margin: 0 0 10px;
        word-wrap: break-word;
    }
    #cheat-modal-root .cheat-root-container:not(:last-child) {
        margin-bottom: 10px;
    }

/* Blockly */
	#script-edit-blockly,
	#script-edit-blockly > .injectionDiv {
		border-radius: 7px;
		overflow: hidden;
	}
	#script-edit-blockly {
		background: #dddddd;
	}
	#script-edit-blockly > .injectionDiv {
		border: 1px solid var(--color-border);
	}
	#script-edit-blockly > .injectionDiv .blocklyMainBackground {
		stroke: none;
	}

/* Editor */
    #request-editor {
        overflow: hidden;
        border-radius: 7px;
    }
    .editor-empty-container {
        padding-top: 15px;
        text-align: center;
    }
    .editor-loading-container {
        padding-top: 10px;
        text-align: center;
    }
    .editor-empty-container {
        color: #969696;
    }
    .file-row {
        display: inline-block;
        width: 50px;
        text-align: right;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid var(--color-border);
    }
    #tree {
        padding-bottom: 100px;
    }
    #tree.rename .item:not(.active) {
        opacity: 0.4;
    }
    #tree .item {
        padding: 4px;
        padding-bottom: 5px;
        padding-right: 25px;
        cursor: pointer;
        font-size: 12px;
        position: relative;
        color: #bbbbbb;
    }
    #tree .item.hid {
        display: none !important;
    }
    #tree .item.active:hover {
        background-color: #37373D;
    }
    #tree .item.active {
        background-color: #313131 !important;
        color: #fff;
    }
    #tree .item.modified::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #969696;
        position: absolute;
        right: 11px;
        top: 9px;
    }
    #tree .item:not(.modified)::after {
        content: attr(data-content);
        width: 10px;
        text-align: center;
        height: 8px;
        position: absolute;
        right: 10px;
        top: 7.5px;
        font-size: 10px;
        font-weight: 700;
        color: #cfcf02;
    }
    #tree .item.modified.active::before {
        background: #fff;
    }
    #tree .item:hover {
        background-color: #37373D;
    }
    #tree .item .icon {
        padding-right: 6px;
        padding-left: 5px;
        padding-top: 2px;
    }
    #editor-bottom-navigation {
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        width: 100%;
        background: #252526;
        white-space: nowrap;
        position: relative;
        font-size: 12px;
        height: 25px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    #editor-tabs-container {
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        width: 100%;
        background: #252526;
        white-space: nowrap;
        position: relative;
        font-size: 12px;
        height: 35px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        border-top-right-radius: 7px;
    }
    #editor-tabs-container::-webkit-scrollbar { 
        display: none; 
    }
    #editor-explorer-container {
        vertical-align: top;
        width: 270px;
        display: inline-block;
        background: #252526;
        border-top-left-radius: 7px;
        position: relative;
    }
    #editor-explorer-container:after {
        content: " ";
        position: absolute;
        right: 0;
        top: 0;
        width: 8px;
        height: 100%;
        cursor: w-resize;
    }
    #editor-explorer-container .explorer-title {
        height: 35px;
        color: #969696;
        padding-top: 9px;
        padding-left: 9px;
        padding-right: 9px;
        padding-bottom: 9px;
        vertical-align: top;
        font-size: 12px;
        background: #1E1E1E;
        border-top-left-radius: 7px;
    }
    #editor-explorer-container #tree {
        font-size: 90%;
        overflow-y: auto;
    }
    #editor-container {
        vertical-align: top;
        width: calc(100% - 270px);
        display: inline-block;
        margin: 0;
        padding: 0;
        height:100%;
        position: relative;
        background: #1e1e1e;
        border-top-right-radius: 7px;
    }
    #editor-tabs-container .tab {
        vertical-align: top;
        display: inline-block;
        white-space: nowrap; 
        text-overflow: ellipsis;
        overflow: hidden;
        padding-bottom: 9px;
        padding-top: 9px;
        padding-left: 9px;
        padding-right: 28px;
        max-width: 250px;
        background: #2D2D2D;
        color: #969696;
        cursor: pointer;
        position: relative;
        border-right: 2px solid #252526;
        margin-right: -1px;
    }
    #editor-tabs-container .tab.active {
        background: #1E1E1E;
        color: #FFFFFF;
    }
    #editor-tabs-container .tab .icon {
        margin-right: 7px;
        font-size: 12px;
        float: left;
    }
    #editor-tabs-container .tab .short-dir-name {
        margin-left: 7px;
        font-style: italic;
        color: #888888;
    }
    #editor-tabs-container .tab.active .short-dir-name {
        color: #aba9a9;
    }
    #editor-tabs-container .tab .close-tab {
        right: 0px;
        font-weight: 500;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 6.5px;
        padding-left: 19px;
        padding-right: 10px;
        font-size: 16px;
        height: 100%;
        color: #969696;
    }
    #editor-tabs-container .tab.active .close-tab {
        color: #fff;
    }
    #editor-tabs-container .tab.modified .close-tab::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #969696;
        position: absolute;
        right: 11px;
        top: 15px;
        display: none;
    }
    #editor-tabs-container .tab.modified.active .close-tab::before {
        background: #fff;
    }
    #editor-tabs-container .tab .close-tab:hover {
        color: #fff;
    }
    #editor-tabs-container .tab .close-tab span {
        display: none;
    }
    #editor-tabs-container .tab .close-tab:hover span {
        display: block;
    }
    #editor-tabs-container .tab:not(.modified):hover .close-tab span {
        display: block;
    }
    #editor-tabs-container .tab.active .close-tab span {
        display: block;
    }
    #editor-tabs-container .tab.modified .close-tab::before {
        display: block;
    }
    #editor-tabs-container .tab.active.modified .close-tab span {
        display: none;
    }
    #editor-tabs-container .tab.modified .close-tab:hover::before {
        display: none;
    }
    #editor-tabs-container .tab.active.modified .close-tab:hover span {
        display: block;
    }
    #editor-containers {
        width: 100%;
        height: 100%;

        position: relative;
        padding: 0px;
        overflow: hidden;
    }
    #editor-containers-root {
        position: relative;
        padding: 0px;
        height: 100%;
    }
    #editor-containers-root > div > div:not(#editor-containers) {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    #editor-containers-root > div > .svg,
    #editor-containers-root > div > .png,
    #editor-containers-root > div > .jpg,
    #editor-containers-root > div > .jpeg {
        visibility: visible;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    #editor-containers-root > div > div > img {
        width: 50%;
        margin: auto;
        margin: 15px;
        box-shadow: 0 2px 19px 2px rgba(0, 0, 0, 0.54);
        -webkit-box-shadow: 0 2px 19px 2px rgba(0, 0, 0, 0.54);
        -moz-box-shadow: 0 2px 19px 2px rgba(0, 0, 0, 0.54);
    }
    #editor-containers-root > div > div > svg {
        width: 400px;
        height: 300px;
        margin: 15px;
    }
    #editor-containers-root > div.grid-pattern > div {
        background-image: /* tint image */
                        linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
                        /* checkered effect */
                        linear-gradient(to right, black 50%, white 50%),
                        linear-gradient(to bottom, black 50%, white 50%);
        background-blend-mode: normal, difference, normal;
        background-size: 25px 25px;
    }
    #editor-containers-root > div:not(#editor-containers).grid-pattern > div {
        overflow-y: scroll;
    }
    #editor-console-root {
        height: 200px;
        background: #1e1e1e;
        border-top: 1px solid #313131;
        position: relative;
    }
    #editor-console-root-nav::after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        height: 8px;
        width: 100%;
        cursor: n-resize;
    }
    #editor-console-output {
        width: 100%;
        overflow-y: scroll;
        padding: 0px 5px;
        cursor: default;
        opacity: 0.9;
    }
    #editor-console-output b {
        font-weight: 700;
    }
    #editor-console-output::-webkit-scrollbar-track {
        background-color: #1e1e1e;
    }
    #editor-console-output > .console-line {
        border: 0px;
        border-radius: 3px;
        background: transparent;
        color: #e4e4e4;
        padding: 0px;
        margin: 0px;
        white-space: pre-wrap;
        min-height: 13px;
        min-width: 100%;
        padding: 0px 5px;
        display: flex;
        font-size: 12px;
    }
    #editor-console-output > .console-line > .cl-text {
        flex-grow: 1;
        border-right: 1px solid #5d5d5d;
        padding-right: 10px;
        margin-right: 10px;
    }
    #editor-console-output > .console-line > .cl-worker {
        flex-grow: 0;
        min-width: 55px;
        width: 55px;
        text-align: center;
    }
    #editor-console-output > .console-line > .cl-time {
        flex-grow: 0;
        min-width: 120px;
        width: 120px;
        text-align: center;
    }
    #editor-console-output > .console-line:hover {
        background: #252526;
    }
    #editor-console-root .console-nav {
        height: 35px;
        color: #969696;
        padding-top: 9px;
        padding-left: 9px;
        padding-right: 4px;
        padding-bottom: 9px;
        vertical-align: top;
        font-size: 12px;
        background: #1E1E1E;
        border-bottom-right-radius: 7px;
    }
    #editor-console-root #console-input {
        height: 35px;
        width: 100%;
        outline: 0;
        border: 0px;
        border-top: 1px solid #313131;
        background: transparent;
        font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
        font-size: 12px;
        line-height: 1.42857143;
        letter-spacing: 0px;
        color: #d4d4d4;
    }
    .console-option {
        float: right;
        padding-left: 7px;
        padding-right: 7px;
        cursor: pointer;
        font-size: 85%;
    }
    .console-option:hover {
        color: #b4b4b4;
    }
    #editor-container-error {
        position: absolute;
        top: calc(50% - 100px);
        left: calc(50% - 125px);
        width: 250px;
        height: 100px;
        margin: auto;
        text-align: center;
        vertical-align: middle;
        color: #969696;
    }
    #editor-container-error .icon {
        width: 40px;
        height: 40px;
        margin: auto;
    }
    #editor-container-error .message {
        padding: 5px;
        font-weight: 500;
    }
    #editor-container-error .content {
        margin-top: -3px;
    }
    #editor-status-navbar {
        height: 25px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        padding-left: 5px;
        padding-right: 5px;
        transition: all 0.1s;
    }
    #editor-status-navbar.blue {
        background: var(--color-blue);
    }
    #editor-status-navbar.yellow {
        background: var(--color-yellow);
    }
    #editor-status-navbar.red {
        background: var(--color-red);
    }
    #editor-status-navbar .item {
        color: var(--color-text-white);
        font-size: 85%;
        padding: 4px 6px;
        min-width: 25px;
        text-align: center;
        vertical-align: bottom;
    }
    #editor-status-navbar .item.right {
        float: right;
    }
    #editor-status-navbar .item.clickable {
        cursor: pointer;
    }
    #editor-status-navbar .item.clickable:hover {
        background: #fff2;
    }
    .editor-contextmenu {
        border-radius: 4px;
        border: 0px;
        background: #3a3a3a;
        opacity: 0;
        min-height: 30px !important;
    }
    .editor-contextmenu.open {
        display: block;
        transition: all 0.1s;
        opacity: 1;
    }
    .editor-contextmenu li a {
        font-size: 85%;
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
        color: #969696;
    }
    .editor-contextmenu li a.active,
    .editor-contextmenu li a:hover {
        background-color: #545454 !important;
        color: #fff !important;
    }
    .editor-contextmenu li.custom-divider {
        border-color: #969696;
    }
    #editor-search-replace-container {
        padding-top: 5px;
        margin-bottom: 5px;
        position: relative;
    }
    .editor-search-replace-input {
        width: calc(100% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
        padding-left: 20px;
        padding-right: 10px;
        border: 0px;
        background: #1E1E1E;
        color: #fff;
        font-size: 85%;
    }
    .editor-search-replace-input:focus {
        outline: none;
    }
    #editor-search-replace-container .editor-search-replace-input:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    #editor-search-replace-container .editor-search-replace-input:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 1px solid #313131;
    }
    .editor-status-icon {
        font-size: 8px;
        border-radius: 50%;
        display: inline-block;
        padding: 2px;
        color: var(--color-text-white);
        margin-right: 2px;
        margin-top: 1px;
        vertical-align: text-top;
    }
    .editor-status-icon.executing span {
        animation: spin 1.0s linear infinite;
    }
    .editor-status-icon.bg-enabled {
        width: 16px;
        height: 16px;
        text-align: center;
    }
    .editor-status-icon.bg-enabled.failed {
        background: var(--color-red);
    }
    .editor-status-icon.bg-enabled.executing {
        background: var(--color-yellow);
    }
    .editor-status-icon.bg-enabled.running {
        background: var(--color-green);
    }
    .editor-status-icon.bg-enabled.running-warnings {
        background: var(--color-yellow);
    }
    .editor-status-icon.bg-enabled.inactive {
        background: var(--color-grey);
    }
    #editor-expand-replace {
        position: absolute;
        left: 5px;
        padding-left: 3px;
        padding-right: 3px;
        top: 8px;
        color: #969696;
        cursor: pointer;
    }
    #editor-expand-replace:hover {
        color: #d8d8d8;
    }
    .inner-text-rename {
        width: calc(100% - 50px);
        border: 0px;
        background: transparent;
        margin-bottom: -2px;
        margin-top: -2px;
    }
    .renaming {
        text-overflow: unset !important;
    }
    .renaming > .inner-text {
        display: inline-block !important;
        width: calc(100% - 50px) !important;
    }
    .editor-dropdown-btn {
        cursor: pointer;
        display: inline-block;
        background: #3a3a3a;
        color: #969696;
        border-radius: 4px;
        padding: 2px;
        padding-left: 7px;
        padding-right: 7px;
    }
    .editor-dropdown-btn:hover {
        background: #464646;
        color: #b2b2b2;
    }
    .dropdown-dark-button,
    .dropdown.dark > button {
        cursor: pointer;
        display: inline-block;
        border-radius: 4px;
        padding: 2px;
        padding-left: 7px;
        padding-right: 7px;
        border: 0;
        font-size: 12px;
        background: #464646;
        color: #b2b2b2;
    }


/* Player logs */ 
    .player-log-row {
        min-height: 45px;
    }
    
/* Update server dropdown */
    .dropdown-menu li.active .revision-link,
    .dropdown-menu li.active .revision-link:hover {
        color: var(--color-text-white) !important;
    }
    .revision-link {
        color: var(--color-blue);
        text-decoration: none;
    }
    .revision-link:hover {
        color: var(--color-blue-hover) !important;
        outline: 0;
        color: -webkit-link;
        cursor: pointer;
        text-decoration: underline;
    }
/*  Object details dialog */
    .obj-details .table tr td:hover {
        cursor: pointer;
    }
    .obj-details .table {
        margin-bottom: 0px !important;
    }
    .obj-details > .breadcrumb {
        position: relative;
        overflow-x: auto;
    }
/* Images */
    .img-player {
        background-color: var(--color-hover-background-dark);
        border-radius: 4px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        margin-bottom: -5px;
    }
    .img-platform-container {
        text-align: center;
        opacity: 0.7;
        padding-left: 1px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 42%;
        height: 42%;
        max-width: 30px;
        max-height: 30px;
        min-width: 13px;
        min-height: 13px;
        background-color: white;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .img-platform {
        vertical-align: top;
        margin-top: 19%;
        width: 68%;
    }
    .img-sandbox {
        position: absolute;
        background-color: var(--accent-background-color);
        left: -8px;
        top: 3px;
        font-size: 7px;
        padding-left: 10px;
        padding-right: 10px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        color: white;
        font-weight: 500;
        font-variant: all-petite-caps;
    }
    .img-sandbox.medium {
        left: -16px;
        top: 4px;
        font-size: 10px;
        padding-left: 17px;
        padding-right: 17px;
    }    
    .img-sandbox.large {
        left: -22px;
        top: 7px;
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 2px;
    }
    /* Markdown */
    .markdown-body {
		box-sizing: border-box;
		margin: 0 auto;
        font-size: 96% !important;
    }
    .markdown-body a {
        padding: 0px !important;
    }
    .markdown-body pre {
        background: #2B2B2D !important;
        color: #CBD1D6 !important;
        font-size: 14px;
    }
    /* Heatmap */
    #heatmap {
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 10px;
    }
    #heatmap table {
        width: 100%;
        margin-bottom: 20px;
    }
    #heatmap table tr td .box {
        height: 10px;
        margin-left: 2px;
        margin-top: 2px;
        background: #efeff1;
        border-radius: 2px;
        position: relative;
    }
    #heatmap table tr td .box.hover:hover {
        background: #d3d3d3;
    }
    #heatmap table tr td.month {
        position: relative;
    }
    #heatmap table tr td.month .name {
        position: absolute;
        left: 2px;
        top: 0px;
    }
    #heatmap table tr td .event-boxes-container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }
    #heatmap table tr td .event-box {
        border-radius: 2px;
        width: calc(100% - 4px);
        margin: 2px;
        height: 2px;
    }
/* Player tags */
    #tags-add-btn {
        position: absolute;
        top: 3px;
        right: 5px;
        font-size: 9px;
        padding: 10px;
        cursor: pointer;
        color: var(--color-text-black-very-light);
        transition: all 0.1s;
        visibility: hidden;
        opacity: 0;
    }

    #tags-add-btn:hover {
        color: var(--color-text-black-light);
    }
    
    #info-tags-container:hover #tags-add-btn {
        visibility: visible;
        opacity: 1;
    }
/* application commands */
.del-btn {
    display: inline-block;
    color: var(--color-red);
    cursor: pointer;
}
.del-btn span {
    padding: 5px;
    border-radius: 4px;
    transition: background 0.1s;
}
.del-btn:hover span {
    background-color: var(--color-hover-background-dark);
}

.remove-outline {
    outline: 0 !important;
}

.flatpickr-input[readonly][disabled] {
    background-color: #f8f8f9 !important;
    cursor: not-allowed;
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  .fade-in {
    animation: fadeIn 0.5s ease-out;
  }