body {
    background: rgb(34,45,57);
    background: linear-gradient(75deg, rgba(34,45,57,1) 0%, rgba(32,44,54,1) 99%);
    font-family: 'Noto Sans KR', sans-serif;
    color: #ffffff;
}

.ui {
    font-family: 'Noto Sans KR', sans-serif;
}

.ui .header {
    color: #ffffff;
}
    
.ui.menu .item img.logo {
    margin-right: 1.5em;
}

.main.container {
    margin-top: 4em;
}

.wireframe {
    margin-top: 2em;
}

.job-status {
    font-size: 0.8em;
}

.ui.progress {
    margin: 0 !important;
}

.plabel {
    font-size: 0.65em !important;
    color: #D6DBDF !important;
}

.filename,
.yswname {
    color: #3B4651;
}

.yswname,
.yswstat {
    font-size: 1.1em;
    font-weight: bold;
}

.ysmstat {
    font-size: 1.1em;
    font-weight: bold;
    color: rgb(255, 226, 31);
}

#ysw-list-popup {
    text-align: right;
}

#ysw-icon {
    cursor: pointer;
}

.ysmtag {

    cursor: pointer;
}

.bi-logo {

    border-radius: 10px !important;
}

#json-tab * {
    color: #D6DBDF !important;
}

textarea,
input[type="number"],
input[type="text"] {

    background-color: #D6DBDF !important;
}

.item,
.black {
    background-color: #1B2631 !important;
}

.ui.yellow.button {
    color: #1B2631 !important;
}

.dropdown {
    border-color: #1B2631 !important;
}

.pink {
    background-color: #34495E !important;
}

input::-webkit-input-placeholder,
input::placeholder {
    color: #85929E !important;
}

.ui.ysw.divider {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.ui.button:disabled {
    opacity: 0.15 !important;
}

.track-idx {

    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;

}

#preset-track {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

#job-src-range-start,
#job-src-range-end {
    text-align: center;
}

.range-ms {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    cursor: default;
    caret-color: transparent;
}

.range-sec::selection,
.range-ms::selection {
    background-color: rgb(255, 226, 31) !important;
    color: #1B2631 !important;
}

.range-sec {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.download.button {

    background-color: #24394E !important;
}

.download.button:hover {

    background-color: #1B2631 !important;
}

#download-popup > .fields,
#download-popup > .divider {

    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.segment-title {
    margin-top: 0.5em !important;
    margin-bottom: 1.2em !important;
}

.concurrent {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}