/* light-mod */ body.light-theme, body.light-theme .modalDarkBack { background: none; background-color: #f5f5f7; color: #030303; } body.light-theme .modalDarkBack { background-color: #ffffff; } /* Font */ body.light-theme .jstree-default-context, body.light-theme .font10, body.light-theme .font11, body.light-theme .font12, body.light-theme .font13, body.light-theme .font14, body.light-theme .font15, body.light-theme .font16, body.light-theme .font17, body.light-theme .font18 { color: #030303; } body.light-theme .widget { background-color: #fff; box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08); color: #030303; } body.light-theme .widget .widget { box-shadow: none; border: 1px solid #d8d8d8; } body.light-theme .breadcrumb > .active, body.light-theme .breadcrumb > li + li:before { color: #7e7e7e; } body.light-theme .darkBack { background: rgba(245, 245, 247, 0.7); border: none; } body.light-theme .box, body.light-theme .well, body.light-theme .well .well-info { color: #030303; font-weight: 700; background: rgba(255, 255, 255, 1); } body.light-theme .box { border: 1px solid #d8d8d8; } body.light-theme .widgetheader { color: #030303; } body.light-theme .breadcrumb > .active { color: #7e7e7e; } body.light-theme .chat-message-body { background: rgba(245, 245, 247, 0.7); } body.light-theme .search-input { width: 100%; background: rgba(245, 245, 247, 0.7) !important; border: 1px solid rgba(255, 255, 255, 0.425) !important; } body.light-theme .list-group-item { color: #030303; } body.light-theme .searchDarkBack { background: url(../../reference/lightblue4/docs/img/search.png) 5px 5px no-repeat #f5f5f7 !important; border: none !important; } body.light-theme .nav-tabs > li.active > a, body.light-theme .nav-tabs > li.active > a:hover, body.light-theme .nav-tabs > li.active > a:focus { background-color: #f5f5f7; } body.light-theme .fileupload-buttonbar .btn, body.light-theme .fileupload-buttonbar .toggle { background-color: #f5f5f7; } body.light-theme .widget:not(.widget-tabs) .tab-content { background-color: #f5f5f7; } body.light-theme .widget:not(.widget-tabs) .tab-content .tab-content { background-color: #fff; } body.light-theme .dropdown-menu { background: #232f3e; } body.light-theme .ajax-data, body.light-theme .jstree a, body.light-theme .nav-tabs > li.active > a { color: #3360ae; } body.light-theme .jstree a.jstree-search { color: rgb(117, 213, 218); } body.light-theme .no-data { color: #c6c6c6; } body.light-theme .jstree-lightblue4 .jstree-hovered, body.light-theme .jstree-lightblue4 .jstree-clicked { background: rgba(59, 62, 229, 0.2); border: 1px solid rgba(59, 62, 229, 0.3); } body.light-theme .widget-controls > a, body.light-theme .widget-controls > span, body.light-theme .nav-tabs > li > a, body.light-theme .breadcrumb a, body.light-theme .page-title small { color: #030303; } body.light-theme .navbar { background: #232f3e; padding-bottom: 1rem; } /* Data Table */ body.light-theme table { border-top: 1px dashed #f5f5f7; } body.light-theme .dataTables_wrapper .dataTables_filter input { background: url(../../reference/lightblue4/docs/img/search.png) 5px 5px no-repeat #f5f5f7; color: #030303; } body.light-theme .dataTables_wrapper .dataTables_length, body.light-theme .dataTables_wrapper .dataTables_filter, body.light-theme .dataTables_wrapper .dataTables_info, body.light-theme .dataTables_wrapper .dataTables_processing, body.light-theme .dataTables_wrapper .dataTables_paginate { color: #030303; } body.light-theme table.dataTable.stripe tbody tr.odd, body.light-theme table.dataTable.display tbody tr.odd { background-color: rgba(247, 247, 247, 0.325); } body.light-theme table.dataTable.display tbody tr.odd > .sorting_1, body.light-theme table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f5f5f7; } body.light-theme table.dataTable.display tbody tr.even > .sorting_1, body.light-theme table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(247, 247, 247, 0.525); } body.light-theme table.dataTable tbody tr td:nth-child(odd) { background-color: rgba(247, 247, 247, 0.525); } body.light-theme table.dataTable.stripe tbody tr.odd:not(.selected):hover, body.light-theme table.dataTable.display tbody tr.odd:not(.selected):hover, body.light-theme table.dataTable.stripe tbody tr.even:hover, body.light-theme table.dataTable.display tbody tr.even:hover, body.light-theme table.dataTable tbody tr:hover { background-color: #f5f5f7; } body.light-theme table tbody tr td.dataTables_empty, body.light-theme table tbody tr td .dtr-title { color: #030303; } body.light-theme table tbody tr td { border-bottom: 1px solid rgba(245, 245, 247, 0.7); } body.light-theme .dataTables_scrollBody:hover::-webkit-scrollbar-track { background: rgba(245, 245, 247, 0.7); } body.light-theme .dataTables_scrollBody:hover::-webkit-scrollbar-thumb { background-color: rgba(164, 198, 255, 0.2); } body.light-theme table.dataTable.display tbody tr.odd.selected > .sorting_1, body.light-theme table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1, body.light-theme table.dataTable.stripe tbody > tr.odd.selected, body.light-theme table.dataTable.stripe tbody > tr.odd > .selected, body.light-theme table.dataTable.display tbody > tr.odd.selected, body.light-theme table.dataTable.display tbody > tr.odd > .selected, body.light-theme table.dataTable.stripe tbody > tr.even.selected, body.light-theme table.dataTable.stripe tbody > tr.even > .selected, body.light-theme table.dataTable.display tbody > tr.even.selected, body.light-theme table.dataTable.display tbody > tr.even > .selected, body.light-theme table.dataTable tbody > tr.selected, body.light-theme table.dataTable tbody > tr > .selected, body.light-theme table.dataTable.display tbody > tr.even.selected > .sorting_2, body.light-theme table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2, body.light-theme table.dataTable.display tbody > tr.odd.selected > .sorting_2, body.light-theme table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { background: rgba(164, 198, 255, 0.2); } body.light-theme table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, body.light-theme table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { color: #030303; border-color: #030303; } /* Discovery - status */ body.light-theme .pie-chart-footer .control { color: #030303; background-color: rgba(255, 255, 255, 0.425); } body.light-theme .pie-chart-footer .control .key, body.light-theme .pie-chart-footer .control .value, body.light-theme .pie-chart .visits { color: #030303; font-weight: 700; } body.light-theme .panel { background-color: #f5f5f7; border: 1px solid #d8d8d8; } body.light-theme .content .panel { color: #303030; } body.light-theme .panel .panel-heading a { color: #4c4c4c; } body.light-theme .panel .panel-heading a.collapsed { color: #030303; } body.light-theme .ms-drop { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.425) !important; color: #000; } body.light-theme .ms-drop .ms-no-results { color: #030303; } body.light-theme .input-group-addon { background-color: #f5f5f7; color: #7e7e7e; } body.light-theme .ms-container .ms-selectable, body.light-theme .ms-container .ms-selection { background: rgba(245, 245, 247, 0.7) !important; border: 1px solid rgba(245, 245, 247, 0.425) !important; } body.light-theme .ms-container .ms-selectable li.ms-elem-selectable, body.light-theme .ms-container .ms-selection li.ms-elem-selection { color: #030303; } body.light-theme .widget-tabs .body { background: rgba(255, 255, 255, 0.425); } body .widget svg text { stroke-width: 0.1px; } body.light-theme .widget svg text, body.light-theme .serviceChart svg text { fill: #030303; stroke: #030303; stroke-width: 0.1px; } body.light-theme #total-network-chart svg g path, body.light-theme #network-chart svg g path, body.light-theme .serviceChart svg g path { stroke: #030303a3; } body.light-theme blockquote { border-color: #f5f5f7; } body.light-theme .gradient_left_border { border-image: linear-gradient(0turn, rgb(0 0 0 / 0%), #dcdcdc, rgb(0 0 0 / 0%)); border-image-slice: 1; } body.light-theme .gradient_right_border { border-image: linear-gradient(0turn, rgb(0 0 0 / 0%), #dcdcdc, rgb(0 0 0 / 0%)); border-image-slice: 1; } body.light-theme .widget > header h1, body.light-theme .widget > header h2, body.light-theme .widget > header h3, body.light-theme .widget > header h4, body.light-theme .widget > header h5 { color: #030303; } body.light-theme .gradient_bottom_border { border-image: linear-gradient(0.25turn, rgb(0 0 0 / 0%), #dcdcdc, rgb(0 0 0 / 0%)); border-image-slice: 1; } body.light-theme .gradient_middle_border { border-image: linear-gradient(0.25turn, rgb(0 0 0 / 0%), #dcdcdc, rgb(0 0 0 / 0%)); border-image-slice: 1; } body.light-theme .form-control[readonly] { background-color: rgba(245, 245, 247, 0.7); } body.light-theme th .btn { color: #030303; } body.light-theme .select2-results { border: none !important; } body.light-theme .select2-dropdown { border: 1px solid rgb(208, 208, 208) !important; } body.light-theme .select2-container--open .select2-dropdown--below { border: 1px solid rgb(208, 208, 208) !important; } /* 호버된 아이템 */ body.light-theme .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #a4c6ff !important; border: none !important; color: white !important; } /* 선택된 아이템 */ body.light-theme .select2-container--default .select2-results__option[aria-selected='true'] { background-color: #ddd !important; color: #030303 !important; border: none !important; } body.light-theme .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { background-color: #ddd !important; /*color: #030303 !important;*/ border: 1px solid rgb(208, 208, 208) !important; } /* 일반 아이템 */ body.light-theme .select2-results__option[aria-selected] { background-color: #f5f5f7 !important; } body.light-theme .select2-container--default .select2-selection--single .select2-selection__rendered { color: #030303 !important; } body.light-theme .select2-container--default .select2-selection--single { background-color: #f5f5f7 !important; color: #030303 !important; border: none !important; } body.light-theme .widget > header { color: #030303; } body.light-theme .select2-container--default .select2-search--inline .select2-search__field, body.light-theme .select2-container--default .select2-selection--multiple { color: #030303; background: rgba(245, 245, 247, 0.5) !important; border: 1px solid rgba(245, 245, 247, 0.5) !important; } body.light-theme .dropzone { border: 1px dashed #666666; color: #030303; } body.light-theme .form-actions { background-color: #f5f5f7; border: 1px solid #d8d8d8; } body.light-theme .fileupload-buttonbar .btn { background: #d8d8d8; color: #030303; } body.light-theme .btn-default { background-color: #b2b2b2; } /* Discovery - host */ body.light-theme .btn-radio { color: #030303; font-weight: 700; background-color: #fff; border: 1px solid #f5f5f7; } body.light-theme .btn-radio:active, body.light-theme .btn-radio:active:focus, body.light-theme .btn-radio:active.focus, body.light-theme .btn-radio.active:focus, body.light-theme .btn-radio.active.focus, body.light-theme .btn-radio:focus, body.light-theme .btn-radio.focus { background: #f2f5f7; } body.light-theme .btn-radio:hover { background: #f2f5f7; } body.light-theme .notCollectedNotice { background: #f5f5f7; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; color: #b41e27; font-weight: 700; } body.light-theme .widget-tabs .tab-pane { background: #fff; } body.light-theme .widget-tabs .nav > li.active > a:hover { color: #030303; } body .widget-tabs .tab-pane input, body .form-group input, body .input-group input, body .input-group input, body .input-group-addon.ajax-data { color: #a4c6ff; } body.light-theme .widget-tabs .tab-pane input, body.light-theme .form-group input, body.light-theme .input-group input, body.light-theme .input-group-addon.ajax-data, body.light-theme .input-group-addon.no-data { color: #3360ae; } body .chat-message .icon { position: absolute; left: 3px; } body .chat-message .icon { position: relative; } body .chat-message .icon img, body.light-theme .chat-message .icon img { position: absolute; left: 3px; } body .chat-message .icon .normal-logo { visibility: visible; } body .chat-message .icon .light-logo { top: 3px; visibility: hidden; } body.light-theme .chat-message .icon .normal-logo { visibility: hidden; } body.light-theme .chat-message .icon .light-logo { top: 3px; visibility: visible; } body.light-theme .chat-message .time { color: #030303; } body.light-theme .tooltip-inner { color: #030303; background-color: #ffffff; } /* Discovery - interface */ body.light-theme .tab-content.interface-tab { background: #f5f5f7; } body.light-theme .widget { border: 1px solid #d8d8d8; } body .show-port, body.light-theme .show-port { margin-right: 10px; } body.light-theme .widget-tabs { border: 1px solid #d8d8d8; } body.light-theme #totalInterfaceInfoTab { background: #f5f5f7; } body.light-theme .modal-dialog-scrollable { background: #f5f5f7; } body.light-theme a { color: #3360ae; } /* Discovery - application */ body .modal-content .modal-header { padding: 0px; border-bottom: 1px solid #3333334d; } body .modal-content .modal-body { padding: 10px; } body.light-theme .tab-content .tab-pane.active { background: #fff; } body.light-theme .dataTables_filter label { margin-right: 5px; } body.light-theme .form-wizard ul.wizard-navigation li.active a { color: #030303; border: 1px solid #cccccc; box-shadow: 1px 1px 3px #cccccc; } body.light-theme .ms-choice > span, body.light-theme .ms-drop ul > li label { color: #030303; } body.light-theme .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, body.light-theme .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, body.light-theme .select2-search--dropdown, body.light-theme .select2-results { background: #f5f5f7 !important; border: 1px solid #cccccc !important; } body.light-theme .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #cccccc; color: #303030; background: url(../../reference/lightblue4/docs/img/search.png) 5px 5px no-repeat #ffffff !important; } body.light-theme .form-control[disabled], body.light-theme .form-control[readonly], body.light-theme fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } body.light-theme .parsley-errors-list { background-color: #f5f5f7 !important; } body.light-theme .tg-dialog, body.light-theme .tg-dialog .tg-arrow { fill: #030303; background: rgba(245, 245, 247, 0.7) !important; }