@charset "UTF-8";
/* -------------------------------------------------------------
	Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
	By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

	List of CSS3 Sass Mixins File to be @imported and @included as you need

	The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
	ENDING css files

	note: All CSS3 Properties are being supported by Safari 5
	more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* no select */
/* white and gray */
/* default */
body {
  color: #d3dde6;
}

hr {
  border-top-color: rgba(211, 221, 230, 0.1);
}

/* input */
input, .default-input,
textarea {
  color: #d3dde6;
  border-color: #3d5180;
  background-color: #101829;
}
input:focus, .default-input:focus,
textarea:focus {
  box-shadow: 0 0 0 2px rgba(115, 155, 254, 0.2);
}
input::placeholder, .default-input::placeholder,
textarea::placeholder {
  color: #454f67;
}
input[disabled], .default-input[disabled],
textarea[disabled] {
  border-color: #314061;
  background-color: #232c3f;
  color: #6a748c;
}
input.error, .default-input.error,
textarea.error {
  box-shadow: 0 0 0 2px rgba(255, 67, 71, 0.5);
  border-color: #ff4347;
}

.default-select {
  color: #d3dde6;
  border-color: #3d5180;
  background-color: #101829;
  background-image: url("images/ic_caret.svg");
}
.default-select option {
  background-color: #141b28;
  color: white;
}

textarea::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
textarea::-webkit-scrollbar-track {
  background: transparent;
}
textarea::-webkit-scrollbar-thumb {
  background: #626afa;
  border-radius: 15px;
}

/* 有search icon的input
------------------- */
.input-search-front, .input-search-end {
  background-image: url("images/ic_search.svg");
}

/* 上傳檔案
------------------- */
.input-upload label {
  color: #d3dde6;
  border-color: #3d5180;
  background-color: #101829;
  background-image: url("images/ic_file.svg");
}
.input-upload.error label {
  box-shadow: 0 0 0 2px rgba(255, 67, 71, 0.5);
  border-color: #ff4347;
}

/* plugin fix: 複寫套件樣式以符合主題 */
/* 下拉選單
-------------------- */
.dropdown-menu {
  background-color: #0f1622;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26), 0 2.5px 6.5px rgba(0, 0, 0, 0.25), 0 3.5px 9.5px rgba(0, 0, 0, 0.23);
  border-color: #3d4a61;
}
.dropdown-menu a:hover {
  color: #739bfe;
  background-color: rgba(115, 155, 254, 0.1);
}
.dropdown-menu > li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* modal
-------------------- */
.modal-content {
  background-color: #293349;
}

.modal-header {
  border-bottom: 1px solid rgba(211, 221, 230, 0.2);
}

.modal-close {
  color: #d3dde6;
}
.modal-close:hover {
  color: #abb4be;
}
.modal-close:active {
  color: #97a0a9;
}

.modal-footer {
  border-top: 1px solid rgba(211, 221, 230, 0.2);
}

.bootstrap-select .bs-caret {
  color: #739bfe;
}
.bootstrap-select .dropdown-menu > .inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.bootstrap-select .dropdown-menu > .inner::-webkit-scrollbar-track {
  background: transparent;
}
.bootstrap-select .dropdown-menu > .inner::-webkit-scrollbar-thumb {
  background: #626afa;
  border-radius: 15px;
}

.bs-searchbox .form-control {
  background-image: url("images/ic_search.svg");
}

.datepicker-container {
  background-color: #0f1622;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26), 0 2.5px 6.5px rgba(0, 0, 0, 0.25), 0 3.5px 9.5px rgba(0, 0, 0, 0.23);
  border-color: #3d4a61;
}

.datepicker-top-left::before, .datepicker-top-right::before {
  border-bottom-color: #3d4a61;
}
.datepicker-top-left::after, .datepicker-top-right::after {
  border-bottom-color: #0b111b;
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover,
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  color: #454f67;
}

.datepicker-panel > ul > li:hover {
  background-color: rgba(197, 210, 232, 0.1);
}

.datepicker-panel > ul > li {
  border-radius: 2px;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  background-color: #739bfe;
  color: white;
}

.datepicker-panel > ul > li.highlighted,
.datepicker-panel > ul > li.highlighted:hover,
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #162038;
}

.context-menu-list {
  color: #474e58;
  background-color: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24), 0 4px 11px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
}
.context-menu-list .context-menu-item:hover {
  background-color: rgba(11, 17, 27, 0.05);
}
.context-menu-list .context-menu-icon::before {
  color: #626afa;
}
.context-menu-list .context-menu-submenu:after {
  color: #626afa;
}
.context-menu-list .context-menu-disabled, .context-menu-list .context-menu-disabled:hover, .context-menu-list .context-menu-disabled:active, .context-menu-list .context-menu-disabled:focus {
  color: #abb4be;
}

/* grid */
/* border */
.col-right-border {
  border-right-color: rgba(197, 210, 232, 0.1);
}

/* Comps */
.detail-link:hover {
  color: #a3bcf2;
}
.detail-link:active {
  color: #769bec;
}
.detail-link:focus {
  color: #769bec;
}

.detail-link-info {
  color: #3193dd;
}
.detail-link-info:hover {
  color: #1f78bc;
}
.detail-link-info:active {
  color: #185c90;
}
.detail-link-info:focus {
  color: #185c90;
}

.btn-more {
  border: 1px solid #53617a;
}
.btn-more, .btn-more:hover, .btn-more:active, .btn-more:focus {
  color: #97a0a9;
}
.btn-more:hover {
  color: #bfc9d2;
}
.btn-more:active {
  background-color: rgba(15, 22, 34, 0.2);
}

.btn-outline {
  border: 1px solid #454f67;
}
.btn-outline i {
  color: #626afa;
}
.btn-outline:hover {
  border-color: #8e9ab1;
}
.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}
.btn-outline.active {
  border-color: #739bfe;
  color: #739bfe;
}
.btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:active, .btn-outline[disabled]:focus {
  background-color: rgba(211, 221, 230, 0.1);
  border-color: rgba(211, 221, 230, 0.05);
}
.btn-outline[disabled], .btn-outline[disabled] i, .btn-outline[disabled]:hover, .btn-outline[disabled]:hover i, .btn-outline[disabled]:active, .btn-outline[disabled]:active i, .btn-outline[disabled]:focus, .btn-outline[disabled]:focus i {
  color: rgba(211, 221, 230, 0.5);
}

.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled]:focus,
.btn-secondary[disabled],
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:focus,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:active,
.btn-info[disabled]:focus {
  border-color: #314061;
  background-color: #232c3f;
  color: #6a748c;
  border-style: dotted;
}

.btn-primary {
  background-color: #626afa;
  color: white;
}
.btn-primary:hover {
  background-color: #535be6;
}
.btn-primary.active {
  background-color: #444ce4;
}
.btn-primary:active {
  background-color: #3a43e3;
}

.btn-secondary {
  background-color: rgba(197, 210, 232, 0.1);
  color: #d3dde6;
}
.btn-secondary:hover {
  background-color: rgba(151, 174, 214, 0.1);
}
.btn-secondary:active {
  background-color: rgba(105, 139, 195, 0.1);
}
.btn-secondary.active {
  background-color: #626afa;
}
.btn-secondary.active:active {
  background-color: #444ce4;
}

.btn-success {
  background-color: #5ac04a;
  color: white;
}
.btn-success:hover {
  background-color: #52ac44;
}
.btn-success:active {
  background-color: #4c9441;
}

.btn-warning {
  background-color: #f69d14;
  color: white;
}
.btn-warning:hover {
  background-color: #db8d14;
}
.btn-warning:active {
  background-color: #b97b1c;
}

.btn-danger {
  background-color: #ff4347;
  color: white;
}
.btn-danger:hover {
  background-color: #f42e32;
}
.btn-danger:active {
  background-color: #e61c20;
}

.btn-info {
  background-color: #3193dd;
  color: white;
}
.btn-info:hover {
  background-color: #2b84c8;
}
.btn-info:active {
  background-color: #2e75aa;
}

/* button function */
[class^=btn-function-]:active {
  box-shadow: 0 0 0 3px rgba(197, 210, 232, 0.1);
}

.btn-function-text {
  border: 1px solid #53617a;
}
.btn-function-text, .btn-function-text:hover, .btn-function-text:active, .btn-function-text:focus {
  color: #97a0a9;
}
.btn-function-text:hover {
  color: #bfc9d2;
}
.btn-function-text:active {
  background-color: rgba(15, 22, 34, 0.2);
}

.btn-function-edit {
  background-color: #3193dd;
}
.btn-function-edit:hover {
  background-color: #3483bf;
}

.btn-function-delete {
  background-color: #ff4347;
}
.btn-function-delete:hover {
  background-color: #e9393d;
}

.btn-function-map-marker {
  background-color: #626afa;
}
.btn-function-map-marker:hover {
  background-color: #535be6;
}

/* btn-switch */
.btn-switch {
  background-color: rgba(73, 95, 145, 0.5);
}
.btn-switch .btn-switch-dot {
  background-color: white;
}
.btn-switch.btn-switch-on {
  background-color: #5ac04a;
}
.btn-switch[class*=disabled] {
  border: 1px solid #293349;
  background-color: #20293c;
  color: #6a748c;
}
.btn-switch[class*=disabled] .btn-switch-dot {
  background-color: #6a748c;
}
.btn-switch[class*=disabled].btn-switch-on {
  background-color: #2c473f;
  border-color: #385d49;
}

/* btn-bunch */
.btn-bunch {
  /* btn-outline */
}
.btn-bunch + .btn-bunch:before {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-bunch.btn-secondary {
  border: 1px solid rgba(197, 210, 232, 0.2);
}

.dot-success {
  border: none;
  background-color: #7ccd70;
  background: -webkit-gradient(linear, left top, left bottom, from(#7ccd70), to(#469f38));
  background: -webkit-linear-gradient(top, #7ccd70, #469f38);
  background: -moz-linear-gradient(top, #7ccd70, #469f38);
  background: -ms-linear-gradient(top, #7ccd70, #469f38);
  background: -o-linear-gradient(top, #7ccd70, #469f38);
  background: linear-gradient(top, #7ccd70, #469f38);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#7ccd70", endColorStr="#469f38");
}

.dot-warning {
  border: none;
  background-color: #f8b145;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8b145), to(#cf8108));
  background: -webkit-linear-gradient(top, #f8b145, #cf8108);
  background: -moz-linear-gradient(top, #f8b145, #cf8108);
  background: -ms-linear-gradient(top, #f8b145, #cf8108);
  background: -o-linear-gradient(top, #f8b145, #cf8108);
  background: linear-gradient(top, #f8b145, #cf8108);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#f8b145", endColorStr="#cf8108");
}

.dot-danger {
  border: none;
  background-color: #ff7679;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7679), to(#ff1015));
  background: -webkit-linear-gradient(top, #ff7679, #ff1015);
  background: -moz-linear-gradient(top, #ff7679, #ff1015);
  background: -ms-linear-gradient(top, #ff7679, #ff1015);
  background: -o-linear-gradient(top, #ff7679, #ff1015);
  background: linear-gradient(top, #ff7679, #ff1015);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#ff7679", endColorStr="#ff1015");
}

.dot-primary {
  border: none;
  background-color: #9399fc;
  background: -webkit-gradient(linear, left top, left bottom, from(#9399fc), to(#313bf8));
  background: -webkit-linear-gradient(top, #9399fc, #313bf8);
  background: -moz-linear-gradient(top, #9399fc, #313bf8);
  background: -ms-linear-gradient(top, #9399fc, #313bf8);
  background: -o-linear-gradient(top, #9399fc, #313bf8);
  background: linear-gradient(top, #9399fc, #313bf8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#9399fc", endColorStr="#313bf8");
}

.dot-secondary {
  border: 2px solid #838c95;
  background-color: rgba(26, 26, 26, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  background: linear-gradient(top, rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="rgba(26, 26, 26, 0)", endColorStr="rgba(0, 0, 0, 0)");
}

.formarea-border .formarea-row + .formarea-row {
  border-top-color: rgba(197, 210, 232, 0.1);
}

.form-row.paper + .form-row.paper {
  border-top-color: #48556e;
}

.form-text {
  border-color: #3d5180;
  background-color: #293349;
  color: #7c879e;
}

.form-text-invisible-front, .form-text-invisible-center, .form-text-invisible-end {
  background-color: #101829;
  color: #454f67;
}
.form-text-invisible-front[disabled], .form-text-invisible-center[disabled], .form-text-invisible-end[disabled] {
  border-color: #314061;
  background-color: #232c3f;
  color: #6a748c;
}

/* tab */
.underline-tab a:after {
  background-color: #626afa;
}

/* primary tab */
.primary-tab a {
  background-color: transparent;
  border: 1px solid #333c54;
}
.primary-tab .active a, .primary-tab a:hover {
  background-color: #333c54;
}

.stepper li:after {
  border-top: 1px solid #3d4a61;
}
.stepper i {
  background-color: #3d4a61;
}
.stepper .active i {
  background-color: #626afa;
}
.stepper p {
  color: #a1adc3;
}

/* 側邊欄 */
.page-sidebar {
  background-color: #0b111b;
}
.page-sidebar .sidebar-collapse-button:hover {
  background-color: rgba(211, 221, 230, 0.2);
}

.sidebar-menu {
  /* active */
}
.sidebar-menu::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.sidebar-menu::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-menu::-webkit-scrollbar-thumb {
  background: rgba(211, 221, 230, 0.1);
  border-radius: 15px;
}
.sidebar-menu a:hover {
  background-color: rgba(29, 42, 77, 0.3);
}
.sidebar-menu .sidebar-divide-text:after {
  border-bottom: 1px solid #333a44;
}
.sidebar-menu .sidebar-divide-text span {
  background-color: #0b111b;
  color: #6f7781;
}
.sidebar-menu .second-layer > li > a {
  color: #838c95;
}
.sidebar-menu .third-layer {
  border-left-color: #1d2a4d;
}
.sidebar-menu .third-layer > li > a {
  color: #838c95;
}
.sidebar-menu .sidebar-dropdown > a:after {
  color: #626afa;
}
.sidebar-menu .sidebar-dropdown.open {
  background-color: #101829;
}
.sidebar-menu .sidebar-dropdown-submenu {
  background-color: #101829;
}
.sidebar-menu .active > a {
  color: #739bfe !important;
}
.sidebar-menu .active:after {
  background-color: #626afa;
}

/* table-primary */
.table-primary, .table-primary-wrapper {
  background-color: #293349;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  /* thead */
  /* tbody */
}
.table-primary thead tr:nth-last-child(1) th, .table-primary-wrapper thead tr:nth-last-child(1) th {
  border-bottom-color: #323e55;
}
.table-primary td, .table-primary-wrapper td {
  border-bottom-color: #323e55;
}

.scroll-y-table.table-primary-wrapper {
  /* 表格項目太少時，在最下方加上一條橫線 */
}
.scroll-y-table.table-primary-wrapper tbody {
  border-bottom-color: #323e55;
}

/* table secondary */
.table-secondary, .table-secondary-wrapper {
  background-color: #323e55;
  border-radius: 10px;
}
.table-secondary thead, .table-secondary-wrapper thead {
  color: #7c879e;
}
.table-secondary thead tr:nth-last-child(1) th, .table-secondary-wrapper thead tr:nth-last-child(1) th {
  border-bottom-color: #3d4a61;
}
.table-secondary td, .table-secondary-wrapper td {
  border-bottom-color: #3d4a61;
}

/* sub-row */
.table-secondary, .table-secondary-wrapper {
  /* parent-row */
  /* sub-row */
}
.table-secondary .parent-row-caret:before, .table-secondary-wrapper .parent-row-caret:before {
  color: #626afa;
}
.table-secondary .sub-row, .table-secondary-wrapper .sub-row {
  background-repeat: repeat;
  background-size: 4px;
  background-image: url("images/bg_slash_opacity_010.png");
}
.table-secondary .sub-row td, .table-secondary-wrapper .sub-row td {
  border-top-color: #3d4a61;
}
.table-secondary .sub-row + .parent-row td, .table-secondary-wrapper .sub-row + .parent-row td {
  border-top-color: #3d4a61;
}
.table-secondary .sub-row-icon:after, .table-secondary-wrapper .sub-row-icon:after {
  border-left-color: #626afa;
}
.table-secondary .sub-row-order, .table-secondary-wrapper .sub-row-order {
  color: #838c95;
}

/* table tertiary */
.table-tertiary, .table-tertiary-wrapper {
  border: 1px solid transparent;
  color: #d3dde6;
  border-color: #3d5180;
  background-color: #101829;
  /* thead */
  /* tbody */
}
.table-tertiary thead, .table-tertiary-wrapper thead {
  color: #8e9ab1;
}
.table-tertiary tr:nth-last-child(1) th, .table-tertiary-wrapper tr:nth-last-child(1) th {
  border-bottom-color: #333c54;
}
.table-tertiary tbody tr:nth-child(2n+1), .table-tertiary-wrapper tbody tr:nth-child(2n+1) {
  background-color: rgba(50, 67, 110, 0.1);
}
.table-tertiary tbody tr:hover, .table-tertiary-wrapper tbody tr:hover {
  background-image: url("images/bg_slash_opacity_010.png");
}
.table-tertiary .chosen, .table-tertiary-wrapper .chosen {
  color: #739bfe;
}

/* table quaternary */
.table-quaternary thead th, .table-quaternary-wrapper thead th {
  color: rgba(124, 135, 158, 0.75);
}
.table-quaternary tbody th, .table-quaternary tbody td, .table-quaternary-wrapper tbody th, .table-quaternary-wrapper tbody td {
  background-color: rgba(197, 210, 232, 0.1);
}

/* 垂直邊線 */
.table-primary-vertical-border th, .table-primary-vertical-border td {
  border-right: 1px solid #323e55;
}
.table-primary-vertical-border th {
  background-color: #222d41;
}
.table-primary-vertical-border tbody th, .table-primary-vertical-border tbody td {
  border-top: 1px solid #323e55;
}
.table-primary-vertical-border .th-horizontal-highlight {
  border-bottom: 2px solid #626afa !important;
}

/* table-footer */
.table-footer .dataTables_info, .table-footer .dataTables_length {
  color: #7c879e;
}
.table-footer .dataTables_length select {
  color: #d3dde6;
  border-color: #3d5180;
  background-color: #101829;
  background-image: url("images/ic_caret.svg");
}
.table-footer .dataTables_length select option {
  background-color: #141b28;
  color: white;
}
.table-footer .dataTables_paginate .paginate_input {
  border: 0;
}
.table-footer .dataTables_length select,
.table-footer .dataTables_paginate .paginate_input {
  background-color: rgba(255, 255, 255, 0.05);
  border: none;
}
.table-footer .paginate_button {
  background-color: rgba(14, 21, 34, 0.8);
  color: #739bfe;
}
.table-footer .paginate_button:hover {
  background-color: #0b111b;
}
.table-footer .paginate_button:active {
  background-color: black;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}
.table-footer .paginate_button.disabled {
  background-color: rgba(15, 22, 34, 0.5);
  color: #3d4a61;
  box-shadow: none;
}

/* selected */
tr.selected {
  z-index: 2;
  position: relative;
}
tr.selected, tr.selected:hover, tr.selected:active, tr.selected:focus {
  background-color: rgba(98, 106, 250, 0.2) !important;
}
tr.selected td:nth-child(1), tr.selected:hover td:nth-child(1), tr.selected:active td:nth-child(1), tr.selected:focus td:nth-child(1) {
  border-left: 3px solid #626afa;
}

/* sort按鈕 */
table .sorting:after {
  background-image: url("images/sort_both.svg");
}
table .sorting-asc:after {
  background-image: url("images/sort_asc.svg");
}
table .sorting-desc:after {
  background-image: url("images/sort_desc.svg");
}
table .sorting-asc-disabled:after {
  background-image: url("images/sort_asc_disabled.svg");
}
table .sorting-desc-disabled:after {
  background-image: url("images/sort_desc_disabled.svg");
}

.badge-primary {
  background-color: #739bfe;
  color: white;
}

a.badge-primary, a.badge-primary:hover, a.badge-primary:active, a.badge-primary:focus {
  color: white;
}
a.badge-primary:hover {
  background-color: #4077fe;
}
a.badge-primary:active {
  background-color: #2765fd;
}

.badge-secondary {
  background-color: rgba(197, 210, 232, 0.1);
  color: #d3dde6;
}

a.badge-secondary, a.badge-secondary:hover, a.badge-secondary:active, a.badge-secondary:focus {
  color: #d3dde6;
}
a.badge-secondary:hover {
  background-color: rgba(160, 182, 218, 0.1);
}
a.badge-secondary:active {
  background-color: rgba(142, 168, 210, 0.1);
}

.badge-success {
  background-color: #5ac04a;
  color: white;
}

a.badge-success, a.badge-success:hover, a.badge-success:active, a.badge-success:focus {
  color: white;
}
a.badge-success:hover {
  background-color: #469f38;
}
a.badge-success:active {
  background-color: #3d8d31;
}

.badge-warning {
  background-color: #f69d14;
  color: white;
}

a.badge-warning, a.badge-warning:hover, a.badge-warning:active, a.badge-warning:focus {
  color: white;
}
a.badge-warning:hover {
  background-color: #cf8108;
}
a.badge-warning:active {
  background-color: #b77107;
}

.badge-danger {
  background-color: #ff4347;
  color: white;
}

a.badge-danger, a.badge-danger:hover, a.badge-danger:active, a.badge-danger:focus {
  color: white;
}
a.badge-danger:hover {
  background-color: #ff1015;
}
a.badge-danger:active {
  background-color: #f60005;
}

.badge-info {
  background-color: #3193dd;
  color: white;
}

a.badge-info, a.badge-info:hover, a.badge-info:active, a.badge-info:focus {
  color: white;
}
a.badge-info:hover {
  background-color: #1f78bc;
}
a.badge-info:active {
  background-color: #1b6aa6;
}

.paper {
  background-color: #323e55;
  border-radius: 10px;
}

.paper-dark {
  background-color: #293349;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

.paper-title-bgc i {
  background-color: #323e55;
}

.paper-title-dot:before {
  background-color: #626afa;
}

/* input */
.input-check {
  border-color: #6f7781;
}

.input-check[type=checkbox]:checked {
  background-image: url("images/ic_checkbox-checked.svg");
  background-color: #739bfe;
}
.input-check[type=checkbox]:checked[disabled] {
  background-color: #323e55;
  background-image: url("images/ic_checkbox-checked-disabled.svg");
}

.input-check[type=radio] {
  background-size: calc(100% - 4px) calc(100% - 4px);
}
.input-check[type=radio]:checked {
  background-image: url("images/ic_radio-checked.svg");
}
.input-check[type=radio]:checked[disabled] {
  background-image: url("images/ic_radio-checked-disabled.svg");
}

.multiple-selection-form .form-title {
  background-color: rgba(69, 79, 103, 0.2);
  color: #a1adc3;
}
.multiple-selection-form .form-content {
  position: relative;
  background-color: #323e55;
  border-radius: 10px;
}

.multiple-selection-btn button {
  background-color: rgba(14, 21, 34, 0.8);
  color: #739bfe;
}
.multiple-selection-btn button:hover {
  background-color: #0b111b;
}
.multiple-selection-btn button:active {
  background-color: black;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}
.multiple-selection-btn button.disabled {
  background-color: rgba(15, 22, 34, 0.5);
  color: #3d4a61;
  box-shadow: none;
}

.context-menu-primary {
  color: #474e58;
  /* disabled */
  /* 子選單 */
}
.context-menu-primary .parent-layer, .context-menu-primary .child-layer {
  background-color: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24), 0 4px 11px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
}
.context-menu-primary p:hover {
  background-color: rgba(11, 17, 27, 0.05);
}
.context-menu-primary i {
  color: #626afa;
}
.context-menu-primary .disabled, .context-menu-primary .disabled i {
  color: #abb4be;
}
.context-menu-primary .has-submenu > p:after {
  color: #626afa;
}

.treemap-primary label:hover {
  background-color: rgba(211, 221, 230, 0.05);
}
.treemap-primary .treemap-dropdown-submenu:before {
  border-left-color: #586279;
}
.treemap-primary .treemap-dropdown-submenu > li > label:before {
  border-top-color: #586279;
}
.treemap-primary .third-layer > li > label {
  color: #a1adc3;
}

/* 進度條
-------------------- */
.progress {
  background-color: rgba(197, 210, 232, 0.3);
  box-shadow: 0 -1px 0 inset rgba(197, 210, 232, 0.3);
}

.progress-bar {
  background-color: #626afa;
  box-shadow: 0 1px 0 inset rgba(255, 255, 255, 0.1);
}

.col-left-sidebar {
  border-right: 1px solid rgba(211, 221, 230, 0.2);
}
.col-left-sidebar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.col-left-sidebar::-webkit-scrollbar-track {
  background: transparent;
}
.col-left-sidebar::-webkit-scrollbar-thumb {
  background: rgba(211, 221, 230, 0.1);
  border-radius: 15px;
}

.modal-left-sidebar li {
  background-color: #333c54;
}
.modal-left-sidebar li.active {
  background-color: #626afa;
}

/* loading icon */
.marquee-loading-icon,
.map-loading-icon {
  background-color: rgba(13, 19, 30, 0.6);
  border-color: rgba(69, 79, 103, 0.2);
}
.marquee-loading-icon .st0,
.map-loading-icon .st0 {
  fill: #626afa;
  stroke: #626afa;
}

/* layout */
body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
body::-webkit-scrollbar-track {
  background: #131f2f;
}
body::-webkit-scrollbar-thumb {
  background: rgba(211, 221, 230, 0.3);
  border-radius: 15px;
}

body,
.page-container,
.page-header {
  background-image: url("images/bg_001.png");
}

.page-header {
  border-bottom: 1px solid #333c54;
}
.page-header.scrolled {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26), 0 3px 8px rgba(0, 0, 0, 0.24);
}

.breadcrumb:before {
  border-right: 1px solid #7c879e;
}
.breadcrumb li {
  color: #a1adc3;
}
.breadcrumb li + li:before {
  color: #454f67;
}
.breadcrumb a:hover {
  color: #b3bfd6;
}
.breadcrumb a:active {
  color: #8e9ab1;
}

.user-menu > li > a:hover, .user-menu > li > .dropdown > a:hover {
  background-color: rgba(197, 210, 232, 0.05);
}
.user-menu .badge-secondary {
  color: #abb4be;
}

.edit-bar .edit-bar-text {
  color: #a1adc3;
}

/* 篩選面板 */
.filter-panel {
  background-color: #101829;
  border: 1px solid #18233f !important;
}
.filter-panel::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.filter-panel::-webkit-scrollbar-track {
  background: transparent;
}
.filter-panel::-webkit-scrollbar-thumb {
  background: rgba(211, 221, 230, 0.1);
  border-radius: 15px;
}
.filter-panel-header {
  border-bottom: 1px solid #3d4a61;
  background-color: rgba(51, 60, 84, 0.15);
}
.filter-panel-header ~ .filter-panel-header {
  border-top: 1px solid #3d4a61;
}
.page-content-layout-2 .filter-panel {
  border: 1px solid #3d4a61;
  border-radius: 5px;
}
.page-content-layout-2 .filter-panel-header {
  background-color: transparent;
}

/* 群組 */
.group-list a:hover {
  background-color: rgba(131, 140, 149, 0.05);
}
.group-list .second-layer > li > a:before, .group-list .second-layer > li > a:after {
  border-color: #4e5b74;
}
.group-list li.active > a {
  color: #739bfe;
}
.group-list li.active > a:before {
  background-color: #626afa;
}

/* 編輯Popup */
.edit-popup:before, .edit-popup:after {
  border-color: transparent transparent rgba(11, 17, 27, 0.9) transparent;
}
.edit-popup:before {
  border-color: transparent transparent #3d4a61 transparent;
}

.edit-popup-menu {
  background-color: #0f1622;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26), 0 2.5px 6.5px rgba(0, 0, 0, 0.25), 0 3.5px 9.5px rgba(0, 0, 0, 0.23);
  border-color: #3d4a61;
}
.edit-popup-menu .menu-footer {
  border-top: 1px solid #323e55;
}

/* 分隔線 */
.divide-text:after {
  border-bottom-color: rgba(197, 210, 232, 0.1);
}
.divide-text span {
  color: #6a748c;
}
.modal .divide-text span {
  background-color: #293349;
}

.paper .divide-text span {
  background-color: #323e55;
}

/* img */
.default-img {
  border: 1px solid #3d5180;
  background-color: rgba(29, 42, 77, 0.8);
}

/* notation */
.notation {
  color: rgba(197, 210, 232, 0.5);
}
.notation-primary {
  color: #739bfe;
}
.notation-secondary {
  color: rgba(197, 210, 232, 0.3);
}
.notation-success {
  color: #5ac04a;
}
.notation-warning {
  color: #fbb539;
}
.notation-highlight {
  color: #fcff78;
}
.notation-danger {
  color: #ff4347;
}
.notation-info {
  color: #3193dd;
}

/* text color */
.text-color-primary, i.text-color-primary {
  color: #739bfe;
}

.text-color-secondary, i.text-color-secondary {
  color: rgba(197, 210, 232, 0.5);
}

.text-color-success, i.text-color-success {
  color: #5ac04a;
}

.text-color-warning, i.text-color-warning {
  color: #f69d14;
}

.text-color-danger, i.text-color-danger {
  color: #ff4347;
}

.text-color-info, i.text-color-info {
  color: #3193dd;
}

/* 平面圖&設備部署 */
/* 平面圖設定
===================== */
/* 編輯圖層 */
.edit-layer-dialogue {
  border: 1px solid #3d5180;
  background-color: #0f1622;
  background-repeat: repeat;
  background-size: 4px;
  background-image: url("images/bg_slash_opacity_010.png");
}

.edit-layer-menu {
  /* second-layer line */
}
.edit-layer-menu .first-layer, .edit-layer-menu .second-layer li {
  background-color: #293349;
  border: 1px solid #3d5180;
}
.edit-layer-menu .second-layer:before {
  border-left-color: #333c54;
}
.edit-layer-menu .second-layer li:before {
  border-top-color: #333c54;
}

/* floorplan-board */
.floorplan-board {
  border: 1px solid #3d5180;
  background-color: #0f1622;
  background-repeat: repeat;
  background-size: 4px;
  background-image: url("images/bg_slash_opacity_010.png");
}

/* 指南針 */
.floorplan-compass {
  background-color: #ffffde;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.floorplan-compass:before {
  color: #555;
}

/*# sourceMappingURL=dark.css.map */