/*
* Desktop css
*
* Copyright 2020, Johntor
*
*/
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

body {
    background: #00172e;
    color: #C3E5FB;
}

.j-icon-sort_both {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M4.07,1.82a.26.26,0,0,0,.18.43H5v5a.25.25,0,0,0,.25.25h.5A.25.25,0,0,0,6,7.25v-5h.75a.26.26,0,0,0,.18-.43L5.68.57a.27.27,0,0,0-.36,0L4.07,1.82ZM3.93,6.18a.26.26,0,0,0-.18-.43H3v-5A.25.25,0,0,0,2.75.5h-.5A.25.25,0,0,0,2,.75v5H1.25a.26.26,0,0,0-.18.43L2.32,7.43a.27.27,0,0,0,.36,0L3.93,6.18Z'/%3e%3c/svg%3e");
}

.j-icon-sort_desc_disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M2.93,6.18a.26.26,0,0,0-.18-.43H2v-5A.25.25,0,0,0,1.75.5h-.5A.25.25,0,0,0,1,.75v5H.25a.26.26,0,0,0-.18.43L1.32,7.43a.27.27,0,0,0,.36,0L2.93,6.18ZM7.75,1.5A.25.25,0,0,0,8,1.25V.75A.25.25,0,0,0,7.75.5h-4A.25.25,0,0,0,3.5.75v.5a.25.25,0,0,0,.25.25Zm-4,2h3A.25.25,0,0,0,7,3.25v-.5a.25.25,0,0,0-.25-.25h-3a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,3.5Zm0,4h1A.25.25,0,0,0,5,7.25v-.5a.25.25,0,0,0-.25-.25h-1a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,7.5Zm0-2h2A.25.25,0,0,0,6,5.25v-.5a.25.25,0,0,0-.25-.25h-2a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,5.5Z'/%3e%3c/svg%3e");
}

.j-icon-sort_asc_disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M.07,1.82a.26.26,0,0,0,.18.43H1v5a.25.25,0,0,0,.25.25h.5A.25.25,0,0,0,2,7.25v-5h.75a.26.26,0,0,0,.18-.43L1.68.57a.27.27,0,0,0-.36,0L.07,1.82ZM7.75,1.5A.25.25,0,0,0,8,1.25V.75A.25.25,0,0,0,7.75.5h-4A.25.25,0,0,0,3.5.75v.5a.25.25,0,0,0,.25.25Zm-4,2h3A.25.25,0,0,0,7,3.25v-.5a.25.25,0,0,0-.25-.25h-3a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,3.5Zm0,4h1A.25.25,0,0,0,5,7.25v-.5a.25.25,0,0,0-.25-.25h-1a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,7.5Zm0-2h2A.25.25,0,0,0,6,5.25v-.5a.25.25,0,0,0-.25-.25h-2a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,5.5Z'/%3e%3c/svg%3e");
}

.j-icon-sort_desc {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M2.93,6.18a.26.26,0,0,0-.18-.43H2v-5A.25.25,0,0,0,1.75.5h-.5A.25.25,0,0,0,1,.75v5H.25a.26.26,0,0,0-.18.43L1.32,7.43a.27.27,0,0,0,.36,0L2.93,6.18ZM7.75,1.5A.25.25,0,0,0,8,1.25V.75A.25.25,0,0,0,7.75.5h-4A.25.25,0,0,0,3.5.75v.5a.25.25,0,0,0,.25.25Zm-4,2h3A.25.25,0,0,0,7,3.25v-.5a.25.25,0,0,0-.25-.25h-3a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,3.5Zm0,4h1A.25.25,0,0,0,5,7.25v-.5a.25.25,0,0,0-.25-.25h-1a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,7.5Zm0-2h2A.25.25,0,0,0,6,5.25v-.5a.25.25,0,0,0-.25-.25h-2a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,5.5Z'/%3e%3c/svg%3e");
}

.j-icon-sort_asc {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M.07,1.82a.26.26,0,0,0,.18.43H1v5a.25.25,0,0,0,.25.25h.5A.25.25,0,0,0,2,7.25v-5h.75a.26.26,0,0,0,.18-.43L1.68.57a.27.27,0,0,0-.36,0L.07,1.82ZM7.75,1.5A.25.25,0,0,0,8,1.25V.75A.25.25,0,0,0,7.75.5h-4A.25.25,0,0,0,3.5.75v.5a.25.25,0,0,0,.25.25Zm-4,2h3A.25.25,0,0,0,7,3.25v-.5a.25.25,0,0,0-.25-.25h-3a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,3.5Zm0,4h1A.25.25,0,0,0,5,7.25v-.5a.25.25,0,0,0-.25-.25h-1a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,7.5Zm0-2h2A.25.25,0,0,0,6,5.25v-.5a.25.25,0,0,0-.25-.25h-2a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,3.75,5.5Z'/%3e%3c/svg%3e");
}

.j-icon-tag {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M7.82,4.07,2.83.35a.38.38,0,0,0-.42,0C1.8.58,1.17.87.54,1.13a.45.45,0,0,0-.28.39C.18,2.2.1,2.88,0,3.54a.41.41,0,0,0,.17.4l2.5,1.84L5.18,7.65a.47.47,0,0,0,.26.08c.13,0,.21-.09.29-.19.72-1,1.43-1.94,2.16-2.91,0,0,0,0,0,0A.34.34,0,0,0,7.82,4.07ZM2,2.52a.53.53,0,0,1-.76.1.55.55,0,0,1-.11-.77.56.56,0,0,1,.78-.1A.55.55,0,0,1,2,2.52Z'/%3e%3c/svg%3e");
}

.j-icon-trash {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M1.75,8h4.5A.76.76,0,0,0,7,7.25V2H1V7.25A.76.76,0,0,0,1.75,8ZM5.5,3a.25.25,0,0,1,.25.25v3.5a.25.25,0,0,1-.5,0V3.25A.25.25,0,0,1,5.5,3ZM4,3a.25.25,0,0,1,.25.25v3.5a.25.25,0,0,1-.5,0V3.25A.25.25,0,0,1,4,3ZM2.5,3a.25.25,0,0,1,.25.25v3.5a.25.25,0,0,1-.5,0V3.25A.25.25,0,0,1,2.5,3ZM7.25.5H5.38L5.23.21A.41.41,0,0,0,4.89,0H3.1a.41.41,0,0,0-.33.21L2.63.5H.75A.25.25,0,0,0,.5.75v.5a.25.25,0,0,0,.25.25h6.5a.25.25,0,0,0,.25-.25V.75A.25.25,0,0,0,7.25.5Z'/%3e%3c/svg%3e");
}

.j-icon-edit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M7.78,2.22a.75.75,0,0,0,0-1.06L6.84.22a.75.75,0,0,0-1.06,0L5.06.94a.2.2,0,0,0,0,.27L6.79,2.94a.2.2,0,0,0,.27,0l.72-.72ZM.34,5.66,0,7.56A.36.36,0,0,0,.44,8l1.9-.33,4.1-4.1a.18.18,0,0,0,0-.27L4.71,1.56a.18.18,0,0,0-.27,0Zm1.6-.35a.21.21,0,0,1,0-.31L4.35,2.59a.22.22,0,0,1,.3,0,.21.21,0,0,1,0,.31L2.25,5.31a.21.21,0,0,1-.31,0Zm.18,1.31v.57l-1,.18L.63,6.88l.18-1h.56v.75Z'/%3e%3c/svg%3e");
}

.j-icon-warning {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M.07,6.69l3.36-6a.64.64,0,0,1,1.14,0l3.36,6a.64.64,0,0,1-.56.93H.63A.64.64,0,0,1,.07,6.69Zm4.46-.48a.55.55,0,0,0-1.1,0v0a.55.55,0,1,0,1.1,0ZM3.42,2.52,3.71,5A.29.29,0,0,0,4,5.24.3.3,0,0,0,4.3,5l.28-2.44a.27.27,0,0,0-.26-.32H3.69A.28.28,0,0,0,3.42,2.52Z'/%3e%3c/svg%3e");
}

.j-icon-cancel {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M8,4a3.74,3.74,0,0,1-.32,1.55,4.07,4.07,0,0,1-.84,1.28,3.82,3.82,0,0,1-1.28.85A3.86,3.86,0,0,1,4,8a3.91,3.91,0,0,1-1.55-.32,3.78,3.78,0,0,1-1.27-.85A4.24,4.24,0,0,1,.34,5.55,3.71,3.71,0,0,1,0,4,3.71,3.71,0,0,1,.34,2.45a4.07,4.07,0,0,1,.84-1.28A3.78,3.78,0,0,1,2.45.32,3.91,3.91,0,0,1,4,0,3.86,3.86,0,0,1,5.54.32a3.82,3.82,0,0,1,1.28.85,4.07,4.07,0,0,1,.84,1.28A3.87,3.87,0,0,1,8,4ZM5.55,1.63A2.72,2.72,0,0,0,4,1.16a2.8,2.8,0,0,0-1.42.38,3,3,0,0,0-1,1A2.8,2.8,0,0,0,1.18,4a2.71,2.71,0,0,0,.46,1.54ZM6.82,4a2.74,2.74,0,0,0-.45-1.53L2.46,6.37A2.73,2.73,0,0,0,4,6.83a2.77,2.77,0,0,0,1.1-.22A2.92,2.92,0,0,0,6,6a2.66,2.66,0,0,0,.59-.9A2.62,2.62,0,0,0,6.82,4Z'/%3e%3c/svg%3e");
}

.j-icon-submit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M7,.93c.33.38.66.77,1,1.15a.23.23,0,0,1,0,.3c-1.68,1.56-3.36,3.12-5,4.71a.23.23,0,0,1-.29,0L.05,4.28A.2.2,0,0,1,.07,4L1.2,3a.21.21,0,0,1,.29,0L2.77,4.37a.2.2,0,0,0,.28,0C4.26,3.23,5.46,2.07,6.68.92A.18.18,0,0,1,7,.93Z'/%3e%3c/svg%3e");
}

.j-icon-no {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M7.92,1.54a.3.3,0,0,0,0-.41l-1-1a.3.3,0,0,0-.41,0L4,2.55,1.54.08a.3.3,0,0,0-.41,0l-1,1a.3.3,0,0,0,0,.41L2.55,4,.08,6.46a.3.3,0,0,0,0,.41l1,1a.3.3,0,0,0,.41,0L4,5.45,6.46,7.92a.3.3,0,0,0,.41,0l1-1a.3.3,0,0,0,0-.41L5.45,4Z'/%3e%3c/svg%3e");
}

.j-icon-reset {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.82,1.17A4,4,0,0,0,4,0H4A4,4,0,0,0,1.32,1L.85.55A.5.5,0,0,0,0,.9V3a.5.5,0,0,0,.5.5H2.59a.49.49,0,0,0,.46-.31.47.47,0,0,0-.11-.54l-.56-.56A2.53,2.53,0,0,1,4,1.49H4a2.46,2.46,0,0,1,1.77.74A2.51,2.51,0,0,1,2.35,5.89a.31.31,0,0,0-.42,0l-.62.62a.32.32,0,0,0-.09.23.32.32,0,0,0,.1.22A4,4,0,0,0,8,4,4,4,0,0,0,6.82,1.17Z'/%3e%3c/svg%3e");
}

.j-icon-add {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M7.23,3H5V.77A.78.78,0,0,0,4.27,0H3.73A.78.78,0,0,0,3,.77V3H.77A.78.78,0,0,0,0,3.73v.54A.78.78,0,0,0,.77,5H3V7.23A.78.78,0,0,0,3.73,8h.54A.78.78,0,0,0,5,7.23V5H7.23A.78.78,0,0,0,8,4.27V3.73A.78.78,0,0,0,7.23,3Z'/%3e%3c/svg%3e");
}

.j-icon-last {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.86.21A.22.22,0,0,0,6.64,0H5.79a.22.22,0,0,0-.22.21V3.34L2.08.13a.58.58,0,0,0-.94.44V7.43a.58.58,0,0,0,.94.44L5.57,4.64V7.79A.22.22,0,0,0,5.79,8h.85a.22.22,0,0,0,.22-.21V.21Z'/%3e%3c/svg%3e");
}

.j-icon-next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M1.63.1A.75.75,0,0,0,.5.75v6.5a.74.74,0,0,0,1.13.64l5.5-3.25a.75.75,0,0,0,0-1.29Z'/%3e%3c/svg%3e");
}

.j-icon-previous {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.37,7.9A.75.75,0,0,0,7.5,7.25V.75A.74.74,0,0,0,6.37.11L.87,3.36a.75.75,0,0,0,0,1.29Z'/%3e%3c/svg%3e");
}

.j-icon-first {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M1.14,7.79A.22.22,0,0,0,1.36,8h.85a.22.22,0,0,0,.22-.21V4.66L5.92,7.87a.58.58,0,0,0,.94-.44V.57A.58.58,0,0,0,5.92.13L2.43,3.36V.21A.22.22,0,0,0,2.21,0H1.36a.22.22,0,0,0-.22.21V7.79Z'/%3e%3c/svg%3e");
}

.j-icon-jos {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M4.91,7.49c0,.3-.18.46-.4.46H2.94c-.18,0-.28-.11-.28-.33,0,0,0-.09,0-.13l.45-3a.76.76,0,0,1,.15-.34A.32.32,0,0,1,3.53,4H5.1a.25.25,0,0,1,.19.09.37.37,0,0,1,.08.25.62.62,0,0,1,0,.13Zm-.84-.93.17-1.13a1,1,0,0,0,0-.15c0-.09,0-.14-.09-.14h0c-.09,0-.15.1-.18.29L3.81,6.56a.69.69,0,0,0,0,.13c0,.11,0,.16.11.16h0C4,6.85,4.05,6.76,4.07,6.56Zm3.41.9a.63.63,0,0,1-.15.34A.34.34,0,0,1,7.07,8H5.19l.16-1.13h1a.21.21,0,0,0,.23-.18h0a.15.15,0,0,0-.1-.18H5.75c-.19,0-.28-.11-.28-.33a.92.92,0,0,1,0-.16L5.7,4.49a.73.73,0,0,1,.15-.35A.34.34,0,0,1,6.11,4H8L7.83,5.14h-1a.21.21,0,0,0-.23.19v0a.14.14,0,0,0,.09.16h.77c.19,0,.29.11.29.34,0,.05,0,.1,0,.16l-.12.73C7.57,6.85,7.53,7.09,7.48,7.46ZM3.61,2l.86-.21c.06-.37.11-.7.15-1L4.3.31l.36.22,0-.27A.27.27,0,0,0,4.43,0H3.22A.27.27,0,0,0,3,.26S2.25,5,2,6.52c0,.13-.09.36-.25.36s-.24-.23-.24-.36v-1a.27.27,0,0,0-.27-.26h-1A.27.27,0,0,0,0,5.49V6.74a1,1,0,0,0,.55.91A2.36,2.36,0,0,0,1.8,8a3.54,3.54,0,0,0,.69-.06.57.57,0,0,1-.07-.31,1,1,0,0,1,0-.17l.45-3A.93.93,0,0,1,3.08,4a.59.59,0,0,1,.45-.22h.66c.07-.53.15-1.07.22-1.56ZM5.89,1,6,0l.09,1H5.89Zm-.52.25L4.57.57l.66.81A.67.67,0,0,1,5.37,1.23ZM8,2l-1-.1a.43.43,0,0,0,0,.05C7,2,7,2,7,2.08ZM6.79,1.32,7.41.57l-.75.62A.8.8,0,0,1,6.79,1.32ZM6.6,2.74l.81.66-.66-.79A.64.64,0,0,1,6.6,2.74ZM6,2.92H5.88L6,4l.1-1.07Zm-1-1V1.88L4,2l1.08.1A.76.76,0,0,1,5.05,1.94Zm.22.61-.7.85.85-.7A.54.54,0,0,1,5.27,2.55Zm1.57-.61a.81.81,0,0,0-1.61,0,.81.81,0,0,0,1.61,0Z'/%3e%3c/svg%3e");
}

.j-icon-required {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M7.53,5,5.22,4l2.31-1a.47.47,0,0,0,.17-.64l-.47-.82A.48.48,0,0,0,7,1.37a.5.5,0,0,0-.36,0l-2,1.52L4.94.47A.47.47,0,0,0,4.47,0H3.53a.47.47,0,0,0-.47.47l.33,2.47-2-1.52a.48.48,0,0,0-.35,0,.47.47,0,0,0-.29.22L.3,2.41a.48.48,0,0,0,0,.35.44.44,0,0,0,.22.29L2.78,4,.47,5a.47.47,0,0,0-.17.64l.47.82a.47.47,0,0,0,.64.17l2-1.52L3.06,7.53A.47.47,0,0,0,3.53,8h.94a.47.47,0,0,0,.47-.47L4.61,5.06l2,1.52a.5.5,0,0,0,.36,0,.48.48,0,0,0,.28-.22l.47-.82A.47.47,0,0,0,7.53,5Z'/%3e%3c/svg%3e");
}

.j-icon-locked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M1.89,3.1v-1a2.15,2.15,0,0,1,4.3,0v1H5.42v-1a1.38,1.38,0,1,0-2.75,0v1ZM7,3.35H1V4.73H7ZM7,5H1V6.37H7ZM7,6.62H1V8H7Z'/%3e%3c/svg%3e");
}

body {
    margin: 0px;
    margin-top: -2px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 17px;
    background-image: url("../../images/web_body_bg.png");
    background-size: 100%;
  /*  font-size: 16px; */
}

.clear {
    clear: both;
}

.ui-desktopIcon {
    text-align: center;
    position: absolute;
}

#wrappers {
    position: fixed;
    height: 100%;
    width: 100%;
}

#desktoparea {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url("../../images/web_bg.png");
    background-position-y: -10px;
    background-position-x: -13px;
}

#desktop {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 10px;
}

#wallpaper-canvas {
    width: 100%;
    height: 100%;
}

#startContainer {
    height: 40px;
    width: 40px;
    float: left;
}

#startMenuButton {
    float: left;
    height: 40px;
    width: 40px;
    padding: 0px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M4.91,7.49c0,.3-.18.46-.4.46H2.94c-.18,0-.28-.11-.28-.33,0,0,0-.09,0-.13l.45-3a.76.76,0,0,1,.15-.34A.32.32,0,0,1,3.53,4H5.1a.25.25,0,0,1,.19.09.37.37,0,0,1,.08.25.62.62,0,0,1,0,.13Zm-.84-.93.17-1.13a1,1,0,0,0,0-.15c0-.09,0-.14-.09-.14h0c-.09,0-.15.1-.18.29L3.81,6.56a.69.69,0,0,0,0,.13c0,.11,0,.16.11.16h0C4,6.85,4.05,6.76,4.07,6.56Zm3.41.9a.63.63,0,0,1-.15.34A.34.34,0,0,1,7.07,8H5.19l.16-1.13h1a.21.21,0,0,0,.23-.18h0a.15.15,0,0,0-.1-.18H5.75c-.19,0-.28-.11-.28-.33a.92.92,0,0,1,0-.16L5.7,4.49a.73.73,0,0,1,.15-.35A.34.34,0,0,1,6.11,4H8L7.83,5.14h-1a.21.21,0,0,0-.23.19v0a.14.14,0,0,0,.09.16h.77c.19,0,.29.11.29.34,0,.05,0,.1,0,.16l-.12.73C7.57,6.85,7.53,7.09,7.48,7.46ZM3.61,2l.86-.21c.06-.37.11-.7.15-1L4.3.31l.36.22,0-.27A.27.27,0,0,0,4.43,0H3.22A.27.27,0,0,0,3,.26S2.25,5,2,6.52c0,.13-.09.36-.25.36s-.24-.23-.24-.36v-1a.27.27,0,0,0-.27-.26h-1A.27.27,0,0,0,0,5.49V6.74a1,1,0,0,0,.55.91A2.36,2.36,0,0,0,1.8,8a3.54,3.54,0,0,0,.69-.06.57.57,0,0,1-.07-.31,1,1,0,0,1,0-.17l.45-3A.93.93,0,0,1,3.08,4a.59.59,0,0,1,.45-.22h.66c.07-.53.15-1.07.22-1.56ZM5.89,1,6,0l.09,1H5.89Zm-.52.25L4.57.57l.66.81A.67.67,0,0,1,5.37,1.23ZM8,2l-1-.1a.43.43,0,0,0,0,.05C7,2,7,2,7,2.08ZM6.79,1.32,7.41.57l-.75.62A.8.8,0,0,1,6.79,1.32ZM6.6,2.74l.81.66-.66-.79A.64.64,0,0,1,6.6,2.74ZM6,2.92H5.88L6,4l.1-1.07Zm-1-1V1.88L4,2l1.08.1A.76.76,0,0,1,5.05,1.94Zm.22.61-.7.85.85-.7A.54.54,0,0,1,5.27,2.55Zm1.57-.61a.81.81,0,0,0-1.61,0,.81.81,0,0,0,1.61,0Z'/%3e%3c/svg%3e");
    background-size: 36px;
    background-color: #247438;
    border: 1px solid #A6E22E;
    background-position: center;
    background-repeat: no-repeat;
}

#startMenuButton:hover {
    background-color: #BE9E1E;
}

#startMenuContainer {
    position: fixed;
    bottom: 44px;
    left: 0px;
    overflow: hidden;
    width: 340px;
    padding: 10px;
    background-color: #00172e;
}

.startMenuSeperator hr {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 90%;
    border: 6px solid #007dfa;
    border-radius: 6px;
}

.menuBarItem {
    height: 40px;
    width: 93%;
    text-align: left;
    margin: 2px 0;
}

.mnuIcon {
    height: 40px;
    width: 40px;
    float: left;
    margin: 2px 11px 2px 0;
}

.mnuIconText {
    line-height: 40px;
    float: left;
    height: 40px;
}

#taskbar {
    position: absolute;
    bottom: -2px;
    height: 42px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    z-index: 500;
    border-top: 1px solid #22A9FF;
    color: #FFFFFF;
    font-weight: 600;
    background: #003061;
    padding-top: 2px;
}

.taskBarIcon {
    margin-left: 5px;
    padding: 0 5px 0 3px;
    line-height: 36px;
    border-radius: 4px;
}

.tskIcon {
    height: 38px;
    width: 48px;
    float: left;
    margin: 0 0 0 -5px;
}

.tskIconText {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 7px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    width: 100px;
}

#clock {
    float: right;
    font-size: 15px;
    text-align: center;
    line-height: 16px;
    width: 82px;
    background-color: #000A14;
    padding: 4px;
    height: 28px;
    margin-top: 0px;
    margin-right: 4px;
    color: #F0EB8E;
    border-radius: 4px;
}

#formsContainer {
    height: 0;
}

/*Z-INDEX*/
.ui-desktopIcon {
    z-index: 100;
}

#formsContainer {
    z-index: 200;
}

.ui-form {
    z-index: 300;
}

.ui-dialog {
    z-index: 300;
}

ui-desktopIcon-dragging {
    z-index: 150;
}

.ui-form-modal {
    z-index: 5000;
}

#validationMessageBox {
    z-index: 5001;
}

#fullScreenMessage {
    z-index: 1000;
}

#fullScreenMessageOverlay {
    z-index: 1000;
}

#fullScreenMsg {
    z-index: 1000;
}

.ui-autocomplete {
    z-index: 5001;
}

#info {
    padding: 12px;
    word-wrap: break-word;
    position: fixed;
    bottom: 54px;
    z-index: 1000;
    right: 10px;
    box-shadow: 10px 13px rgba(0, 0, 0, 0.6);
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
  /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.ui-autocomplete-nomatch {
    background: white url("../../images/core/error.png") right center no-repeat;
}

#fullScreenMsg {
    font-weight: bold;
    padding: 20px;
    text-align: center;
    word-wrap: break-word;
    width: 400px;
    font-size: 30px;
    line-height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.messageSuccess {
    border: 10px solid #FFFFFF;
    background-color: #3CA83C;
    color: #FFFFFF;
}

.messageFail {
    border: 10px solid #FFFFFF;
    background-color: #CA0000;
    color: #FFFFFF;
}

.messageLarge {
    line-height: 100px;
}

.messageSmall {
    line-height: 50px;
}

#security {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M1.89,3.1v-1a2.15,2.15,0,0,1,4.3,0v1H5.42v-1a1.38,1.38,0,1,0-2.75,0v1ZM7,3.35H1V4.73H7ZM7,5H1V6.37H7ZM7,6.62H1V8H7Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 10px;
    padding: 10px;
}

form#loginform {
    display: inline-block;
    width: 342px;
}