@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800&subset=latin-ext");
.t-sccs {
  color: rgb(52, 159, 30) !important;
}

.bg-sccs {
  background-color: rgb(52, 159, 30) !important;
}

.btn.btn-sccs {
  background-color: rgb(52, 159, 30);
  border: 1px solid rgb(52, 159, 30);
  color: rgb(255, 255, 255);
}
.btn.btn-sccs:hover {
  background-color: rgb(66.0317460317, 201.9047619048, 38.0952380952);
}

.btn.btn-out-sccs {
  border: 1px solid rgb(52, 159, 30);
  background-color: none;
  color: rgb(52, 159, 30);
}
.btn.btn-out-sccs:hover {
  background-color: rgb(52, 159, 30);
  border: 1px solid rgb(52, 159, 30);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-sccs i {
  color: rgb(52, 159, 30);
}
.site-mainnav-button .mainnav-button-sccs:hover, .site-mainnav-button .mainnav-button-sccs.mainnav-button-active {
  background-color: rgb(52, 159, 30);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-sccs:hover i, .site-mainnav-button .mainnav-button-sccs.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-sccs .card-head {
  background-color: rgb(199.7650793651, 242.9047619048, 190.8952380952);
  color: rgb(52, 159, 30);
  border-bottom: 1px solid rgb(52, 159, 30);
}
.card.card-sccs.card-solid .card-head, .card.card-sccs.card-full .card-head {
  background-color: rgb(52, 159, 30);
  color: rgb(255, 255, 255);
}
.card.card-sccs.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(52, 159, 30);
}
.card.card-sccs.card-full {
  background-color: rgb(52, 159, 30);
}
.card.card-sccs.card-full .card-head {
  border-bottom: 1px solid rgb(59.0158730159, 180.4523809524, 34.0476190476);
}
.card.card-sccs.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-sccs.card-full .card-foot {
  border-top: 1px solid rgb(59.0158730159, 180.4523809524, 34.0476190476);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-sccs {
  background-color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-sccs:hover {
  background-color: rgb(16.9206349206, 51.7380952381, 9.7619047619);
}

.darkmode .btn.btn-out-sccs {
  border: 1px solid rgb(30.9523809524, 94.6428571429, 17.8571428571);
  background-color: none;
  color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
}
.darkmode .btn.btn-out-sccs:hover {
  background-color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
  color: rgb(204, 204, 204);
}

.alrt.alrt-sccs {
  background-color: rgb(177.5841269841, 238.0476190476, 165.1523809524);
  color: rgb(52, 159, 30);
  border-left: 0.4rem solid rgb(52, 159, 30);
}

.darkmode .alrt.alrt-sccs {
  background-color: rgb(23.9365079365, 73.1904761905, 13.8095238095);
  color: rgb(52, 159, 30);
  border-left: 0.4rem solid rgb(52, 159, 30);
}

.brdr-sccs {
  border: 1px solid rgb(52, 159, 30);
  border-radius: 0.5rem;
}

.dashbox-sccs .dashbox-ico {
  background-color: rgb(52, 159, 30);
}
.dashbox-sccs .dashbox-val {
  color: rgb(52, 159, 30);
}
.dashbox-sccs .dashbox-lnk a:hover {
  color: rgb(52, 159, 30);
}

.darkmode .tbl.tbl-sccs th {
  background-color: rgb(23.9365079365, 73.1904761905, 13.8095238095);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-sccs tr:hover {
  background-color: rgb(9.9047619048, 30.2857142857, 5.7142857143);
}
.darkmode .tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(2.8888888889, 8.8333333333, 1.6666666667);
}
.darkmode .tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
}
.darkmode .tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(44.9841269841, 137.5476190476, 25.9523809524);
}
.darkmode .tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(2.8888888889, 8.8333333333, 1.6666666667);
}
.darkmode .tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
}
.darkmode .tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(44.9841269841, 137.5476190476, 25.9523809524);
}

.tbl.tbl-sccs th {
  background-color: rgb(233.0365079365, 250.1904761905, 229.5095238095);
  color: rgb(52, 159, 30);
}
.tbl.tbl-sccs tr:hover {
  background-color: rgb(247.8238095238, 253.4285714286, 246.6714285714);
}
.tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(52, 159, 30);
}
.tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(52, 159, 30);
}
.tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(96.253968254, 220.2380952381, 70.7619047619);
}
.tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(52, 159, 30);
}
.tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(52, 159, 30);
}
.tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(96.253968254, 220.2380952381, 70.7619047619);
}

.tbl-sccs .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-sccs input[type=checkbox]::before {
  border: 2px solid rgb(52, 159, 30);
}
.tbl-sccs .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-sccs input[type=checkbox]:checked::before {
  background-color: rgb(52, 159, 30);
}

.darkmode .tbl-sccs .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-sccs input[type=checkbox]::before {
  border: 2px solid rgb(30.9523809524, 94.6428571429, 17.8571428571);
}
.darkmode .tbl-sccs .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-sccs input[type=checkbox]:checked::before {
  background-color: rgb(52, 159, 30);
  background-color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
  color: rgb(153, 153, 153);
}

.modal.modal-sccs .modal-header {
  background-color: rgb(52, 159, 30);
}
.modal.modal-sccs .modal-footer .btn {
  background-color: rgb(52, 159, 30);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-sccs .modal-header {
  background-color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
}
.darkmode .modal.modal-sccs .modal-footer .btn {
  background-color: rgb(30.9523809524, 94.6428571429, 17.8571428571);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-sccs .subnav-link i {
  color: rgb(52, 159, 30);
}
.panel.panel-subnav.subnav-sccs .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-sccs .subnav-link:hover {
  background-color: rgb(52, 159, 30);
}

.site-main.sccs h2,
.site-main.sccs a {
  color: rgb(52, 159, 30);
}
.site-main.sccs ul.menu .menu-item a {
  color: rgb(52, 159, 30);
}
.site-main.sccs ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(52, 159, 30);
}

a.t-sccs {
  color: rgb(52, 159, 30) !important;
}

.t-info {
  color: rgb(79, 107, 191) !important;
}

.bg-info {
  background-color: rgb(79, 107, 191) !important;
}

.btn.btn-info {
  background-color: rgb(79, 107, 191);
  border: 1px solid rgb(79, 107, 191);
  color: rgb(255, 255, 255);
}
.btn.btn-info:hover {
  background-color: rgb(116.4, 138.45, 204.6);
}

.btn.btn-out-info {
  border: 1px solid rgb(79, 107, 191);
  background-color: none;
  color: rgb(79, 107, 191);
}
.btn.btn-out-info:hover {
  background-color: rgb(79, 107, 191);
  border: 1px solid rgb(79, 107, 191);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-info i {
  color: rgb(79, 107, 191);
}
.site-mainnav-button .mainnav-button-info:hover, .site-mainnav-button .mainnav-button-info.mainnav-button-active {
  background-color: rgb(79, 107, 191);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-info:hover i, .site-mainnav-button .mainnav-button-info.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-info .card-head {
  background-color: white;
  color: rgb(79, 107, 191);
  border-bottom: 1px solid rgb(79, 107, 191);
}
.card.card-info.card-solid .card-head, .card.card-info.card-full .card-head {
  background-color: rgb(79, 107, 191);
  color: rgb(255, 255, 255);
}
.card.card-info.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(79, 107, 191);
}
.card.card-info.card-full {
  background-color: rgb(79, 107, 191);
}
.card.card-info.card-full .card-head {
  border-bottom: 1px solid rgb(97.7, 122.725, 197.8);
}
.card.card-info.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-info.card-full .card-foot {
  border-top: 1px solid rgb(97.7, 122.725, 197.8);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-info {
  background-color: rgb(51.6, 74.175, 141.9);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-info:hover {
  background-color: rgb(38, 54.625, 104.5);
}

.darkmode .btn.btn-out-info {
  border: 1px solid rgb(51.6, 74.175, 141.9);
  background-color: none;
  color: rgb(51.6, 74.175, 141.9);
}
.darkmode .btn.btn-out-info:hover {
  background-color: rgb(51.6, 74.175, 141.9);
  color: rgb(204, 204, 204);
}

.alrt.alrt-info {
  background-color: rgb(236.08, 239.09, 248.12);
  color: rgb(79, 107, 191);
  border-left: 0.4rem solid rgb(79, 107, 191);
}

.darkmode .alrt.alrt-info {
  background-color: rgb(44.8, 64.4, 123.2);
  color: rgb(79, 107, 191);
  border-left: 0.4rem solid rgb(79, 107, 191);
}

.brdr-info {
  border: 1px solid rgb(79, 107, 191);
  border-radius: 0.5rem;
}

.dashbox-info .dashbox-ico {
  background-color: rgb(79, 107, 191);
}
.dashbox-info .dashbox-val {
  color: rgb(79, 107, 191);
}
.dashbox-info .dashbox-lnk a:hover {
  color: rgb(79, 107, 191);
}

.darkmode .tbl.tbl-info th {
  background-color: rgb(44.8, 64.4, 123.2);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-info tr:hover {
  background-color: rgb(31.2, 44.85, 85.8);
}
.darkmode .tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(24.4, 35.075, 67.1);
}
.darkmode .tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(51.6, 74.175, 141.9);
}
.darkmode .tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(65.2, 93.725, 179.3);
}
.darkmode .tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(24.4, 35.075, 67.1);
}
.darkmode .tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(51.6, 74.175, 141.9);
}
.darkmode .tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(65.2, 93.725, 179.3);
}

.tbl.tbl-info th {
  background-color: white;
  color: rgb(79, 107, 191);
}
.tbl.tbl-info tr:hover {
  background-color: white;
}
.tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(79, 107, 191);
}
.tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(79, 107, 191);
}
.tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(153.8, 169.9, 218.2);
}
.tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(79, 107, 191);
}
.tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(79, 107, 191);
}
.tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(153.8, 169.9, 218.2);
}

.tbl-info .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-info input[type=checkbox]::before {
  border: 2px solid rgb(79, 107, 191);
}
.tbl-info .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-info input[type=checkbox]:checked::before {
  background-color: rgb(79, 107, 191);
}

.darkmode .tbl-info .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-info input[type=checkbox]::before {
  border: 2px solid rgb(51.6, 74.175, 141.9);
}
.darkmode .tbl-info .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-info input[type=checkbox]:checked::before {
  background-color: rgb(79, 107, 191);
  background-color: rgb(51.6, 74.175, 141.9);
  color: rgb(153, 153, 153);
}

.modal.modal-info .modal-header {
  background-color: rgb(79, 107, 191);
}
.modal.modal-info .modal-footer .btn {
  background-color: rgb(79, 107, 191);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-info .modal-header {
  background-color: rgb(51.6, 74.175, 141.9);
}
.darkmode .modal.modal-info .modal-footer .btn {
  background-color: rgb(51.6, 74.175, 141.9);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-info .subnav-link i {
  color: rgb(79, 107, 191);
}
.panel.panel-subnav.subnav-info .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-info .subnav-link:hover {
  background-color: rgb(79, 107, 191);
}

.site-main.info h2,
.site-main.info a {
  color: rgb(79, 107, 191);
}
.site-main.info ul.menu .menu-item a {
  color: rgb(79, 107, 191);
}
.site-main.info ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(79, 107, 191);
}

a.t-info {
  color: rgb(79, 107, 191) !important;
}

.t-warn {
  color: rgb(204, 133, 56) !important;
}

.bg-warn {
  background-color: rgb(204, 133, 56) !important;
}

.btn.btn-warn {
  background-color: rgb(204, 133, 56);
  border: 1px solid rgb(204, 133, 56);
  color: rgb(255, 255, 255);
}
.btn.btn-warn:hover {
  background-color: rgb(214.404, 157.888, 96.596);
}

.btn.btn-out-warn {
  border: 1px solid rgb(204, 133, 56);
  background-color: none;
  color: rgb(204, 133, 56);
}
.btn.btn-out-warn:hover {
  background-color: rgb(204, 133, 56);
  border: 1px solid rgb(204, 133, 56);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-warn i {
  color: rgb(204, 133, 56);
}
.site-mainnav-button .mainnav-button-warn:hover, .site-mainnav-button .mainnav-button-warn.mainnav-button-active {
  background-color: rgb(204, 133, 56);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-warn:hover i, .site-mainnav-button .mainnav-button-warn.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-warn .card-head {
  background-color: rgb(253.9392, 252.4624, 250.8608);
  color: rgb(204, 133, 56);
  border-bottom: 1px solid rgb(204, 133, 56);
}
.card.card-warn.card-solid .card-head, .card.card-warn.card-full .card-head {
  background-color: rgb(204, 133, 56);
  color: rgb(255, 255, 255);
}
.card.card-warn.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(204, 133, 56);
}
.card.card-warn.card-full {
  background-color: rgb(204, 133, 56);
}
.card.card-warn.card-full .card-head {
  border-bottom: 1px solid rgb(209.202, 145.444, 76.298);
}
.card.card-warn.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-warn.card-full .card-foot {
  border-top: 1px solid rgb(209.202, 145.444, 76.298);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-warn {
  background-color: rgb(146.066, 93.952, 37.434);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-warn:hover {
  background-color: rgb(105.47, 67.84, 27.03);
}

.darkmode .btn.btn-out-warn {
  border: 1px solid rgb(146.066, 93.952, 37.434);
  background-color: none;
  color: rgb(146.066, 93.952, 37.434);
}
.darkmode .btn.btn-out-warn:hover {
  background-color: rgb(146.066, 93.952, 37.434);
  color: rgb(204, 204, 204);
}

.alrt.alrt-warn {
  background-color: rgb(247.6968, 237.5296, 226.5032);
  color: rgb(204, 133, 56);
  border-left: 0.4rem solid rgb(204, 133, 56);
}

.darkmode .alrt.alrt-warn {
  background-color: rgb(125.768, 80.896, 32.232);
  color: rgb(204, 133, 56);
  border-left: 0.4rem solid rgb(204, 133, 56);
}

.brdr-warn {
  border: 1px solid rgb(204, 133, 56);
  border-radius: 0.5rem;
}

.dashbox-warn .dashbox-ico {
  background-color: rgb(204, 133, 56);
}
.dashbox-warn .dashbox-val {
  color: rgb(204, 133, 56);
}
.dashbox-warn .dashbox-lnk a:hover {
  color: rgb(204, 133, 56);
}

.darkmode .tbl.tbl-warn th {
  background-color: rgb(125.768, 80.896, 32.232);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-warn tr:hover {
  background-color: rgb(85.172, 54.784, 21.828);
}
.darkmode .tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(64.874, 41.728, 16.626);
}
.darkmode .tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(146.066, 93.952, 37.434);
}
.darkmode .tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(186.662, 120.064, 47.838);
}
.darkmode .tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(64.874, 41.728, 16.626);
}
.darkmode .tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(146.066, 93.952, 37.434);
}
.darkmode .tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(186.662, 120.064, 47.838);
}

.tbl.tbl-warn th {
  background-color: white;
  color: rgb(204, 133, 56);
}
.tbl.tbl-warn tr:hover {
  background-color: white;
}
.tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(204, 133, 56);
}
.tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(204, 133, 56);
}
.tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(224.808, 182.776, 137.192);
}
.tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(204, 133, 56);
}
.tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(204, 133, 56);
}
.tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(224.808, 182.776, 137.192);
}

.tbl-warn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-warn input[type=checkbox]::before {
  border: 2px solid rgb(204, 133, 56);
}
.tbl-warn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-warn input[type=checkbox]:checked::before {
  background-color: rgb(204, 133, 56);
}

.darkmode .tbl-warn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-warn input[type=checkbox]::before {
  border: 2px solid rgb(146.066, 93.952, 37.434);
}
.darkmode .tbl-warn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-warn input[type=checkbox]:checked::before {
  background-color: rgb(204, 133, 56);
  background-color: rgb(146.066, 93.952, 37.434);
  color: rgb(153, 153, 153);
}

.modal.modal-warn .modal-header {
  background-color: rgb(204, 133, 56);
}
.modal.modal-warn .modal-footer .btn {
  background-color: rgb(204, 133, 56);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-warn .modal-header {
  background-color: rgb(146.066, 93.952, 37.434);
}
.darkmode .modal.modal-warn .modal-footer .btn {
  background-color: rgb(146.066, 93.952, 37.434);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-warn .subnav-link i {
  color: rgb(204, 133, 56);
}
.panel.panel-subnav.subnav-warn .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-warn .subnav-link:hover {
  background-color: rgb(204, 133, 56);
}

.site-main.warn h2,
.site-main.warn a {
  color: rgb(204, 133, 56);
}
.site-main.warn ul.menu .menu-item a {
  color: rgb(204, 133, 56);
}
.site-main.warn ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(204, 133, 56);
}

a.t-warn {
  color: rgb(204, 133, 56) !important;
}

.t-dngr {
  color: rgb(207, 63, 63) !important;
}

.bg-dngr {
  background-color: rgb(207, 63, 63) !important;
}

.btn.btn-dngr {
  background-color: rgb(207, 63, 63);
  border: 1px solid rgb(207, 63, 63);
  color: rgb(255, 255, 255);
}
.btn.btn-dngr:hover {
  background-color: rgb(217.2, 103.8, 103.8);
}

.btn.btn-out-dngr {
  border: 1px solid rgb(207, 63, 63);
  background-color: none;
  color: rgb(207, 63, 63);
}
.btn.btn-out-dngr:hover {
  background-color: rgb(207, 63, 63);
  border: 1px solid rgb(207, 63, 63);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-dngr i {
  color: rgb(207, 63, 63);
}
.site-mainnav-button .mainnav-button-dngr:hover, .site-mainnav-button .mainnav-button-dngr.mainnav-button-active {
  background-color: rgb(207, 63, 63);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-dngr:hover i, .site-mainnav-button .mainnav-button-dngr.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-dngr .card-head {
  background-color: white;
  color: rgb(207, 63, 63);
  border-bottom: 1px solid rgb(207, 63, 63);
}
.card.card-dngr.card-solid .card-head, .card.card-dngr.card-full .card-head {
  background-color: rgb(207, 63, 63);
  color: rgb(255, 255, 255);
}
.card.card-dngr.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(207, 63, 63);
}
.card.card-dngr.card-full {
  background-color: rgb(207, 63, 63);
}
.card.card-dngr.card-full .card-head {
  border-bottom: 1px solid rgb(212.1, 83.4, 83.4);
}
.card.card-dngr.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-dngr.card-full .card-foot {
  border-top: 1px solid rgb(212.1, 83.4, 83.4);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-dngr {
  background-color: rgb(154.8, 38.7, 38.7);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-dngr:hover {
  background-color: rgb(114, 28.5, 28.5);
}

.darkmode .btn.btn-out-dngr {
  border: 1px solid rgb(154.8, 38.7, 38.7);
  background-color: none;
  color: rgb(154.8, 38.7, 38.7);
}
.darkmode .btn.btn-out-dngr:hover {
  background-color: rgb(154.8, 38.7, 38.7);
  color: rgb(204, 204, 204);
}

.alrt.alrt-dngr {
  background-color: rgb(249.84, 234.36, 234.36);
  color: rgb(207, 63, 63);
  border-left: 0.4rem solid rgb(207, 63, 63);
}

.darkmode .alrt.alrt-dngr {
  background-color: rgb(134.4, 33.6, 33.6);
  color: rgb(207, 63, 63);
  border-left: 0.4rem solid rgb(207, 63, 63);
}

.brdr-dngr {
  border: 1px solid rgb(207, 63, 63);
  border-radius: 0.5rem;
}

.dashbox-dngr .dashbox-ico {
  background-color: rgb(207, 63, 63);
}
.dashbox-dngr .dashbox-val {
  color: rgb(207, 63, 63);
}
.dashbox-dngr .dashbox-lnk a:hover {
  color: rgb(207, 63, 63);
}

.darkmode .tbl.tbl-dngr th {
  background-color: rgb(134.4, 33.6, 33.6);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-dngr tr:hover {
  background-color: rgb(93.6, 23.4, 23.4);
}
.darkmode .tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(73.2, 18.3, 18.3);
}
.darkmode .tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(154.8, 38.7, 38.7);
}
.darkmode .tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(195.6, 48.9, 48.9);
}
.darkmode .tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(73.2, 18.3, 18.3);
}
.darkmode .tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(154.8, 38.7, 38.7);
}
.darkmode .tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(195.6, 48.9, 48.9);
}

.tbl.tbl-dngr th {
  background-color: white;
  color: rgb(207, 63, 63);
}
.tbl.tbl-dngr tr:hover {
  background-color: white;
}
.tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(207, 63, 63);
}
.tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(207, 63, 63);
}
.tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(227.4, 144.6, 144.6);
}
.tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(207, 63, 63);
}
.tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(207, 63, 63);
}
.tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(227.4, 144.6, 144.6);
}

.tbl-dngr .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dngr input[type=checkbox]::before {
  border: 2px solid rgb(207, 63, 63);
}
.tbl-dngr .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dngr input[type=checkbox]:checked::before {
  background-color: rgb(207, 63, 63);
}

.darkmode .tbl-dngr .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dngr input[type=checkbox]::before {
  border: 2px solid rgb(154.8, 38.7, 38.7);
}
.darkmode .tbl-dngr .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dngr input[type=checkbox]:checked::before {
  background-color: rgb(207, 63, 63);
  background-color: rgb(154.8, 38.7, 38.7);
  color: rgb(153, 153, 153);
}

.modal.modal-dngr .modal-header {
  background-color: rgb(207, 63, 63);
}
.modal.modal-dngr .modal-footer .btn {
  background-color: rgb(207, 63, 63);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-dngr .modal-header {
  background-color: rgb(154.8, 38.7, 38.7);
}
.darkmode .modal.modal-dngr .modal-footer .btn {
  background-color: rgb(154.8, 38.7, 38.7);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-dngr .subnav-link i {
  color: rgb(207, 63, 63);
}
.panel.panel-subnav.subnav-dngr .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-dngr .subnav-link:hover {
  background-color: rgb(207, 63, 63);
}

.site-main.dngr h2,
.site-main.dngr a {
  color: rgb(207, 63, 63);
}
.site-main.dngr ul.menu .menu-item a {
  color: rgb(207, 63, 63);
}
.site-main.dngr ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(207, 63, 63);
}

a.t-dngr {
  color: rgb(207, 63, 63) !important;
}

.t-prim {
  color: rgb(240, 128, 0) !important;
}

.bg-prim {
  background-color: rgb(240, 128, 0) !important;
}

.btn.btn-prim {
  background-color: rgb(240, 128, 0);
  border: 1px solid rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}
.btn.btn-prim:hover {
  background-color: rgb(255, 152.8, 36);
}

.btn.btn-out-prim {
  border: 1px solid rgb(240, 128, 0);
  background-color: none;
  color: rgb(240, 128, 0);
}
.btn.btn-out-prim:hover {
  background-color: rgb(240, 128, 0);
  border: 1px solid rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-prim i {
  color: rgb(240, 128, 0);
}
.site-mainnav-button .mainnav-button-prim:hover, .site-mainnav-button .mainnav-button-prim.mainnav-button-active {
  background-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-prim:hover i, .site-mainnav-button .mainnav-button-prim.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-prim .card-head {
  background-color: rgb(255, 243.24, 229.8);
  color: rgb(240, 128, 0);
  border-bottom: 1px solid rgb(240, 128, 0);
}
.card.card-prim.card-solid .card-head, .card.card-prim.card-full .card-head {
  background-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}
.card.card-prim.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(240, 128, 0);
}
.card.card-prim.card-full {
  background-color: rgb(240, 128, 0);
}
.card.card-prim.card-full .card-head {
  border-bottom: 1px solid rgb(255, 140.9, 10.5);
}
.card.card-prim.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-prim.card-full .card-foot {
  border-top: 1px solid rgb(255, 140.9, 10.5);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-prim {
  background-color: rgb(163.5, 87.2, 0);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-prim:hover {
  background-color: rgb(112.5, 60, 0);
}

.darkmode .btn.btn-out-prim {
  border: 1px solid rgb(163.5, 87.2, 0);
  background-color: none;
  color: rgb(163.5, 87.2, 0);
}
.darkmode .btn.btn-out-prim:hover {
  background-color: rgb(163.5, 87.2, 0);
  color: rgb(204, 204, 204);
}

.alrt.alrt-prim {
  background-color: rgb(255, 228.96, 199.2);
  color: rgb(240, 128, 0);
  border-left: 0.4rem solid rgb(240, 128, 0);
}

.darkmode .alrt.alrt-prim {
  background-color: rgb(138, 73.6, 0);
  color: rgb(240, 128, 0);
  border-left: 0.4rem solid rgb(240, 128, 0);
}

.brdr-prim {
  border: 1px solid rgb(240, 128, 0);
  border-radius: 0.5rem;
}

.dashbox-prim .dashbox-ico {
  background-color: rgb(240, 128, 0);
}
.dashbox-prim .dashbox-val {
  color: rgb(240, 128, 0);
}
.dashbox-prim .dashbox-lnk a:hover {
  color: rgb(240, 128, 0);
}

.darkmode .tbl.tbl-prim th {
  background-color: rgb(138, 73.6, 0);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-prim tr:hover {
  background-color: rgb(87, 46.4, 0);
}
.darkmode .tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(61.5, 32.8, 0);
}
.darkmode .tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(163.5, 87.2, 0);
}
.darkmode .tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(214.5, 114.4, 0);
}
.darkmode .tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(61.5, 32.8, 0);
}
.darkmode .tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(163.5, 87.2, 0);
}
.darkmode .tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(214.5, 114.4, 0);
}

.tbl.tbl-prim th {
  background-color: white;
  color: rgb(240, 128, 0);
}
.tbl.tbl-prim tr:hover {
  background-color: white;
}
.tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(240, 128, 0);
}
.tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(240, 128, 0);
}
.tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(255, 176.6, 87);
}
.tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(240, 128, 0);
}
.tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(240, 128, 0);
}
.tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(255, 176.6, 87);
}

.tbl-prim .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-prim input[type=checkbox]::before {
  border: 2px solid rgb(240, 128, 0);
}
.tbl-prim .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-prim input[type=checkbox]:checked::before {
  background-color: rgb(240, 128, 0);
}

.darkmode .tbl-prim .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-prim input[type=checkbox]::before {
  border: 2px solid rgb(163.5, 87.2, 0);
}
.darkmode .tbl-prim .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-prim input[type=checkbox]:checked::before {
  background-color: rgb(240, 128, 0);
  background-color: rgb(163.5, 87.2, 0);
  color: rgb(153, 153, 153);
}

.modal.modal-prim .modal-header {
  background-color: rgb(240, 128, 0);
}
.modal.modal-prim .modal-footer .btn {
  background-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-prim .modal-header {
  background-color: rgb(163.5, 87.2, 0);
}
.darkmode .modal.modal-prim .modal-footer .btn {
  background-color: rgb(163.5, 87.2, 0);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-prim .subnav-link i {
  color: rgb(240, 128, 0);
}
.panel.panel-subnav.subnav-prim .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-prim .subnav-link:hover {
  background-color: rgb(240, 128, 0);
}

.site-main.prim h2,
.site-main.prim a {
  color: rgb(240, 128, 0);
}
.site-main.prim ul.menu .menu-item a {
  color: rgb(240, 128, 0);
}
.site-main.prim ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(240, 128, 0);
}

a.t-prim {
  color: rgb(240, 128, 0) !important;
}

.t-scnd {
  color: rgb(46, 71, 86) !important;
}

.bg-scnd {
  background-color: rgb(46, 71, 86) !important;
}

.btn.btn-scnd {
  background-color: rgb(46, 71, 86);
  border: 1px solid rgb(46, 71, 86);
  color: rgb(255, 255, 255);
}
.btn.btn-scnd:hover {
  background-color: rgb(63.7727272727, 98.4318181818, 119.2272727273);
}

.btn.btn-out-scnd {
  border: 1px solid rgb(46, 71, 86);
  background-color: none;
  color: rgb(46, 71, 86);
}
.btn.btn-out-scnd:hover {
  background-color: rgb(46, 71, 86);
  border: 1px solid rgb(46, 71, 86);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-scnd i {
  color: rgb(46, 71, 86);
}
.site-mainnav-button .mainnav-button-scnd:hover, .site-mainnav-button .mainnav-button-scnd.mainnav-button-active {
  background-color: rgb(46, 71, 86);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-scnd:hover i, .site-mainnav-button .mainnav-button-scnd.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-scnd .card-head {
  background-color: rgb(168.2181818182, 193.4454545455, 208.5818181818);
  color: rgb(46, 71, 86);
  border-bottom: 1px solid rgb(46, 71, 86);
}
.card.card-scnd.card-solid .card-head, .card.card-scnd.card-full .card-head {
  background-color: rgb(46, 71, 86);
  color: rgb(255, 255, 255);
}
.card.card-scnd.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(46, 71, 86);
}
.card.card-scnd.card-full {
  background-color: rgb(46, 71, 86);
}
.card.card-scnd.card-full .card-head {
  border-bottom: 1px solid rgb(54.8863636364, 84.7159090909, 102.6136363636);
}
.card.card-scnd.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-scnd.card-full .card-foot {
  border-top: 1px solid rgb(54.8863636364, 84.7159090909, 102.6136363636);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-scnd {
  background-color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-scnd:hover {
  background-color: rgb(1.5681818182, 2.4204545455, 2.9318181818);
}

.darkmode .btn.btn-out-scnd {
  border: 1px solid rgb(19.3409090909, 29.8522727273, 36.1590909091);
  background-color: none;
  color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
}
.darkmode .btn.btn-out-scnd:hover {
  background-color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
  color: rgb(204, 204, 204);
}

.alrt.alrt-scnd {
  background-color: rgb(148.2818181818, 179.3045454545, 197.9181818182);
  color: rgb(46, 71, 86);
  border-left: 0.4rem solid rgb(46, 71, 86);
}

.darkmode .alrt.alrt-scnd {
  background-color: rgb(10.4545454545, 16.1363636364, 19.5454545455);
  color: rgb(46, 71, 86);
  border-left: 0.4rem solid rgb(46, 71, 86);
}

.brdr-scnd {
  border: 1px solid rgb(46, 71, 86);
  border-radius: 0.5rem;
}

.dashbox-scnd .dashbox-ico {
  background-color: rgb(46, 71, 86);
}
.dashbox-scnd .dashbox-val {
  color: rgb(46, 71, 86);
}
.dashbox-scnd .dashbox-lnk a:hover {
  color: rgb(46, 71, 86);
}

.darkmode .tbl.tbl-scnd th {
  background-color: rgb(10.4545454545, 16.1363636364, 19.5454545455);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-scnd tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
}
.darkmode .tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(37.1136363636, 57.2840909091, 69.3863636364);
}
.darkmode .tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
}
.darkmode .tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(37.1136363636, 57.2840909091, 69.3863636364);
}

.tbl.tbl-scnd th {
  background-color: rgb(198.1227272727, 214.6568181818, 224.5772727273);
  color: rgb(46, 71, 86);
}
.tbl.tbl-scnd tr:hover {
  background-color: rgb(211.4136363636, 224.0840909091, 231.6863636364);
}
.tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(46, 71, 86);
}
.tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(46, 71, 86);
}
.tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(81.5454545455, 125.8636363636, 152.4545454545);
}
.tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(46, 71, 86);
}
.tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(46, 71, 86);
}
.tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(81.5454545455, 125.8636363636, 152.4545454545);
}

.tbl-scnd .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-scnd input[type=checkbox]::before {
  border: 2px solid rgb(46, 71, 86);
}
.tbl-scnd .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-scnd input[type=checkbox]:checked::before {
  background-color: rgb(46, 71, 86);
}

.darkmode .tbl-scnd .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-scnd input[type=checkbox]::before {
  border: 2px solid rgb(19.3409090909, 29.8522727273, 36.1590909091);
}
.darkmode .tbl-scnd .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-scnd input[type=checkbox]:checked::before {
  background-color: rgb(46, 71, 86);
  background-color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
  color: rgb(153, 153, 153);
}

.modal.modal-scnd .modal-header {
  background-color: rgb(46, 71, 86);
}
.modal.modal-scnd .modal-footer .btn {
  background-color: rgb(46, 71, 86);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-scnd .modal-header {
  background-color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
}
.darkmode .modal.modal-scnd .modal-footer .btn {
  background-color: rgb(19.3409090909, 29.8522727273, 36.1590909091);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-scnd .subnav-link i {
  color: rgb(46, 71, 86);
}
.panel.panel-subnav.subnav-scnd .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-scnd .subnav-link:hover {
  background-color: rgb(46, 71, 86);
}

.site-main.scnd h2,
.site-main.scnd a {
  color: rgb(46, 71, 86);
}
.site-main.scnd ul.menu .menu-item a {
  color: rgb(46, 71, 86);
}
.site-main.scnd ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(46, 71, 86);
}

a.t-scnd {
  color: rgb(46, 71, 86) !important;
}

.t-thrd {
  color: rgb(198, 78, 134) !important;
}

.bg-thrd {
  background-color: rgb(198, 78, 134) !important;
}

.btn.btn-thrd {
  background-color: rgb(198, 78, 134);
  border: 1px solid rgb(198, 78, 134);
  color: rgb(255, 255, 255);
}
.btn.btn-thrd:hover {
  background-color: rgb(210.4230769231, 116.5769230769, 160.3717948718);
}

.btn.btn-out-thrd {
  border: 1px solid rgb(198, 78, 134);
  background-color: none;
  color: rgb(198, 78, 134);
}
.btn.btn-out-thrd:hover {
  background-color: rgb(198, 78, 134);
  border: 1px solid rgb(198, 78, 134);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-thrd i {
  color: rgb(198, 78, 134);
}
.site-mainnav-button .mainnav-button-thrd:hover, .site-mainnav-button .mainnav-button-thrd.mainnav-button-active {
  background-color: rgb(198, 78, 134);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-thrd:hover i, .site-mainnav-button .mainnav-button-thrd.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-thrd .card-head {
  background-color: white;
  color: rgb(198, 78, 134);
  border-bottom: 1px solid rgb(198, 78, 134);
}
.card.card-thrd.card-solid .card-head, .card.card-thrd.card-full .card-head {
  background-color: rgb(198, 78, 134);
  color: rgb(255, 255, 255);
}
.card.card-thrd.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(198, 78, 134);
}
.card.card-thrd.card-full {
  background-color: rgb(198, 78, 134);
}
.card.card-thrd.card-full .card-head {
  border-bottom: 1px solid rgb(204.2115384615, 97.2884615385, 147.1858974359);
}
.card.card-thrd.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-thrd.card-full .card-foot {
  border-top: 1px solid rgb(204.2115384615, 97.2884615385, 147.1858974359);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-thrd {
  background-color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-thrd:hover {
  background-color: rgb(112.3269230769, 36.1730769231, 71.7115384615);
}

.darkmode .btn.btn-out-thrd {
  border: 1px solid rgb(150.9038461538, 48.5961538462, 96.3397435897);
  background-color: none;
  color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
}
.darkmode .btn.btn-out-thrd:hover {
  background-color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
  color: rgb(204, 204, 204);
}

.alrt.alrt-thrd {
  background-color: rgb(250.1769230769, 240.0230769231, 244.7615384615);
  color: rgb(198, 78, 134);
  border-left: 0.4rem solid rgb(198, 78, 134);
}

.darkmode .alrt.alrt-thrd {
  background-color: rgb(131.6153846154, 42.3846153846, 84.0256410256);
  color: rgb(198, 78, 134);
  border-left: 0.4rem solid rgb(198, 78, 134);
}

.brdr-thrd {
  border: 1px solid rgb(198, 78, 134);
  border-radius: 0.5rem;
}

.dashbox-thrd .dashbox-ico {
  background-color: rgb(198, 78, 134);
}
.dashbox-thrd .dashbox-val {
  color: rgb(198, 78, 134);
}
.dashbox-thrd .dashbox-lnk a:hover {
  color: rgb(198, 78, 134);
}

.darkmode .tbl.tbl-thrd th {
  background-color: rgb(131.6153846154, 42.3846153846, 84.0256410256);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-thrd tr:hover {
  background-color: rgb(93.0384615385, 29.9615384615, 59.3974358974);
}
.darkmode .tbl.tbl-thrd.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(73.75, 23.75, 47.0833333333);
}
.darkmode .tbl.tbl-thrd.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
}
.darkmode .tbl.tbl-thrd.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(189.4807692308, 61.0192307692, 120.9679487179);
}
.darkmode .tbl.tbl-thrd.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(73.75, 23.75, 47.0833333333);
}
.darkmode .tbl.tbl-thrd.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
}
.darkmode .tbl.tbl-thrd.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(189.4807692308, 61.0192307692, 120.9679487179);
}

.tbl.tbl-thrd th {
  background-color: white;
  color: rgb(198, 78, 134);
}
.tbl.tbl-thrd tr:hover {
  background-color: white;
}
.tbl.tbl-thrd.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(198, 78, 134);
}
.tbl.tbl-thrd.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(198, 78, 134);
}
.tbl.tbl-thrd.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(222.8461538462, 155.1538461538, 186.7435897436);
}
.tbl.tbl-thrd.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(198, 78, 134);
}
.tbl.tbl-thrd.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(198, 78, 134);
}
.tbl.tbl-thrd.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(222.8461538462, 155.1538461538, 186.7435897436);
}

.tbl-thrd .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-thrd input[type=checkbox]::before {
  border: 2px solid rgb(198, 78, 134);
}
.tbl-thrd .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-thrd input[type=checkbox]:checked::before {
  background-color: rgb(198, 78, 134);
}

.darkmode .tbl-thrd .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-thrd input[type=checkbox]::before {
  border: 2px solid rgb(150.9038461538, 48.5961538462, 96.3397435897);
}
.darkmode .tbl-thrd .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-thrd input[type=checkbox]:checked::before {
  background-color: rgb(198, 78, 134);
  background-color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
  color: rgb(153, 153, 153);
}

.modal.modal-thrd .modal-header {
  background-color: rgb(198, 78, 134);
}
.modal.modal-thrd .modal-footer .btn {
  background-color: rgb(198, 78, 134);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-thrd .modal-header {
  background-color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
}
.darkmode .modal.modal-thrd .modal-footer .btn {
  background-color: rgb(150.9038461538, 48.5961538462, 96.3397435897);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-thrd .subnav-link i {
  color: rgb(198, 78, 134);
}
.panel.panel-subnav.subnav-thrd .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-thrd .subnav-link:hover {
  background-color: rgb(198, 78, 134);
}

.site-main.thrd h2,
.site-main.thrd a {
  color: rgb(198, 78, 134);
}
.site-main.thrd ul.menu .menu-item a {
  color: rgb(198, 78, 134);
}
.site-main.thrd ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(198, 78, 134);
}

a.t-thrd {
  color: rgb(198, 78, 134) !important;
}

.t-frth {
  color: rgb(130, 84, 146) !important;
}

.bg-frth {
  background-color: rgb(130, 84, 146) !important;
}

.btn.btn-frth {
  background-color: rgb(130, 84, 146);
  border: 1px solid rgb(130, 84, 146);
  color: rgb(255, 255, 255);
}
.btn.btn-frth:hover {
  background-color: rgb(155.4347826087, 109.6347826087, 171.3652173913);
}

.btn.btn-out-frth {
  border: 1px solid rgb(130, 84, 146);
  background-color: none;
  color: rgb(130, 84, 146);
}
.btn.btn-out-frth:hover {
  background-color: rgb(130, 84, 146);
  border: 1px solid rgb(130, 84, 146);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-frth i {
  color: rgb(130, 84, 146);
}
.site-mainnav-button .mainnav-button-frth:hover, .site-mainnav-button .mainnav-button-frth.mainnav-button-active {
  background-color: rgb(130, 84, 146);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-frth:hover i, .site-mainnav-button .mainnav-button-frth.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-frth .card-head {
  background-color: rgb(239.6956521739, 232.6556521739, 242.1443478261);
  color: rgb(130, 84, 146);
  border-bottom: 1px solid rgb(130, 84, 146);
}
.card.card-frth.card-solid .card-head, .card.card-frth.card-full .card-head {
  background-color: rgb(130, 84, 146);
  color: rgb(255, 255, 255);
}
.card.card-frth.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(130, 84, 146);
}
.card.card-frth.card-full {
  background-color: rgb(130, 84, 146);
}
.card.card-frth.card-full .card-head {
  border-bottom: 1px solid rgb(144.347826087, 93.447826087, 162.052173913);
}
.card.card-frth.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-frth.card-full .card-foot {
  border-top: 1px solid rgb(144.347826087, 93.447826087, 162.052173913);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-frth {
  background-color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-frth:hover {
  background-color: rgb(57.9347826087, 37.4347826087, 65.0652173913);
}

.darkmode .btn.btn-out-frth {
  border: 1px solid rgb(86.7608695652, 56.0608695652, 97.4391304348);
  background-color: none;
  color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
}
.darkmode .btn.btn-out-frth:hover {
  background-color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
  color: rgb(204, 204, 204);
}

.alrt.alrt-frth {
  background-color: rgb(226.3913043478, 213.2313043478, 230.9686956522);
  color: rgb(130, 84, 146);
  border-left: 0.4rem solid rgb(130, 84, 146);
}

.darkmode .alrt.alrt-frth {
  background-color: rgb(72.347826087, 46.747826087, 81.252173913);
  color: rgb(130, 84, 146);
  border-left: 0.4rem solid rgb(130, 84, 146);
}

.brdr-frth {
  border: 1px solid rgb(130, 84, 146);
  border-radius: 0.5rem;
}

.dashbox-frth .dashbox-ico {
  background-color: rgb(130, 84, 146);
}
.dashbox-frth .dashbox-val {
  color: rgb(130, 84, 146);
}
.dashbox-frth .dashbox-lnk a:hover {
  color: rgb(130, 84, 146);
}

.darkmode .tbl.tbl-frth th {
  background-color: rgb(72.347826087, 46.747826087, 81.252173913);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-frth tr:hover {
  background-color: rgb(43.5217391304, 28.1217391304, 48.8782608696);
}
.darkmode .tbl.tbl-frth.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(29.1086956522, 18.8086956522, 32.6913043478);
}
.darkmode .tbl.tbl-frth.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
}
.darkmode .tbl.tbl-frth.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(115.5869565217, 74.6869565217, 129.8130434783);
}
.darkmode .tbl.tbl-frth.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(29.1086956522, 18.8086956522, 32.6913043478);
}
.darkmode .tbl.tbl-frth.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
}
.darkmode .tbl.tbl-frth.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(115.5869565217, 74.6869565217, 129.8130434783);
}

.tbl.tbl-frth th {
  background-color: white;
  color: rgb(130, 84, 146);
}
.tbl.tbl-frth tr:hover {
  background-color: white;
}
.tbl.tbl-frth.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(130, 84, 146);
}
.tbl.tbl-frth.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(130, 84, 146);
}
.tbl.tbl-frth.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(177.6086956522, 142.0086956522, 189.9913043478);
}
.tbl.tbl-frth.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(130, 84, 146);
}
.tbl.tbl-frth.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(130, 84, 146);
}
.tbl.tbl-frth.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(177.6086956522, 142.0086956522, 189.9913043478);
}

.tbl-frth .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-frth input[type=checkbox]::before {
  border: 2px solid rgb(130, 84, 146);
}
.tbl-frth .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-frth input[type=checkbox]:checked::before {
  background-color: rgb(130, 84, 146);
}

.darkmode .tbl-frth .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-frth input[type=checkbox]::before {
  border: 2px solid rgb(86.7608695652, 56.0608695652, 97.4391304348);
}
.darkmode .tbl-frth .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-frth input[type=checkbox]:checked::before {
  background-color: rgb(130, 84, 146);
  background-color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
  color: rgb(153, 153, 153);
}

.modal.modal-frth .modal-header {
  background-color: rgb(130, 84, 146);
}
.modal.modal-frth .modal-footer .btn {
  background-color: rgb(130, 84, 146);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-frth .modal-header {
  background-color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
}
.darkmode .modal.modal-frth .modal-footer .btn {
  background-color: rgb(86.7608695652, 56.0608695652, 97.4391304348);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-frth .subnav-link i {
  color: rgb(130, 84, 146);
}
.panel.panel-subnav.subnav-frth .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-frth .subnav-link:hover {
  background-color: rgb(130, 84, 146);
}

.site-main.frth h2,
.site-main.frth a {
  color: rgb(130, 84, 146);
}
.site-main.frth ul.menu .menu-item a {
  color: rgb(130, 84, 146);
}
.site-main.frth ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(130, 84, 146);
}

a.t-frth {
  color: rgb(130, 84, 146) !important;
}

.t-ffth {
  color: #90af46 !important;
}

.bg-ffth {
  background-color: #90af46 !important;
}

.btn.btn-ffth {
  background-color: #90af46;
  border: 1px solid #90af46;
  color: rgb(255, 255, 255);
}
.btn.btn-ffth:hover {
  background-color: rgb(166.7795918367, 193.8571428571, 102.1428571429);
}

.btn.btn-out-ffth {
  border: 1px solid #90af46;
  background-color: none;
  color: #90af46;
}
.btn.btn-out-ffth:hover {
  background-color: #90af46;
  border: 1px solid #90af46;
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-ffth i {
  color: #90af46;
}
.site-mainnav-button .mainnav-button-ffth:hover, .site-mainnav-button .mainnav-button-ffth.mainnav-button-active {
  background-color: #90af46;
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-ffth:hover i, .site-mainnav-button .mainnav-button-ffth.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-ffth .card-head {
  background-color: rgb(246.6726530612, 249.2285714286, 240.5714285714);
  color: #90af46;
  border-bottom: 1px solid #90af46;
}
.card.card-ffth.card-solid .card-head, .card.card-ffth.card-full .card-head {
  background-color: #90af46;
  color: rgb(255, 255, 255);
}
.card.card-ffth.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: #90af46;
}
.card.card-ffth.card-full {
  background-color: #90af46;
}
.card.card-ffth.card-full .card-head {
  border-bottom: 1px solid rgb(156.2673469388, 186.5714285714, 83.9285714286);
}
.card.card-ffth.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-ffth.card-full .card-foot {
  border-top: 1px solid rgb(156.2673469388, 186.5714285714, 83.9285714286);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-ffth {
  background-color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-ffth:hover {
  background-color: rgb(69.0612244898, 83.9285714286, 33.5714285714);
}

.darkmode .btn.btn-out-ffth {
  border: 1px solid rgb(99.0367346939, 120.3571428571, 48.1428571429);
  background-color: none;
  color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
}
.darkmode .btn.btn-out-ffth:hover {
  background-color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
  color: rgb(204, 204, 204);
}

.alrt.alrt-ffth {
  background-color: rgb(234.0579591837, 240.4857142857, 218.7142857143);
  color: #90af46;
  border-left: 0.4rem solid #90af46;
}

.darkmode .alrt.alrt-ffth {
  background-color: rgb(84.0489795918, 102.1428571429, 40.8571428571);
  color: #90af46;
  border-left: 0.4rem solid #90af46;
}

.brdr-ffth {
  border: 1px solid #90af46;
  border-radius: 0.5rem;
}

.dashbox-ffth .dashbox-ico {
  background-color: #90af46;
}
.dashbox-ffth .dashbox-val {
  color: #90af46;
}
.dashbox-ffth .dashbox-lnk a:hover {
  color: #90af46;
}

.darkmode .tbl.tbl-ffth th {
  background-color: rgb(84.0489795918, 102.1428571429, 40.8571428571);
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-ffth tr:hover {
  background-color: rgb(54.0734693878, 65.7142857143, 26.2857142857);
}
.darkmode .tbl.tbl-ffth.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(39.0857142857, 47.5, 19);
}
.darkmode .tbl.tbl-ffth.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
}
.darkmode .tbl.tbl-ffth.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(129.012244898, 156.7857142857, 62.7142857143);
}
.darkmode .tbl.tbl-ffth.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(39.0857142857, 47.5, 19);
}
.darkmode .tbl.tbl-ffth.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
}
.darkmode .tbl.tbl-ffth.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(129.012244898, 156.7857142857, 62.7142857143);
}

.tbl.tbl-ffth th {
  background-color: white;
  color: #90af46;
}
.tbl.tbl-ffth tr:hover {
  background-color: white;
}
.tbl.tbl-ffth.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #90af46;
}
.tbl.tbl-ffth.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #90af46;
}
.tbl.tbl-ffth.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(187.8040816327, 208.4285714286, 138.5714285714);
}
.tbl.tbl-ffth.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #90af46;
}
.tbl.tbl-ffth.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #90af46;
}
.tbl.tbl-ffth.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(187.8040816327, 208.4285714286, 138.5714285714);
}

.tbl-ffth .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-ffth input[type=checkbox]::before {
  border: 2px solid #90af46;
}
.tbl-ffth .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-ffth input[type=checkbox]:checked::before {
  background-color: #90af46;
}

.darkmode .tbl-ffth .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-ffth input[type=checkbox]::before {
  border: 2px solid rgb(99.0367346939, 120.3571428571, 48.1428571429);
}
.darkmode .tbl-ffth .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-ffth input[type=checkbox]:checked::before {
  background-color: #90af46;
  background-color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
  color: rgb(153, 153, 153);
}

.modal.modal-ffth .modal-header {
  background-color: #90af46;
}
.modal.modal-ffth .modal-footer .btn {
  background-color: #90af46;
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-ffth .modal-header {
  background-color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
}
.darkmode .modal.modal-ffth .modal-footer .btn {
  background-color: rgb(99.0367346939, 120.3571428571, 48.1428571429);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-ffth .subnav-link i {
  color: #90af46;
}
.panel.panel-subnav.subnav-ffth .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-ffth .subnav-link:hover {
  background-color: #90af46;
}

.site-main.ffth h2,
.site-main.ffth a {
  color: #90af46;
}
.site-main.ffth ul.menu .menu-item a {
  color: #90af46;
}
.site-main.ffth ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: #90af46;
}

a.t-ffth {
  color: #90af46 !important;
}

.t-whte {
  color: rgb(255, 255, 255) !important;
}

.bg-whte {
  background-color: rgb(255, 255, 255) !important;
}

.btn.btn-whte {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.btn.btn-whte:hover {
  background-color: white;
}

.btn.btn-out-whte {
  border: 1px solid rgb(255, 255, 255);
  background-color: none;
  color: rgb(255, 255, 255);
}
.btn.btn-out-whte:hover {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-whte i {
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-whte:hover, .site-mainnav-button .mainnav-button-whte.mainnav-button-active {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-whte:hover i, .site-mainnav-button .mainnav-button-whte.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-whte .card-head {
  background-color: white;
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}
.card.card-whte.card-solid .card-head, .card.card-whte.card-full .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.card.card-whte.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.card.card-whte.card-full {
  background-color: rgb(255, 255, 255);
}
.card.card-whte.card-full .card-head {
  border-bottom: 1px solid white;
}
.card.card-whte.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-whte.card-full .card-foot {
  border-top: 1px solid white;
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-whte {
  background-color: rgb(216.75, 216.75, 216.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-whte:hover {
  background-color: rgb(191.25, 191.25, 191.25);
}

.darkmode .btn.btn-out-whte {
  border: 1px solid rgb(216.75, 216.75, 216.75);
  background-color: none;
  color: rgb(216.75, 216.75, 216.75);
}
.darkmode .btn.btn-out-whte:hover {
  background-color: rgb(216.75, 216.75, 216.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-whte {
  background-color: white;
  color: rgb(255, 255, 255);
  border-left: 0.4rem solid rgb(255, 255, 255);
}

.darkmode .alrt.alrt-whte {
  background-color: #cccccc;
  color: rgb(255, 255, 255);
  border-left: 0.4rem solid rgb(255, 255, 255);
}

.brdr-whte {
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.5rem;
}

.dashbox-whte .dashbox-ico {
  background-color: rgb(255, 255, 255);
}
.dashbox-whte .dashbox-val {
  color: rgb(255, 255, 255);
}
.dashbox-whte .dashbox-lnk a:hover {
  color: rgb(255, 255, 255);
}

.darkmode .tbl.tbl-whte th {
  background-color: #cccccc;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-whte tr:hover {
  background-color: rgb(178.5, 178.5, 178.5);
}
.darkmode .tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(165.75, 165.75, 165.75);
}
.darkmode .tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(216.75, 216.75, 216.75);
}
.darkmode .tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(242.25, 242.25, 242.25);
}
.darkmode .tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(165.75, 165.75, 165.75);
}
.darkmode .tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(216.75, 216.75, 216.75);
}
.darkmode .tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(242.25, 242.25, 242.25);
}

.tbl.tbl-whte th {
  background-color: white;
  color: rgb(255, 255, 255);
}
.tbl.tbl-whte tr:hover {
  background-color: white;
}
.tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(255, 255, 255);
}
.tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(255, 255, 255);
}
.tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: white;
}
.tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(255, 255, 255);
}
.tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(255, 255, 255);
}
.tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: white;
}

.tbl-whte .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-whte input[type=checkbox]::before {
  border: 2px solid rgb(255, 255, 255);
}
.tbl-whte .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-whte input[type=checkbox]:checked::before {
  background-color: rgb(255, 255, 255);
}

.darkmode .tbl-whte .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-whte input[type=checkbox]::before {
  border: 2px solid rgb(216.75, 216.75, 216.75);
}
.darkmode .tbl-whte .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-whte input[type=checkbox]:checked::before {
  background-color: rgb(255, 255, 255);
  background-color: rgb(216.75, 216.75, 216.75);
  color: rgb(153, 153, 153);
}

.modal.modal-whte .modal-header {
  background-color: rgb(255, 255, 255);
}
.modal.modal-whte .modal-footer .btn {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-whte .modal-header {
  background-color: rgb(216.75, 216.75, 216.75);
}
.darkmode .modal.modal-whte .modal-footer .btn {
  background-color: rgb(216.75, 216.75, 216.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-whte .subnav-link i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-whte .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-whte .subnav-link:hover {
  background-color: rgb(255, 255, 255);
}

.site-main.whte h2,
.site-main.whte a {
  color: rgb(255, 255, 255);
}
.site-main.whte ul.menu .menu-item a {
  color: rgb(255, 255, 255);
}
.site-main.whte ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(255, 255, 255);
}

a.t-whte {
  color: rgb(255, 255, 255) !important;
}

.t-xlgh {
  color: rgb(242, 242, 242) !important;
}

.bg-xlgh {
  background-color: rgb(242, 242, 242) !important;
}

.btn.btn-xlgh {
  background-color: rgb(242, 242, 242);
  border: 1px solid rgb(242, 242, 242);
  color: rgb(255, 255, 255);
}
.btn.btn-xlgh:hover {
  background-color: white;
}

.btn.btn-out-xlgh {
  border: 1px solid rgb(242, 242, 242);
  background-color: none;
  color: rgb(242, 242, 242);
}
.btn.btn-out-xlgh:hover {
  background-color: rgb(242, 242, 242);
  border: 1px solid rgb(242, 242, 242);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-xlgh i {
  color: rgb(242, 242, 242);
}
.site-mainnav-button .mainnav-button-xlgh:hover, .site-mainnav-button .mainnav-button-xlgh.mainnav-button-active {
  background-color: rgb(242, 242, 242);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-xlgh:hover i, .site-mainnav-button .mainnav-button-xlgh.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-xlgh .card-head {
  background-color: white;
  color: rgb(242, 242, 242);
  border-bottom: 1px solid rgb(242, 242, 242);
}
.card.card-xlgh.card-solid .card-head, .card.card-xlgh.card-full .card-head {
  background-color: rgb(242, 242, 242);
  color: rgb(255, 255, 255);
}
.card.card-xlgh.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(242, 242, 242);
}
.card.card-xlgh.card-full {
  background-color: rgb(242, 242, 242);
}
.card.card-xlgh.card-full .card-head {
  border-bottom: 1px solid rgb(254.75, 254.75, 254.75);
}
.card.card-xlgh.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-xlgh.card-full .card-foot {
  border-top: 1px solid rgb(254.75, 254.75, 254.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-xlgh {
  background-color: rgb(203.75, 203.75, 203.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-xlgh:hover {
  background-color: rgb(178.25, 178.25, 178.25);
}

.darkmode .btn.btn-out-xlgh {
  border: 1px solid rgb(203.75, 203.75, 203.75);
  background-color: none;
  color: rgb(203.75, 203.75, 203.75);
}
.darkmode .btn.btn-out-xlgh:hover {
  background-color: rgb(203.75, 203.75, 203.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-xlgh {
  background-color: white;
  color: rgb(242, 242, 242);
  border-left: 0.4rem solid rgb(242, 242, 242);
}

.darkmode .alrt.alrt-xlgh {
  background-color: #bfbfbf;
  color: rgb(242, 242, 242);
  border-left: 0.4rem solid rgb(242, 242, 242);
}

.brdr-xlgh {
  border: 1px solid rgb(242, 242, 242);
  border-radius: 0.5rem;
}

.dashbox-xlgh .dashbox-ico {
  background-color: rgb(242, 242, 242);
}
.dashbox-xlgh .dashbox-val {
  color: rgb(242, 242, 242);
}
.dashbox-xlgh .dashbox-lnk a:hover {
  color: rgb(242, 242, 242);
}

.darkmode .tbl.tbl-xlgh th {
  background-color: #bfbfbf;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-xlgh tr:hover {
  background-color: rgb(165.5, 165.5, 165.5);
}
.darkmode .tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(152.75, 152.75, 152.75);
}
.darkmode .tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(203.75, 203.75, 203.75);
}
.darkmode .tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(229.25, 229.25, 229.25);
}
.darkmode .tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(152.75, 152.75, 152.75);
}
.darkmode .tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(203.75, 203.75, 203.75);
}
.darkmode .tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(229.25, 229.25, 229.25);
}

.tbl.tbl-xlgh th {
  background-color: white;
  color: rgb(242, 242, 242);
}
.tbl.tbl-xlgh tr:hover {
  background-color: white;
}
.tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(242, 242, 242);
}
.tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(242, 242, 242);
}
.tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: white;
}
.tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(242, 242, 242);
}
.tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(242, 242, 242);
}
.tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: white;
}

.tbl-xlgh .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-xlgh input[type=checkbox]::before {
  border: 2px solid rgb(242, 242, 242);
}
.tbl-xlgh .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-xlgh input[type=checkbox]:checked::before {
  background-color: rgb(242, 242, 242);
}

.darkmode .tbl-xlgh .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-xlgh input[type=checkbox]::before {
  border: 2px solid rgb(203.75, 203.75, 203.75);
}
.darkmode .tbl-xlgh .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-xlgh input[type=checkbox]:checked::before {
  background-color: rgb(242, 242, 242);
  background-color: rgb(203.75, 203.75, 203.75);
  color: rgb(153, 153, 153);
}

.modal.modal-xlgh .modal-header {
  background-color: rgb(242, 242, 242);
}
.modal.modal-xlgh .modal-footer .btn {
  background-color: rgb(242, 242, 242);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-xlgh .modal-header {
  background-color: rgb(203.75, 203.75, 203.75);
}
.darkmode .modal.modal-xlgh .modal-footer .btn {
  background-color: rgb(203.75, 203.75, 203.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-xlgh .subnav-link i {
  color: rgb(242, 242, 242);
}
.panel.panel-subnav.subnav-xlgh .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-xlgh .subnav-link:hover {
  background-color: rgb(242, 242, 242);
}

.site-main.xlgh h2,
.site-main.xlgh a {
  color: rgb(242, 242, 242);
}
.site-main.xlgh ul.menu .menu-item a {
  color: rgb(242, 242, 242);
}
.site-main.xlgh ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(242, 242, 242);
}

a.t-xlgh {
  color: rgb(242, 242, 242) !important;
}

.t-lght {
  color: rgb(230, 230, 230) !important;
}

.bg-lght {
  background-color: rgb(230, 230, 230) !important;
}

.btn.btn-lght {
  background-color: rgb(230, 230, 230);
  border: 1px solid rgb(230, 230, 230);
  color: rgb(255, 255, 255);
}
.btn.btn-lght:hover {
  background-color: white;
}

.btn.btn-out-lght {
  border: 1px solid rgb(230, 230, 230);
  background-color: none;
  color: rgb(230, 230, 230);
}
.btn.btn-out-lght:hover {
  background-color: rgb(230, 230, 230);
  border: 1px solid rgb(230, 230, 230);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-lght i {
  color: rgb(230, 230, 230);
}
.site-mainnav-button .mainnav-button-lght:hover, .site-mainnav-button .mainnav-button-lght.mainnav-button-active {
  background-color: rgb(230, 230, 230);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-lght:hover i, .site-mainnav-button .mainnav-button-lght.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-lght .card-head {
  background-color: white;
  color: rgb(230, 230, 230);
  border-bottom: 1px solid rgb(230, 230, 230);
}
.card.card-lght.card-solid .card-head, .card.card-lght.card-full .card-head {
  background-color: rgb(230, 230, 230);
  color: rgb(255, 255, 255);
}
.card.card-lght.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(230, 230, 230);
}
.card.card-lght.card-full {
  background-color: rgb(230, 230, 230);
}
.card.card-lght.card-full .card-head {
  border-bottom: 1px solid rgb(242.75, 242.75, 242.75);
}
.card.card-lght.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-lght.card-full .card-foot {
  border-top: 1px solid rgb(242.75, 242.75, 242.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-lght {
  background-color: rgb(191.75, 191.75, 191.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-lght:hover {
  background-color: rgb(166.25, 166.25, 166.25);
}

.darkmode .btn.btn-out-lght {
  border: 1px solid rgb(191.75, 191.75, 191.75);
  background-color: none;
  color: rgb(191.75, 191.75, 191.75);
}
.darkmode .btn.btn-out-lght:hover {
  background-color: rgb(191.75, 191.75, 191.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-lght {
  background-color: white;
  color: rgb(230, 230, 230);
  border-left: 0.4rem solid rgb(230, 230, 230);
}

.darkmode .alrt.alrt-lght {
  background-color: #b3b3b3;
  color: rgb(230, 230, 230);
  border-left: 0.4rem solid rgb(230, 230, 230);
}

.brdr-lght {
  border: 1px solid rgb(230, 230, 230);
  border-radius: 0.5rem;
}

.dashbox-lght .dashbox-ico {
  background-color: rgb(230, 230, 230);
}
.dashbox-lght .dashbox-val {
  color: rgb(230, 230, 230);
}
.dashbox-lght .dashbox-lnk a:hover {
  color: rgb(230, 230, 230);
}

.darkmode .tbl.tbl-lght th {
  background-color: #b3b3b3;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-lght tr:hover {
  background-color: rgb(153.5, 153.5, 153.5);
}
.darkmode .tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(140.75, 140.75, 140.75);
}
.darkmode .tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(191.75, 191.75, 191.75);
}
.darkmode .tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(217.25, 217.25, 217.25);
}
.darkmode .tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(140.75, 140.75, 140.75);
}
.darkmode .tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(191.75, 191.75, 191.75);
}
.darkmode .tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(217.25, 217.25, 217.25);
}

.tbl.tbl-lght th {
  background-color: white;
  color: rgb(230, 230, 230);
}
.tbl.tbl-lght tr:hover {
  background-color: white;
}
.tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(230, 230, 230);
}
.tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(230, 230, 230);
}
.tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: white;
}
.tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(230, 230, 230);
}
.tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(230, 230, 230);
}
.tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: white;
}

.tbl-lght .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-lght input[type=checkbox]::before {
  border: 2px solid rgb(230, 230, 230);
}
.tbl-lght .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-lght input[type=checkbox]:checked::before {
  background-color: rgb(230, 230, 230);
}

.darkmode .tbl-lght .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-lght input[type=checkbox]::before {
  border: 2px solid rgb(191.75, 191.75, 191.75);
}
.darkmode .tbl-lght .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-lght input[type=checkbox]:checked::before {
  background-color: rgb(230, 230, 230);
  background-color: rgb(191.75, 191.75, 191.75);
  color: rgb(153, 153, 153);
}

.modal.modal-lght .modal-header {
  background-color: rgb(230, 230, 230);
}
.modal.modal-lght .modal-footer .btn {
  background-color: rgb(230, 230, 230);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-lght .modal-header {
  background-color: rgb(191.75, 191.75, 191.75);
}
.darkmode .modal.modal-lght .modal-footer .btn {
  background-color: rgb(191.75, 191.75, 191.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-lght .subnav-link i {
  color: rgb(230, 230, 230);
}
.panel.panel-subnav.subnav-lght .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-lght .subnav-link:hover {
  background-color: rgb(230, 230, 230);
}

.site-main.lght h2,
.site-main.lght a {
  color: rgb(230, 230, 230);
}
.site-main.lght ul.menu .menu-item a {
  color: rgb(230, 230, 230);
}
.site-main.lght ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(230, 230, 230);
}

a.t-lght {
  color: rgb(230, 230, 230) !important;
}

.t-xsmk {
  color: rgb(217, 217, 217) !important;
}

.bg-xsmk {
  background-color: rgb(217, 217, 217) !important;
}

.btn.btn-xsmk {
  background-color: rgb(217, 217, 217);
  border: 1px solid rgb(217, 217, 217);
  color: rgb(255, 255, 255);
}
.btn.btn-xsmk:hover {
  background-color: rgb(242.5, 242.5, 242.5);
}

.btn.btn-out-xsmk {
  border: 1px solid rgb(217, 217, 217);
  background-color: none;
  color: rgb(217, 217, 217);
}
.btn.btn-out-xsmk:hover {
  background-color: rgb(217, 217, 217);
  border: 1px solid rgb(217, 217, 217);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-xsmk i {
  color: rgb(217, 217, 217);
}
.site-mainnav-button .mainnav-button-xsmk:hover, .site-mainnav-button .mainnav-button-xsmk.mainnav-button-active {
  background-color: rgb(217, 217, 217);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-xsmk:hover i, .site-mainnav-button .mainnav-button-xsmk.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-xsmk .card-head {
  background-color: white;
  color: rgb(217, 217, 217);
  border-bottom: 1px solid rgb(217, 217, 217);
}
.card.card-xsmk.card-solid .card-head, .card.card-xsmk.card-full .card-head {
  background-color: rgb(217, 217, 217);
  color: rgb(255, 255, 255);
}
.card.card-xsmk.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(217, 217, 217);
}
.card.card-xsmk.card-full {
  background-color: rgb(217, 217, 217);
}
.card.card-xsmk.card-full .card-head {
  border-bottom: 1px solid rgb(229.75, 229.75, 229.75);
}
.card.card-xsmk.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-xsmk.card-full .card-foot {
  border-top: 1px solid rgb(229.75, 229.75, 229.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-xsmk {
  background-color: rgb(178.75, 178.75, 178.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-xsmk:hover {
  background-color: rgb(153.25, 153.25, 153.25);
}

.darkmode .btn.btn-out-xsmk {
  border: 1px solid rgb(178.75, 178.75, 178.75);
  background-color: none;
  color: rgb(178.75, 178.75, 178.75);
}
.darkmode .btn.btn-out-xsmk:hover {
  background-color: rgb(178.75, 178.75, 178.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-xsmk {
  background-color: white;
  color: rgb(217, 217, 217);
  border-left: 0.4rem solid rgb(217, 217, 217);
}

.darkmode .alrt.alrt-xsmk {
  background-color: #a6a6a6;
  color: rgb(217, 217, 217);
  border-left: 0.4rem solid rgb(217, 217, 217);
}

.brdr-xsmk {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0.5rem;
}

.dashbox-xsmk .dashbox-ico {
  background-color: rgb(217, 217, 217);
}
.dashbox-xsmk .dashbox-val {
  color: rgb(217, 217, 217);
}
.dashbox-xsmk .dashbox-lnk a:hover {
  color: rgb(217, 217, 217);
}

.darkmode .tbl.tbl-xsmk th {
  background-color: #a6a6a6;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-xsmk tr:hover {
  background-color: rgb(140.5, 140.5, 140.5);
}
.darkmode .tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(127.75, 127.75, 127.75);
}
.darkmode .tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(178.75, 178.75, 178.75);
}
.darkmode .tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(204.25, 204.25, 204.25);
}
.darkmode .tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(127.75, 127.75, 127.75);
}
.darkmode .tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(178.75, 178.75, 178.75);
}
.darkmode .tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(204.25, 204.25, 204.25);
}

.tbl.tbl-xsmk th {
  background-color: white;
  color: rgb(217, 217, 217);
}
.tbl.tbl-xsmk tr:hover {
  background-color: white;
}
.tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(217, 217, 217);
}
.tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(217, 217, 217);
}
.tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: white;
}
.tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(217, 217, 217);
}
.tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(217, 217, 217);
}
.tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: white;
}

.tbl-xsmk .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-xsmk input[type=checkbox]::before {
  border: 2px solid rgb(217, 217, 217);
}
.tbl-xsmk .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-xsmk input[type=checkbox]:checked::before {
  background-color: rgb(217, 217, 217);
}

.darkmode .tbl-xsmk .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-xsmk input[type=checkbox]::before {
  border: 2px solid rgb(178.75, 178.75, 178.75);
}
.darkmode .tbl-xsmk .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-xsmk input[type=checkbox]:checked::before {
  background-color: rgb(217, 217, 217);
  background-color: rgb(178.75, 178.75, 178.75);
  color: rgb(153, 153, 153);
}

.modal.modal-xsmk .modal-header {
  background-color: rgb(217, 217, 217);
}
.modal.modal-xsmk .modal-footer .btn {
  background-color: rgb(217, 217, 217);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-xsmk .modal-header {
  background-color: rgb(178.75, 178.75, 178.75);
}
.darkmode .modal.modal-xsmk .modal-footer .btn {
  background-color: rgb(178.75, 178.75, 178.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-xsmk .subnav-link i {
  color: rgb(217, 217, 217);
}
.panel.panel-subnav.subnav-xsmk .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-xsmk .subnav-link:hover {
  background-color: rgb(217, 217, 217);
}

.site-main.xsmk h2,
.site-main.xsmk a {
  color: rgb(217, 217, 217);
}
.site-main.xsmk ul.menu .menu-item a {
  color: rgb(217, 217, 217);
}
.site-main.xsmk ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(217, 217, 217);
}

a.t-xsmk {
  color: rgb(217, 217, 217) !important;
}

.t-smke {
  color: rgb(204, 204, 204) !important;
}

.bg-smke {
  background-color: rgb(204, 204, 204) !important;
}

.btn.btn-smke {
  background-color: rgb(204, 204, 204);
  border: 1px solid rgb(204, 204, 204);
  color: rgb(255, 255, 255);
}
.btn.btn-smke:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}

.btn.btn-out-smke {
  border: 1px solid rgb(204, 204, 204);
  background-color: none;
  color: rgb(204, 204, 204);
}
.btn.btn-out-smke:hover {
  background-color: rgb(204, 204, 204);
  border: 1px solid rgb(204, 204, 204);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-smke i {
  color: rgb(204, 204, 204);
}
.site-mainnav-button .mainnav-button-smke:hover, .site-mainnav-button .mainnav-button-smke.mainnav-button-active {
  background-color: rgb(204, 204, 204);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-smke:hover i, .site-mainnav-button .mainnav-button-smke.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-smke .card-head {
  background-color: white;
  color: rgb(204, 204, 204);
  border-bottom: 1px solid rgb(204, 204, 204);
}
.card.card-smke.card-solid .card-head, .card.card-smke.card-full .card-head {
  background-color: rgb(204, 204, 204);
  color: rgb(255, 255, 255);
}
.card.card-smke.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(204, 204, 204);
}
.card.card-smke.card-full {
  background-color: rgb(204, 204, 204);
}
.card.card-smke.card-full .card-head {
  border-bottom: 1px solid rgb(216.75, 216.75, 216.75);
}
.card.card-smke.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-smke.card-full .card-foot {
  border-top: 1px solid rgb(216.75, 216.75, 216.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-smke {
  background-color: rgb(165.75, 165.75, 165.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-smke:hover {
  background-color: rgb(140.25, 140.25, 140.25);
}

.darkmode .btn.btn-out-smke {
  border: 1px solid rgb(165.75, 165.75, 165.75);
  background-color: none;
  color: rgb(165.75, 165.75, 165.75);
}
.darkmode .btn.btn-out-smke:hover {
  background-color: rgb(165.75, 165.75, 165.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-smke {
  background-color: white;
  color: rgb(204, 204, 204);
  border-left: 0.4rem solid rgb(204, 204, 204);
}

.darkmode .alrt.alrt-smke {
  background-color: #999999;
  color: rgb(204, 204, 204);
  border-left: 0.4rem solid rgb(204, 204, 204);
}

.brdr-smke {
  border: 1px solid rgb(204, 204, 204);
  border-radius: 0.5rem;
}

.dashbox-smke .dashbox-ico {
  background-color: rgb(204, 204, 204);
}
.dashbox-smke .dashbox-val {
  color: rgb(204, 204, 204);
}
.dashbox-smke .dashbox-lnk a:hover {
  color: rgb(204, 204, 204);
}

.darkmode .tbl.tbl-smke th {
  background-color: #999999;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-smke tr:hover {
  background-color: rgb(127.5, 127.5, 127.5);
}
.darkmode .tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(114.75, 114.75, 114.75);
}
.darkmode .tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(165.75, 165.75, 165.75);
}
.darkmode .tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(191.25, 191.25, 191.25);
}
.darkmode .tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(114.75, 114.75, 114.75);
}
.darkmode .tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(165.75, 165.75, 165.75);
}
.darkmode .tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(191.25, 191.25, 191.25);
}

.tbl.tbl-smke th {
  background-color: white;
  color: rgb(204, 204, 204);
}
.tbl.tbl-smke tr:hover {
  background-color: white;
}
.tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(204, 204, 204);
}
.tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(204, 204, 204);
}
.tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: white;
}
.tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(204, 204, 204);
}
.tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(204, 204, 204);
}
.tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: white;
}

.tbl-smke .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-smke input[type=checkbox]::before {
  border: 2px solid rgb(204, 204, 204);
}
.tbl-smke .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-smke input[type=checkbox]:checked::before {
  background-color: rgb(204, 204, 204);
}

.darkmode .tbl-smke .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-smke input[type=checkbox]::before {
  border: 2px solid rgb(165.75, 165.75, 165.75);
}
.darkmode .tbl-smke .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-smke input[type=checkbox]:checked::before {
  background-color: rgb(204, 204, 204);
  background-color: rgb(165.75, 165.75, 165.75);
  color: rgb(153, 153, 153);
}

.modal.modal-smke .modal-header {
  background-color: rgb(204, 204, 204);
}
.modal.modal-smke .modal-footer .btn {
  background-color: rgb(204, 204, 204);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-smke .modal-header {
  background-color: rgb(165.75, 165.75, 165.75);
}
.darkmode .modal.modal-smke .modal-footer .btn {
  background-color: rgb(165.75, 165.75, 165.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-smke .subnav-link i {
  color: rgb(204, 204, 204);
}
.panel.panel-subnav.subnav-smke .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-smke .subnav-link:hover {
  background-color: rgb(204, 204, 204);
}

.site-main.smke h2,
.site-main.smke a {
  color: rgb(204, 204, 204);
}
.site-main.smke ul.menu .menu-item a {
  color: rgb(204, 204, 204);
}
.site-main.smke ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(204, 204, 204);
}

a.t-smke {
  color: rgb(204, 204, 204) !important;
}

.t-mute {
  color: rgb(179, 179, 179) !important;
}

.bg-mute {
  background-color: rgb(179, 179, 179) !important;
}

.btn.btn-mute {
  background-color: rgb(179, 179, 179);
  border: 1px solid rgb(179, 179, 179);
  color: rgb(255, 255, 255);
}
.btn.btn-mute:hover {
  background-color: rgb(204.5, 204.5, 204.5);
}

.btn.btn-out-mute {
  border: 1px solid rgb(179, 179, 179);
  background-color: none;
  color: rgb(179, 179, 179);
}
.btn.btn-out-mute:hover {
  background-color: rgb(179, 179, 179);
  border: 1px solid rgb(179, 179, 179);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-mute i {
  color: rgb(179, 179, 179);
}
.site-mainnav-button .mainnav-button-mute:hover, .site-mainnav-button .mainnav-button-mute.mainnav-button-active {
  background-color: rgb(179, 179, 179);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-mute:hover i, .site-mainnav-button .mainnav-button-mute.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-mute .card-head {
  background-color: white;
  color: rgb(179, 179, 179);
  border-bottom: 1px solid rgb(179, 179, 179);
}
.card.card-mute.card-solid .card-head, .card.card-mute.card-full .card-head {
  background-color: rgb(179, 179, 179);
  color: rgb(255, 255, 255);
}
.card.card-mute.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(179, 179, 179);
}
.card.card-mute.card-full {
  background-color: rgb(179, 179, 179);
}
.card.card-mute.card-full .card-head {
  border-bottom: 1px solid rgb(191.75, 191.75, 191.75);
}
.card.card-mute.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-mute.card-full .card-foot {
  border-top: 1px solid rgb(191.75, 191.75, 191.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-mute {
  background-color: rgb(140.75, 140.75, 140.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-mute:hover {
  background-color: rgb(115.25, 115.25, 115.25);
}

.darkmode .btn.btn-out-mute {
  border: 1px solid rgb(140.75, 140.75, 140.75);
  background-color: none;
  color: rgb(140.75, 140.75, 140.75);
}
.darkmode .btn.btn-out-mute:hover {
  background-color: rgb(140.75, 140.75, 140.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-mute {
  background-color: white;
  color: rgb(179, 179, 179);
  border-left: 0.4rem solid rgb(179, 179, 179);
}

.darkmode .alrt.alrt-mute {
  background-color: gray;
  color: rgb(179, 179, 179);
  border-left: 0.4rem solid rgb(179, 179, 179);
}

.brdr-mute {
  border: 1px solid rgb(179, 179, 179);
  border-radius: 0.5rem;
}

.dashbox-mute .dashbox-ico {
  background-color: rgb(179, 179, 179);
}
.dashbox-mute .dashbox-val {
  color: rgb(179, 179, 179);
}
.dashbox-mute .dashbox-lnk a:hover {
  color: rgb(179, 179, 179);
}

.darkmode .tbl.tbl-mute th {
  background-color: gray;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-mute tr:hover {
  background-color: rgb(102.5, 102.5, 102.5);
}
.darkmode .tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(89.75, 89.75, 89.75);
}
.darkmode .tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(140.75, 140.75, 140.75);
}
.darkmode .tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(166.25, 166.25, 166.25);
}
.darkmode .tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(89.75, 89.75, 89.75);
}
.darkmode .tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(140.75, 140.75, 140.75);
}
.darkmode .tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(166.25, 166.25, 166.25);
}

.tbl.tbl-mute th {
  background-color: white;
  color: rgb(179, 179, 179);
}
.tbl.tbl-mute tr:hover {
  background-color: white;
}
.tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(179, 179, 179);
}
.tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(179, 179, 179);
}
.tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #e6e6e6;
}
.tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(179, 179, 179);
}
.tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(179, 179, 179);
}
.tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #e6e6e6;
}

.tbl-mute .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-mute input[type=checkbox]::before {
  border: 2px solid rgb(179, 179, 179);
}
.tbl-mute .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-mute input[type=checkbox]:checked::before {
  background-color: rgb(179, 179, 179);
}

.darkmode .tbl-mute .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-mute input[type=checkbox]::before {
  border: 2px solid rgb(140.75, 140.75, 140.75);
}
.darkmode .tbl-mute .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-mute input[type=checkbox]:checked::before {
  background-color: rgb(179, 179, 179);
  background-color: rgb(140.75, 140.75, 140.75);
  color: rgb(153, 153, 153);
}

.modal.modal-mute .modal-header {
  background-color: rgb(179, 179, 179);
}
.modal.modal-mute .modal-footer .btn {
  background-color: rgb(179, 179, 179);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-mute .modal-header {
  background-color: rgb(140.75, 140.75, 140.75);
}
.darkmode .modal.modal-mute .modal-footer .btn {
  background-color: rgb(140.75, 140.75, 140.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-mute .subnav-link i {
  color: rgb(179, 179, 179);
}
.panel.panel-subnav.subnav-mute .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-mute .subnav-link:hover {
  background-color: rgb(179, 179, 179);
}

.site-main.mute h2,
.site-main.mute a {
  color: rgb(179, 179, 179);
}
.site-main.mute ul.menu .menu-item a {
  color: rgb(179, 179, 179);
}
.site-main.mute ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(179, 179, 179);
}

a.t-mute {
  color: rgb(179, 179, 179) !important;
}

.t-slvr {
  color: rgb(153, 153, 153) !important;
}

.bg-slvr {
  background-color: rgb(153, 153, 153) !important;
}

.btn.btn-slvr {
  background-color: rgb(153, 153, 153);
  border: 1px solid rgb(153, 153, 153);
  color: rgb(255, 255, 255);
}
.btn.btn-slvr:hover {
  background-color: rgb(178.5, 178.5, 178.5);
}

.btn.btn-out-slvr {
  border: 1px solid rgb(153, 153, 153);
  background-color: none;
  color: rgb(153, 153, 153);
}
.btn.btn-out-slvr:hover {
  background-color: rgb(153, 153, 153);
  border: 1px solid rgb(153, 153, 153);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-slvr i {
  color: rgb(153, 153, 153);
}
.site-mainnav-button .mainnav-button-slvr:hover, .site-mainnav-button .mainnav-button-slvr.mainnav-button-active {
  background-color: rgb(153, 153, 153);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-slvr:hover i, .site-mainnav-button .mainnav-button-slvr.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-slvr .card-head {
  background-color: white;
  color: rgb(153, 153, 153);
  border-bottom: 1px solid rgb(153, 153, 153);
}
.card.card-slvr.card-solid .card-head, .card.card-slvr.card-full .card-head {
  background-color: rgb(153, 153, 153);
  color: rgb(255, 255, 255);
}
.card.card-slvr.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(153, 153, 153);
}
.card.card-slvr.card-full {
  background-color: rgb(153, 153, 153);
}
.card.card-slvr.card-full .card-head {
  border-bottom: 1px solid rgb(165.75, 165.75, 165.75);
}
.card.card-slvr.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-slvr.card-full .card-foot {
  border-top: 1px solid rgb(165.75, 165.75, 165.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-slvr {
  background-color: rgb(114.75, 114.75, 114.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-slvr:hover {
  background-color: rgb(89.25, 89.25, 89.25);
}

.darkmode .btn.btn-out-slvr {
  border: 1px solid rgb(114.75, 114.75, 114.75);
  background-color: none;
  color: rgb(114.75, 114.75, 114.75);
}
.darkmode .btn.btn-out-slvr:hover {
  background-color: rgb(114.75, 114.75, 114.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-slvr {
  background-color: white;
  color: rgb(153, 153, 153);
  border-left: 0.4rem solid rgb(153, 153, 153);
}

.darkmode .alrt.alrt-slvr {
  background-color: #666666;
  color: rgb(153, 153, 153);
  border-left: 0.4rem solid rgb(153, 153, 153);
}

.brdr-slvr {
  border: 1px solid rgb(153, 153, 153);
  border-radius: 0.5rem;
}

.dashbox-slvr .dashbox-ico {
  background-color: rgb(153, 153, 153);
}
.dashbox-slvr .dashbox-val {
  color: rgb(153, 153, 153);
}
.dashbox-slvr .dashbox-lnk a:hover {
  color: rgb(153, 153, 153);
}

.darkmode .tbl.tbl-slvr th {
  background-color: #666666;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-slvr tr:hover {
  background-color: rgb(76.5, 76.5, 76.5);
}
.darkmode .tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(63.75, 63.75, 63.75);
}
.darkmode .tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(114.75, 114.75, 114.75);
}
.darkmode .tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(140.25, 140.25, 140.25);
}
.darkmode .tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(63.75, 63.75, 63.75);
}
.darkmode .tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(114.75, 114.75, 114.75);
}
.darkmode .tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(140.25, 140.25, 140.25);
}

.tbl.tbl-slvr th {
  background-color: white;
  color: rgb(153, 153, 153);
}
.tbl.tbl-slvr tr:hover {
  background-color: white;
}
.tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(153, 153, 153);
}
.tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(153, 153, 153);
}
.tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #cccccc;
}
.tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(153, 153, 153);
}
.tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(153, 153, 153);
}
.tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #cccccc;
}

.tbl-slvr .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-slvr input[type=checkbox]::before {
  border: 2px solid rgb(153, 153, 153);
}
.tbl-slvr .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-slvr input[type=checkbox]:checked::before {
  background-color: rgb(153, 153, 153);
}

.darkmode .tbl-slvr .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-slvr input[type=checkbox]::before {
  border: 2px solid rgb(114.75, 114.75, 114.75);
}
.darkmode .tbl-slvr .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-slvr input[type=checkbox]:checked::before {
  background-color: rgb(153, 153, 153);
  background-color: rgb(114.75, 114.75, 114.75);
  color: rgb(153, 153, 153);
}

.modal.modal-slvr .modal-header {
  background-color: rgb(153, 153, 153);
}
.modal.modal-slvr .modal-footer .btn {
  background-color: rgb(153, 153, 153);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-slvr .modal-header {
  background-color: rgb(114.75, 114.75, 114.75);
}
.darkmode .modal.modal-slvr .modal-footer .btn {
  background-color: rgb(114.75, 114.75, 114.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-slvr .subnav-link i {
  color: rgb(153, 153, 153);
}
.panel.panel-subnav.subnav-slvr .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-slvr .subnav-link:hover {
  background-color: rgb(153, 153, 153);
}

.site-main.slvr h2,
.site-main.slvr a {
  color: rgb(153, 153, 153);
}
.site-main.slvr ul.menu .menu-item a {
  color: rgb(153, 153, 153);
}
.site-main.slvr ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(153, 153, 153);
}

a.t-slvr {
  color: rgb(153, 153, 153) !important;
}

.t-lgry {
  color: rgb(128, 128, 128) !important;
}

.bg-lgry {
  background-color: rgb(128, 128, 128) !important;
}

.btn.btn-lgry {
  background-color: rgb(128, 128, 128);
  border: 1px solid rgb(128, 128, 128);
  color: rgb(255, 255, 255);
}
.btn.btn-lgry:hover {
  background-color: rgb(153.5, 153.5, 153.5);
}

.btn.btn-out-lgry {
  border: 1px solid rgb(128, 128, 128);
  background-color: none;
  color: rgb(128, 128, 128);
}
.btn.btn-out-lgry:hover {
  background-color: rgb(128, 128, 128);
  border: 1px solid rgb(128, 128, 128);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-lgry i {
  color: rgb(128, 128, 128);
}
.site-mainnav-button .mainnav-button-lgry:hover, .site-mainnav-button .mainnav-button-lgry.mainnav-button-active {
  background-color: rgb(128, 128, 128);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-lgry:hover i, .site-mainnav-button .mainnav-button-lgry.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-lgry .card-head {
  background-color: rgb(250.4, 250.4, 250.4);
  color: rgb(128, 128, 128);
  border-bottom: 1px solid rgb(128, 128, 128);
}
.card.card-lgry.card-solid .card-head, .card.card-lgry.card-full .card-head {
  background-color: rgb(128, 128, 128);
  color: rgb(255, 255, 255);
}
.card.card-lgry.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(128, 128, 128);
}
.card.card-lgry.card-full {
  background-color: rgb(128, 128, 128);
}
.card.card-lgry.card-full .card-head {
  border-bottom: 1px solid rgb(140.75, 140.75, 140.75);
}
.card.card-lgry.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-lgry.card-full .card-foot {
  border-top: 1px solid rgb(140.75, 140.75, 140.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-lgry {
  background-color: rgb(89.75, 89.75, 89.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-lgry:hover {
  background-color: rgb(64.25, 64.25, 64.25);
}

.darkmode .btn.btn-out-lgry {
  border: 1px solid rgb(89.75, 89.75, 89.75);
  background-color: none;
  color: rgb(89.75, 89.75, 89.75);
}
.darkmode .btn.btn-out-lgry:hover {
  background-color: rgb(89.75, 89.75, 89.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-lgry {
  background-color: rgb(235.1, 235.1, 235.1);
  color: rgb(128, 128, 128);
  border-left: 0.4rem solid rgb(128, 128, 128);
}

.darkmode .alrt.alrt-lgry {
  background-color: #4d4d4d;
  color: rgb(128, 128, 128);
  border-left: 0.4rem solid rgb(128, 128, 128);
}

.brdr-lgry {
  border: 1px solid rgb(128, 128, 128);
  border-radius: 0.5rem;
}

.dashbox-lgry .dashbox-ico {
  background-color: rgb(128, 128, 128);
}
.dashbox-lgry .dashbox-val {
  color: rgb(128, 128, 128);
}
.dashbox-lgry .dashbox-lnk a:hover {
  color: rgb(128, 128, 128);
}

.darkmode .tbl.tbl-lgry th {
  background-color: #4d4d4d;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-lgry tr:hover {
  background-color: rgb(51.5, 51.5, 51.5);
}
.darkmode .tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(38.75, 38.75, 38.75);
}
.darkmode .tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(89.75, 89.75, 89.75);
}
.darkmode .tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(115.25, 115.25, 115.25);
}
.darkmode .tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(38.75, 38.75, 38.75);
}
.darkmode .tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(89.75, 89.75, 89.75);
}
.darkmode .tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(115.25, 115.25, 115.25);
}

.tbl.tbl-lgry th {
  background-color: white;
  color: rgb(128, 128, 128);
}
.tbl.tbl-lgry tr:hover {
  background-color: white;
}
.tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(128, 128, 128);
}
.tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(128, 128, 128);
}
.tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #b3b3b3;
}
.tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(128, 128, 128);
}
.tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(128, 128, 128);
}
.tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #b3b3b3;
}

.tbl-lgry .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-lgry input[type=checkbox]::before {
  border: 2px solid rgb(128, 128, 128);
}
.tbl-lgry .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-lgry input[type=checkbox]:checked::before {
  background-color: rgb(128, 128, 128);
}

.darkmode .tbl-lgry .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-lgry input[type=checkbox]::before {
  border: 2px solid rgb(89.75, 89.75, 89.75);
}
.darkmode .tbl-lgry .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-lgry input[type=checkbox]:checked::before {
  background-color: rgb(128, 128, 128);
  background-color: rgb(89.75, 89.75, 89.75);
  color: rgb(153, 153, 153);
}

.modal.modal-lgry .modal-header {
  background-color: rgb(128, 128, 128);
}
.modal.modal-lgry .modal-footer .btn {
  background-color: rgb(128, 128, 128);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-lgry .modal-header {
  background-color: rgb(89.75, 89.75, 89.75);
}
.darkmode .modal.modal-lgry .modal-footer .btn {
  background-color: rgb(89.75, 89.75, 89.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-lgry .subnav-link i {
  color: rgb(128, 128, 128);
}
.panel.panel-subnav.subnav-lgry .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-lgry .subnav-link:hover {
  background-color: rgb(128, 128, 128);
}

.site-main.lgry h2,
.site-main.lgry a {
  color: rgb(128, 128, 128);
}
.site-main.lgry ul.menu .menu-item a {
  color: rgb(128, 128, 128);
}
.site-main.lgry ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(128, 128, 128);
}

a.t-lgry {
  color: rgb(128, 128, 128) !important;
}

.t-dgry {
  color: rgb(102, 102, 102) !important;
}

.bg-dgry {
  background-color: rgb(102, 102, 102) !important;
}

.btn.btn-dgry {
  background-color: rgb(102, 102, 102);
  border: 1px solid rgb(102, 102, 102);
  color: rgb(255, 255, 255);
}
.btn.btn-dgry:hover {
  background-color: rgb(127.5, 127.5, 127.5);
}

.btn.btn-out-dgry {
  border: 1px solid rgb(102, 102, 102);
  background-color: none;
  color: rgb(102, 102, 102);
}
.btn.btn-out-dgry:hover {
  background-color: rgb(102, 102, 102);
  border: 1px solid rgb(102, 102, 102);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-dgry i {
  color: rgb(102, 102, 102);
}
.site-mainnav-button .mainnav-button-dgry:hover, .site-mainnav-button .mainnav-button-dgry.mainnav-button-active {
  background-color: rgb(102, 102, 102);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-dgry:hover i, .site-mainnav-button .mainnav-button-dgry.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-dgry .card-head {
  background-color: rgb(224.4, 224.4, 224.4);
  color: rgb(102, 102, 102);
  border-bottom: 1px solid rgb(102, 102, 102);
}
.card.card-dgry.card-solid .card-head, .card.card-dgry.card-full .card-head {
  background-color: rgb(102, 102, 102);
  color: rgb(255, 255, 255);
}
.card.card-dgry.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(102, 102, 102);
}
.card.card-dgry.card-full {
  background-color: rgb(102, 102, 102);
}
.card.card-dgry.card-full .card-head {
  border-bottom: 1px solid rgb(114.75, 114.75, 114.75);
}
.card.card-dgry.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-dgry.card-full .card-foot {
  border-top: 1px solid rgb(114.75, 114.75, 114.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-dgry {
  background-color: rgb(63.75, 63.75, 63.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-dgry:hover {
  background-color: rgb(38.25, 38.25, 38.25);
}

.darkmode .btn.btn-out-dgry {
  border: 1px solid rgb(63.75, 63.75, 63.75);
  background-color: none;
  color: rgb(63.75, 63.75, 63.75);
}
.darkmode .btn.btn-out-dgry:hover {
  background-color: rgb(63.75, 63.75, 63.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-dgry {
  background-color: rgb(209.1, 209.1, 209.1);
  color: rgb(102, 102, 102);
  border-left: 0.4rem solid rgb(102, 102, 102);
}

.darkmode .alrt.alrt-dgry {
  background-color: #333333;
  color: rgb(102, 102, 102);
  border-left: 0.4rem solid rgb(102, 102, 102);
}

.brdr-dgry {
  border: 1px solid rgb(102, 102, 102);
  border-radius: 0.5rem;
}

.dashbox-dgry .dashbox-ico {
  background-color: rgb(102, 102, 102);
}
.dashbox-dgry .dashbox-val {
  color: rgb(102, 102, 102);
}
.dashbox-dgry .dashbox-lnk a:hover {
  color: rgb(102, 102, 102);
}

.darkmode .tbl.tbl-dgry th {
  background-color: #333333;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-dgry tr:hover {
  background-color: rgb(25.5, 25.5, 25.5);
}
.darkmode .tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(12.75, 12.75, 12.75);
}
.darkmode .tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(63.75, 63.75, 63.75);
}
.darkmode .tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(89.25, 89.25, 89.25);
}
.darkmode .tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(12.75, 12.75, 12.75);
}
.darkmode .tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(63.75, 63.75, 63.75);
}
.darkmode .tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(89.25, 89.25, 89.25);
}

.tbl.tbl-dgry th {
  background-color: rgb(247.35, 247.35, 247.35);
  color: rgb(102, 102, 102);
}
.tbl.tbl-dgry tr:hover {
  background-color: white;
}
.tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(102, 102, 102);
}
.tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(102, 102, 102);
}
.tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #999999;
}
.tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(102, 102, 102);
}
.tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(102, 102, 102);
}
.tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #999999;
}

.tbl-dgry .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dgry input[type=checkbox]::before {
  border: 2px solid rgb(102, 102, 102);
}
.tbl-dgry .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dgry input[type=checkbox]:checked::before {
  background-color: rgb(102, 102, 102);
}

.darkmode .tbl-dgry .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dgry input[type=checkbox]::before {
  border: 2px solid rgb(63.75, 63.75, 63.75);
}
.darkmode .tbl-dgry .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dgry input[type=checkbox]:checked::before {
  background-color: rgb(102, 102, 102);
  background-color: rgb(63.75, 63.75, 63.75);
  color: rgb(153, 153, 153);
}

.modal.modal-dgry .modal-header {
  background-color: rgb(102, 102, 102);
}
.modal.modal-dgry .modal-footer .btn {
  background-color: rgb(102, 102, 102);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-dgry .modal-header {
  background-color: rgb(63.75, 63.75, 63.75);
}
.darkmode .modal.modal-dgry .modal-footer .btn {
  background-color: rgb(63.75, 63.75, 63.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-dgry .subnav-link i {
  color: rgb(102, 102, 102);
}
.panel.panel-subnav.subnav-dgry .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-dgry .subnav-link:hover {
  background-color: rgb(102, 102, 102);
}

.site-main.dgry h2,
.site-main.dgry a {
  color: rgb(102, 102, 102);
}
.site-main.dgry ul.menu .menu-item a {
  color: rgb(102, 102, 102);
}
.site-main.dgry ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(102, 102, 102);
}

a.t-dgry {
  color: rgb(102, 102, 102) !important;
}

.t-dark {
  color: rgb(77, 77, 77) !important;
}

.bg-dark {
  background-color: rgb(77, 77, 77) !important;
}

.btn.btn-dark {
  background-color: rgb(77, 77, 77);
  border: 1px solid rgb(77, 77, 77);
  color: rgb(255, 255, 255);
}
.btn.btn-dark:hover {
  background-color: rgb(102.5, 102.5, 102.5);
}

.btn.btn-out-dark {
  border: 1px solid rgb(77, 77, 77);
  background-color: none;
  color: rgb(77, 77, 77);
}
.btn.btn-out-dark:hover {
  background-color: rgb(77, 77, 77);
  border: 1px solid rgb(77, 77, 77);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-dark i {
  color: rgb(77, 77, 77);
}
.site-mainnav-button .mainnav-button-dark:hover, .site-mainnav-button .mainnav-button-dark.mainnav-button-active {
  background-color: rgb(77, 77, 77);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-dark:hover i, .site-mainnav-button .mainnav-button-dark.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-dark .card-head {
  background-color: rgb(199.4, 199.4, 199.4);
  color: rgb(77, 77, 77);
  border-bottom: 1px solid rgb(77, 77, 77);
}
.card.card-dark.card-solid .card-head, .card.card-dark.card-full .card-head {
  background-color: rgb(77, 77, 77);
  color: rgb(255, 255, 255);
}
.card.card-dark.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(77, 77, 77);
}
.card.card-dark.card-full {
  background-color: rgb(77, 77, 77);
}
.card.card-dark.card-full .card-head {
  border-bottom: 1px solid rgb(89.75, 89.75, 89.75);
}
.card.card-dark.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-dark.card-full .card-foot {
  border-top: 1px solid rgb(89.75, 89.75, 89.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-dark {
  background-color: rgb(38.75, 38.75, 38.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-dark:hover {
  background-color: rgb(13.25, 13.25, 13.25);
}

.darkmode .btn.btn-out-dark {
  border: 1px solid rgb(38.75, 38.75, 38.75);
  background-color: none;
  color: rgb(38.75, 38.75, 38.75);
}
.darkmode .btn.btn-out-dark:hover {
  background-color: rgb(38.75, 38.75, 38.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-dark {
  background-color: rgb(184.1, 184.1, 184.1);
  color: rgb(77, 77, 77);
  border-left: 0.4rem solid rgb(77, 77, 77);
}

.darkmode .alrt.alrt-dark {
  background-color: #1a1a1a;
  color: rgb(77, 77, 77);
  border-left: 0.4rem solid rgb(77, 77, 77);
}

.brdr-dark {
  border: 1px solid rgb(77, 77, 77);
  border-radius: 0.5rem;
}

.dashbox-dark .dashbox-ico {
  background-color: rgb(77, 77, 77);
}
.dashbox-dark .dashbox-val {
  color: rgb(77, 77, 77);
}
.dashbox-dark .dashbox-lnk a:hover {
  color: rgb(77, 77, 77);
}

.darkmode .tbl.tbl-dark th {
  background-color: #1a1a1a;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-dark tr:hover {
  background-color: rgb(0.5, 0.5, 0.5);
}
.darkmode .tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(38.75, 38.75, 38.75);
}
.darkmode .tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(64.25, 64.25, 64.25);
}
.darkmode .tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(38.75, 38.75, 38.75);
}
.darkmode .tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(64.25, 64.25, 64.25);
}

.tbl.tbl-dark th {
  background-color: rgb(222.35, 222.35, 222.35);
  color: rgb(77, 77, 77);
}
.tbl.tbl-dark tr:hover {
  background-color: rgb(232.55, 232.55, 232.55);
}
.tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(77, 77, 77);
}
.tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(77, 77, 77);
}
.tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: gray;
}
.tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(77, 77, 77);
}
.tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(77, 77, 77);
}
.tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: gray;
}

.tbl-dark .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dark input[type=checkbox]::before {
  border: 2px solid rgb(77, 77, 77);
}
.tbl-dark .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dark input[type=checkbox]:checked::before {
  background-color: rgb(77, 77, 77);
}

.darkmode .tbl-dark .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dark input[type=checkbox]::before {
  border: 2px solid rgb(38.75, 38.75, 38.75);
}
.darkmode .tbl-dark .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dark input[type=checkbox]:checked::before {
  background-color: rgb(77, 77, 77);
  background-color: rgb(38.75, 38.75, 38.75);
  color: rgb(153, 153, 153);
}

.modal.modal-dark .modal-header {
  background-color: rgb(77, 77, 77);
}
.modal.modal-dark .modal-footer .btn {
  background-color: rgb(77, 77, 77);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-dark .modal-header {
  background-color: rgb(38.75, 38.75, 38.75);
}
.darkmode .modal.modal-dark .modal-footer .btn {
  background-color: rgb(38.75, 38.75, 38.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-dark .subnav-link i {
  color: rgb(77, 77, 77);
}
.panel.panel-subnav.subnav-dark .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-dark .subnav-link:hover {
  background-color: rgb(77, 77, 77);
}

.site-main.dark h2,
.site-main.dark a {
  color: rgb(77, 77, 77);
}
.site-main.dark ul.menu .menu-item a {
  color: rgb(77, 77, 77);
}
.site-main.dark ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(77, 77, 77);
}

a.t-dark {
  color: rgb(77, 77, 77) !important;
}

.t-ddrk {
  color: rgb(51, 51, 51) !important;
}

.bg-ddrk {
  background-color: rgb(51, 51, 51) !important;
}

.btn.btn-ddrk {
  background-color: rgb(51, 51, 51);
  border: 1px solid rgb(51, 51, 51);
  color: rgb(255, 255, 255);
}
.btn.btn-ddrk:hover {
  background-color: rgb(76.5, 76.5, 76.5);
}

.btn.btn-out-ddrk {
  border: 1px solid rgb(51, 51, 51);
  background-color: none;
  color: rgb(51, 51, 51);
}
.btn.btn-out-ddrk:hover {
  background-color: rgb(51, 51, 51);
  border: 1px solid rgb(51, 51, 51);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-ddrk i {
  color: rgb(51, 51, 51);
}
.site-mainnav-button .mainnav-button-ddrk:hover, .site-mainnav-button .mainnav-button-ddrk.mainnav-button-active {
  background-color: rgb(51, 51, 51);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-ddrk:hover i, .site-mainnav-button .mainnav-button-ddrk.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-ddrk .card-head {
  background-color: rgb(173.4, 173.4, 173.4);
  color: rgb(51, 51, 51);
  border-bottom: 1px solid rgb(51, 51, 51);
}
.card.card-ddrk.card-solid .card-head, .card.card-ddrk.card-full .card-head {
  background-color: rgb(51, 51, 51);
  color: rgb(255, 255, 255);
}
.card.card-ddrk.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
}
.card.card-ddrk.card-full {
  background-color: rgb(51, 51, 51);
}
.card.card-ddrk.card-full .card-head {
  border-bottom: 1px solid rgb(63.75, 63.75, 63.75);
}
.card.card-ddrk.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-ddrk.card-full .card-foot {
  border-top: 1px solid rgb(63.75, 63.75, 63.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-ddrk {
  background-color: rgb(12.75, 12.75, 12.75);
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-ddrk:hover {
  background-color: black;
}

.darkmode .btn.btn-out-ddrk {
  border: 1px solid rgb(12.75, 12.75, 12.75);
  background-color: none;
  color: rgb(12.75, 12.75, 12.75);
}
.darkmode .btn.btn-out-ddrk:hover {
  background-color: rgb(12.75, 12.75, 12.75);
  color: rgb(204, 204, 204);
}

.alrt.alrt-ddrk {
  background-color: rgb(158.1, 158.1, 158.1);
  color: rgb(51, 51, 51);
  border-left: 0.4rem solid rgb(51, 51, 51);
}

.darkmode .alrt.alrt-ddrk {
  background-color: black;
  color: rgb(51, 51, 51);
  border-left: 0.4rem solid rgb(51, 51, 51);
}

.brdr-ddrk {
  border: 1px solid rgb(51, 51, 51);
  border-radius: 0.5rem;
}

.dashbox-ddrk .dashbox-ico {
  background-color: rgb(51, 51, 51);
}
.dashbox-ddrk .dashbox-val {
  color: rgb(51, 51, 51);
}
.dashbox-ddrk .dashbox-lnk a:hover {
  color: rgb(51, 51, 51);
}

.darkmode .tbl.tbl-ddrk th {
  background-color: black;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-ddrk tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(12.75, 12.75, 12.75);
}
.darkmode .tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(38.25, 38.25, 38.25);
}
.darkmode .tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(12.75, 12.75, 12.75);
}
.darkmode .tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(38.25, 38.25, 38.25);
}

.tbl.tbl-ddrk th {
  background-color: rgb(196.35, 196.35, 196.35);
  color: rgb(51, 51, 51);
}
.tbl.tbl-ddrk tr:hover {
  background-color: rgb(206.55, 206.55, 206.55);
}
.tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(51, 51, 51);
}
.tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(51, 51, 51);
}
.tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #666666;
}
.tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(51, 51, 51);
}
.tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(51, 51, 51);
}
.tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #666666;
}

.tbl-ddrk .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-ddrk input[type=checkbox]::before {
  border: 2px solid rgb(51, 51, 51);
}
.tbl-ddrk .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-ddrk input[type=checkbox]:checked::before {
  background-color: rgb(51, 51, 51);
}

.darkmode .tbl-ddrk .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-ddrk input[type=checkbox]::before {
  border: 2px solid rgb(12.75, 12.75, 12.75);
}
.darkmode .tbl-ddrk .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-ddrk input[type=checkbox]:checked::before {
  background-color: rgb(51, 51, 51);
  background-color: rgb(12.75, 12.75, 12.75);
  color: rgb(153, 153, 153);
}

.modal.modal-ddrk .modal-header {
  background-color: rgb(51, 51, 51);
}
.modal.modal-ddrk .modal-footer .btn {
  background-color: rgb(51, 51, 51);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-ddrk .modal-header {
  background-color: rgb(12.75, 12.75, 12.75);
}
.darkmode .modal.modal-ddrk .modal-footer .btn {
  background-color: rgb(12.75, 12.75, 12.75);
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-ddrk .subnav-link i {
  color: rgb(51, 51, 51);
}
.panel.panel-subnav.subnav-ddrk .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-ddrk .subnav-link:hover {
  background-color: rgb(51, 51, 51);
}

.site-main.ddrk h2,
.site-main.ddrk a {
  color: rgb(51, 51, 51);
}
.site-main.ddrk ul.menu .menu-item a {
  color: rgb(51, 51, 51);
}
.site-main.ddrk ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(51, 51, 51);
}

a.t-ddrk {
  color: rgb(51, 51, 51) !important;
}

.t-blck {
  color: rgb(26, 26, 26) !important;
}

.bg-blck {
  background-color: rgb(26, 26, 26) !important;
}

.btn.btn-blck {
  background-color: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
  color: rgb(255, 255, 255);
}
.btn.btn-blck:hover {
  background-color: rgb(51.5, 51.5, 51.5);
}

.btn.btn-out-blck {
  border: 1px solid rgb(26, 26, 26);
  background-color: none;
  color: rgb(26, 26, 26);
}
.btn.btn-out-blck:hover {
  background-color: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-blck i {
  color: rgb(26, 26, 26);
}
.site-mainnav-button .mainnav-button-blck:hover, .site-mainnav-button .mainnav-button-blck.mainnav-button-active {
  background-color: rgb(26, 26, 26);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-blck:hover i, .site-mainnav-button .mainnav-button-blck.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-blck .card-head {
  background-color: rgb(148.4, 148.4, 148.4);
  color: rgb(26, 26, 26);
  border-bottom: 1px solid rgb(26, 26, 26);
}
.card.card-blck.card-solid .card-head, .card.card-blck.card-full .card-head {
  background-color: rgb(26, 26, 26);
  color: rgb(255, 255, 255);
}
.card.card-blck.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(26, 26, 26);
}
.card.card-blck.card-full {
  background-color: rgb(26, 26, 26);
}
.card.card-blck.card-full .card-head {
  border-bottom: 1px solid rgb(38.75, 38.75, 38.75);
}
.card.card-blck.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-blck.card-full .card-foot {
  border-top: 1px solid rgb(38.75, 38.75, 38.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-blck {
  background-color: black;
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-blck:hover {
  background-color: black;
}

.darkmode .btn.btn-out-blck {
  border: 1px solid black;
  background-color: none;
  color: black;
}
.darkmode .btn.btn-out-blck:hover {
  background-color: black;
  color: rgb(204, 204, 204);
}

.alrt.alrt-blck {
  background-color: rgb(133.1, 133.1, 133.1);
  color: rgb(26, 26, 26);
  border-left: 0.4rem solid rgb(26, 26, 26);
}

.darkmode .alrt.alrt-blck {
  background-color: black;
  color: rgb(26, 26, 26);
  border-left: 0.4rem solid rgb(26, 26, 26);
}

.brdr-blck {
  border: 1px solid rgb(26, 26, 26);
  border-radius: 0.5rem;
}

.dashbox-blck .dashbox-ico {
  background-color: rgb(26, 26, 26);
}
.dashbox-blck .dashbox-val {
  color: rgb(26, 26, 26);
}
.dashbox-blck .dashbox-lnk a:hover {
  color: rgb(26, 26, 26);
}

.darkmode .tbl.tbl-blck th {
  background-color: black;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-blck tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: black;
}
.darkmode .tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: rgb(13.25, 13.25, 13.25);
}
.darkmode .tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: black;
}
.darkmode .tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: rgb(13.25, 13.25, 13.25);
}

.tbl.tbl-blck th {
  background-color: rgb(171.35, 171.35, 171.35);
  color: rgb(26, 26, 26);
}
.tbl.tbl-blck tr:hover {
  background-color: rgb(181.55, 181.55, 181.55);
}
.tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(26, 26, 26);
}
.tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(26, 26, 26);
}
.tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #4d4d4d;
}
.tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(26, 26, 26);
}
.tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(26, 26, 26);
}
.tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #4d4d4d;
}

.tbl-blck .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-blck input[type=checkbox]::before {
  border: 2px solid rgb(26, 26, 26);
}
.tbl-blck .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-blck input[type=checkbox]:checked::before {
  background-color: rgb(26, 26, 26);
}

.darkmode .tbl-blck .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-blck input[type=checkbox]::before {
  border: 2px solid black;
}
.darkmode .tbl-blck .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-blck input[type=checkbox]:checked::before {
  background-color: rgb(26, 26, 26);
  background-color: black;
  color: rgb(153, 153, 153);
}

.modal.modal-blck .modal-header {
  background-color: rgb(26, 26, 26);
}
.modal.modal-blck .modal-footer .btn {
  background-color: rgb(26, 26, 26);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-blck .modal-header {
  background-color: black;
}
.darkmode .modal.modal-blck .modal-footer .btn {
  background-color: black;
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-blck .subnav-link i {
  color: rgb(26, 26, 26);
}
.panel.panel-subnav.subnav-blck .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-blck .subnav-link:hover {
  background-color: rgb(26, 26, 26);
}

.site-main.blck h2,
.site-main.blck a {
  color: rgb(26, 26, 26);
}
.site-main.blck ul.menu .menu-item a {
  color: rgb(26, 26, 26);
}
.site-main.blck ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(26, 26, 26);
}

a.t-blck {
  color: rgb(26, 26, 26) !important;
}

.t-dblk {
  color: rgb(0, 0, 0) !important;
}

.bg-dblk {
  background-color: rgb(0, 0, 0) !important;
}

.btn.btn-dblk {
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.btn.btn-dblk:hover {
  background-color: rgb(25.5, 25.5, 25.5);
}

.btn.btn-out-dblk {
  border: 1px solid rgb(0, 0, 0);
  background-color: none;
  color: rgb(0, 0, 0);
}
.btn.btn-out-dblk:hover {
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.site-mainnav-button .mainnav-button-dblk i {
  color: rgb(0, 0, 0);
}
.site-mainnav-button .mainnav-button-dblk:hover, .site-mainnav-button .mainnav-button-dblk.mainnav-button-active {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.site-mainnav-button .mainnav-button-dblk:hover i, .site-mainnav-button .mainnav-button-dblk.mainnav-button-active i {
  color: rgb(255, 255, 255);
}

.card.card-dblk .card-head {
  background-color: rgb(122.4, 122.4, 122.4);
  color: rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}
.card.card-dblk.card-solid .card-head, .card.card-dblk.card-full .card-head {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.card.card-dblk.card-light .card-head {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.card.card-dblk.card-full {
  background-color: rgb(0, 0, 0);
}
.card.card-dblk.card-full .card-head {
  border-bottom: 1px solid rgb(12.75, 12.75, 12.75);
}
.card.card-dblk.card-full .card-body {
  color: rgb(255, 255, 255);
}
.card.card-dblk.card-full .card-foot {
  border-top: 1px solid rgb(12.75, 12.75, 12.75);
  color: rgb(230, 230, 230);
}

.darkmode .btn.btn-dblk {
  background-color: black;
  color: rgb(204, 204, 204);
}
.darkmode .btn.btn-dblk:hover {
  background-color: black;
}

.darkmode .btn.btn-out-dblk {
  border: 1px solid black;
  background-color: none;
  color: black;
}
.darkmode .btn.btn-out-dblk:hover {
  background-color: black;
  color: rgb(204, 204, 204);
}

.alrt.alrt-dblk {
  background-color: rgb(107.1, 107.1, 107.1);
  color: rgb(0, 0, 0);
  border-left: 0.4rem solid rgb(0, 0, 0);
}

.darkmode .alrt.alrt-dblk {
  background-color: black;
  color: rgb(0, 0, 0);
  border-left: 0.4rem solid rgb(0, 0, 0);
}

.brdr-dblk {
  border: 1px solid rgb(0, 0, 0);
  border-radius: 0.5rem;
}

.dashbox-dblk .dashbox-ico {
  background-color: rgb(0, 0, 0);
}
.dashbox-dblk .dashbox-val {
  color: rgb(0, 0, 0);
}
.dashbox-dblk .dashbox-lnk a:hover {
  color: rgb(0, 0, 0);
}

.darkmode .tbl.tbl-dblk th {
  background-color: black;
  color: rgb(204, 204, 204);
}
.darkmode .tbl.tbl-dblk tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: black;
}
.darkmode .tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: black;
}
.darkmode .tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: black;
}
.darkmode .tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: black;
}

.tbl.tbl-dblk th {
  background-color: rgb(145.35, 145.35, 145.35);
  color: rgb(0, 0, 0);
}
.tbl.tbl-dblk tr:hover {
  background-color: rgb(155.55, 155.55, 155.55);
}
.tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: rgb(0, 0, 0);
}
.tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: rgb(0, 0, 0);
}
.tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #333333;
}
.tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: rgb(0, 0, 0);
}
.tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: rgb(0, 0, 0);
}
.tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #333333;
}

.tbl-dblk .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dblk input[type=checkbox]::before {
  border: 2px solid rgb(0, 0, 0);
}
.tbl-dblk .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dblk input[type=checkbox]:checked::before {
  background-color: rgb(0, 0, 0);
}

.darkmode .tbl-dblk .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dblk input[type=checkbox]::before {
  border: 2px solid black;
}
.darkmode .tbl-dblk .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dblk input[type=checkbox]:checked::before {
  background-color: rgb(0, 0, 0);
  background-color: black;
  color: rgb(153, 153, 153);
}

.modal.modal-dblk .modal-header {
  background-color: rgb(0, 0, 0);
}
.modal.modal-dblk .modal-footer .btn {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.darkmode .modal.modal-dblk .modal-header {
  background-color: black;
}
.darkmode .modal.modal-dblk .modal-footer .btn {
  background-color: black;
  color: rgb(204, 204, 204);
}

.panel.panel-subnav.subnav-dblk .subnav-link i {
  color: rgb(0, 0, 0);
}
.panel.panel-subnav.subnav-dblk .subnav-link:hover i {
  color: rgb(255, 255, 255);
}
.panel.panel-subnav.subnav-dblk .subnav-link:hover {
  background-color: rgb(0, 0, 0);
}

.site-main.dblk h2,
.site-main.dblk a {
  color: rgb(0, 0, 0);
}
.site-main.dblk ul.menu .menu-item a {
  color: rgb(0, 0, 0);
}
.site-main.dblk ul.menu .menu-item.menu-item-active a {
  color: white;
  background-color: rgb(0, 0, 0);
}

a.t-dblk {
  color: rgb(0, 0, 0) !important;
}

.f-prim {
  font-family: "Poppins";
}

.f-scnd {
  font-family: "Fondamento";
}

.t-nwrp {
  white-space: "nowrap";
}

.t-wrap {
  white-space: "wrap";
}

.t-thin {
  font-weight: 100;
}

.t-nrml {
  font-weight: 400;
}

.t-thck {
  font-weight: 900;
}

.t-gnt {
  font-size: 3.2rem !important;
}

.t-hge {
  font-size: 2.4rem !important;
}

.t-big {
  font-size: 1.8rem !important;
}

.t-grt {
  font-size: 1.6rem !important;
}

.t-lrg {
  font-size: 1.4rem !important;
}

.t-mdl {
  font-size: 1.2rem !important;
}

.t-nrm {
  font-size: 1rem !important;
}

.t-ltl {
  font-size: 0.9rem !important;
}

.t-sml {
  font-size: 0.8rem !important;
}

.t-tny {
  font-size: 0.7rem !important;
}

.t-cntr {
  text-align: center !important;
}

.t-rght {
  text-align: right !important;
}

.t-left {
  text-align: left !important;
}

.t-jstf {
  text-align: justify !important;
}

.p-0 {
  padding: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.m-0 {
  margin: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.p-1 {
  padding: 0.1rem !important;
}

.px-1 {
  padding-left: 0.1rem !important;
  padding-right: 0.1rem !important;
}

.py-1 {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}

.pt-1 {
  padding-top: 0.1rem !important;
}

.pr-1 {
  padding-right: 0.1rem !important;
}

.pb-1 {
  padding-bottom: 0.1rem !important;
}

.pl-1 {
  padding-left: 0.1rem !important;
}

.m-1 {
  margin: 0.1rem !important;
}

.mx-1 {
  margin-left: 0.1rem !important;
  margin-right: 0.1rem !important;
}

.my-1 {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
}

.mt-1 {
  margin-top: 0.1rem !important;
}

.mr-1 {
  margin-right: 0.1rem !important;
}

.mb-1 {
  margin-bottom: 0.1rem !important;
}

.ml-1 {
  margin-left: 0.1rem !important;
}

.p-2 {
  padding: 0.2rem !important;
}

.px-2 {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}

.py-2 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}

.pt-2 {
  padding-top: 0.2rem !important;
}

.pr-2 {
  padding-right: 0.2rem !important;
}

.pb-2 {
  padding-bottom: 0.2rem !important;
}

.pl-2 {
  padding-left: 0.2rem !important;
}

.m-2 {
  margin: 0.2rem !important;
}

.mx-2 {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.my-2 {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}

.mt-2 {
  margin-top: 0.2rem !important;
}

.mr-2 {
  margin-right: 0.2rem !important;
}

.mb-2 {
  margin-bottom: 0.2rem !important;
}

.ml-2 {
  margin-left: 0.2rem !important;
}

.p-3 {
  padding: 0.3rem !important;
}

.px-3 {
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}

.py-3 {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

.pt-3 {
  padding-top: 0.3rem !important;
}

.pr-3 {
  padding-right: 0.3rem !important;
}

.pb-3 {
  padding-bottom: 0.3rem !important;
}

.pl-3 {
  padding-left: 0.3rem !important;
}

.m-3 {
  margin: 0.3rem !important;
}

.mx-3 {
  margin-left: 0.3rem !important;
  margin-right: 0.3rem !important;
}

.my-3 {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}

.mt-3 {
  margin-top: 0.3rem !important;
}

.mr-3 {
  margin-right: 0.3rem !important;
}

.mb-3 {
  margin-bottom: 0.3rem !important;
}

.ml-3 {
  margin-left: 0.3rem !important;
}

.p-4 {
  padding: 0.4rem !important;
}

.px-4 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}

.py-4 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}

.pt-4 {
  padding-top: 0.4rem !important;
}

.pr-4 {
  padding-right: 0.4rem !important;
}

.pb-4 {
  padding-bottom: 0.4rem !important;
}

.pl-4 {
  padding-left: 0.4rem !important;
}

.m-4 {
  margin: 0.4rem !important;
}

.mx-4 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}

.my-4 {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

.mt-4 {
  margin-top: 0.4rem !important;
}

.mr-4 {
  margin-right: 0.4rem !important;
}

.mb-4 {
  margin-bottom: 0.4rem !important;
}

.ml-4 {
  margin-left: 0.4rem !important;
}

.p-5 {
  padding: 0.5rem !important;
}

.px-5 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-5 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-5 {
  padding-top: 0.5rem !important;
}

.pr-5 {
  padding-right: 0.5rem !important;
}

.pb-5 {
  padding-bottom: 0.5rem !important;
}

.pl-5 {
  padding-left: 0.5rem !important;
}

.m-5 {
  margin: 0.5rem !important;
}

.mx-5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-5 {
  margin-top: 0.5rem !important;
}

.mr-5 {
  margin-right: 0.5rem !important;
}

.mb-5 {
  margin-bottom: 0.5rem !important;
}

.ml-5 {
  margin-left: 0.5rem !important;
}

.p-6 {
  padding: 0.3rem !important;
}

.px-6 {
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}

.py-6 {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

.pt-6 {
  padding-top: 0.3rem !important;
}

.pr-6 {
  padding-right: 0.3rem !important;
}

.pb-6 {
  padding-bottom: 0.3rem !important;
}

.pl-6 {
  padding-left: 0.3rem !important;
}

.m-6 {
  margin: 0.3rem !important;
}

.mx-6 {
  margin-left: 0.3rem !important;
  margin-right: 0.3rem !important;
}

.my-6 {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}

.mt-6 {
  margin-top: 0.3rem !important;
}

.mr-6 {
  margin-right: 0.3rem !important;
}

.mb-6 {
  margin-bottom: 0.3rem !important;
}

.ml-6 {
  margin-left: 0.3rem !important;
}

.p-7 {
  padding: 0.7rem !important;
}

.px-7 {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}

.py-7 {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}

.pt-7 {
  padding-top: 0.7rem !important;
}

.pr-7 {
  padding-right: 0.7rem !important;
}

.pb-7 {
  padding-bottom: 0.7rem !important;
}

.pl-7 {
  padding-left: 0.7rem !important;
}

.m-7 {
  margin: 0.7rem !important;
}

.mx-7 {
  margin-left: 0.7rem !important;
  margin-right: 0.7rem !important;
}

.my-7 {
  margin-top: 0.7rem !important;
  margin-bottom: 0.7rem !important;
}

.mt-7 {
  margin-top: 0.7rem !important;
}

.mr-7 {
  margin-right: 0.7rem !important;
}

.mb-7 {
  margin-bottom: 0.7rem !important;
}

.ml-7 {
  margin-left: 0.7rem !important;
}

.p-8 {
  padding: 0.8rem !important;
}

.px-8 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}

.py-8 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.pt-8 {
  padding-top: 0.8rem !important;
}

.pr-8 {
  padding-right: 0.8rem !important;
}

.pb-8 {
  padding-bottom: 0.8rem !important;
}

.pl-8 {
  padding-left: 0.8rem !important;
}

.m-8 {
  margin: 0.8rem !important;
}

.mx-8 {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
}

.my-8 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.mt-8 {
  margin-top: 0.8rem !important;
}

.mr-8 {
  margin-right: 0.8rem !important;
}

.mb-8 {
  margin-bottom: 0.8rem !important;
}

.ml-8 {
  margin-left: 0.8rem !important;
}

.p-9 {
  padding: 0.9rem !important;
}

.px-9 {
  padding-left: 0.9rem !important;
  padding-right: 0.9rem !important;
}

.py-9 {
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}

.pt-9 {
  padding-top: 0.9rem !important;
}

.pr-9 {
  padding-right: 0.9rem !important;
}

.pb-9 {
  padding-bottom: 0.9rem !important;
}

.pl-9 {
  padding-left: 0.9rem !important;
}

.m-9 {
  margin: 0.9rem !important;
}

.mx-9 {
  margin-left: 0.9rem !important;
  margin-right: 0.9rem !important;
}

.my-9 {
  margin-top: 0.9rem !important;
  margin-bottom: 0.9rem !important;
}

.mt-9 {
  margin-top: 0.9rem !important;
}

.mr-9 {
  margin-right: 0.9rem !important;
}

.mb-9 {
  margin-bottom: 0.9rem !important;
}

.ml-9 {
  margin-left: 0.9rem !important;
}

.p-10 {
  padding: 1rem !important;
}

.px-10 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-10 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-10 {
  padding-top: 1rem !important;
}

.pr-10 {
  padding-right: 1rem !important;
}

.pb-10 {
  padding-bottom: 1rem !important;
}

.pl-10 {
  padding-left: 1rem !important;
}

.m-10 {
  margin: 1rem !important;
}

.mx-10 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-10 {
  margin-top: 1rem !important;
}

.mr-10 {
  margin-right: 1rem !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.ml-10 {
  margin-left: 1rem !important;
}

.p-15 {
  padding: 1.5rem !important;
}

.px-15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-15 {
  padding-top: 1.5rem !important;
}

.pr-15 {
  padding-right: 1.5rem !important;
}

.pb-15 {
  padding-bottom: 1.5rem !important;
}

.pl-15 {
  padding-left: 1.5rem !important;
}

.m-15 {
  margin: 1.5rem !important;
}

.mx-15 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-15 {
  margin-top: 1.5rem !important;
}

.mr-15 {
  margin-right: 1.5rem !important;
}

.mb-15 {
  margin-bottom: 1.5rem !important;
}

.ml-15 {
  margin-left: 1.5rem !important;
}

.p-20 {
  padding: 2rem !important;
}

.px-20 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-20 {
  padding-top: 2rem !important;
}

.pr-20 {
  padding-right: 2rem !important;
}

.pb-20 {
  padding-bottom: 2rem !important;
}

.pl-20 {
  padding-left: 2rem !important;
}

.m-20 {
  margin: 2rem !important;
}

.mx-20 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-20 {
  margin-top: 2rem !important;
}

.mr-20 {
  margin-right: 2rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.ml-20 {
  margin-left: 2rem !important;
}

.p-25 {
  padding: 2.5rem !important;
}

.px-25 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-25 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.pt-25 {
  padding-top: 2.5rem !important;
}

.pr-25 {
  padding-right: 2.5rem !important;
}

.pb-25 {
  padding-bottom: 2.5rem !important;
}

.pl-25 {
  padding-left: 2.5rem !important;
}

.m-25 {
  margin: 2.5rem !important;
}

.mx-25 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-25 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mt-25 {
  margin-top: 2.5rem !important;
}

.mr-25 {
  margin-right: 2.5rem !important;
}

.mb-25 {
  margin-bottom: 2.5rem !important;
}

.ml-25 {
  margin-left: 2.5rem !important;
}

.p-30 {
  padding: 3rem !important;
}

.px-30 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-30 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-30 {
  padding-top: 3rem !important;
}

.pr-30 {
  padding-right: 3rem !important;
}

.pb-30 {
  padding-bottom: 3rem !important;
}

.pl-30 {
  padding-left: 3rem !important;
}

.m-30 {
  margin: 3rem !important;
}

.mx-30 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-30 {
  margin-top: 3rem !important;
}

.mr-30 {
  margin-right: 3rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.ml-30 {
  margin-left: 3rem !important;
}

.p-35 {
  padding: 3.5rem !important;
}

.px-35 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.py-35 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.pt-35 {
  padding-top: 3.5rem !important;
}

.pr-35 {
  padding-right: 3.5rem !important;
}

.pb-35 {
  padding-bottom: 3.5rem !important;
}

.pl-35 {
  padding-left: 3.5rem !important;
}

.m-35 {
  margin: 3.5rem !important;
}

.mx-35 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.my-35 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.mt-35 {
  margin-top: 3.5rem !important;
}

.mr-35 {
  margin-right: 3.5rem !important;
}

.mb-35 {
  margin-bottom: 3.5rem !important;
}

.ml-35 {
  margin-left: 3.5rem !important;
}

.p-40 {
  padding: 4rem !important;
}

.px-40 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-40 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.pt-40 {
  padding-top: 4rem !important;
}

.pr-40 {
  padding-right: 4rem !important;
}

.pb-40 {
  padding-bottom: 4rem !important;
}

.pl-40 {
  padding-left: 4rem !important;
}

.m-40 {
  margin: 4rem !important;
}

.mx-40 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mt-40 {
  margin-top: 4rem !important;
}

.mr-40 {
  margin-right: 4rem !important;
}

.mb-40 {
  margin-bottom: 4rem !important;
}

.ml-40 {
  margin-left: 4rem !important;
}

.p-45 {
  padding: 4.5rem !important;
}

.px-45 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py-45 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.pt-45 {
  padding-top: 4.5rem !important;
}

.pr-45 {
  padding-right: 4.5rem !important;
}

.pb-45 {
  padding-bottom: 4.5rem !important;
}

.pl-45 {
  padding-left: 4.5rem !important;
}

.m-45 {
  margin: 4.5rem !important;
}

.mx-45 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.my-45 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.mt-45 {
  margin-top: 4.5rem !important;
}

.mr-45 {
  margin-right: 4.5rem !important;
}

.mb-45 {
  margin-bottom: 4.5rem !important;
}

.ml-45 {
  margin-left: 4.5rem !important;
}

.p-50 {
  padding: 5rem !important;
}

.px-50 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-50 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pt-50 {
  padding-top: 5rem !important;
}

.pr-50 {
  padding-right: 5rem !important;
}

.pb-50 {
  padding-bottom: 5rem !important;
}

.pl-50 {
  padding-left: 5rem !important;
}

.m-50 {
  margin: 5rem !important;
}

.mx-50 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mt-50 {
  margin-top: 5rem !important;
}

.mr-50 {
  margin-right: 5rem !important;
}

.mb-50 {
  margin-bottom: 5rem !important;
}

.ml-50 {
  margin-left: 5rem !important;
}

.wdth-50 {
  width: 0.1rem !important;
}

.wdth-100 {
  width: 0.2rem !important;
}

.t-lower,
.t-lwr {
  text-transform: lowercase;
}

.t-uppr {
  text-transform: uppercase;
}

.t-capt {
  text-transform: capitalize;
}

.t-caps {
  font-variant: small-caps;
}

.bg-none {
  background-color: transparent !important;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

input,
select,
textarea,
button {
  font-family: "Montserrat", "Poppins", "Segoe UI", system-ui, --apple-system, "Helvetica Neue", sans-serif;
  font-size: 1rem;
}

::-moz-selection {
  background: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}

::selection {
  background: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}

::-moz-selection {
  color: rgb(255, 255, 255);
}

section {
  overflow: auto;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  color: rgb(240, 128, 0);
}

a:not(.btn):hover {
  color: rgb(255, 152.8, 36);
  color: rgb(198, 78, 134);
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: flex;
}

.f {
  display: flex;
}

.f-r {
  display: flex;
  flex-direction: row wrap;
}

.f-c {
  display: flex;
  flex-direction: column;
}
.f-c .f-end {
  margin-left: auto;
}

.f-end {
  margin-top: auto;
}

.f-cntr {
  align-content: center;
}

.f-btwn {
  justify-content: space-between;
}

.j-end {
  justify-items: flex-end;
}

.j-cntr {
  justify-content: center;
}

.g,
.grid {
  display: grid;
}

.f-1 {
  flex: 1 !important;
}

.gc-1 {
  grid-template-columns: repeat(1, 1fr);
}

.span-1 {
  grid-column: span 1;
}

.f-2 {
  flex: 2 !important;
}

.gc-2 {
  grid-template-columns: repeat(2, 1fr);
}

.span-2 {
  grid-column: span 2;
}

.f-3 {
  flex: 3 !important;
}

.gc-3 {
  grid-template-columns: repeat(3, 1fr);
}

.span-3 {
  grid-column: span 3;
}

.f-4 {
  flex: 4 !important;
}

.gc-4 {
  grid-template-columns: repeat(4, 1fr);
}

.span-4 {
  grid-column: span 4;
}

.f-5 {
  flex: 5 !important;
}

.gc-5 {
  grid-template-columns: repeat(5, 1fr);
}

.span-5 {
  grid-column: span 5;
}

.f-6 {
  flex: 6 !important;
}

.gc-6 {
  grid-template-columns: repeat(6, 1fr);
}

.span-6 {
  grid-column: span 6;
}

.f-7 {
  flex: 7 !important;
}

.gc-7 {
  grid-template-columns: repeat(7, 1fr);
}

.span-7 {
  grid-column: span 7;
}

.f-8 {
  flex: 8 !important;
}

.gc-8 {
  grid-template-columns: repeat(8, 1fr);
}

.span-8 {
  grid-column: span 8;
}

.f-9 {
  flex: 9 !important;
}

.gc-9 {
  grid-template-columns: repeat(9, 1fr);
}

.span-9 {
  grid-column: span 9;
}

.f-10 {
  flex: 10 !important;
}

.gc-10 {
  grid-template-columns: repeat(10, 1fr);
}

.span-10 {
  grid-column: span 10;
}

.f-11 {
  flex: 11 !important;
}

.gc-11 {
  grid-template-columns: repeat(11, 1fr);
}

.span-11 {
  grid-column: span 11;
}

.f-12 {
  flex: 12 !important;
}

.gc-12 {
  grid-template-columns: repeat(12, 1fr);
}

.span-12 {
  grid-column: span 12;
}

.gp-1 {
  gap: 0.1rem !important;
}

.gp-2 {
  gap: 0.2rem !important;
}

.gp-3 {
  gap: 0.3rem !important;
}

.gp-4 {
  gap: 0.4rem !important;
}

.gp-5 {
  gap: 0.5rem !important;
}

.gp-10 {
  gap: 1rem !important;
}

.gp-15 {
  gap: 1.5rem !important;
}

.gp-20 {
  gap: 2rem !important;
}

.gp-25 {
  gap: 2.5rem !important;
}

.gp-30 {
  gap: 3rem !important;
}

.gp-40 {
  gap: 4rem !important;
}

.gp-50 {
  gap: 5rem !important;
}

body {
  display: flex;
  flex-direction: column;
  padding: 0;
  color: rgb(102, 102, 102);
  font-family: "Montserrat", "Poppins", "Segoe UI", system-ui, --apple-system, "Helvetica Neue", sans-serif;
  font-weight: 400;
  outline: none;
  background-color: rgb(247, 247, 247);
  transition-behavior: normal;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease-in;
}

#site-head,
#site-navbar,
#site-wrapp {
  padding: 0 2.5rem;
}

#site-head {
  padding-top: 0.25rem;
}

#site-wrapp {
  padding-bottom: 0.25rem;
}

#head-topbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

#topbar-logo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-items: center;
  gap: 1.5rem;
}

#topbar-home {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8rem;
  font-size: 1.3rem;
  color: rgb(255, 255, 255);
  background-color: rgb(240, 128, 0);
  border-radius: 0.5rem;
}
#topbar-home:hover {
  background-color: rgb(255, 152.8, 36);
}
#topbar-home.active {
  background-color: rgb(46, 71, 86);
}
#topbar-home.active:hover {
  background-color: rgb(63.7727272727, 98.4318181818, 119.2272727273);
}

#topbar-search {
  text-align: center;
}
#topbar-search form {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 0px 4px 4px rgb(235, 235, 235);
}
#topbar-search form input,
#topbar-search form button {
  border: 0;
  outline: 0;
  padding: 0.25rem 0.75rem;
  background-color: rgb(255, 255, 255);
}
#topbar-search form input::-moz-placeholder, #topbar-search form button::-moz-placeholder {
  font-size: 0.8rem;
  color: rgb(153, 153, 153);
}
#topbar-search form input::placeholder,
#topbar-search form button::placeholder {
  font-size: 0.8rem;
  color: rgb(153, 153, 153);
}
#topbar-search form input[type=text] {
  flex: 1;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
#topbar-search form button {
  cursor: pointer;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
#topbar-search form button:hover {
  background-color: rgb(153, 153, 153);
}

#topbar-buttons {
  text-align: right;
}
#topbar-buttons a {
  color: rgb(102, 102, 102);
  font-size: 1.25rem;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
}
#topbar-buttons a span {
  display: none;
  font-size: 1rem;
}
#topbar-buttons a.open span {
  display: inline;
}
#topbar-buttons a:hover {
  background-color: rgb(255, 152.8, 36);
  color: rgb(255, 255, 255);
}
#topbar-buttons a:hover span {
  display: inline;
}

#site-navbar {
  display: flex;
  flex-direction: column;
  height: 4rem !important;
  min-height: 4rem;
  position: relative;
}

#megabar {
  position: absolute;
  top: 4rem;
  z-index: 100;
  width: calc(100% - 5rem);
  padding: 0.75rem 1rem;
  padding-bottom: 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 4px 4px rgb(235, 235, 235), -14px 0px 4px 4px rgb(235, 235, 235);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  clip-path: inset(0px -4px -4px -4px);
}

#megabar a.tab-box:hover {
  background-color: rgb(240, 128, 0);
}
#megabar a.tab-box:hover .tab-txt span.t-scnd {
  color: rgb(255, 255, 255) !important;
}
#megabar a.tab-box:hover .tab-txt span.t-mute {
  color: rgb(46, 71, 86) !important;
}

#navbar {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 1px;
  margin-top: 0.25rem;
  box-shadow: 0px 0px 4px 4px rgb(235, 235, 235);
  border-radius: 0.5rem;
}
#navbar .navbar-item {
  flex: 1;
  display: flex;
  flex-direction: row;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  background-color: rgb(240, 128, 0);
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
#navbar .navbar-item:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
#navbar .navbar-item:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-bottom-left-radius: 0;
}
#navbar .navbar-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
#navbar .navbar-item:last-child:hover {
  border-bottom-right-radius: 0;
}
#navbar .navbar-item:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(46, 71, 86);
}
#navbar .navbar-item.active {
  background-color: rgb(46, 71, 86);
  color: rgb(255, 255, 255);
}
#navbar .navbar-item i {
  font-size: 1.4rem;
}

.navmain {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  max-height: 4rem !important;
  height: 4rem !important;
  gap: 1px;
  margin: 0 2.5rem;
  margin-top: 0.25rem;
  box-shadow: 0px 0px 4px 4px rgb(235, 235, 235);
  border-radius: 0.5rem;
}
.navmain .navmain-item {
  flex: 1;
  display: flex;
  flex-direction: row;
  font-size: 1.25rem;
  background-color: rgb(240, 128, 0);
  align-items: center;
  justify-content: center;
  position: relative;
}
.navmain .navmain-item a {
  color: rgb(255, 255, 255);
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  overflow: hidden;
  gap: 0.25rem;
}
.navmain .navmain-item .navmain-sub {
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 99;
  min-width: 22rem;
  display: none;
  border: 1px dashed rgb(182, 182, 182);
  border-top: 0;
  padding: 0.75rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.navmain .navmain-item .navmain-sub .navmain-subgroup {
  text-transform: uppercase;
  color: rgb(153, 153, 153);
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.75rem;
}
.navmain .navmain-item .navmain-sub .navmain-subgroup:first-child {
  margin-top: 0;
}
.navmain .navmain-item .navmain-sub .navmain-subitem {
  border-radius: 0.5rem;
  transition: all linear 0.5s;
}
.navmain .navmain-item .navmain-sub .navmain-subitem .tab-box .tab-ico {
  padding: 0.25rem 0.35rem;
}
.navmain .navmain-item .navmain-sub .navmain-subitem .tab-box .tab-ico i {
  font-size: 1.4rem;
  color: hsl(0, 0%, 70%);
}
.navmain .navmain-item .navmain-sub .navmain-subitem:hover {
  background-color: rgb(240, 128, 0);
}
.navmain .navmain-item .navmain-sub .navmain-subitem:hover .tab-box .tab-txt .t-scnd {
  color: rgb(255, 255, 255) !important;
}
.navmain .navmain-item:nth-last-child(-n+2) .navmain-sub {
  left: auto;
  right: 0;
}
.navmain .navmain-item:hover {
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 0;
}
.navmain .navmain-item:hover a {
  color: rgb(46, 71, 86);
}
.navmain .navmain-item:hover .navmain-sub {
  display: block;
}
.navmain .navmain-item:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.navmain .navmain-item:first-child:hover {
  border-bottom-left-radius: 0;
}
.navmain .navmain-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.navmain .navmain-item:last-child:hover {
  border-bottom-right-radius: 0;
}
.navmain .navmain-item:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(46, 71, 86);
}
.navmain .navmain-item.active {
  background-color: rgb(46, 71, 86);
}
.navmain .navmain-item.active:hover a {
  color: rgb(240, 128, 0);
}
.navmain .navmain-item i {
  font-size: 1.4rem;
}

body.login-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.login-page .card {
  width: 48% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.25em;
  color: rgb(46, 71, 86);
  font-weight: 600;
  line-height: 1.35em;
}

h1 {
  font-size: 2.2rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.4rem;
}

h6 {
  font-size: 1.2rem;
}

p {
  margin-bottom: 0.75rem;
}

.btn {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: rgb(255, 255, 255);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s ease-in;
}
.btn.btn-block {
  display: block;
  text-align: center;
}
.btn.btn-xs {
  font-size: 0.75rem;
  padding: 0.15rem 0.35rem;
}
.btn.btn-sm {
  font-size: 0.9rem;
  padding: 0.25rem 0.75rem;
}
.btn.btn-md {
  font-size: 1.1rem;
  padding: 0.375rem 1.75rem;
}
.btn.btn-lg {
  font-size: 1.2rem;
  padding: 0.5rem 1.25rem;
}
.btn.btn-xl {
  font-size: 1.4rem;
  padding: 0.75rem 1.5rem;
}
.btn.btn-add, .btn.btn-min {
  padding: 0.2rem 0.5rem !important;
}

.btn-grp {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.25rem;
  justify-content: center;
}

.card {
  background-color: rgb(255, 255, 255);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin-top: 1rem;
  box-shadow: 0px 0px 4px 4px rgb(235, 235, 235);
}

.card.card-nobg {
  background-color: transparent;
  box-shadow: none;
}

.card.card-collapse {
  transition: all 0.5s ease-in;
}
.card.card-collapse .open-show {
  display: none;
}

.card.card-collapse.open {
  flex: 1;
}
.card.card-collapse.open .open-show {
  display: initial;
  display: inline;
}

.card .card-head {
  border-bottom: 1px dashed rgb(217, 217, 217);
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}
.card .card-head .head-sub {
  color: rgb(179, 179, 179);
}

.ovrflw {
  overflow: hidden;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  font-size: 1.15rem;
  color: rgb(153, 153, 153);
}
.breadcrumbs a {
  color: rgb(153, 153, 153);
}
.breadcrumbs .active a {
  color: rgb(240, 128, 0);
  font-weight: 600;
}
.breadcrumbs .breadcrumbs-slash {
  padding: 0 0.75rem;
}

.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box .box-img {
  overflow: hidden;
}
.box .box-img a {
  display: block;
  border-radius: 0.5rem;
}
.box .box-img img {
  border-radius: 0.5rem;
  transition: all 0.5s ease-in;
}
.box .box-img.img-brdr img {
  border: 4px solid rgb(230, 230, 230);
}
.box .box-img.img-brdr img:hover {
  border: 4px solid rgb(240, 128, 0);
}
.box:hover .box-img a {
  overflow: hidden;
}
.box:hover .box-img img {
  transform: scale(115%);
}
.box:hover .box-img.img-noscale img {
  transform: scale(100%);
}
.box.box-sml h3 {
  font-size: 0.9rem !important;
}
.box.box-horizntl {
  flex-direction: row !important;
  gap: 1.5rem;
}
.box.box-horizntl .box-img {
  flex: 1;
}
.box.box-horizntl .box-contents {
  flex: 3;
  display: flex;
  flex-direction: column;
}
.box.box-horizntl .box-contents .slct-btn {
  flex: 1;
  align-content: flex-end;
}
.box.box-choice.chosen a.btn {
  background-color: rgb(240, 128, 0);
  border-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}
.box.box-choice.chosen a.btn .ico-choose {
  display: none;
}
.box.box-choice.chosen a.btn .ico-chosen {
  display: inline;
}
.box.box-choice.chosen a.btn .ico-locked {
  display: none;
}
.box.box-choice.locked .box-img img {
  transform: none;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}
.box.box-choice.locked h3.t-prim {
  color: rgb(179, 179, 179) !important;
}
.box.box-choice.locked a {
  cursor: not-allowed;
}
.box.box-choice.locked a.btn {
  border-color: rgb(179, 179, 179);
  color: rgb(179, 179, 179);
}
.box.box-choice.locked a.btn .ico-choose {
  display: none;
}
.box.box-choice.locked a.btn .ico-chosen {
  display: none;
}
.box.box-choice.locked a.btn .ico-locked {
  display: inline;
}
.box.box-choice a.btn {
  border: 1px solid rgb(46, 71, 86);
  color: rgb(46, 71, 86);
}
.box.box-choice a.btn .ico-choose {
  display: inline;
}
.box.box-choice a.btn .ico-chosen {
  display: none;
}
.box.box-choice a.btn .ico-locked {
  display: none;
}

.card.tab-locked {
  box-shadow: none;
  background-color: transparent;
}
.card.tab-locked i {
  color: rgb(179, 179, 179);
}

.card.tab-active .tab-nm {
  color: rgb(240, 128, 0);
}
.card.tab-active .tab-ico {
  background-color: rgb(240, 128, 0);
}
.card.tab-active .tab-ico i {
  color: rgb(255, 255, 255);
}
.card.tab-active:hover .tab-ico i {
  color: rgb(255, 255, 255);
}

.tab-box {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding: 0;
}
.tab-box .tab-ico {
  padding: 0.75rem 1.25rem;
  background-color: rgb(242, 242, 242);
  border-radius: 0.5rem;
  transition: all 0.5s ease;
}
.tab-box .tab-ico i {
  font-size: 2.4rem;
  color: rgb(179, 179, 179);
}
.tab-box.tab-box-steps {
  flex-direction: column;
}
.tab-box.tab-box-steps .tab-ico {
  padding: 0.25rem 0.5rem;
  text-align: center;
}
.tab-box.tab-box-steps .tab-ico i {
  font-size: 1.6rem;
}
.tab-box .tab-txt {
  flex: 1;
  padding-top: 0;
  color: rgb(179, 179, 179);
}
.tab-box .tab-inp {
  display: flex;
  padding-top: 0.25rem;
  flex-direction: row;
  width: auto;
  align-self: flex-start;
}
.tab-box .tab-inp input,
.tab-box .tab-inp select,
.tab-box .tab-inp textarea {
  width: 100%;
}

a.tab-box:hover .tab-ico {
  color: rgb(240, 128, 0);
}
a.tab-box:hover .tab-ico i {
  color: rgb(240, 128, 0);
}
a.tab-box:hover .tab-txt .tab-nm {
  color: rgb(240, 128, 0) !important;
}

.alrt {
  padding: 0.8rem 1.2rem;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  border-radius: 0.5rem;
}
.alrt .alrt-lead {
  text-transform: uppercase;
  font-size: 1rem;
}

.alrt-toast {
  position: absolute;
  z-index: 30;
  right: 2.5rem;
  top: -20rem;
  transition: all 0.6s ease;
  width: 32%;
  margin-bottom: 0.8rem !important;
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
}
.alrt-toast.show {
  top: 1.1rem;
}

.tbl {
  border-radius: 0.5rem;
  width: 100%;
  empty-cells: show;
  border-spacing: 0;
  border-radius: 0.5rem;
}
.tbl thead {
  background-color: rgb(240, 128, 0);
  background-color: rgb(255, 255, 255);
  border-radius: 0.5rem;
}
.tbl thead th {
  padding: 0.5rem 0.75rem;
  color: rgb(255, 255, 255);
  font-weight: normal;
  text-align: left;
  color: rgb(204, 204, 204);
  color: rgb(72.6590909091, 112.1477272727, 135.8409090909);
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid rgb(230, 230, 230);
}
.tbl thead th:first-child {
  border-top-left-radius: 0.5rem;
}
.tbl thead th:last-child {
  border-top-right-radius: 0.5rem;
}
.tbl tr:hover {
  background-color: rgb(242, 242, 242);
}
.tbl td {
  padding: 0.375rem 0.75rem;
  border-bottom: 1px dashed rgb(230, 230, 230);
}
.tbl.tbl-hasActs th:last-child, .tbl.tbl-hasActs td:last-child {
  text-align: center !important;
}
.tbl td .tbl-vl {
  font-weight: bold;
  color: rgb(46, 71, 86);
}
.tbl th.tbl-vl {
  text-align: right !important;
}
.tbl .tbl-meta {
  color: rgb(153, 153, 153);
  font-size: 0.85rem;
}
.tbl .tbl-meta-value {
  font-weight: 400;
}
.tbl .tbl-lead {
  font-size: 1.25rem;
  font-weight: 500;
  color: rgb(46, 71, 86);
}
.tbl .tbl-lead-link {
  color: rgb(240, 128, 0);
  font-size: 1.25rem;
  font-weight: 500;
}
.tbl img {
  border-radius: 0.5rem;
}

ul.menu .menu-group {
  border-radius: 0.5rem;
  background-color: rgb(242, 242, 242);
  padding: 0.25rem 0.5rem;
  text-align: center;
  text-transform: uppercase;
  color: rgb(128, 128, 128);
  font-weight: 600;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
ul.menu .menu-group:first-child {
  margin-top: 0;
}
ul.menu .menu-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 1px;
}
ul.menu .menu-item a {
  flex: 1;
  padding: 0.25rem 0.5rem;
  margin: 0.125 0;
  border-radius: 0.5rem;
}
ul.menu .menu-item.menu-item-active a,
ul.menu .menu-item a:hover {
  background-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}

.ralBox div {
  border-radius: 0.5rem;
  border: solid 4px rgb(230, 230, 230);
  transition: all 0.5s ease;
  min-height: 4.5rem;
}
.ralBox:hover div {
  border: solid 4px rgb(240, 128, 0);
}

img.rspnsv {
  width: 100%;
  height: auto;
}
img.rnd-brdr {
  border: 4px solid rgb(230, 230, 230);
  border-radius: 0.5rem;
}
img.mw-380 {
  max-width: 380px;
}
img.cntr {
  margin-left: auto;
  margin-right: auto;
}

.pnlSwitchTab {
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  transition: all 0.5s ease;
  background-color: rgb(242, 242, 242);
}
.pnlSwitchTab .pnlSwitchTabTxt {
  color: rgb(153, 153, 153);
}
.pnlSwitchTab:hover .pnlSwitchTabTxt {
  color: rgb(116.4, 138.45, 204.6);
}
.pnlSwitchTab.active .pnlSwitchTabTxt {
  color: rgb(79, 107, 191);
}
.pnlSwitchTab.active {
  background-color: transparent;
}

.pnlSwitchPnl {
  display: none;
}
.pnlSwitchPnl.active {
  display: block;
}

.pnlSwitchGrpImgs .pnlSwitchTab {
  background-color: transparent;
}
.pnlSwitchGrpImgs .pnlSwitchTab.active img {
  border: 4px solid rgb(240, 128, 0);
}

a.pill {
  display: block;
}

a.pill:hover, a.pill.actv {
  background-color: rgb(240, 128, 0) !important;
  color: rgb(255, 255, 255) !important;
}
a.pill:hover .t-scnd, a.pill:hover .t-thrd, a.pill.actv .t-scnd, a.pill.actv .t-thrd {
  color: rgb(255, 255, 255) !important;
}

.hideElem {
  display: none !important;
}

.brdr {
  border-bottom: 1px dashed rgb(230, 230, 230);
  padding-bottom: 0.25rem;
  margin-bottom: 0.75rem;
}

.brdr-t {
  border-top: 1px dashed rgb(230, 230, 230);
  padding-top: 0.25rem;
  margin-top: 0.75rem;
}

.brdr-b {
  border-bottom: 1px dashed rgb(230, 230, 230);
  padding-bottom: 0.25rem;
  margin-bottom: 0.75rem;
}

.radius {
  border-radius: 0.5rem;
}

.gtExtrPnl-sq {
  background-color: rgb(230, 230, 230);
  border-radius: 0.5rem;
  font-size: 1.4rem;
  width: 56px;
  text-align: center;
  color: rgb(240, 128, 0);
  align-content: center;
  border-bottom: 2px solid white;
}
.gtExtrPnl-pnl {
  background-repeat: repeat-x;
  background-size: auto 100%;
  border-bottom: 2px solid rgb(128, 128, 128);
  position: relative;
}
.gtExtrPnl:last-child .gtExtrPnl-pnl {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.gtExtrPnl:nth-child(2) .gtExtrPnl-pnl {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.gtExtrPnl .wings .gtExtrPnl-sgm {
  border: 1rem solid #b3b3b3;
}
.gtExtrPnl .wings.gtExtrPnl-pnl-top .gtExtrPnl-sgm {
  border-bottom: none;
}
.gtExtrPnl .wings.gtExtrPnl-pnl-btm .gtExtrPnl-sgm {
  border-top: none;
}
.gtExtrPnl .wings.gtExtrPnl-pnl-mdl .gtExtrPnl-sgm {
  border-top: none;
  border-bottom: none;
}
.gtExtrPnl-sct {
  border-radius: 0.5rem;
  background-color: rgb(230, 230, 230);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  text-align: center;
  color: rgb(46, 71, 86);
  align-content: center;
}
.gtExtrPnl-sgm {
  justify-self: stretch;
  align-self: stretch;
  border: 1px dashed rgb(128, 128, 128);
}
.gtExtrPnl .gtExtrPnl-img {
  display: block;
  margin: 1.25rem auto;
}
.gtExtrPnl .doors {
  border: 2px solid red;
}
.gtExtrPnl-sgmnts {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.js-sctLnk:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.js-sctLnk.active {
  border: 4px solid rgb(240, 128, 0);
}

.js-sctLnk.pnlGlass {
  border: 12px solid #b3b3b3;
}
.js-sctLnk.pnlGlass.active {
  border-color: rgb(240, 128, 0);
}

.js-sctLnk.pnlVent {
  border: 12px solid #b3b3b3;
}
.js-sctLnk.pnlVent.active {
  border-color: rgb(240, 128, 0);
}

.gtSctDoors {
  border-width: 12px;
  border-style: solid;
  border-color: silver;
  width: 100%;
  margin: 0 2rem;
}
.gtSctDoors.mddl {
  border-top: none;
  border-bottom: none;
}
.gtSctDoors.mddl.latch {
  position: relative;
}
.gtSctDoors.mddl.latch:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  bottom: 1.5rem;
  right: 2rem;
  border-radius: 0.75rem;
  background-color: silver;
}
.gtSctDoors.mddl.latch.sideR:after {
  right: unset;
  left: 2rem;
}
.gtSctDoors.top {
  border-bottom: none;
  margin-top: 2rem;
}
.gtSctDoors.bttm {
  border-top: none;
  border-bottom-width: 18px;
  margin-bottom: 1.5rem;
}
.gtSctDoors.bttm.lowtrshld {
  border-bottom-width: 4px;
  margin-bottom: 2px;
}

.pnlGlass .gtSctDoors,
.pnlVent .gtSctDoors {
  margin: 0 calc(2rem - 12px);
}

input,
select,
textarea,
button {
  outline: 0;
  font-size: 1.15rem;
  color: rgb(46, 71, 86);
  border-radius: 0.5rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid rgb(204, 204, 204);
  background-color: white;
}

.modal-window form.frm {
  margin: 0.75rem !important;
  margin-bottom: 0;
}
.modal-window form.frm h3.frm-grp-header {
  font-size: 1.4rem;
}
.modal-window form.frm .frm-sbmrow {
  margin-bottom: 0;
  padding-bottom: 0;
}

form.frm h3.frm-grp-header {
  border-bottom: 1px dashed rgb(230, 230, 230);
  padding-bottom: 0.25rem;
  margin-bottom: 0.75rem;
  color: rgb(198, 78, 134);
}
form.frm .f-r {
  margin: 0.5rem 0;
}
form.frm .frm-inp {
  flex: 1;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
form.frm .frm-inp * {
  margin-bottom: 0.5rem;
}
form.frm .frm-inp label {
  color: rgb(179, 179, 179);
  text-transform: uppercase;
}
form.frm .frm-inp input,
form.frm .frm-inp select {
  outline: none;
  border: 1px solid rgb(217, 217, 217);
  padding: 0.4rem 0.8rem;
  min-width: 25px;
  display: block;
  width: 100%;
}
form.frm .lblUpload {
  border: 1px solid rgb(240, 128, 0);
  color: rgb(240, 128, 0) !important;
  flex: 1;
  padding: 0.7rem 1.5rem;
  text-align: center;
  border-radius: 0.5rem;
  transition: all 0.5s ease;
}
form.frm .lblUpload:hover {
  background-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
}
form.frm .frm-sbmrow {
  border-top: 1px dashed rgb(230, 230, 230);
  padding: 0.75rem 0;
  margin: 0.75rem 0;
}
form.frm input[type=checkbox] {
  margin: 0;
  padding: 0;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: rgb(255, 255, 255);
  border: 0;
}
form.frm input[type=checkbox]::before {
  content: "";
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  line-height: 1rem;
  border: 2px solid rgb(240, 128, 0);
  font-weight: bold;
  border-radius: 0.5rem;
}
form.frm input[type=checkbox]:checked::before {
  content: "+";
  display: block;
  text-align: center;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.35rem;
  margin-right: 0.25rem;
  line-height: 1.1rem;
  font-weight: bold;
  border: 2px solid rgb(240, 128, 0) !important;
  border-radius: 0.5rem;
  background-color: rgb(240, 128, 0);
  color: rgb(255, 255, 255);
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  padding-bottom: 20vh;
  overflow: auto;
  scroll-behavior: smooth;
}
.modal::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}
.modal::-webkit-scrollbar-thumb {
  background-color: rgb(153, 153, 153);
  border-radius: 3px;
}
.modal::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
.modal .modal-window {
  width: 55%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2%;
  margin-bottom: auto;
  border-radius: 0.5rem;
  background-color: rgb(255, 255, 255) !important;
  border-radius: 0.5rem;
  padding: 0.5rem;
  box-shadow: 0px 0px 4px 4px rgb(63, 63, 63);
}
.modal .modal-header {
  border-bottom: 1px dashed hsl(0, 0%, 90%);
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row nowrap;
}
.modal .modal-header .modal-title {
  color: rgb(46, 71, 86);
  font-size: 2.2rem;
  flex: 1;
}
.modal .modal-header a.modal-close {
  color: rgb(179, 179, 179);
}
.modal .modal-footer {
  border-top: 1px dashed rgb(204, 204, 204);
  padding: 0.5rem;
  text-align: center;
}

:root {
  --pdf-header-height: 92px;
  --pdf-footer-height: 92px;
}

@page {
  margin: 0px;
  margin-top: var(--pdf-header-height);
  margin-bottom: var(--pdf-footer-height);
}
.body-pdf {
  margin: 0px;
  padding: 0px;
  background-color: rgb(255, 255, 255);
}
.body-pdf header {
  position: fixed;
  top: -var(--pdf-header-height);
  left: 0px;
  right: 0px;
  height: var(--pdf-header-height);
  text-align: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.body-pdf header img {
  height: 40px;
}
.body-pdf header td {
  padding: 16px;
}
.body-pdf header td.header-logo {
  width: 200px;
  text-align: left;
}
.body-pdf header td.header-slogan {
  width: 522px;
  text-align: right;
}
.body-pdf footer {
  position: fixed;
  bottom: -var(--pdf-footer-height);
  left: 0px;
  right: 0px;
  height: var(--pdf-footer-height);
  text-align: center;
  border-top: 1px dashed rgb(204, 204, 204);
}
.body-pdf footer td.footer_info {
  vertical-align: top;
}
.body-pdf .t-sml {
  line-height: 0.75rem;
}
.body-pdf .t-tny {
  line-height: 0.65rem;
}
.body-pdf main {
  padding: 16px;
}
.body-pdf td {
  vertical-align: top;
  line-height: 14px;
}
.body-pdf td.mddl {
  vertical-align: middle;
}
.body-pdf td.brdr-postbl {
  border-bottom: 3px solid rgb(230, 230, 230);
}
.body-pdf td.brdr-postbl-end {
  border-bottom: 3px solid rgb(230, 230, 230);
}
.body-pdf td.brdr-postbl-top {
  border-top: 3px solid rgb(230, 230, 230);
}
.body-pdf .w1 {
  width: 62px;
}
.body-pdf .w2 {
  width: 125px;
}
.body-pdf .w3 {
  width: 189px;
}
.body-pdf .w4 {
  width: 252px;
}
.body-pdf .w5 {
  width: 315px;
}
.body-pdf .w6 {
  width: 378px;
}
.body-pdf .w7 {
  width: 441px;
}
.body-pdf .w8 {
  width: 504px;
}
.body-pdf .w9 {
  width: 567px;
}
.body-pdf .w10 {
  width: 630px;
}
.body-pdf .w11 {
  width: 693px;
}
.body-pdf .w12 {
  width: 756px;
}/*# sourceMappingURL=styles.css.map */