@import "/fonts/xptahoma/xptahoma.css";

body {
    font-family: "Tahoma XP" !important;
    font-smooth: never !important;
    transform-origin: top left;
    background-color: #ECE9D8;
    margin: 0;
    color: black;
}

button {
    font-family: "Tahoma XP" !important;
    min-height: 19px !important;
    transition: none !important;
}

button:not(:disabled) {
    color: black
}

.title-bar.inactive, .window.inactive .title-bar {
    background: linear-gradient(180deg, #98b2e8, #7996de 8%, #7996de 40%, #82a9e9 88%, #7a93df 93%, #7b96e0 95%, #7a93df 96%, #98b2e8) !important;
    border-top: 1px solid #688de0 !important;
    border-left: 1px solid #6470cf !important;
    border-right: 1px solid #7e80d1 !important;
}

.window.inactive .title-bar .title-bar-text {
    opacity: 0.75;
    text-shadow: none
}

.window.inactive .title-bar-controls {
    opacity: 0.5;
}

.title-bar-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-bar-controls button {
    min-height: 23px !important;
}

.title-bar-controls button:disabled {
    filter: contrast(0.5)
}

.title-bar-controls button:disabled:hover {
    background-image: var(--closeButton) !important;
}

.title-bar-controls button:active:not(:disabled) {
    background-position: 0px 1px !important;
    clip-path: inset(1px 0 1px 0) !important;
    translate: 0px 0.5px;
}

.closeActive {
    background-image: var(--closeButtonActive) !important;
}

label {
    font-family: "Tahoma XP" !important;
    font-size: 13px !important;
}

h1 {
    font-family: "Trebuchet MS";
}

img {
    image-rendering: pixelated;
}

.main_container {
    margin-left: 32px;
    margin-bottom: 16px;
}

td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.window {
    box-shadow: 0px 2px 3px #00000000,inset -1px -1px #00138c,inset 1px 1px #0831d9,inset -2px -2px #001ea0,inset 2px 2px #166aee,inset -3px -3px #003bda,inset 3px 3px #0855dd !important;
}

.window.inactive {
    box-shadow: 0px 2px 3px #0000,inset -1px -1px #5257be,inset 1px 1px #7884dd,inset -2px -2px #6d74cd,inset 2px 2px #758cdc,inset -3px -3px #7586dc,inset 3px 3px #758cdc !important
}

@keyframes blinky {
    50% {
        opacity: 0;
    }
}

.blinky {
    animation-name: blinky;
    animation-duration: 0.1s;
    animation-timing-function: step-start;
    animation-iteration-count: infinite;
}