@charset "utf-8";

@font-face {
     font-family: 'NotoSansKR-Regular';
     src: url('../webfonts/NotoSansKR-Regular.otf');
}

@font-face {
     font-family: 'NotoSansKR-Bold';
     src: url('../webfonts/NotoSansKR-Bold.otf');
}

@font-face {
     font-family: 'NotoSansKR-Light';
     src: url('../webfonts/NotoSansKR-Light.otf');
}

@font-face {
     font-family: 'Orbitron';
     font-style: normal;
     font-weight: 700;
     src: local('?'), url('../webfonts/Orbitron700.woff') format('woff'), url('../webfonts/Orbitron700.ttf') format('truetype');
}

body {
     font-family:'NotoSansKR-Regular', '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',  '돋움',Dotum,'Open Sans',Arial,Helvetica,Sans-Serif !important;
     position: relative;
     word-spacing: -0.1rem;
}

.font-weight-bold {
     font-family:'NotoSansKR-Bold', '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',  '돋움',Dotum,'Open Sans',Arial,Helvetica,Sans-Serif !important;
}

.hidden {
     display: none !important;
}

.col-xs-2-fix {
     width: 16.7%;
}

.col-xs-3-fix {
     width: 25%;
}

.col-xs-4-fix {
     width: 33.3%;
}

.col-xs-6-fix {
     width: 50%;
}

.page-logo {
     width: auto;
     padding: 0 1.5rem;
     padding: 0 1.5rem;
}

.page-logo img {
     height: auto;
     width: 165px;
}

/*.pull-trigger-btn {*/
/*     top:-10px !important;*/
/*}*/

.page-logo img.logo-small {
     width: 25px;
}

.info-card .profile-image {
     font-size: 1.5rem !important;
     margin-left: -2px;
}

.btn.profile-image:not(.header-profile) {
     cursor: default !important;
}

.profile-image.btn-icon.btn-primary, .profile-image.btn-icon.btn-primary:hover, .profile-image.btn-icon.btn-primary:active, .profile-image.btn-icon.btn-primary:focus {
     background: #fff !important;
     color: var(--theme-primary-400); !important;
     border-color: var(--theme-primary-400) !important;
     border-width: 1px;
     padding-top: 4px;
}

.profile-image.btn-icon:not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item) {
     color: var(--theme-primary-400) !important;
     border-color: var(--theme-primary-400) !important;
     padding-top: 4px;
}

.dropdown-header .profile-image.btn-icon.btn-primary {
     padding-top: 6px !important;
}

.info-card .profile-image.btn-icon.btn-primary {
     padding-top: 8px !important;
     width: 4rem;
     height: 4rem;
}

.info-card-text {
     font-size: 1.2rem;
}

.info-card-text > span {
     font-size: 1rem;
}

.nav-function-minify .page-logo a img:not(.logo-small),
.nav-function-minify .page-logo a span,
.nav-function-minify .info-card a,
.nav-function-minify .info-card span:not(.btn-icon) {
     display: none !important;
}

.table-bordered {
     border-left: 0;
     border-right: 0;
}

.table-bordered tr td:first-child {
     border-left: 0;
}

.table-bordered tr td:last-child {
     border-right: 0;
}

input.otp[type=password] {
     display: inline-block;
     width: 38px;
     height: 38px;
     padding-top: 4px;
     text-align: center;
     border-radius: 3px;
     font-size: 16px;
}

.must:after {
     display: inline;
     font-size: 0.8125rem;
     content: "*";
     margin-left: 3px;
     color: #fd3995;
}

.inputtext {
     display: inline-block;
}

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

.modal-dialog .modal-content .modal-body {
     /*background: rgba(255, 255, 255, 0.95);*/
     margin: 15px;
     padding: 0;
}
.modal-dialog .modal-content .modal-body .panel {
     margin-bottom: 0;
}

.modal-dialog .modal-content .modal-body .box-top {
     width: 100%;
}

.page-wrapper.auth footer, .page-wrapper:not(.auth) .footer.position-absolute {
     display: none;
}

.panel-toolbar .btn-panel[data-action="panel-refresh"], .panel-toolbar .btn-panel.js-panel-refresh {
     background: #ccc;
}

a[target].header-icon {
     text-decoration: none !important;
     cursor: pointer;
     min-width: 2.5rem;
}

.header-icon:not(.btn) .profile-image {
     height: 2rem;
     line-height: 2rem;
}

.swal2-container {
     z-index: 3000;
}

.chart-large,.chart-small,.chart-xl {
     overflow:hidden
}

.chart-small {
     height:100px;
     width:100%
}

.chart-large {
     height:245px;
     width:100%
}

.chart-xl {
     height:297px;
     width:100%
}

.chart {
     overflow: hidden;
     height: 220px;
     margin: 15px 10px 10px;
}

.clulist_form .widget-body {
     overflow-x: auto;
}

.custom-checkbox .custom-control-label:not(.ml)::before, .custom-checkbox .custom-control-label:not(.ml)::after {
     margin-left: 5px;
}

.fuelux .custom-checkbox .custom-control-label:not(.ml)::before, .fuelux .custom-checkbox .custom-control-label:not(.ml)::after {
     margin-top: -10px;
}

.fuelux div.clulist_table_wrap .custom-checkbox .custom-control-label:not(.ml)::before, .fuelux div.clulist_table_wrap .custom-checkbox .custom-control-label:not(.ml)::after {
     margin-top: 2px;
}

.tree .custom-checkbox .custom-control-label:not(.ml)::before, .tree .custom-checkbox .custom-control-label:not(.ml)::after {
     margin-left: 27px;
}

.custom-control-input[disabled] ~ .custom-control-label:not(.ml)::before, .custom-control-input:disabled ~ .custom-control-label:not(.ml)::before,
.custom-control-input[disabled] ~ .custom-control-label:not(.ml)::after, .custom-control-input:disabled ~ .custom-control-label:not(.ml)::after {
     margin-left: 5px;
}

.custom-checkbox .custom-control-label.ml::before, .custom-checkbox .custom-control-label.ml::after {
     margin-left: 2px;
}

.custom-control-input[disabled] ~ .custom-control-label.ml::before, .custom-control-input:disabled ~ .custom-control-label.ml::before,
.custom-control-input[disabled] ~ .custom-control-label.ml::after, .custom-control-input:disabled ~ .custom-control-label.ml::after {
     margin-left: 2px;
}

.custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after {
     margin-left: 7px;
}

.custom-radio .custom-control-label.ml::before, .custom-radio .custom-control-label.ml::after {
     margin-left: 2px;
}

.custom-control-input[disabled] ~ .custom-control-label.ml::before, .custom-control-input:disabled ~ .custom-control-label.ml::before,
.custom-control-input[disabled] ~ .custom-control-label.ml::after, .custom-control-input:disabled ~ .custom-control-label.ml::after {
     margin-left: 2px;
}

.input-group-sm .custom-file-input, .input-group-sm .custom-file-label, .input-group-sm .custom-file {
     height: calc(1.5em + 0.75rem + 2.5px);
     line-height: 1.27;
}

.input-group-sm .custom-file-label {
     margin-left: -1px !important;
}

.input-group-sm .custom-file-label::after {
     content: attr(data-content);
     height: calc(1.1em + 1rem + 2px);
     line-height: 1.27;
}

.input-group-sm > .form-control:not(textarea) {
     height: calc(1.5em + 0.75rem + 4px);
}

.input-group-sm > .custom-select {
     height: calc(1.5em + 0.75rem + 3px);
}

#mig_gpucnt {
     width : 110% !important;
}

.bg-secondary-50 {
     background-color: #f5f5f5 !important;
}

.mod-skin-dark .bg-secondary-50 {
     background-color: #000000 !important;
}

.terminal {
     overflow-y:auto;
     overflow-x:auto;
     padding: 10px;
     word-break:break-all;
     background-color:black;
     color:white;
     width: 100%;
}

#logs.pre, #scripts.pre , #virtualenvlog.pre {
     font-family: "Courier New", "Courier", serif;
     white-space: pre;
}

.modal .table.table-bordered:not(.table-hover) thead tr {
     background-color: #909090;
     color: white;
}

.modal .table.table-bordered:not(.table-hover) thead th, .modal .table.table-bordered:not(.table-hover) thead td, .modal .table.table-bordered:not(.table-hover) tbody td {
     padding: 0.3rem;
}

.date-picker-wrapper {
     background-color: #fff !important;
}

.date-picker-wrapper .month-wrapper {
     border: 0;
}

.date-picker-wrapper, .date-picker-wrapper .month-wrapper table .day {
     font-size: inherit;
}

.date-picker-wrapper, .date-picker-wrapper .month-wrapper {
     border-radius: 4px;
}

.date-picker-wrapper .month-wrapper table .day {
     padding: 8px 0;
}

.card-deck {
     justify-content: left;
     margin-right: -7px;
     margin-left: -7px;
}

.card-deck .card {
     flex-basis: 100%;
     -webkit-flex-basis: 100%;
     margin: 0.5rem;
     min-width: 185px;
}

#wid-content-quick_connect .card-deck .card {
     min-width: unset;
}

#wid-content-quick_connect .resolution_option_monitor {
     min-width: 60px;
     max-width: 90px;
}

#wid-content-quick_connect .resolution_option, #wid-content-quick_connect .resolution_option_dual {
     min-width: 130px;
}

.card-body {
     min-height: 67px;
}

.width-auto {
     width: auto !important;
}

.border-right-radius {
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
}

.border-left-radius {
     border-top-left-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
}

.table-border-bottom {
     border-bottom: 1px solid #e0e0e0 !important;
}

.dt-toolbar .panel-hdr h2 {
     line-height: 2rem;
     font-size: 0.8125rem;
}

.badge.badge-warning {
     color: #fff;
}

.badge-success {
     background: #bbe076;
}

.badge-info {
     background: #96c9f1;
}

.badge-default {
     background: #bbbbbb;
     color: #fff;
}

.btn-group.btn-group-xs .btn {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
}

.btn.btn-badge-primary {
     color: #fff !important;
     background-color: #886ab5 !important;
}

.btn.btn-badge-info {
     color: #fff !important;
     background-color: #2196F3 !important;
}
.btn.btn-badge-success {
     color: #fff !important;
     background-color: #1dc9b7 !important;
}

.btn.btn-badge-warning {
     color: #fff !important;
     background-color: #ffc241 !important;
}
.btn.btn-badge-danger {
     color: #fff !important;
     background-color: #fd3995 !important;
}

.btn.btn-badge-secondary {
     color: #fff !important;
     background-color: #868e96 !important;
}

.date-picker-wrapper {
     z-index: 2060;
}

.table th, .table td {
     padding: 0.55rem;
}

.table th {
     vertical-align: middle !important;
}

.alert {
     padding: 0.625rem 1.25rem;
}

.nav-title {
     margin-top: 0.5rem;
}

#js-page-content .breadcrumb {
     display: none;
}

body.nav-function-hidden #js-page-content .breadcrumb, body.nav-function-minify #js-page-content .breadcrumb {
     display: flex;
}

table.form-table td {
     /*padding-top: 0.8125rem !important;*/
     /*padding-bottom: 0.8125rem !important;*/
}

table.form-table td .form-group label {
     padding-bottom: 0.3rem !important;
}

table.form-table td:nth-child(1) {
     /*border-top: 0 !important;*/
}

.dataTable-wrap.dataTable-fix-scroll {
     margin-bottom: 0;
     overflow-y: auto !important;
     overflow-x: hidden !important;
}

small, .small {
     font-size: 90%;
}

#resource div {
     font-size: 0.75rem !important;
}

#hbc_pubrsc_info div {
     font-size: 0.75rem !important;
}

iframe[name=data_tree_sm] {
     padding: 10px 15px 5px;
     background-color: #fff;
}

#joblist_listtable_c td, #joblist_listtable_c td input.form-control {
     padding: 0.5rem;
}

#joblist_listtable_c td input.form-control {
     margin-top: 2px;
}

@media (max-width: 1399px) {
     #joblist_listtable_c tbody tr.jobstack_tr td:nth-child(3) div {
          flex-direction: column;
     }
     #joblist_listtable_c tbody tr.jobstack_tr td:nth-child(3) div label {
          border-radius: 4px !important;
     }
}
#project_listtable {
     border-top: 0 !important;
}

#project_listtable td {
     border-left: 0 !important;
     border-right: 0 !important;
}

#project_listtable tr > td:first-child {
     width: 120px;
}

form.smart-form label {
     margin-bottom: 0;
}

#jobform_area form.smart-form table:not(.table-condensed) th, #job_list form.smart-form table:not(.table-condensed) th {
     background-color: #f5f5f5;
     font-weight: bold;
}

#virtual_info_form_content_item1 form table th, #containerList_form table th, table.stepTable th {
     background-color: #f5f5f5;
}
.mod-skin-dark:not(.mod-skin-light) #virtual_info_form_content_item1 form table th, .mod-skin-dark:not(.mod-skin-light) #containerList_form table th, .mod-skin-dark:not(.mod-skin-light)  table.stepTable th {
     background-color: #000000;
}
#virtual_info_form_content_item1 form table td, #containerList_form table td, table.stepTable td {
     vertical-align: middle !important;
}

table.stepTable th {
     width: 20% !important;
}

body.mod-skin-dark .modal-dialog .modal-content .modal-body {
     /*background-color: #383b40;*/
     margin: 15px;
}

body.nav-function-top .page-logo .page-logo-text {
     margin-top: 12px;
     font-size: 0.9rem;
}

body.header-function-fixed.nav-function-top:not(.nav-function-fixed) .page-logo {
     width: auto;
}

body.mod-nav-dark:not(.mod-skin-dark) .nav-footer {
     background-color: #1d1d1d;
}

@media (max-width: 767px) {
     .terminal {
          max-width: 300px;
     }

     .terminal.content {
          min-width: 100%;
     }
}
@media (min-width: 768px) {
     .modal-xl {
          max-width: 718px;
     }

     .terminal {
          max-width: 470px;
     }

     .terminal.content {
          min-width: 100%;
     }
}
@media (min-width: 992px) {
     .modal-xl {
          max-width: 942px;
     }

     .terminal {
          max-width: 658px;
     }

     .terminal.content {
          min-width: 100%;
     }
}
@media (min-width: 1399px) {
     .modal-xl {
          max-width: 1140px;
     }

     .terminal {
          max-width: 800px;
     }

     .terminal.content {
          min-width: 100%;
     }
}

html {
     -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mod-skin-dark .modal-header {

}

.modal-header{
     padding-top: 1rem !important;
     padding-left: 1rem !important;
     padding-right: 1rem !important;
     padding-bottom: 0.5rem !important;
}

.modal-body{
     margin-top: 10px !important;
     margin-bottom: 10px !important;
}
.modal-footer{
     padding-top: 0.3rem !important;
     padding-left: 0.7rem !important;
     padding-right: 0.7rem !important;
     padding-bottom: 0.7rem !important;
}
.modal-body .panel-content {
     padding: 0 !important;
     /*background: rgba(255,255,255,1) !important;*/
}

.modal-body .table {
     /*margin-bottom: 0 !important;*/
     /*background: rgba(255,255,255,1) !important;*/
}



.font-11 {
     font-size: 11px !important;
}

.font-12 {
     font-size: 12px !important;
}

.font-13 {
     font-size: 13px !important;
}

.font-14 {
     font-size: 14px !important;
}

.font-15 {
     font-size: 15px !important;
}

.font-16 {
     font-size: 16px !important;
}


.tile:hover {
     -webkit-box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.3);
     box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.3);
}
.mod-skin-dark .tile:hover {
     -webkit-box-shadow: 0px 0px 13px 0px rgba(208, 198, 224, 0.3);
     box-shadow: 0px 0px 13px 0px rgba(208, 198, 224, 0.3);
}

.card-body.bg-info {
     color: #fff !important;
}
.card-body.bg-warning {
     color: #fff !important;
}
.card-body.bg-danger {
     color: #fff !important;
}
.devnodeconn div:hover {
     -webkit-transform: scale(1.5);
     -ms-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5);
}

.bg-color-blue{background-color:#57889c!important}
.bg-color-blueLight{background-color:#92a2a8!important}
.bg-color-blueDark{background-color:#4c4f53!important}
.bg-color-green{background-color:#356e35!important}
.bg-color-greenLight{background-color:#71843f!important}
.bg-color-greenDark{background-color:#496949!important}
.bg-color-red{background-color:#a90329!important}
.bg-color-yellow{background-color:#b09b5b!important}
.bg-color-orange{background-color:#c79121!important}
.bg-color-orangeDark{background-color:#a57225!important}
.bg-color-pink{background-color:#ac5287!important}
.bg-color-pinkDark{background-color:#a8829f!important}
.bg-color-purple{background-color:#6e587a!important}
.bg-color-darken{background-color:#404040!important}
.bg-color-lighten{background-color:#d5e7ec!important}
.bg-color-white{background-color:#fff!important}
.bg-color-grayDark{background-color:#525252!important}
.bg-color-magenta{background-color:#6e3671!important}
.bg-color-teal{background-color:#568a89!important}
.bg-color-redLight{background-color:#a65858!important}

.txt-color-blue{color:#57889c!important}.txt-color-blueLight{color:#92a2a8!important}.txt-color-blueDark{color:#4c4f53!important}.txt-color-green{color:#356e35!important}.txt-color-greenLight{color:#71843f!important}.txt-color-greenDark{color:#496949!important}.txt-color-red{color:#a90329!important}.txt-color-yellow{color:#b09b5b!important}.txt-color-orange{color:#b19a6b!important}.txt-color-orangeDark{color:#a57225!important}.txt-color-pink{color:#ac5287!important}.txt-color-pinkDark{color:#a8829f!important}.txt-color-purple{color:#6e587a!important}.txt-color-darken{color:#404040!important}.txt-color-lighten{color:#d5e7ec!important}.txt-color-white{color:#fff!important}.txt-color-grayDark{color:#525252!important}.txt-color-magenta{color:#6e3671!important}.txt-color-teal{color:#568a89!important}.txt-color-redLight{color:#a65858!important}

.bg-success-400{
     color:#fff!important;
     background-color:#1dc9b7!important;
}
.bg-primary-400{
     color:#fff!important;
     background-color:#886ab5!important;

}
.bg-warning-400{
     color:#fff!important;
     background-color:#ffc241!important;

}
.bg-secondary-400{
     color:#fff!important;
     background-color:#868e96!important;

}
.bg-danger-400{
     color:#fff!important;
     background-color:#fd3995!important;

}
.bg-info-400{
     color:#fff!important;
     background-color:#2196F3!important;

}

.bg-swbox-400{
     color:#993333!important;
}

.btn-xxs,
.btn-group-xxs > .btn {
     padding: 1px 0.644rem;
     font-size: .6rem;
     line-height: 1.25;
     border-radius: .25rem; }

.table-tr-height{
     height:55px!important;
}


#sysproject_listtable td {
     border-left: 0 !important;
     border-right: 0 !important;
}

#sysproject_listtable tr > td:first-child {
     width: 120px;
}

.table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected{
     -webkit-box-shadow:inset 0 0 0 0 #886ab5!important;
     box-shadow:inset 0 0 0 0 #886ab5!important;
}

.table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected{
     -webkit-box-shadow:inset 0 0 0 0 #886ab5!important;
     box-shadow:inset 0 0 0 0 #886ab5!important;
}

.col-md-1, .col-sm-1, .col-xs-1 {
     width: 8.33333% !important;
}
.col-md-1, .col-sm-1, .col-xs-2 {
     width: 16.66667% !important;
}
.col-md-1, .col-sm-1, .col-xs-3 {
     width: 25% !important;
}
.col-md-1, .col-sm-1, .col-xs-4 {
     width: 33.33333% !important;
}
.col-md-1, .col-sm-1, .col-xs-5 {
     width: 41.66667% !important;
}
.col-md-1, .col-sm-1, .col-xs-6 {
     width: 50% !important;
}
.col-md-1, .col-sm-1, .col-xs-7 {
     width: 58.33333% !important;
}
.col-md-1, .col-sm-1, .col-xs-8 {
     width: 66.66667% !important;
}
.col-md-1, .col-sm-1, .col-xs-9 {
     width: 75% !important;
}
.col-md-1, .col-sm-1, .col-xs-10 {
     width: 83.33333% !important;
}
.col-md-1, .col-sm-1, .col-xs-11 {
     width: 91.66667% !important;
}
.col-md-1, .col-sm-1, .col-xs-12 {
     width: 100% !important;
}

.ctn-build-range-bg { background-color :#ffd700!important; border-color: #ffd700 !important; color:#993333 !important}
.ctn-build-bg { background-color :#ffd700!important; border-color: #ffd700 !important; color:#ffffff !important}
.ctn-wait-bg, .vm-wait-bg { background-color :#bbe076!important; border-color: #c2e087 !important; color:#ffffff !important }
.ctn-create-bg, .vm-create-bg { border-color: #cf81ff !important; background-color :#ca6fff!important; color:#ffffff !important }
.ctn-stop-bg, .vm-stop-bg { border-color: #fb9c64 !important; background-color :#fb9872!important; color:#ffffff !important }
.ctn-recreate-bg, .vm-recreate-bg { border-color: #e9e9e9 !important; background-color :#f0f0f0!important; color:#993333 !important }
.ctn-commit-bg, .vm-commit-bg { border-color: #e9e9e9 !important; background-color :#f0f0f0!important; color:#993333 !important }
.ctn-save-bg, .vm-save-bg { border-color: #e9e9e9 !important; background-color :#f0f0f0!important; color:#993333 !important }
.ctn-register-bg, .vm-register-bg { border-color: #e9e9e9 !important; background-color :#f0f0f0!important; color:#993333 !important }
.ctn-rerun-bg, .vmrerun-bg { border-color: #e9e9e9 !important; background-color :#f0f0f0!important; color:#993333 !important }
.ctn-fail-bg, .vm-fail-bg { border-color: #fb6e52 !important; background-color :#fb5951!important; color:#ffffff !important }
.ctn-run-bg, .vm-run-bg { background-color :#5db2ff !important; border-color: #5dd3f8 !important; color:#ffffff !important }
.ctn-default-bg, .vm-default-bg { border-color: #f0f0f0 !important; background-color :#ffffff!important; color:#993333 !important }
.ctn-update-bg { background-color : #0077e6 !important; border-color: #0077e6 !important; color:#ffffff !important}
.ctn-none-bg { border-color: #e9e9e9 !important; background-color :#f0f0f0!important; color:#993333 !important }

.bg-green-50 { background-color: #f2ffdd; }
.bg-purple-50 { background-color: #f3ddff; }
.bg-orange-50 { background-color: #ffede1; }
.bg-gray-50 { background-color: #f5f5f5; }
.bg-red-50 { background-color: #ffe4e0; }
.bg-blue-50 { background-color: #d9edff; }
.bg-yellow-50 {background-color: #ffffe0;}
.bg-navy-50 {background-color:  #99cfff;}
.bg-white-50 {background-color:  #ffffff;}

.icon-green-col { color: #bbe076 !important; }
.icon-purple-col { color: #cf81ff !important; }
.icon-orange-col { color: #fb9c64 !important; }
.icon-gray-col { color: #bfbfbf !important; }
.icon-red-col { color: #fb6e52 !important; }
.icon-blue-col { color: #5db2ff !important; }
.icon-yellow-col { color: #ffd700 !important; }
.icon-navy-col { color: #0077e6 !important; }

.custom-control-label::before {
     border-color: #ddd;
}

.card .card-header {
     border-bottom: 0;
}

.card .card-header .fa {
     font-size: 1rem;
}

.card .card-header .badge, .card .card-header .badge .fa {
     font-size: 90%;
}

.card .card-header .float-right .fa {
     transition: all 0.2s ease-in-out;
     font-size: 1.25rem;
     color: #ddd;
}

.clulist_table_wrap .fa {
     /*transition: all 0.2s ease-in-out;*/
     /*font-size: 1.25rem;*/
     color: #8e8e8e;
     vertical-align: middle;
}

.clulist_table_wrap .fa:hover {
     color: var(--theme-success);
}

.card .card-header .fa-star:hover {
     color: var(--theme-success);
}

#user_hpc_add_button {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}

#cap_connbox .box_sep_top .d-flex .input-group > .form-control {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
}

#cap_connbox .box_sep_top .d-flex.user_hpc_use .input-group > .form-control {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}

.box_sep_top .btn-outline-default {
     color: #ddd;
     border-color: #ddd;
}

.box_sep_top .btn-outline-default:hover {
     color: var(--theme-success);
     border-color: var(--theme-success);
}

.input-group-prepend .btn-outline-default:hover {
     color: var(--theme-success);
     border-color: var(--theme-success);
}

.card-body .progress {
     background: #fff;
}

.card-deck .card:hover {
     border-color: var(--theme-primary-100);
}

.card-header .title-ellipsis {
     max-width: 77%;
}

.input-group > .input-group-text:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-right: 0;
}

.input-group > .input-group-text:not(:last-child) > .custom-control {
     padding-left: 15px;
}

.btn-default.btn-block.disabled {
     border: 0;
}

.btn-warning {
     color: #fff;
}

.bg-primary-50 {
     background: rgba(var(--theme-rgb-primary), 0.1);
}

.bg-warning-50 {
     background: rgba(var(--theme-rgb-warning), 0.1);
}

.bg-danger-50 {
     background: rgba(var(--theme-rgb-danger), 0.1);
}

.bg-info-50 {
     background: rgba(var(--theme-rgb-info), 0.1);
}

.pagination .page-item:not(:first-child) {
     margin-left: 0.3rem;
}

.panel-sortable .nomagingraph .progress {
     border-radius: 7px;
}
#p2_mig {
     height : 1rem;
}

.nav.nav-tabs .nav-item:hover a {
     color: var(--theme-primary) !important;
}

.nav.nav-tabs .nav-item .nav-link:hover {
     color: var(--theme-primary) !important;
}

.nav.nav-tabs .nav-item .nav-link.active {
     color: var(--theme-primary) !important;
}

.indicators *, .gpu-indicators * {
     -webkit-transition: background-color 0.3s, color 0.3s;
     -moz-transition: background-color 0.3s, color 0.3s;
     -o-transition: background-color 0.3s, color 0.3s;
     transition: background-color 0.3s, color 0.3s;
}

.indicators .well-body {
     height: 60px;
     margin-bottom: 0;
     border-bottom-left-radius: 2px !important;
     border-bottom-right-radius: 2px !important;
}

.indicators .well-wrapper h5 {
     margin-top: 18px;
}

.gpu-indicators {
     background-color: #eee;
}
.mod-skin-dark .gpu-indicators {
     background-color: #525252;
}

.well-header {
     padding: 3px 3px;
     text-align: center;
     font-weight: bold;
     border: 1px solid #555;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
}

.well-body {
     margin-bottom: 10px;
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
}

#gpuform .progress.no-margin .content, #gpumonform .progress.no-margin .content, #gpugraph .progress.no-margin .content {
     margin-top: 3px;
     font-size: 0.625rem;
     line-height: 0.625rem;
}

#gpuform .progress.no-margin, #gpumonform .progress.no-margin, #gpugraph .progress.no-margin {
     height: 1rem;
}

.nodeList.active {
     background: var(--theme-primary-800);
     color: #ffffff !important;
}

.nodeList.active:before {
     content: "\f04b";
     font: bold normal normal 10px "Font Awesome 5 Pro";
     display: block;
     height: 27px;
     line-height: normal;
     width: 27px;
     position: absolute;
     left: 1px;
     color: var(--theme-primary);
     top: 15px;
}

.nodeList i {
     display: none;
}

.panel-title {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 15px;
     color: inherit;
}

.inbox-menu-sm {
     list-style: none;
     padding: 0;
     margin: 0 0 20px;
}

.smart-accordion-default.panel-group .panel-title a {
     display: block;
     padding: 10px 15px;
     text-decoration: none!important;
}

.plot-area {
     padding: 0;
     float: left;
}

h3.print_title {
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     margin-bottom: 5px;
     padding: 5px;
     padding-left: 10px !important;
     background-color: #fafafa;
}

.plot-area:nth-child(odd) {
     border-right: 1px solid #ddd;
}

.fa.fa-angle-left:before {
     content: "\f536";
     font-family: 'Font Awesome 5 Pro';
     font-weight: 300;
}

.fa.fa-angle-right:before {
     content: "\f531";
     font-family: 'Font Awesome 5 Pro';
     font-weight: 300;
}

.inbox-menu-sm li a {
     display: block;
     padding: 8px 15px 10px;
     color: #333;
     font-size: 0.8125rem;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
     background-color: var(--theme-primary) !important;
     color: white !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
     background-color: var(--theme-primary-100);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
     background-color: var(--theme-primary-50);
}

.date-picker-wrapper .drp_top-bar .apply-btn {
     border:solid 1px var(--theme-primary-800);
     background: var(--theme-primary);
}

.virtualenv-tile .card-header .float-right .btn-default {
     line-height: 1rem;
     width: 1.35rem;
}

.virtualenv-tile .card-header .float-right .btn-default i {
     color: #fff;
}

.virtualenv-tile .card-header .float-right .btn-default.active i:before {
     content: "\f058";
}

#gpugraph .smart-accordion-default .panel-title>a.collapsed>.fa, .smart-accordion-default .panel-title>a>:first-child {
     display: none;
}

#gpugraph .no-margin {
     margin: 0!important;
}

#gpugraph .no-padding .smart-accordion-default>div:last-child {
     border-bottom: none!important;
}

#gpugraph .no-padding .smart-accordion-default>div:first-child {
     border-top: none!important;
}
#gpugraph .no-padding .smart-accordion-default>div {
     border-left: none!important;
     border-right: none!important;
}

#gpugraph .panel-group .panel {
     margin-bottom: 5px;
}

#gpugraph .inbox-gpu-sm li, #gputile .inbox-gpu-md li {
     display: block;
     border-right: 1px solid #ddd;
     border-top: 1px solid #ddd;
}

#gputile .print_title {
     border-bottom: 1px solid #ddd;
}

#gputile .well-body {
     height: 80px;
}

#gputile .well-body h5:first-child {
     padding-top: 20px;
}

#gputile .inbox-gpu-md .subheader-title.fs-lg {
     font-size: 0.875rem !important;
}

.modal-title {
     font-family: 'NotoSansKR-Bold', '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', '돋움',Dotum,'Open Sans',Arial,Helvetica,Sans-Serif !important;
     font-weight: 700 !important;
}

.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
     color: #495057 !important;
     background-color: #f3f3f3;
     border-color: #E5E5E5;
}

/* popup */
.popupModal .popup-title {
     padding:9px;
     font-size:14px;
     color: #ffffff;
}
.popupModal .modal-header {
     padding: 15px 20px 10px 20px;
     border-bottom: 1px solid #e5e5e5;
     min-height: 16px;
     background-color: #0662AD;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
.popupModal .popup-bottom .text-align-right {
     text-align: right;
}
.popupModal .popup-bottom table {
     margin-bottom: 5px !important;
}
.popupModal .popup-bottom td {
     padding-top: 15px !important;
}

#gpu_scheduler_nodelist div li a:hover{
     color: #333 !important;
}

.topmenu-toolbar {display: inline;}
.topmenu-user-config {margin-left: 0.5rem !important;}
/* s/w & node tile count css */
@media all and (max-width: 600px) {
     .node_index_box_size { flex: 0 0 100%; max-width: 100%; }
     .sw_index_box_size { flex: 0 0 100%; max-width: 100%; }
     .topmenu-toolbar {display: table-footer-group;}
     .topmenu-user-config {margin-left: 0 !important;}
}
@media all and (min-width:601px) and (max-width:840px) {
     .node_index_box_size { flex: 0 0 50%; max-width: 50%; }
}
@media all and (min-width:841px) and (max-width:1800px) {
     .node_index_box_size { flex: 0 0 33.3%; max-width: 33.3%; }
}
@media all and (min-width:1801px) and (max-width:2700px) {
     .node_index_box_size { flex: 0 0 25%; max-width: 25%; }
}
@media all and (min-width:2701px) {
     .node_index_box_size { flex: 0 0 16.5%; max-width: 16.5%; }
}
@media all and (min-width:601px) and (max-width:780px) {
     .sw_index_box_size { flex: 0 0 50%; max-width: 50%; }
}
@media all and (min-width:781px) and (max-width:1400px) {
     .sw_index_box_size { flex: 0 0 33.3%; max-width: 33.3%; }
}
@media all and (min-width:1401px) and (max-width:1980px) {
     .sw_index_box_size { flex: 0 0 25%; max-width: 25%; }
}
@media all and (min-width:1981px) {
     .sw_index_box_size { flex: 0 0 16.5%; max-width: 16.5%; }
}

.cap_hpcform_addinputoption_table { width: 100%; }
.cap_hpcform_addinputoption_table td { vertical-align: middle; border-top: none; }