html, body {
    margin:0;
    padding:0;
    background-color:#ccc;
}
body {
    overscroll-behavior-y: contain;
}
body>* {
    box-sizing: border-box;
}
.btn-my-purple {
    background-color: var(--bs-indigo);
    color:#fff;
}
.btn-oper-ctrl,
.btn-oper-resume,
.sh-oper-files {
    float:right;
    margin-left: 10px;
}
input[type="number"].no-arrows::-webkit-outer-spin-button,
input[type="number"].no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number].no-arrows {
/*input[type="number"].no-arrows:hover,*/
/*input[type="number"].no-arrows:focus {*/
    display:inline-block;
    width:100px;
    appearance: none;
    -moz-appearance: textfield;
    font-size: xx-large;
    border:none !important;
}
.bd-highlight {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.15);
}
.upper-line {
    background-color: darkblue;
    color: #f7f7f7;
    min-height:32px;
}
.lower-line {
    position:absolute;
    bottom:0;
    width:100%;
    border-top:thin solid darkblue;
    #color: #f7f7f7;
    min-height:32px;
    align-self:flex-end;
}
.tariffs-line {
    position:absolute;
    bottom:55px;
}
.tariffs-line p {
    margin-left:4rem;
    margin-bottom:0;
}
.lower-line button {
    margin:4px 10px;
}
.lower-line div {
    width:inherit;
    padding: 3px;
    cursor:pointer;
}
.pause-line {
    position:absolute;
    bottom:129px;
    background-color: #e6e6fa !important;
}
.pointed {
    cursor:pointer;
}
.upl {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    display:none;
}
.upl__shell {
    padding: 10px;
    border: 2px solid darkblue;
    width: 900px;
    margin: 54px auto 0;
    background-color: #fff;
}
.upl__shell .shell-title {
    font-weight:600;
    color:#fff;
}
#pseudoScreen {
    position:relative;
    width:100vw;
    height:100vh;
    /*min-height:500px;*/
    margin: auto;
    border:2px solid darkblue;
    background-color:#fff;
}
#userStats {
    height: 300px;
    overflow-y: auto;
}

#tblUserStats {
    width:calc(100% - 10px);
    margin:0 auto;
    border-collapse:collapse;
}
#tblUserStats th {
    text-align:center;
    border:thin solid #ccc;
    font-size:.8rem;
    font-weight:600;
    background-color:#ddd;
}
#tblUserStats td {
    font-size:.8rem;
    border:thin solid #ccc;
    padding:10px;
}
#tblUserStats tr > td:first-child {
    font-weight:600;
    background-color:#ddd;
}
#tblUserStats td.fin {
    text-align:right;
}
#tblUserStats td.fin.with-comments {
    color:blue;
    text-decoration:underline;
    cursor:pointer;
}
#checkTextarea {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
/* USER-SHELL */
.user-shell {
    min-width:180px;
    max-width:20%;
}
.user-shell__menu {
    position:absolute;
    width:100px;
    height:100px;
    left:50px;
    top:80px;
    background-color:#ddd;
    border:thin solid #bbb;
    padding:5px;
    display:none;
}
.user-shell__menu span {
    display:block;
    text-decoration:none;
    font-size:.8rem;
    font-weight:bold;
    cursor:pointer;
}
#operationStack {
    max-height:190px;
    border:thin solid darkblue;
    margin-top: 10px;
    overflow-y: auto;
}

/* COLORS */
.tma-bg-blue-1 {
    background-color:#056cc1 !important;
}

/* jAlert CUSTOM */
#popup_container {
    top:150px !important;
}
#blink {
    -webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
}
@-webkit-keyframes blink {
    50% { color: rgb(255, 0, 0); }
    51% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink {
    50% { color: rgb(255, 0, 0); }
    51% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 0); }
}

/* MEDIA */
@media (min-width: 1081px) {
    #pseudoScreen {
        width: 900px;
        height:500px;
        margin: 20px auto;
        /*border-radius: 8px;*/
    }
}