.t-sccs {
  color: hsl(141, 66%, 30%) !important;
}

.bg-sccs {
  background-color: hsl(141, 66%, 30%) !important;
}

a.a-sccs {
  color: hsl(141, 66%, 30%) !important;
}

a.a-sccs:not(.btn):hover {
  color: #27be5c !important;
}

.sct-head.sccs {
  border-bottom-color: hsl(141, 66%, 30%);
}

.btn.btn-sccs {
  background-color: hsl(141, 66%, 30%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-sccs:hover {
  background-color: #23a952;
}

.btn.btn-out-sccs {
  border: 1px solid hsl(141, 66%, 30%);
  background-color: none;
  color: hsl(141, 66%, 30%);
}
.btn.btn-out-sccs:hover {
  background-color: hsl(141, 66%, 30%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-sccs i {
  color: hsl(141, 66%, 30%);
}
.site-mainnav-button .mainnav-button-sccs:hover, .site-mainnav-button .mainnav-button-sccs.mainnav-button-active {
  background-color: hsl(141, 66%, 30%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-sccs:hover i, .site-mainnav-button .mainnav-button-sccs.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-sccs .card-head {
  background-color: #a2ecbc;
  color: hsl(141, 66%, 30%);
  border-bottom: 1px solid hsl(141, 66%, 30%);
}
.card.card-sccs.card-solid .card-head, .card.card-sccs.card-full .card-head {
  background-color: hsl(141, 66%, 30%);
  color: hsl(0, 0%, 100%);
}
.card.card-sccs.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(141, 66%, 30%);
}
.card.card-sccs.card-full {
  background-color: hsl(141, 66%, 30%);
}
.card.card-sccs.card-full .card-head {
  border-bottom: 1px solid #1e9448;
}
.card.card-sccs.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-sccs.card-full .card-foot {
  border-top: 1px solid #1e9448;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-sccs {
  background-color: #0d3f1f;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-sccs:hover {
  background-color: #04150a;
}

.darkmode .btn.btn-out-sccs {
  border: 1px solid #0d3f1f;
  background-color: none;
  color: #0d3f1f;
}
.darkmode .btn.btn-out-sccs:hover {
  background-color: #0d3f1f;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-sccs {
  background-color: #aaeec2;
  color: hsl(141, 66%, 30%);
  border-left: 0.4rem solid hsl(141, 66%, 30%);
}

.darkmode .alrt.alrt-sccs {
  background-color: #092a14;
  color: hsl(141, 66%, 30%);
  border-left: 0.4rem solid hsl(141, 66%, 30%);
}

.brdr-sccs {
  border: 1px solid hsl(141, 66%, 30%);
  border-radius: 0.5rem;
}

.dashbox-sccs .dashbox-ico {
  background-color: hsl(141, 66%, 30%);
}
.dashbox-sccs .dashbox-val {
  color: hsl(141, 66%, 30%);
}
.dashbox-sccs .dashbox-lnk a:hover {
  color: hsl(141, 66%, 30%);
}

.darkmode .tbl.tbl-sccs th {
  background-color: #092a14;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-sccs tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #0d3f1f;
}
.darkmode .tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #166a33;
}
.darkmode .tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #0d3f1f;
}
.darkmode .tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #166a33;
}

.tbl.tbl-sccs th {
  background-color: #c8f4d7;
  color: hsl(141, 66%, 30%);
}
.tbl.tbl-sccs tr:hover {
  background-color: #d9f7e4;
}
.tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(141, 66%, 30%);
}
.tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(141, 66%, 30%);
}
.tbl.tbl-sccs.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #2bd466;
}
.tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(141, 66%, 30%);
}
.tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(141, 66%, 30%);
}
.tbl.tbl-sccs.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #2bd466;
}

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

.darkmode .tbl-sccs .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-sccs input[type=checkbox]::before {
  border: 2px solid #0d3f1f;
}
.darkmode .tbl-sccs .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-sccs input[type=checkbox]:checked::before {
  background-color: hsl(141, 66%, 30%);
  background-color: #0d3f1f;
  color: hsl(0, 0%, 60%);
}

.modal.modal-sccs .modal-header {
  background-color: hsl(141, 66%, 30%);
}
.modal.modal-sccs .modal-footer .btn {
  background-color: hsl(141, 66%, 30%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-sccs .modal-header {
  background-color: #0d3f1f;
}
.darkmode .modal.modal-sccs .modal-footer .btn {
  background-color: #0d3f1f;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-sccs .subnav-link i {
  color: hsl(141, 66%, 30%);
}
.panel.panel-subnav.subnav-sccs .subnav-link:hover {
  background-color: hsl(141, 66%, 30%);
}
.panel.panel-subnav.subnav-sccs .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-info {
  color: hsl(205, 75%, 40%) !important;
}

.bg-info {
  background-color: hsl(205, 75%, 40%) !important;
}

a.a-info {
  color: hsl(205, 75%, 40%) !important;
}

a.a-info:not(.btn):hover {
  color: #369be2 !important;
}

.sct-head.info {
  border-bottom-color: hsl(205, 75%, 40%);
}

.btn.btn-info {
  background-color: hsl(205, 75%, 40%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-info:hover {
  background-color: #208fdf;
}

.btn.btn-out-info {
  border: 1px solid hsl(205, 75%, 40%);
  background-color: none;
  color: hsl(205, 75%, 40%);
}
.btn.btn-out-info:hover {
  background-color: hsl(205, 75%, 40%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-info i {
  color: hsl(205, 75%, 40%);
}
.site-mainnav-button .mainnav-button-info:hover, .site-mainnav-button .mainnav-button-info.mainnav-button-active {
  background-color: hsl(205, 75%, 40%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-info:hover i, .site-mainnav-button .mainnav-button-info.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-info .card-head {
  background-color: #c9e4f7;
  color: hsl(205, 75%, 40%);
  border-bottom: 1px solid hsl(205, 75%, 40%);
}
.card.card-info.card-solid .card-head, .card.card-info.card-full .card-head {
  background-color: hsl(205, 75%, 40%);
  color: hsl(0, 0%, 100%);
}
.card.card-info.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(205, 75%, 40%);
}
.card.card-info.card-full {
  background-color: hsl(205, 75%, 40%);
}
.card.card-info.card-full .card-head {
  border-bottom: 1px solid #1d81c9;
}
.card.card-info.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-info.card-full .card-foot {
  border-top: 1px solid #1d81c9;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-info {
  background-color: #104870;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-info:hover {
  background-color: #0a2b43;
}

.darkmode .btn.btn-out-info {
  border: 1px solid #104870;
  background-color: none;
  color: #104870;
}
.darkmode .btn.btn-out-info:hover {
  background-color: #104870;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-info {
  background-color: #d2e9f9;
  color: hsl(205, 75%, 40%);
  border-left: 0.4rem solid hsl(205, 75%, 40%);
}

.darkmode .alrt.alrt-info {
  background-color: #0d3959;
  color: hsl(205, 75%, 40%);
  border-left: 0.4rem solid hsl(205, 75%, 40%);
}

.brdr-info {
  border: 1px solid hsl(205, 75%, 40%);
  border-radius: 0.5rem;
}

.dashbox-info .dashbox-ico {
  background-color: hsl(205, 75%, 40%);
}
.dashbox-info .dashbox-val {
  color: hsl(205, 75%, 40%);
}
.dashbox-info .dashbox-lnk a:hover {
  color: hsl(205, 75%, 40%);
}

.darkmode .tbl.tbl-info th {
  background-color: #0d3959;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-info tr:hover {
  background-color: #061d2d;
}
.darkmode .tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #030e16;
}
.darkmode .tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #104870;
}
.darkmode .tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #16649c;
}
.darkmode .tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #030e16;
}
.darkmode .tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #104870;
}
.darkmode .tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #16649c;
}

.tbl.tbl-info th {
  background-color: #f2f8fd;
  color: hsl(205, 75%, 40%);
}
.tbl.tbl-info tr:hover {
  background-color: white;
}
.tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(205, 75%, 40%);
}
.tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(205, 75%, 40%);
}
.tbl.tbl-info.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #4da6e6;
}
.tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(205, 75%, 40%);
}
.tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(205, 75%, 40%);
}
.tbl.tbl-info.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #4da6e6;
}

.tbl-info .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-info input[type=checkbox]::before {
  border: 2px solid hsl(205, 75%, 40%);
}
.tbl-info .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-info input[type=checkbox]:checked::before {
  background-color: hsl(205, 75%, 40%);
}

.darkmode .tbl-info .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-info input[type=checkbox]::before {
  border: 2px solid #104870;
}
.darkmode .tbl-info .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-info input[type=checkbox]:checked::before {
  background-color: hsl(205, 75%, 40%);
  background-color: #104870;
  color: hsl(0, 0%, 60%);
}

.modal.modal-info .modal-header {
  background-color: hsl(205, 75%, 40%);
}
.modal.modal-info .modal-footer .btn {
  background-color: hsl(205, 75%, 40%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-info .modal-header {
  background-color: #104870;
}
.darkmode .modal.modal-info .modal-footer .btn {
  background-color: #104870;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-info .subnav-link i {
  color: hsl(205, 75%, 40%);
}
.panel.panel-subnav.subnav-info .subnav-link:hover {
  background-color: hsl(205, 75%, 40%);
}
.panel.panel-subnav.subnav-info .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-warn {
  color: hsl(38, 99%, 40%) !important;
}

.bg-warn {
  background-color: hsl(38, 99%, 40%) !important;
}

a.a-warn {
  color: hsl(38, 99%, 40%) !important;
}

a.a-warn:not(.btn):hover {
  color: #feab1b !important;
}

.sct-head.warn {
  border-bottom-color: hsl(38, 99%, 40%);
}

.btn.btn-warn {
  background-color: hsl(38, 99%, 40%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-warn:hover {
  background-color: #fea101;
}

.btn.btn-out-warn {
  border: 1px solid hsl(38, 99%, 40%);
  background-color: none;
  color: hsl(38, 99%, 40%);
}
.btn.btn-out-warn:hover {
  background-color: hsl(38, 99%, 40%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-warn i {
  color: hsl(38, 99%, 40%);
}
.site-mainnav-button .mainnav-button-warn:hover, .site-mainnav-button .mainnav-button-warn.mainnav-button-active {
  background-color: hsl(38, 99%, 40%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-warn:hover i, .site-mainnav-button .mainnav-button-warn.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-warn .card-head {
  background-color: #ffe8c2;
  color: hsl(38, 99%, 40%);
  border-bottom: 1px solid hsl(38, 99%, 40%);
}
.card.card-warn.card-solid .card-head, .card.card-warn.card-full .card-head {
  background-color: hsl(38, 99%, 40%);
  color: hsl(0, 0%, 100%);
}
.card.card-warn.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(38, 99%, 40%);
}
.card.card-warn.card-full {
  background-color: hsl(38, 99%, 40%);
}
.card.card-warn.card-full .card-head {
  border-bottom: 1px solid #e49101;
}
.card.card-warn.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-warn.card-full .card-foot {
  border-top: 1px solid #e49101;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-warn {
  background-color: #7f5101;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-warn:hover {
  background-color: #4c3000;
}

.darkmode .btn.btn-out-warn {
  border: 1px solid #7f5101;
  background-color: none;
  color: #7f5101;
}
.darkmode .btn.btn-out-warn:hover {
  background-color: #7f5101;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-warn {
  background-color: #ffeccc;
  color: hsl(38, 99%, 40%);
  border-left: 0.4rem solid hsl(38, 99%, 40%);
}

.darkmode .alrt.alrt-warn {
  background-color: #654001;
  color: hsl(38, 99%, 40%);
  border-left: 0.4rem solid hsl(38, 99%, 40%);
}

.brdr-warn {
  border: 1px solid hsl(38, 99%, 40%);
  border-radius: 0.5rem;
}

.dashbox-warn .dashbox-ico {
  background-color: hsl(38, 99%, 40%);
}
.dashbox-warn .dashbox-val {
  color: hsl(38, 99%, 40%);
}
.dashbox-warn .dashbox-lnk a:hover {
  color: hsl(38, 99%, 40%);
}

.darkmode .tbl.tbl-warn th {
  background-color: #654001;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-warn tr:hover {
  background-color: #332000;
}
.darkmode .tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #191000;
}
.darkmode .tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #7f5101;
}
.darkmode .tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #b27101;
}
.darkmode .tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #191000;
}
.darkmode .tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #7f5101;
}
.darkmode .tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #b27101;
}

.tbl.tbl-warn th {
  background-color: #fff9f0;
  color: hsl(38, 99%, 40%);
}
.tbl.tbl-warn tr:hover {
  background-color: white;
}
.tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(38, 99%, 40%);
}
.tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(38, 99%, 40%);
}
.tbl.tbl-warn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #feb434;
}
.tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(38, 99%, 40%);
}
.tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(38, 99%, 40%);
}
.tbl.tbl-warn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #feb434;
}

.tbl-warn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-warn input[type=checkbox]::before {
  border: 2px solid hsl(38, 99%, 40%);
}
.tbl-warn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-warn input[type=checkbox]:checked::before {
  background-color: hsl(38, 99%, 40%);
}

.darkmode .tbl-warn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-warn input[type=checkbox]::before {
  border: 2px solid #7f5101;
}
.darkmode .tbl-warn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-warn input[type=checkbox]:checked::before {
  background-color: hsl(38, 99%, 40%);
  background-color: #7f5101;
  color: hsl(0, 0%, 60%);
}

.modal.modal-warn .modal-header {
  background-color: hsl(38, 99%, 40%);
}
.modal.modal-warn .modal-footer .btn {
  background-color: hsl(38, 99%, 40%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-warn .modal-header {
  background-color: #7f5101;
}
.darkmode .modal.modal-warn .modal-footer .btn {
  background-color: #7f5101;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-warn .subnav-link i {
  color: hsl(38, 99%, 40%);
}
.panel.panel-subnav.subnav-warn .subnav-link:hover {
  background-color: hsl(38, 99%, 40%);
}
.panel.panel-subnav.subnav-warn .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-dngr {
  color: hsl(358, 75%, 40%) !important;
}

.bg-dngr {
  background-color: hsl(358, 75%, 40%) !important;
}

a.a-dngr {
  color: hsl(358, 75%, 40%) !important;
}

a.a-dngr:not(.btn):hover {
  color: #e2363c !important;
}

.sct-head.dngr {
  border-bottom-color: hsl(358, 75%, 40%);
}

.btn.btn-dngr {
  background-color: hsl(358, 75%, 40%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dngr:hover {
  background-color: #df2026;
}

.btn.btn-out-dngr {
  border: 1px solid hsl(358, 75%, 40%);
  background-color: none;
  color: hsl(358, 75%, 40%);
}
.btn.btn-out-dngr:hover {
  background-color: hsl(358, 75%, 40%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-dngr i {
  color: hsl(358, 75%, 40%);
}
.site-mainnav-button .mainnav-button-dngr:hover, .site-mainnav-button .mainnav-button-dngr.mainnav-button-active {
  background-color: hsl(358, 75%, 40%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dngr:hover i, .site-mainnav-button .mainnav-button-dngr.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dngr .card-head {
  background-color: #f7c9cb;
  color: hsl(358, 75%, 40%);
  border-bottom: 1px solid hsl(358, 75%, 40%);
}
.card.card-dngr.card-solid .card-head, .card.card-dngr.card-full .card-head {
  background-color: hsl(358, 75%, 40%);
  color: hsl(0, 0%, 100%);
}
.card.card-dngr.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(358, 75%, 40%);
}
.card.card-dngr.card-full {
  background-color: hsl(358, 75%, 40%);
}
.card.card-dngr.card-full .card-head {
  border-bottom: 1px solid #c91d22;
}
.card.card-dngr.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dngr.card-full .card-foot {
  border-top: 1px solid #c91d22;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dngr {
  background-color: #701013;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-dngr:hover {
  background-color: #430a0b;
}

.darkmode .btn.btn-out-dngr {
  border: 1px solid #701013;
  background-color: none;
  color: #701013;
}
.darkmode .btn.btn-out-dngr:hover {
  background-color: #701013;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-dngr {
  background-color: #f9d2d4;
  color: hsl(358, 75%, 40%);
  border-left: 0.4rem solid hsl(358, 75%, 40%);
}

.darkmode .alrt.alrt-dngr {
  background-color: #590d0f;
  color: hsl(358, 75%, 40%);
  border-left: 0.4rem solid hsl(358, 75%, 40%);
}

.brdr-dngr {
  border: 1px solid hsl(358, 75%, 40%);
  border-radius: 0.5rem;
}

.dashbox-dngr .dashbox-ico {
  background-color: hsl(358, 75%, 40%);
}
.dashbox-dngr .dashbox-val {
  color: hsl(358, 75%, 40%);
}
.dashbox-dngr .dashbox-lnk a:hover {
  color: hsl(358, 75%, 40%);
}

.darkmode .tbl.tbl-dngr th {
  background-color: #590d0f;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-dngr tr:hover {
  background-color: #2d0608;
}
.darkmode .tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #160304;
}
.darkmode .tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #701013;
}
.darkmode .tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #9c161b;
}
.darkmode .tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #160304;
}
.darkmode .tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #701013;
}
.darkmode .tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #9c161b;
}

.tbl.tbl-dngr th {
  background-color: #fdf2f2;
  color: hsl(358, 75%, 40%);
}
.tbl.tbl-dngr tr:hover {
  background-color: white;
}
.tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(358, 75%, 40%);
}
.tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(358, 75%, 40%);
}
.tbl.tbl-dngr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #e64d52;
}
.tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(358, 75%, 40%);
}
.tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(358, 75%, 40%);
}
.tbl.tbl-dngr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #e64d52;
}

.tbl-dngr .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dngr input[type=checkbox]::before {
  border: 2px solid hsl(358, 75%, 40%);
}
.tbl-dngr .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dngr input[type=checkbox]:checked::before {
  background-color: hsl(358, 75%, 40%);
}

.darkmode .tbl-dngr .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dngr input[type=checkbox]::before {
  border: 2px solid #701013;
}
.darkmode .tbl-dngr .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dngr input[type=checkbox]:checked::before {
  background-color: hsl(358, 75%, 40%);
  background-color: #701013;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dngr .modal-header {
  background-color: hsl(358, 75%, 40%);
}
.modal.modal-dngr .modal-footer .btn {
  background-color: hsl(358, 75%, 40%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dngr .modal-header {
  background-color: #701013;
}
.darkmode .modal.modal-dngr .modal-footer .btn {
  background-color: #701013;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dngr .subnav-link i {
  color: hsl(358, 75%, 40%);
}
.panel.panel-subnav.subnav-dngr .subnav-link:hover {
  background-color: hsl(358, 75%, 40%);
}
.panel.panel-subnav.subnav-dngr .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-prim {
  color: hsl(51, 100%, 50%) !important;
}

.bg-prim {
  background-color: hsl(51, 100%, 50%) !important;
}

a.a-prim {
  color: hsl(51, 100%, 50%) !important;
}

a.a-prim:not(.btn):hover {
  color: #ffe44d !important;
}

.sct-head.prim {
  border-bottom-color: hsl(51, 100%, 50%);
}

.btn.btn-prim {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-prim:hover {
  background-color: #ffe033;
}

.btn.btn-out-prim {
  border: 1px solid hsl(51, 100%, 50%);
  background-color: none;
  color: hsl(51, 100%, 50%);
}
.btn.btn-out-prim:hover {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-prim i {
  color: hsl(51, 100%, 50%);
}
.site-mainnav-button .mainnav-button-prim:hover, .site-mainnav-button .mainnav-button-prim.mainnav-button-active {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-prim:hover i, .site-mainnav-button .mainnav-button-prim.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-prim .card-head {
  background-color: #fffdf5;
  color: hsl(51, 100%, 50%);
  border-bottom: 1px solid hsl(51, 100%, 50%);
}
.card.card-prim.card-solid .card-head, .card.card-prim.card-full .card-head {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 100%);
}
.card.card-prim.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(51, 100%, 50%);
}
.card.card-prim.card-full {
  background-color: hsl(51, 100%, 50%);
}
.card.card-prim.card-full .card-head {
  border-bottom: 1px solid #ffdd1a;
}
.card.card-prim.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-prim.card-full .card-foot {
  border-top: 1px solid #ffdd1a;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-prim {
  background-color: #b39800;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-prim:hover {
  background-color: #806c00;
}

.darkmode .btn.btn-out-prim {
  border: 1px solid #b39800;
  background-color: none;
  color: #b39800;
}
.darkmode .btn.btn-out-prim:hover {
  background-color: #b39800;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-prim {
  background-color: white;
  color: hsl(51, 100%, 50%);
  border-left: 0.4rem solid hsl(51, 100%, 50%);
}

.darkmode .alrt.alrt-prim {
  background-color: #998200;
  color: hsl(51, 100%, 50%);
  border-left: 0.4rem solid hsl(51, 100%, 50%);
}

.brdr-prim {
  border: 1px solid hsl(51, 100%, 50%);
  border-radius: 0.5rem;
}

.dashbox-prim .dashbox-ico {
  background-color: hsl(51, 100%, 50%);
}
.dashbox-prim .dashbox-val {
  color: hsl(51, 100%, 50%);
}
.dashbox-prim .dashbox-lnk a:hover {
  color: hsl(51, 100%, 50%);
}

.darkmode .tbl.tbl-prim th {
  background-color: #998200;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-prim tr:hover {
  background-color: #665700;
}
.darkmode .tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #4d4100;
}
.darkmode .tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #b39800;
}
.darkmode .tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #e6c300;
}
.darkmode .tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #4d4100;
}
.darkmode .tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #b39800;
}
.darkmode .tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #e6c300;
}

.tbl.tbl-prim th {
  background-color: white;
  color: hsl(51, 100%, 50%);
}
.tbl.tbl-prim tr:hover {
  background-color: white;
}
.tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(51, 100%, 50%);
}
.tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(51, 100%, 50%);
}
.tbl.tbl-prim.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #ffe866;
}
.tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(51, 100%, 50%);
}
.tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(51, 100%, 50%);
}
.tbl.tbl-prim.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #ffe866;
}

.tbl-prim .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-prim input[type=checkbox]::before {
  border: 2px solid hsl(51, 100%, 50%);
}
.tbl-prim .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-prim input[type=checkbox]:checked::before {
  background-color: hsl(51, 100%, 50%);
}

.darkmode .tbl-prim .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-prim input[type=checkbox]::before {
  border: 2px solid #b39800;
}
.darkmode .tbl-prim .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-prim input[type=checkbox]:checked::before {
  background-color: hsl(51, 100%, 50%);
  background-color: #b39800;
  color: hsl(0, 0%, 60%);
}

.modal.modal-prim .modal-header {
  background-color: hsl(51, 100%, 50%);
}
.modal.modal-prim .modal-footer .btn {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-prim .modal-header {
  background-color: #b39800;
}
.darkmode .modal.modal-prim .modal-footer .btn {
  background-color: #b39800;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-prim .subnav-link i {
  color: hsl(51, 100%, 50%);
}
.panel.panel-subnav.subnav-prim .subnav-link:hover {
  background-color: hsl(51, 100%, 50%);
}
.panel.panel-subnav.subnav-prim .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-scnd {
  color: hsl(0, 0%, 24%) !important;
}

.bg-scnd {
  background-color: hsl(0, 0%, 24%) !important;
}

a.a-scnd {
  color: hsl(0, 0%, 24%) !important;
}

a.a-scnd:not(.btn):hover {
  color: #636363 !important;
}

.sct-head.scnd {
  border-bottom-color: hsl(0, 0%, 24%);
}

.btn.btn-scnd {
  background-color: hsl(0, 0%, 24%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-scnd:hover {
  background-color: #575757;
}

.btn.btn-out-scnd {
  border: 1px solid hsl(0, 0%, 24%);
  background-color: none;
  color: hsl(0, 0%, 24%);
}
.btn.btn-out-scnd:hover {
  background-color: hsl(0, 0%, 24%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-scnd i {
  color: hsl(0, 0%, 24%);
}
.site-mainnav-button .mainnav-button-scnd:hover, .site-mainnav-button .mainnav-button-scnd.mainnav-button-active {
  background-color: hsl(0, 0%, 24%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-scnd:hover i, .site-mainnav-button .mainnav-button-scnd.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-scnd .card-head {
  background-color: #b8b8b8;
  color: hsl(0, 0%, 24%);
  border-bottom: 1px solid hsl(0, 0%, 24%);
}
.card.card-scnd.card-solid .card-head, .card.card-scnd.card-full .card-head {
  background-color: hsl(0, 0%, 24%);
  color: hsl(0, 0%, 100%);
}
.card.card-scnd.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 24%);
}
.card.card-scnd.card-full {
  background-color: hsl(0, 0%, 24%);
}
.card.card-scnd.card-full .card-head {
  border-bottom: 1px solid #4a4a4a;
}
.card.card-scnd.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-scnd.card-full .card-foot {
  border-top: 1px solid #4a4a4a;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-scnd {
  background-color: #171717;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-scnd:hover {
  background-color: black;
}

.darkmode .btn.btn-out-scnd {
  border: 1px solid #171717;
  background-color: none;
  color: #171717;
}
.darkmode .btn.btn-out-scnd:hover {
  background-color: #171717;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-scnd {
  background-color: #bdbdbd;
  color: hsl(0, 0%, 24%);
  border-left: 0.4rem solid hsl(0, 0%, 24%);
}

.darkmode .alrt.alrt-scnd {
  background-color: #0a0a0a;
  color: hsl(0, 0%, 24%);
  border-left: 0.4rem solid hsl(0, 0%, 24%);
}

.brdr-scnd {
  border: 1px solid hsl(0, 0%, 24%);
  border-radius: 0.5rem;
}

.dashbox-scnd .dashbox-ico {
  background-color: hsl(0, 0%, 24%);
}
.dashbox-scnd .dashbox-val {
  color: hsl(0, 0%, 24%);
}
.dashbox-scnd .dashbox-lnk a:hover {
  color: hsl(0, 0%, 24%);
}

.darkmode .tbl.tbl-scnd th {
  background-color: #0a0a0a;
  color: hsl(0, 0%, 80%);
}
.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: #171717;
}
.darkmode .tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #303030;
}
.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: #171717;
}
.darkmode .tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #303030;
}

.tbl.tbl-scnd th {
  background-color: #cfcfcf;
  color: hsl(0, 0%, 24%);
}
.tbl.tbl-scnd tr:hover {
  background-color: #d9d9d9;
}
.tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 24%);
}
.tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 24%);
}
.tbl.tbl-scnd.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #707070;
}
.tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(0, 0%, 24%);
}
.tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 24%);
}
.tbl.tbl-scnd.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #707070;
}

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

.darkmode .tbl-scnd .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-scnd input[type=checkbox]::before {
  border: 2px solid #171717;
}
.darkmode .tbl-scnd .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-scnd input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 24%);
  background-color: #171717;
  color: hsl(0, 0%, 60%);
}

.modal.modal-scnd .modal-header {
  background-color: hsl(0, 0%, 24%);
}
.modal.modal-scnd .modal-footer .btn {
  background-color: hsl(0, 0%, 24%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-scnd .modal-header {
  background-color: #171717;
}
.darkmode .modal.modal-scnd .modal-footer .btn {
  background-color: #171717;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-scnd .subnav-link i {
  color: hsl(0, 0%, 24%);
}
.panel.panel-subnav.subnav-scnd .subnav-link:hover {
  background-color: hsl(0, 0%, 24%);
}
.panel.panel-subnav.subnav-scnd .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-whte {
  color: hsl(0, 0%, 100%) !important;
}

.bg-whte {
  background-color: hsl(0, 0%, 100%) !important;
}

a.a-whte {
  color: hsl(0, 0%, 100%) !important;
}

a.a-whte:not(.btn):hover {
  color: white !important;
}

.sct-head.whte {
  border-bottom-color: hsl(0, 0%, 100%);
}

.btn.btn-whte {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-whte:hover {
  background-color: white;
}

.btn.btn-out-whte {
  border: 1px solid hsl(0, 0%, 100%);
  background-color: none;
  color: hsl(0, 0%, 100%);
}
.btn.btn-out-whte:hover {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-whte i {
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-whte:hover, .site-mainnav-button .mainnav-button-whte.mainnav-button-active {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-whte:hover i, .site-mainnav-button .mainnav-button-whte.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-whte .card-head {
  background-color: white;
  color: hsl(0, 0%, 100%);
  border-bottom: 1px solid hsl(0, 0%, 100%);
}
.card.card-whte.card-solid .card-head, .card.card-whte.card-full .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.card.card-whte.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.card.card-whte.card-full {
  background-color: hsl(0, 0%, 100%);
}
.card.card-whte.card-full .card-head {
  border-bottom: 1px solid white;
}
.card.card-whte.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-whte.card-full .card-foot {
  border-top: 1px solid white;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-whte {
  background-color: #d9d9d9;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-whte:hover {
  background-color: #bfbfbf;
}

.darkmode .btn.btn-out-whte {
  border: 1px solid #d9d9d9;
  background-color: none;
  color: #d9d9d9;
}
.darkmode .btn.btn-out-whte:hover {
  background-color: #d9d9d9;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-whte {
  background-color: white;
  color: hsl(0, 0%, 100%);
  border-left: 0.4rem solid hsl(0, 0%, 100%);
}

.darkmode .alrt.alrt-whte {
  background-color: #cccccc;
  color: hsl(0, 0%, 100%);
  border-left: 0.4rem solid hsl(0, 0%, 100%);
}

.brdr-whte {
  border: 1px solid hsl(0, 0%, 100%);
  border-radius: 0.5rem;
}

.dashbox-whte .dashbox-ico {
  background-color: hsl(0, 0%, 100%);
}
.dashbox-whte .dashbox-val {
  color: hsl(0, 0%, 100%);
}
.dashbox-whte .dashbox-lnk a:hover {
  color: hsl(0, 0%, 100%);
}

.darkmode .tbl.tbl-whte th {
  background-color: #cccccc;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-whte tr:hover {
  background-color: #b3b3b3;
}
.darkmode .tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #a6a6a6;
}
.darkmode .tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #d9d9d9;
}
.darkmode .tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #f2f2f2;
}
.darkmode .tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #a6a6a6;
}
.darkmode .tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #d9d9d9;
}
.darkmode .tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #f2f2f2;
}

.tbl.tbl-whte th {
  background-color: white;
  color: hsl(0, 0%, 100%);
}
.tbl.tbl-whte tr:hover {
  background-color: white;
}
.tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 100%);
}
.tbl.tbl-whte.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 100%);
}
.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: hsl(0, 0%, 100%);
}
.tbl.tbl-whte.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 100%);
}
.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 hsl(0, 0%, 100%);
}
.tbl-whte .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-whte input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 100%);
}

.darkmode .tbl-whte .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-whte input[type=checkbox]::before {
  border: 2px solid #d9d9d9;
}
.darkmode .tbl-whte .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-whte input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 100%);
  background-color: #d9d9d9;
  color: hsl(0, 0%, 60%);
}

.modal.modal-whte .modal-header {
  background-color: hsl(0, 0%, 100%);
}
.modal.modal-whte .modal-footer .btn {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-whte .modal-header {
  background-color: #d9d9d9;
}
.darkmode .modal.modal-whte .modal-footer .btn {
  background-color: #d9d9d9;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-whte .subnav-link i {
  color: hsl(0, 0%, 100%);
}
.panel.panel-subnav.subnav-whte .subnav-link:hover {
  background-color: hsl(0, 0%, 100%);
}
.panel.panel-subnav.subnav-whte .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-xlgh {
  color: hsl(0, 0%, 95%) !important;
}

.bg-xlgh {
  background-color: hsl(0, 0%, 95%) !important;
}

a.a-xlgh {
  color: hsl(0, 0%, 95%) !important;
}

a.a-xlgh:not(.btn):hover {
  color: white !important;
}

.sct-head.xlgh {
  border-bottom-color: hsl(0, 0%, 95%);
}

.btn.btn-xlgh {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-xlgh:hover {
  background-color: white;
}

.btn.btn-out-xlgh {
  border: 1px solid hsl(0, 0%, 95%);
  background-color: none;
  color: hsl(0, 0%, 95%);
}
.btn.btn-out-xlgh:hover {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-xlgh i {
  color: hsl(0, 0%, 95%);
}
.site-mainnav-button .mainnav-button-xlgh:hover, .site-mainnav-button .mainnav-button-xlgh.mainnav-button-active {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-xlgh:hover i, .site-mainnav-button .mainnav-button-xlgh.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-xlgh .card-head {
  background-color: white;
  color: hsl(0, 0%, 95%);
  border-bottom: 1px solid hsl(0, 0%, 95%);
}
.card.card-xlgh.card-solid .card-head, .card.card-xlgh.card-full .card-head {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 100%);
}
.card.card-xlgh.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 95%);
}
.card.card-xlgh.card-full {
  background-color: hsl(0, 0%, 95%);
}
.card.card-xlgh.card-full .card-head {
  border-bottom: 1px solid white;
}
.card.card-xlgh.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-xlgh.card-full .card-foot {
  border-top: 1px solid white;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-xlgh {
  background-color: #cccccc;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-xlgh:hover {
  background-color: #b3b3b3;
}

.darkmode .btn.btn-out-xlgh {
  border: 1px solid #cccccc;
  background-color: none;
  color: #cccccc;
}
.darkmode .btn.btn-out-xlgh:hover {
  background-color: #cccccc;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-xlgh {
  background-color: white;
  color: hsl(0, 0%, 95%);
  border-left: 0.4rem solid hsl(0, 0%, 95%);
}

.darkmode .alrt.alrt-xlgh {
  background-color: #bfbfbf;
  color: hsl(0, 0%, 95%);
  border-left: 0.4rem solid hsl(0, 0%, 95%);
}

.brdr-xlgh {
  border: 1px solid hsl(0, 0%, 95%);
  border-radius: 0.5rem;
}

.dashbox-xlgh .dashbox-ico {
  background-color: hsl(0, 0%, 95%);
}
.dashbox-xlgh .dashbox-val {
  color: hsl(0, 0%, 95%);
}
.dashbox-xlgh .dashbox-lnk a:hover {
  color: hsl(0, 0%, 95%);
}

.darkmode .tbl.tbl-xlgh th {
  background-color: #bfbfbf;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-xlgh tr:hover {
  background-color: #a6a6a6;
}
.darkmode .tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #999999;
}
.darkmode .tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #cccccc;
}
.darkmode .tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #e6e6e6;
}
.darkmode .tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #999999;
}
.darkmode .tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #cccccc;
}
.darkmode .tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #e6e6e6;
}

.tbl.tbl-xlgh th {
  background-color: white;
  color: hsl(0, 0%, 95%);
}
.tbl.tbl-xlgh tr:hover {
  background-color: white;
}
.tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 95%);
}
.tbl.tbl-xlgh.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 95%);
}
.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: hsl(0, 0%, 95%);
}
.tbl.tbl-xlgh.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 95%);
}
.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 hsl(0, 0%, 95%);
}
.tbl-xlgh .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-xlgh input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 95%);
}

.darkmode .tbl-xlgh .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-xlgh input[type=checkbox]::before {
  border: 2px solid #cccccc;
}
.darkmode .tbl-xlgh .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-xlgh input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 95%);
  background-color: #cccccc;
  color: hsl(0, 0%, 60%);
}

.modal.modal-xlgh .modal-header {
  background-color: hsl(0, 0%, 95%);
}
.modal.modal-xlgh .modal-footer .btn {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-xlgh .modal-header {
  background-color: #cccccc;
}
.darkmode .modal.modal-xlgh .modal-footer .btn {
  background-color: #cccccc;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-xlgh .subnav-link i {
  color: hsl(0, 0%, 95%);
}
.panel.panel-subnav.subnav-xlgh .subnav-link:hover {
  background-color: hsl(0, 0%, 95%);
}
.panel.panel-subnav.subnav-xlgh .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-lght {
  color: hsl(0, 0%, 90%) !important;
}

.bg-lght {
  background-color: hsl(0, 0%, 90%) !important;
}

a.a-lght {
  color: hsl(0, 0%, 90%) !important;
}

a.a-lght:not(.btn):hover {
  color: white !important;
}

.sct-head.lght {
  border-bottom-color: hsl(0, 0%, 90%);
}

.btn.btn-lght {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-lght:hover {
  background-color: white;
}

.btn.btn-out-lght {
  border: 1px solid hsl(0, 0%, 90%);
  background-color: none;
  color: hsl(0, 0%, 90%);
}
.btn.btn-out-lght:hover {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-lght i {
  color: hsl(0, 0%, 90%);
}
.site-mainnav-button .mainnav-button-lght:hover, .site-mainnav-button .mainnav-button-lght.mainnav-button-active {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-lght:hover i, .site-mainnav-button .mainnav-button-lght.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-lght .card-head {
  background-color: white;
  color: hsl(0, 0%, 90%);
  border-bottom: 1px solid hsl(0, 0%, 90%);
}
.card.card-lght.card-solid .card-head, .card.card-lght.card-full .card-head {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 100%);
}
.card.card-lght.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 90%);
}
.card.card-lght.card-full {
  background-color: hsl(0, 0%, 90%);
}
.card.card-lght.card-full .card-head {
  border-bottom: 1px solid #f2f2f2;
}
.card.card-lght.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-lght.card-full .card-foot {
  border-top: 1px solid #f2f2f2;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-lght {
  background-color: #bfbfbf;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-lght:hover {
  background-color: #a6a6a6;
}

.darkmode .btn.btn-out-lght {
  border: 1px solid #bfbfbf;
  background-color: none;
  color: #bfbfbf;
}
.darkmode .btn.btn-out-lght:hover {
  background-color: #bfbfbf;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-lght {
  background-color: white;
  color: hsl(0, 0%, 90%);
  border-left: 0.4rem solid hsl(0, 0%, 90%);
}

.darkmode .alrt.alrt-lght {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 90%);
  border-left: 0.4rem solid hsl(0, 0%, 90%);
}

.brdr-lght {
  border: 1px solid hsl(0, 0%, 90%);
  border-radius: 0.5rem;
}

.dashbox-lght .dashbox-ico {
  background-color: hsl(0, 0%, 90%);
}
.dashbox-lght .dashbox-val {
  color: hsl(0, 0%, 90%);
}
.dashbox-lght .dashbox-lnk a:hover {
  color: hsl(0, 0%, 90%);
}

.darkmode .tbl.tbl-lght th {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-lght tr:hover {
  background-color: #999999;
}
.darkmode .tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #8c8c8c;
}
.darkmode .tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #bfbfbf;
}
.darkmode .tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #d9d9d9;
}
.darkmode .tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #8c8c8c;
}
.darkmode .tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #bfbfbf;
}
.darkmode .tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #d9d9d9;
}

.tbl.tbl-lght th {
  background-color: white;
  color: hsl(0, 0%, 90%);
}
.tbl.tbl-lght tr:hover {
  background-color: white;
}
.tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 90%);
}
.tbl.tbl-lght.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 90%);
}
.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: hsl(0, 0%, 90%);
}
.tbl.tbl-lght.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 90%);
}
.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 hsl(0, 0%, 90%);
}
.tbl-lght .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-lght input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 90%);
}

.darkmode .tbl-lght .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-lght input[type=checkbox]::before {
  border: 2px solid #bfbfbf;
}
.darkmode .tbl-lght .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-lght input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 90%);
  background-color: #bfbfbf;
  color: hsl(0, 0%, 60%);
}

.modal.modal-lght .modal-header {
  background-color: hsl(0, 0%, 90%);
}
.modal.modal-lght .modal-footer .btn {
  background-color: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-lght .modal-header {
  background-color: #bfbfbf;
}
.darkmode .modal.modal-lght .modal-footer .btn {
  background-color: #bfbfbf;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-lght .subnav-link i {
  color: hsl(0, 0%, 90%);
}
.panel.panel-subnav.subnav-lght .subnav-link:hover {
  background-color: hsl(0, 0%, 90%);
}
.panel.panel-subnav.subnav-lght .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-xsmk {
  color: hsl(0, 0%, 85%) !important;
}

.bg-xsmk {
  background-color: hsl(0, 0%, 85%) !important;
}

a.a-xsmk {
  color: hsl(0, 0%, 85%) !important;
}

a.a-xsmk:not(.btn):hover {
  color: white !important;
}

.sct-head.xsmk {
  border-bottom-color: hsl(0, 0%, 85%);
}

.btn.btn-xsmk {
  background-color: hsl(0, 0%, 85%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-xsmk:hover {
  background-color: #f2f2f2;
}

.btn.btn-out-xsmk {
  border: 1px solid hsl(0, 0%, 85%);
  background-color: none;
  color: hsl(0, 0%, 85%);
}
.btn.btn-out-xsmk:hover {
  background-color: hsl(0, 0%, 85%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-xsmk i {
  color: hsl(0, 0%, 85%);
}
.site-mainnav-button .mainnav-button-xsmk:hover, .site-mainnav-button .mainnav-button-xsmk.mainnav-button-active {
  background-color: hsl(0, 0%, 85%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-xsmk:hover i, .site-mainnav-button .mainnav-button-xsmk.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-xsmk .card-head {
  background-color: white;
  color: hsl(0, 0%, 85%);
  border-bottom: 1px solid hsl(0, 0%, 85%);
}
.card.card-xsmk.card-solid .card-head, .card.card-xsmk.card-full .card-head {
  background-color: hsl(0, 0%, 85%);
  color: hsl(0, 0%, 100%);
}
.card.card-xsmk.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 85%);
}
.card.card-xsmk.card-full {
  background-color: hsl(0, 0%, 85%);
}
.card.card-xsmk.card-full .card-head {
  border-bottom: 1px solid #e6e6e6;
}
.card.card-xsmk.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-xsmk.card-full .card-foot {
  border-top: 1px solid #e6e6e6;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-xsmk {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-xsmk:hover {
  background-color: #999999;
}

.darkmode .btn.btn-out-xsmk {
  border: 1px solid #b3b3b3;
  background-color: none;
  color: #b3b3b3;
}
.darkmode .btn.btn-out-xsmk:hover {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-xsmk {
  background-color: white;
  color: hsl(0, 0%, 85%);
  border-left: 0.4rem solid hsl(0, 0%, 85%);
}

.darkmode .alrt.alrt-xsmk {
  background-color: #a6a6a6;
  color: hsl(0, 0%, 85%);
  border-left: 0.4rem solid hsl(0, 0%, 85%);
}

.brdr-xsmk {
  border: 1px solid hsl(0, 0%, 85%);
  border-radius: 0.5rem;
}

.dashbox-xsmk .dashbox-ico {
  background-color: hsl(0, 0%, 85%);
}
.dashbox-xsmk .dashbox-val {
  color: hsl(0, 0%, 85%);
}
.dashbox-xsmk .dashbox-lnk a:hover {
  color: hsl(0, 0%, 85%);
}

.darkmode .tbl.tbl-xsmk th {
  background-color: #a6a6a6;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-xsmk tr:hover {
  background-color: #8c8c8c;
}
.darkmode .tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: gray;
}
.darkmode .tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #b3b3b3;
}
.darkmode .tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #cccccc;
}
.darkmode .tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: gray;
}
.darkmode .tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #b3b3b3;
}
.darkmode .tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #cccccc;
}

.tbl.tbl-xsmk th {
  background-color: white;
  color: hsl(0, 0%, 85%);
}
.tbl.tbl-xsmk tr:hover {
  background-color: white;
}
.tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 85%);
}
.tbl.tbl-xsmk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 85%);
}
.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: hsl(0, 0%, 85%);
}
.tbl.tbl-xsmk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 85%);
}
.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 hsl(0, 0%, 85%);
}
.tbl-xsmk .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-xsmk input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 85%);
}

.darkmode .tbl-xsmk .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-xsmk input[type=checkbox]::before {
  border: 2px solid #b3b3b3;
}
.darkmode .tbl-xsmk .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-xsmk input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 85%);
  background-color: #b3b3b3;
  color: hsl(0, 0%, 60%);
}

.modal.modal-xsmk .modal-header {
  background-color: hsl(0, 0%, 85%);
}
.modal.modal-xsmk .modal-footer .btn {
  background-color: hsl(0, 0%, 85%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-xsmk .modal-header {
  background-color: #b3b3b3;
}
.darkmode .modal.modal-xsmk .modal-footer .btn {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-xsmk .subnav-link i {
  color: hsl(0, 0%, 85%);
}
.panel.panel-subnav.subnav-xsmk .subnav-link:hover {
  background-color: hsl(0, 0%, 85%);
}
.panel.panel-subnav.subnav-xsmk .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-smke {
  color: hsl(0, 0%, 80%) !important;
}

.bg-smke {
  background-color: hsl(0, 0%, 80%) !important;
}

a.a-smke {
  color: hsl(0, 0%, 80%) !important;
}

a.a-smke:not(.btn):hover {
  color: #f2f2f2 !important;
}

.sct-head.smke {
  border-bottom-color: hsl(0, 0%, 80%);
}

.btn.btn-smke {
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-smke:hover {
  background-color: #e6e6e6;
}

.btn.btn-out-smke {
  border: 1px solid hsl(0, 0%, 80%);
  background-color: none;
  color: hsl(0, 0%, 80%);
}
.btn.btn-out-smke:hover {
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-smke i {
  color: hsl(0, 0%, 80%);
}
.site-mainnav-button .mainnav-button-smke:hover, .site-mainnav-button .mainnav-button-smke.mainnav-button-active {
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-smke:hover i, .site-mainnav-button .mainnav-button-smke.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-smke .card-head {
  background-color: white;
  color: hsl(0, 0%, 80%);
  border-bottom: 1px solid hsl(0, 0%, 80%);
}
.card.card-smke.card-solid .card-head, .card.card-smke.card-full .card-head {
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 100%);
}
.card.card-smke.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 80%);
}
.card.card-smke.card-full {
  background-color: hsl(0, 0%, 80%);
}
.card.card-smke.card-full .card-head {
  border-bottom: 1px solid #d9d9d9;
}
.card.card-smke.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-smke.card-full .card-foot {
  border-top: 1px solid #d9d9d9;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-smke {
  background-color: #a6a6a6;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-smke:hover {
  background-color: #8c8c8c;
}

.darkmode .btn.btn-out-smke {
  border: 1px solid #a6a6a6;
  background-color: none;
  color: #a6a6a6;
}
.darkmode .btn.btn-out-smke:hover {
  background-color: #a6a6a6;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-smke {
  background-color: white;
  color: hsl(0, 0%, 80%);
  border-left: 0.4rem solid hsl(0, 0%, 80%);
}

.darkmode .alrt.alrt-smke {
  background-color: #999999;
  color: hsl(0, 0%, 80%);
  border-left: 0.4rem solid hsl(0, 0%, 80%);
}

.brdr-smke {
  border: 1px solid hsl(0, 0%, 80%);
  border-radius: 0.5rem;
}

.dashbox-smke .dashbox-ico {
  background-color: hsl(0, 0%, 80%);
}
.dashbox-smke .dashbox-val {
  color: hsl(0, 0%, 80%);
}
.dashbox-smke .dashbox-lnk a:hover {
  color: hsl(0, 0%, 80%);
}

.darkmode .tbl.tbl-smke th {
  background-color: #999999;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-smke tr:hover {
  background-color: gray;
}
.darkmode .tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #737373;
}
.darkmode .tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #a6a6a6;
}
.darkmode .tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #bfbfbf;
}
.darkmode .tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #737373;
}
.darkmode .tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #a6a6a6;
}
.darkmode .tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #bfbfbf;
}

.tbl.tbl-smke th {
  background-color: white;
  color: hsl(0, 0%, 80%);
}
.tbl.tbl-smke tr:hover {
  background-color: white;
}
.tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 80%);
}
.tbl.tbl-smke.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 80%);
}
.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: hsl(0, 0%, 80%);
}
.tbl.tbl-smke.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 80%);
}
.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 hsl(0, 0%, 80%);
}
.tbl-smke .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-smke input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 80%);
}

.darkmode .tbl-smke .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-smke input[type=checkbox]::before {
  border: 2px solid #a6a6a6;
}
.darkmode .tbl-smke .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-smke input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 80%);
  background-color: #a6a6a6;
  color: hsl(0, 0%, 60%);
}

.modal.modal-smke .modal-header {
  background-color: hsl(0, 0%, 80%);
}
.modal.modal-smke .modal-footer .btn {
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-smke .modal-header {
  background-color: #a6a6a6;
}
.darkmode .modal.modal-smke .modal-footer .btn {
  background-color: #a6a6a6;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-smke .subnav-link i {
  color: hsl(0, 0%, 80%);
}
.panel.panel-subnav.subnav-smke .subnav-link:hover {
  background-color: hsl(0, 0%, 80%);
}
.panel.panel-subnav.subnav-smke .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-mute {
  color: hsl(0, 0%, 70%) !important;
}

.bg-mute {
  background-color: hsl(0, 0%, 70%) !important;
}

a.a-mute {
  color: hsl(0, 0%, 70%) !important;
}

a.a-mute:not(.btn):hover {
  color: #d9d9d9 !important;
}

.sct-head.mute {
  border-bottom-color: hsl(0, 0%, 70%);
}

.btn.btn-mute {
  background-color: hsl(0, 0%, 70%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-mute:hover {
  background-color: #cccccc;
}

.btn.btn-out-mute {
  border: 1px solid hsl(0, 0%, 70%);
  background-color: none;
  color: hsl(0, 0%, 70%);
}
.btn.btn-out-mute:hover {
  background-color: hsl(0, 0%, 70%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-mute i {
  color: hsl(0, 0%, 70%);
}
.site-mainnav-button .mainnav-button-mute:hover, .site-mainnav-button .mainnav-button-mute.mainnav-button-active {
  background-color: hsl(0, 0%, 70%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-mute:hover i, .site-mainnav-button .mainnav-button-mute.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-mute .card-head {
  background-color: white;
  color: hsl(0, 0%, 70%);
  border-bottom: 1px solid hsl(0, 0%, 70%);
}
.card.card-mute.card-solid .card-head, .card.card-mute.card-full .card-head {
  background-color: hsl(0, 0%, 70%);
  color: hsl(0, 0%, 100%);
}
.card.card-mute.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 70%);
}
.card.card-mute.card-full {
  background-color: hsl(0, 0%, 70%);
}
.card.card-mute.card-full .card-head {
  border-bottom: 1px solid #bfbfbf;
}
.card.card-mute.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-mute.card-full .card-foot {
  border-top: 1px solid #bfbfbf;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-mute {
  background-color: #8c8c8c;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-mute:hover {
  background-color: #737373;
}

.darkmode .btn.btn-out-mute {
  border: 1px solid #8c8c8c;
  background-color: none;
  color: #8c8c8c;
}
.darkmode .btn.btn-out-mute:hover {
  background-color: #8c8c8c;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-mute {
  background-color: white;
  color: hsl(0, 0%, 70%);
  border-left: 0.4rem solid hsl(0, 0%, 70%);
}

.darkmode .alrt.alrt-mute {
  background-color: gray;
  color: hsl(0, 0%, 70%);
  border-left: 0.4rem solid hsl(0, 0%, 70%);
}

.brdr-mute {
  border: 1px solid hsl(0, 0%, 70%);
  border-radius: 0.5rem;
}

.dashbox-mute .dashbox-ico {
  background-color: hsl(0, 0%, 70%);
}
.dashbox-mute .dashbox-val {
  color: hsl(0, 0%, 70%);
}
.dashbox-mute .dashbox-lnk a:hover {
  color: hsl(0, 0%, 70%);
}

.darkmode .tbl.tbl-mute th {
  background-color: gray;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-mute tr:hover {
  background-color: #666666;
}
.darkmode .tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #595959;
}
.darkmode .tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #8c8c8c;
}
.darkmode .tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #a6a6a6;
}
.darkmode .tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #595959;
}
.darkmode .tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #8c8c8c;
}
.darkmode .tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #a6a6a6;
}

.tbl.tbl-mute th {
  background-color: white;
  color: hsl(0, 0%, 70%);
}
.tbl.tbl-mute tr:hover {
  background-color: white;
}
.tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 70%);
}
.tbl.tbl-mute.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 70%);
}
.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: hsl(0, 0%, 70%);
}
.tbl.tbl-mute.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 70%);
}
.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 hsl(0, 0%, 70%);
}
.tbl-mute .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-mute input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 70%);
}

.darkmode .tbl-mute .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-mute input[type=checkbox]::before {
  border: 2px solid #8c8c8c;
}
.darkmode .tbl-mute .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-mute input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 70%);
  background-color: #8c8c8c;
  color: hsl(0, 0%, 60%);
}

.modal.modal-mute .modal-header {
  background-color: hsl(0, 0%, 70%);
}
.modal.modal-mute .modal-footer .btn {
  background-color: hsl(0, 0%, 70%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-mute .modal-header {
  background-color: #8c8c8c;
}
.darkmode .modal.modal-mute .modal-footer .btn {
  background-color: #8c8c8c;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-mute .subnav-link i {
  color: hsl(0, 0%, 70%);
}
.panel.panel-subnav.subnav-mute .subnav-link:hover {
  background-color: hsl(0, 0%, 70%);
}
.panel.panel-subnav.subnav-mute .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-slvr {
  color: hsl(0, 0%, 60%) !important;
}

.bg-slvr {
  background-color: hsl(0, 0%, 60%) !important;
}

a.a-slvr {
  color: hsl(0, 0%, 60%) !important;
}

a.a-slvr:not(.btn):hover {
  color: #bfbfbf !important;
}

.sct-head.slvr {
  border-bottom-color: hsl(0, 0%, 60%);
}

.btn.btn-slvr {
  background-color: hsl(0, 0%, 60%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-slvr:hover {
  background-color: #b3b3b3;
}

.btn.btn-out-slvr {
  border: 1px solid hsl(0, 0%, 60%);
  background-color: none;
  color: hsl(0, 0%, 60%);
}
.btn.btn-out-slvr:hover {
  background-color: hsl(0, 0%, 60%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-slvr i {
  color: hsl(0, 0%, 60%);
}
.site-mainnav-button .mainnav-button-slvr:hover, .site-mainnav-button .mainnav-button-slvr.mainnav-button-active {
  background-color: hsl(0, 0%, 60%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-slvr:hover i, .site-mainnav-button .mainnav-button-slvr.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-slvr .card-head {
  background-color: white;
  color: hsl(0, 0%, 60%);
  border-bottom: 1px solid hsl(0, 0%, 60%);
}
.card.card-slvr.card-solid .card-head, .card.card-slvr.card-full .card-head {
  background-color: hsl(0, 0%, 60%);
  color: hsl(0, 0%, 100%);
}
.card.card-slvr.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 60%);
}
.card.card-slvr.card-full {
  background-color: hsl(0, 0%, 60%);
}
.card.card-slvr.card-full .card-head {
  border-bottom: 1px solid #a6a6a6;
}
.card.card-slvr.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-slvr.card-full .card-foot {
  border-top: 1px solid #a6a6a6;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-slvr {
  background-color: #737373;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-slvr:hover {
  background-color: #595959;
}

.darkmode .btn.btn-out-slvr {
  border: 1px solid #737373;
  background-color: none;
  color: #737373;
}
.darkmode .btn.btn-out-slvr:hover {
  background-color: #737373;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-slvr {
  background-color: white;
  color: hsl(0, 0%, 60%);
  border-left: 0.4rem solid hsl(0, 0%, 60%);
}

.darkmode .alrt.alrt-slvr {
  background-color: #666666;
  color: hsl(0, 0%, 60%);
  border-left: 0.4rem solid hsl(0, 0%, 60%);
}

.brdr-slvr {
  border: 1px solid hsl(0, 0%, 60%);
  border-radius: 0.5rem;
}

.dashbox-slvr .dashbox-ico {
  background-color: hsl(0, 0%, 60%);
}
.dashbox-slvr .dashbox-val {
  color: hsl(0, 0%, 60%);
}
.dashbox-slvr .dashbox-lnk a:hover {
  color: hsl(0, 0%, 60%);
}

.darkmode .tbl.tbl-slvr th {
  background-color: #666666;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-slvr tr:hover {
  background-color: #4d4d4d;
}
.darkmode .tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #404040;
}
.darkmode .tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #737373;
}
.darkmode .tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #8c8c8c;
}
.darkmode .tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #404040;
}
.darkmode .tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #737373;
}
.darkmode .tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #8c8c8c;
}

.tbl.tbl-slvr th {
  background-color: white;
  color: hsl(0, 0%, 60%);
}
.tbl.tbl-slvr tr:hover {
  background-color: white;
}
.tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 60%);
}
.tbl.tbl-slvr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 60%);
}
.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: hsl(0, 0%, 60%);
}
.tbl.tbl-slvr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 60%);
}
.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 hsl(0, 0%, 60%);
}
.tbl-slvr .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-slvr input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 60%);
}

.darkmode .tbl-slvr .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-slvr input[type=checkbox]::before {
  border: 2px solid #737373;
}
.darkmode .tbl-slvr .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-slvr input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 60%);
  background-color: #737373;
  color: hsl(0, 0%, 60%);
}

.modal.modal-slvr .modal-header {
  background-color: hsl(0, 0%, 60%);
}
.modal.modal-slvr .modal-footer .btn {
  background-color: hsl(0, 0%, 60%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-slvr .modal-header {
  background-color: #737373;
}
.darkmode .modal.modal-slvr .modal-footer .btn {
  background-color: #737373;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-slvr .subnav-link i {
  color: hsl(0, 0%, 60%);
}
.panel.panel-subnav.subnav-slvr .subnav-link:hover {
  background-color: hsl(0, 0%, 60%);
}
.panel.panel-subnav.subnav-slvr .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-lgry {
  color: hsl(0, 0%, 50%) !important;
}

.bg-lgry {
  background-color: hsl(0, 0%, 50%) !important;
}

a.a-lgry {
  color: hsl(0, 0%, 50%) !important;
}

a.a-lgry:not(.btn):hover {
  color: #a6a6a6 !important;
}

.sct-head.lgry {
  border-bottom-color: hsl(0, 0%, 50%);
}

.btn.btn-lgry {
  background-color: hsl(0, 0%, 50%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-lgry:hover {
  background-color: #999999;
}

.btn.btn-out-lgry {
  border: 1px solid hsl(0, 0%, 50%);
  background-color: none;
  color: hsl(0, 0%, 50%);
}
.btn.btn-out-lgry:hover {
  background-color: hsl(0, 0%, 50%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-lgry i {
  color: hsl(0, 0%, 50%);
}
.site-mainnav-button .mainnav-button-lgry:hover, .site-mainnav-button .mainnav-button-lgry.mainnav-button-active {
  background-color: hsl(0, 0%, 50%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-lgry:hover i, .site-mainnav-button .mainnav-button-lgry.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-lgry .card-head {
  background-color: #fafafa;
  color: hsl(0, 0%, 50%);
  border-bottom: 1px solid hsl(0, 0%, 50%);
}
.card.card-lgry.card-solid .card-head, .card.card-lgry.card-full .card-head {
  background-color: hsl(0, 0%, 50%);
  color: hsl(0, 0%, 100%);
}
.card.card-lgry.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 50%);
}
.card.card-lgry.card-full {
  background-color: hsl(0, 0%, 50%);
}
.card.card-lgry.card-full .card-head {
  border-bottom: 1px solid #8c8c8c;
}
.card.card-lgry.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-lgry.card-full .card-foot {
  border-top: 1px solid #8c8c8c;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-lgry {
  background-color: #595959;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-lgry:hover {
  background-color: #404040;
}

.darkmode .btn.btn-out-lgry {
  border: 1px solid #595959;
  background-color: none;
  color: #595959;
}
.darkmode .btn.btn-out-lgry:hover {
  background-color: #595959;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-lgry {
  background-color: white;
  color: hsl(0, 0%, 50%);
  border-left: 0.4rem solid hsl(0, 0%, 50%);
}

.darkmode .alrt.alrt-lgry {
  background-color: #4d4d4d;
  color: hsl(0, 0%, 50%);
  border-left: 0.4rem solid hsl(0, 0%, 50%);
}

.brdr-lgry {
  border: 1px solid hsl(0, 0%, 50%);
  border-radius: 0.5rem;
}

.dashbox-lgry .dashbox-ico {
  background-color: hsl(0, 0%, 50%);
}
.dashbox-lgry .dashbox-val {
  color: hsl(0, 0%, 50%);
}
.dashbox-lgry .dashbox-lnk a:hover {
  color: hsl(0, 0%, 50%);
}

.darkmode .tbl.tbl-lgry th {
  background-color: #4d4d4d;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-lgry tr:hover {
  background-color: #333333;
}
.darkmode .tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #262626;
}
.darkmode .tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #595959;
}
.darkmode .tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #737373;
}
.darkmode .tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #262626;
}
.darkmode .tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #595959;
}
.darkmode .tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #737373;
}

.tbl.tbl-lgry th {
  background-color: white;
  color: hsl(0, 0%, 50%);
}
.tbl.tbl-lgry tr:hover {
  background-color: white;
}
.tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 50%);
}
.tbl.tbl-lgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 50%);
}
.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: hsl(0, 0%, 50%);
}
.tbl.tbl-lgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 50%);
}
.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 hsl(0, 0%, 50%);
}
.tbl-lgry .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-lgry input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 50%);
}

.darkmode .tbl-lgry .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-lgry input[type=checkbox]::before {
  border: 2px solid #595959;
}
.darkmode .tbl-lgry .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-lgry input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 50%);
  background-color: #595959;
  color: hsl(0, 0%, 60%);
}

.modal.modal-lgry .modal-header {
  background-color: hsl(0, 0%, 50%);
}
.modal.modal-lgry .modal-footer .btn {
  background-color: hsl(0, 0%, 50%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-lgry .modal-header {
  background-color: #595959;
}
.darkmode .modal.modal-lgry .modal-footer .btn {
  background-color: #595959;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-lgry .subnav-link i {
  color: hsl(0, 0%, 50%);
}
.panel.panel-subnav.subnav-lgry .subnav-link:hover {
  background-color: hsl(0, 0%, 50%);
}
.panel.panel-subnav.subnav-lgry .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-dgry {
  color: hsl(0, 0%, 40%) !important;
}

.bg-dgry {
  background-color: hsl(0, 0%, 40%) !important;
}

a.a-dgry {
  color: hsl(0, 0%, 40%) !important;
}

a.a-dgry:not(.btn):hover {
  color: #8c8c8c !important;
}

.sct-head.dgry {
  border-bottom-color: hsl(0, 0%, 40%);
}

.btn.btn-dgry {
  background-color: hsl(0, 0%, 40%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dgry:hover {
  background-color: gray;
}

.btn.btn-out-dgry {
  border: 1px solid hsl(0, 0%, 40%);
  background-color: none;
  color: hsl(0, 0%, 40%);
}
.btn.btn-out-dgry:hover {
  background-color: hsl(0, 0%, 40%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-dgry i {
  color: hsl(0, 0%, 40%);
}
.site-mainnav-button .mainnav-button-dgry:hover, .site-mainnav-button .mainnav-button-dgry.mainnav-button-active {
  background-color: hsl(0, 0%, 40%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dgry:hover i, .site-mainnav-button .mainnav-button-dgry.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dgry .card-head {
  background-color: #e0e0e0;
  color: hsl(0, 0%, 40%);
  border-bottom: 1px solid hsl(0, 0%, 40%);
}
.card.card-dgry.card-solid .card-head, .card.card-dgry.card-full .card-head {
  background-color: hsl(0, 0%, 40%);
  color: hsl(0, 0%, 100%);
}
.card.card-dgry.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 40%);
}
.card.card-dgry.card-full {
  background-color: hsl(0, 0%, 40%);
}
.card.card-dgry.card-full .card-head {
  border-bottom: 1px solid #737373;
}
.card.card-dgry.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dgry.card-full .card-foot {
  border-top: 1px solid #737373;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dgry {
  background-color: #404040;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-dgry:hover {
  background-color: #262626;
}

.darkmode .btn.btn-out-dgry {
  border: 1px solid #404040;
  background-color: none;
  color: #404040;
}
.darkmode .btn.btn-out-dgry:hover {
  background-color: #404040;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-dgry {
  background-color: #e6e6e6;
  color: hsl(0, 0%, 40%);
  border-left: 0.4rem solid hsl(0, 0%, 40%);
}

.darkmode .alrt.alrt-dgry {
  background-color: #333333;
  color: hsl(0, 0%, 40%);
  border-left: 0.4rem solid hsl(0, 0%, 40%);
}

.brdr-dgry {
  border: 1px solid hsl(0, 0%, 40%);
  border-radius: 0.5rem;
}

.dashbox-dgry .dashbox-ico {
  background-color: hsl(0, 0%, 40%);
}
.dashbox-dgry .dashbox-val {
  color: hsl(0, 0%, 40%);
}
.dashbox-dgry .dashbox-lnk a:hover {
  color: hsl(0, 0%, 40%);
}

.darkmode .tbl.tbl-dgry th {
  background-color: #333333;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-dgry tr:hover {
  background-color: #1a1a1a;
}
.darkmode .tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #0d0d0d;
}
.darkmode .tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #404040;
}
.darkmode .tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #595959;
}
.darkmode .tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #0d0d0d;
}
.darkmode .tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #404040;
}
.darkmode .tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #595959;
}

.tbl.tbl-dgry th {
  background-color: #f7f7f7;
  color: hsl(0, 0%, 40%);
}
.tbl.tbl-dgry tr:hover {
  background-color: white;
}
.tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 40%);
}
.tbl.tbl-dgry.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 40%);
}
.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: hsl(0, 0%, 40%);
}
.tbl.tbl-dgry.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 40%);
}
.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 hsl(0, 0%, 40%);
}
.tbl-dgry .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dgry input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 40%);
}

.darkmode .tbl-dgry .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dgry input[type=checkbox]::before {
  border: 2px solid #404040;
}
.darkmode .tbl-dgry .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dgry input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 40%);
  background-color: #404040;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dgry .modal-header {
  background-color: hsl(0, 0%, 40%);
}
.modal.modal-dgry .modal-footer .btn {
  background-color: hsl(0, 0%, 40%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dgry .modal-header {
  background-color: #404040;
}
.darkmode .modal.modal-dgry .modal-footer .btn {
  background-color: #404040;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dgry .subnav-link i {
  color: hsl(0, 0%, 40%);
}
.panel.panel-subnav.subnav-dgry .subnav-link:hover {
  background-color: hsl(0, 0%, 40%);
}
.panel.panel-subnav.subnav-dgry .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-dark {
  color: hsl(0, 0%, 30%) !important;
}

.bg-dark {
  background-color: hsl(0, 0%, 30%) !important;
}

a.a-dark {
  color: hsl(0, 0%, 30%) !important;
}

a.a-dark:not(.btn):hover {
  color: #737373 !important;
}

.sct-head.dark {
  border-bottom-color: hsl(0, 0%, 30%);
}

.btn.btn-dark {
  background-color: hsl(0, 0%, 30%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dark:hover {
  background-color: #666666;
}

.btn.btn-out-dark {
  border: 1px solid hsl(0, 0%, 30%);
  background-color: none;
  color: hsl(0, 0%, 30%);
}
.btn.btn-out-dark:hover {
  background-color: hsl(0, 0%, 30%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-dark i {
  color: hsl(0, 0%, 30%);
}
.site-mainnav-button .mainnav-button-dark:hover, .site-mainnav-button .mainnav-button-dark.mainnav-button-active {
  background-color: hsl(0, 0%, 30%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dark:hover i, .site-mainnav-button .mainnav-button-dark.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dark .card-head {
  background-color: #c7c7c7;
  color: hsl(0, 0%, 30%);
  border-bottom: 1px solid hsl(0, 0%, 30%);
}
.card.card-dark.card-solid .card-head, .card.card-dark.card-full .card-head {
  background-color: hsl(0, 0%, 30%);
  color: hsl(0, 0%, 100%);
}
.card.card-dark.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 30%);
}
.card.card-dark.card-full {
  background-color: hsl(0, 0%, 30%);
}
.card.card-dark.card-full .card-head {
  border-bottom: 1px solid #595959;
}
.card.card-dark.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dark.card-full .card-foot {
  border-top: 1px solid #595959;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dark {
  background-color: #262626;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-dark:hover {
  background-color: #0d0d0d;
}

.darkmode .btn.btn-out-dark {
  border: 1px solid #262626;
  background-color: none;
  color: #262626;
}
.darkmode .btn.btn-out-dark:hover {
  background-color: #262626;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-dark {
  background-color: #cccccc;
  color: hsl(0, 0%, 30%);
  border-left: 0.4rem solid hsl(0, 0%, 30%);
}

.darkmode .alrt.alrt-dark {
  background-color: #1a1a1a;
  color: hsl(0, 0%, 30%);
  border-left: 0.4rem solid hsl(0, 0%, 30%);
}

.brdr-dark {
  border: 1px solid hsl(0, 0%, 30%);
  border-radius: 0.5rem;
}

.dashbox-dark .dashbox-ico {
  background-color: hsl(0, 0%, 30%);
}
.dashbox-dark .dashbox-val {
  color: hsl(0, 0%, 30%);
}
.dashbox-dark .dashbox-lnk a:hover {
  color: hsl(0, 0%, 30%);
}

.darkmode .tbl.tbl-dark th {
  background-color: #1a1a1a;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-dark tr:hover {
  background-color: black;
}
.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: #262626;
}
.darkmode .tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #404040;
}
.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: #262626;
}
.darkmode .tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #404040;
}

.tbl.tbl-dark th {
  background-color: #dedede;
  color: hsl(0, 0%, 30%);
}
.tbl.tbl-dark tr:hover {
  background-color: #e8e8e8;
}
.tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 30%);
}
.tbl.tbl-dark.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 30%);
}
.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: hsl(0, 0%, 30%);
}
.tbl.tbl-dark.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 30%);
}
.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 hsl(0, 0%, 30%);
}
.tbl-dark .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dark input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 30%);
}

.darkmode .tbl-dark .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dark input[type=checkbox]::before {
  border: 2px solid #262626;
}
.darkmode .tbl-dark .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dark input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 30%);
  background-color: #262626;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dark .modal-header {
  background-color: hsl(0, 0%, 30%);
}
.modal.modal-dark .modal-footer .btn {
  background-color: hsl(0, 0%, 30%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dark .modal-header {
  background-color: #262626;
}
.darkmode .modal.modal-dark .modal-footer .btn {
  background-color: #262626;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dark .subnav-link i {
  color: hsl(0, 0%, 30%);
}
.panel.panel-subnav.subnav-dark .subnav-link:hover {
  background-color: hsl(0, 0%, 30%);
}
.panel.panel-subnav.subnav-dark .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-ddrk {
  color: hsl(0, 0%, 20%) !important;
}

.bg-ddrk {
  background-color: hsl(0, 0%, 20%) !important;
}

a.a-ddrk {
  color: hsl(0, 0%, 20%) !important;
}

a.a-ddrk:not(.btn):hover {
  color: #595959 !important;
}

.sct-head.ddrk {
  border-bottom-color: hsl(0, 0%, 20%);
}

.btn.btn-ddrk {
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-ddrk:hover {
  background-color: #4d4d4d;
}

.btn.btn-out-ddrk {
  border: 1px solid hsl(0, 0%, 20%);
  background-color: none;
  color: hsl(0, 0%, 20%);
}
.btn.btn-out-ddrk:hover {
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-ddrk i {
  color: hsl(0, 0%, 20%);
}
.site-mainnav-button .mainnav-button-ddrk:hover, .site-mainnav-button .mainnav-button-ddrk.mainnav-button-active {
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-ddrk:hover i, .site-mainnav-button .mainnav-button-ddrk.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-ddrk .card-head {
  background-color: #adadad;
  color: hsl(0, 0%, 20%);
  border-bottom: 1px solid hsl(0, 0%, 20%);
}
.card.card-ddrk.card-solid .card-head, .card.card-ddrk.card-full .card-head {
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
}
.card.card-ddrk.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 20%);
}
.card.card-ddrk.card-full {
  background-color: hsl(0, 0%, 20%);
}
.card.card-ddrk.card-full .card-head {
  border-bottom: 1px solid #404040;
}
.card.card-ddrk.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-ddrk.card-full .card-foot {
  border-top: 1px solid #404040;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-ddrk {
  background-color: #0d0d0d;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-ddrk:hover {
  background-color: black;
}

.darkmode .btn.btn-out-ddrk {
  border: 1px solid #0d0d0d;
  background-color: none;
  color: #0d0d0d;
}
.darkmode .btn.btn-out-ddrk:hover {
  background-color: #0d0d0d;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-ddrk {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 20%);
  border-left: 0.4rem solid hsl(0, 0%, 20%);
}

.darkmode .alrt.alrt-ddrk {
  background-color: black;
  color: hsl(0, 0%, 20%);
  border-left: 0.4rem solid hsl(0, 0%, 20%);
}

.brdr-ddrk {
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 0.5rem;
}

.dashbox-ddrk .dashbox-ico {
  background-color: hsl(0, 0%, 20%);
}
.dashbox-ddrk .dashbox-val {
  color: hsl(0, 0%, 20%);
}
.dashbox-ddrk .dashbox-lnk a:hover {
  color: hsl(0, 0%, 20%);
}

.darkmode .tbl.tbl-ddrk th {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.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: #0d0d0d;
}
.darkmode .tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #262626;
}
.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: #0d0d0d;
}
.darkmode .tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #262626;
}

.tbl.tbl-ddrk th {
  background-color: #c4c4c4;
  color: hsl(0, 0%, 20%);
}
.tbl.tbl-ddrk tr:hover {
  background-color: #cfcfcf;
}
.tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 20%);
}
.tbl.tbl-ddrk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 20%);
}
.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: hsl(0, 0%, 20%);
}
.tbl.tbl-ddrk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 20%);
}
.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 hsl(0, 0%, 20%);
}
.tbl-ddrk .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-ddrk input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 20%);
}

.darkmode .tbl-ddrk .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-ddrk input[type=checkbox]::before {
  border: 2px solid #0d0d0d;
}
.darkmode .tbl-ddrk .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-ddrk input[type=checkbox]:checked::before {
  background-color: hsl(0, 0%, 20%);
  background-color: #0d0d0d;
  color: hsl(0, 0%, 60%);
}

.modal.modal-ddrk .modal-header {
  background-color: hsl(0, 0%, 20%);
}
.modal.modal-ddrk .modal-footer .btn {
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-ddrk .modal-header {
  background-color: #0d0d0d;
}
.darkmode .modal.modal-ddrk .modal-footer .btn {
  background-color: #0d0d0d;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-ddrk .subnav-link i {
  color: hsl(0, 0%, 20%);
}
.panel.panel-subnav.subnav-ddrk .subnav-link:hover {
  background-color: hsl(0, 0%, 20%);
}
.panel.panel-subnav.subnav-ddrk .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-blck {
  color: hsl(0, 0%, 13%) !important;
}

.bg-blck {
  background-color: hsl(0, 0%, 13%) !important;
}

a.a-blck {
  color: hsl(0, 0%, 13%) !important;
}

a.a-blck:not(.btn):hover {
  color: #474747 !important;
}

.sct-head.blck {
  border-bottom-color: hsl(0, 0%, 13%);
}

.btn.btn-blck {
  background-color: hsl(0, 0%, 13%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-blck:hover {
  background-color: #3b3b3b;
}

.btn.btn-out-blck {
  border: 1px solid hsl(0, 0%, 13%);
  background-color: none;
  color: hsl(0, 0%, 13%);
}
.btn.btn-out-blck:hover {
  background-color: hsl(0, 0%, 13%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-blck i {
  color: hsl(0, 0%, 13%);
}
.site-mainnav-button .mainnav-button-blck:hover, .site-mainnav-button .mainnav-button-blck.mainnav-button-active {
  background-color: hsl(0, 0%, 13%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-blck:hover i, .site-mainnav-button .mainnav-button-blck.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-blck .card-head {
  background-color: #9c9c9c;
  color: hsl(0, 0%, 13%);
  border-bottom: 1px solid hsl(0, 0%, 13%);
}
.card.card-blck.card-solid .card-head, .card.card-blck.card-full .card-head {
  background-color: hsl(0, 0%, 13%);
  color: hsl(0, 0%, 100%);
}
.card.card-blck.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 13%);
}
.card.card-blck.card-full {
  background-color: hsl(0, 0%, 13%);
}
.card.card-blck.card-full .card-head {
  border-bottom: 1px solid #2e2e2e;
}
.card.card-blck.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-blck.card-full .card-foot {
  border-top: 1px solid #2e2e2e;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-blck {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.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: hsl(0, 0%, 80%);
}

.alrt.alrt-blck {
  background-color: #a1a1a1;
  color: hsl(0, 0%, 13%);
  border-left: 0.4rem solid hsl(0, 0%, 13%);
}

.darkmode .alrt.alrt-blck {
  background-color: black;
  color: hsl(0, 0%, 13%);
  border-left: 0.4rem solid hsl(0, 0%, 13%);
}

.brdr-blck {
  border: 1px solid hsl(0, 0%, 13%);
  border-radius: 0.5rem;
}

.dashbox-blck .dashbox-ico {
  background-color: hsl(0, 0%, 13%);
}
.dashbox-blck .dashbox-val {
  color: hsl(0, 0%, 13%);
}
.dashbox-blck .dashbox-lnk a:hover {
  color: hsl(0, 0%, 13%);
}

.darkmode .tbl.tbl-blck th {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.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: #141414;
}
.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: #141414;
}

.tbl.tbl-blck th {
  background-color: #b3b3b3;
  color: hsl(0, 0%, 13%);
}
.tbl.tbl-blck tr:hover {
  background-color: #bdbdbd;
}
.tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 13%);
}
.tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(0, 0%, 13%);
}
.tbl.tbl-blck.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #545454;
}
.tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(0, 0%, 13%);
}
.tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(0, 0%, 13%);
}
.tbl.tbl-blck.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #545454;
}

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

.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: hsl(0, 0%, 13%);
  background-color: black;
  color: hsl(0, 0%, 60%);
}

.modal.modal-blck .modal-header {
  background-color: hsl(0, 0%, 13%);
}
.modal.modal-blck .modal-footer .btn {
  background-color: hsl(0, 0%, 13%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-blck .modal-header {
  background-color: black;
}
.darkmode .modal.modal-blck .modal-footer .btn {
  background-color: black;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-blck .subnav-link i {
  color: hsl(0, 0%, 13%);
}
.panel.panel-subnav.subnav-blck .subnav-link:hover {
  background-color: hsl(0, 0%, 13%);
}
.panel.panel-subnav.subnav-blck .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

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

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

a.a-dblk {
  color: hsl(0, 0%, 0%) !important;
}

a.a-dblk:not(.btn):hover {
  color: #262626 !important;
}

.sct-head.dblk {
  border-bottom-color: hsl(0, 0%, 0%);
}

.btn.btn-dblk {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dblk:hover {
  background-color: #1a1a1a;
}

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

.site-mainnav-button .mainnav-button-dblk i {
  color: hsl(0, 0%, 0%);
}
.site-mainnav-button .mainnav-button-dblk:hover, .site-mainnav-button .mainnav-button-dblk.mainnav-button-active {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dblk:hover i, .site-mainnav-button .mainnav-button-dblk.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dblk .card-head {
  background-color: #7a7a7a;
  color: hsl(0, 0%, 0%);
  border-bottom: 1px solid hsl(0, 0%, 0%);
}
.card.card-dblk.card-solid .card-head, .card.card-dblk.card-full .card-head {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}
.card.card-dblk.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 0%);
}
.card.card-dblk.card-full {
  background-color: hsl(0, 0%, 0%);
}
.card.card-dblk.card-full .card-head {
  border-bottom: 1px solid #0d0d0d;
}
.card.card-dblk.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dblk.card-full .card-foot {
  border-top: 1px solid #0d0d0d;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dblk {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.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: hsl(0, 0%, 80%);
}

.alrt.alrt-dblk {
  background-color: gray;
  color: hsl(0, 0%, 0%);
  border-left: 0.4rem solid hsl(0, 0%, 0%);
}

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

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

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

.darkmode .tbl.tbl-dblk th {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.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: #919191;
  color: hsl(0, 0%, 0%);
}
.tbl.tbl-dblk tr:hover {
  background-color: #9c9c9c;
}
.tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(0, 0%, 0%);
}
.tbl.tbl-dblk.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(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: hsl(0, 0%, 0%);
}
.tbl.tbl-dblk.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(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 hsl(0, 0%, 0%);
}
.tbl-dblk .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dblk input[type=checkbox]:checked::before {
  background-color: hsl(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: hsl(0, 0%, 0%);
  background-color: black;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dblk .modal-header {
  background-color: hsl(0, 0%, 0%);
}
.modal.modal-dblk .modal-footer .btn {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dblk .modal-header {
  background-color: black;
}
.darkmode .modal.modal-dblk .modal-footer .btn {
  background-color: black;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dblk .subnav-link i {
  color: hsl(0, 0%, 0%);
}
.panel.panel-subnav.subnav-dblk .subnav-link:hover {
  background-color: hsl(0, 0%, 0%);
}
.panel.panel-subnav.subnav-dblk .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-pink {
  color: hsl(332, 79%, 58%) !important;
}

.bg-pink {
  background-color: hsl(332, 79%, 58%) !important;
}

a.a-pink {
  color: hsl(332, 79%, 58%) !important;
}

a.a-pink:not(.btn):hover {
  color: #f184b7 !important;
}

.sct-head.pink {
  border-bottom-color: hsl(332, 79%, 58%);
}

.btn.btn-pink {
  background-color: hsl(332, 79%, 58%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-pink:hover {
  background-color: #ee6da9;
}

.btn.btn-out-pink {
  border: 1px solid hsl(332, 79%, 58%);
  background-color: none;
  color: hsl(332, 79%, 58%);
}
.btn.btn-out-pink:hover {
  background-color: hsl(332, 79%, 58%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-pink i {
  color: hsl(332, 79%, 58%);
}
.site-mainnav-button .mainnav-button-pink:hover, .site-mainnav-button .mainnav-button-pink.mainnav-button-active {
  background-color: hsl(332, 79%, 58%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-pink:hover i, .site-mainnav-button .mainnav-button-pink.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-pink .card-head {
  background-color: white;
  color: hsl(332, 79%, 58%);
  border-bottom: 1px solid hsl(332, 79%, 58%);
}
.card.card-pink.card-solid .card-head, .card.card-pink.card-full .card-head {
  background-color: hsl(332, 79%, 58%);
  color: hsl(0, 0%, 100%);
}
.card.card-pink.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(332, 79%, 58%);
}
.card.card-pink.card-full {
  background-color: hsl(332, 79%, 58%);
}
.card.card-pink.card-full .card-head {
  border-bottom: 1px solid #eb569c;
}
.card.card-pink.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-pink.card-full .card-foot {
  border-top: 1px solid #eb569c;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-pink {
  background-color: #c41768;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-pink:hover {
  background-color: #971250;
}

.darkmode .btn.btn-out-pink {
  border: 1px solid #c41768;
  background-color: none;
  color: #c41768;
}
.darkmode .btn.btn-out-pink:hover {
  background-color: #c41768;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-pink {
  background-color: white;
  color: hsl(332, 79%, 58%);
  border-left: 0.4rem solid hsl(332, 79%, 58%);
}

.darkmode .alrt.alrt-pink {
  background-color: #ad145c;
  color: hsl(332, 79%, 58%);
  border-left: 0.4rem solid hsl(332, 79%, 58%);
}

.brdr-pink {
  border: 1px solid hsl(332, 79%, 58%);
  border-radius: 0.5rem;
}

.dashbox-pink .dashbox-ico {
  background-color: hsl(332, 79%, 58%);
}
.dashbox-pink .dashbox-val {
  color: hsl(332, 79%, 58%);
}
.dashbox-pink .dashbox-lnk a:hover {
  color: hsl(332, 79%, 58%);
}

.darkmode .tbl.tbl-pink th {
  background-color: #ad145c;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-pink tr:hover {
  background-color: #800f44;
}
.darkmode .tbl.tbl-pink.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #690c38;
}
.darkmode .tbl.tbl-pink.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #c41768;
}
.darkmode .tbl.tbl-pink.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #e62881;
}
.darkmode .tbl.tbl-pink.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #690c38;
}
.darkmode .tbl.tbl-pink.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #c41768;
}
.darkmode .tbl.tbl-pink.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #e62881;
}

.tbl.tbl-pink th {
  background-color: white;
  color: hsl(332, 79%, 58%);
}
.tbl.tbl-pink tr:hover {
  background-color: white;
}
.tbl.tbl-pink.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(332, 79%, 58%);
}
.tbl.tbl-pink.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(332, 79%, 58%);
}
.tbl.tbl-pink.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #f39bc4;
}
.tbl.tbl-pink.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(332, 79%, 58%);
}
.tbl.tbl-pink.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(332, 79%, 58%);
}
.tbl.tbl-pink.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #f39bc4;
}

.tbl-pink .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-pink input[type=checkbox]::before {
  border: 2px solid hsl(332, 79%, 58%);
}
.tbl-pink .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-pink input[type=checkbox]:checked::before {
  background-color: hsl(332, 79%, 58%);
}

.darkmode .tbl-pink .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-pink input[type=checkbox]::before {
  border: 2px solid #c41768;
}
.darkmode .tbl-pink .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-pink input[type=checkbox]:checked::before {
  background-color: hsl(332, 79%, 58%);
  background-color: #c41768;
  color: hsl(0, 0%, 60%);
}

.modal.modal-pink .modal-header {
  background-color: hsl(332, 79%, 58%);
}
.modal.modal-pink .modal-footer .btn {
  background-color: hsl(332, 79%, 58%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-pink .modal-header {
  background-color: #c41768;
}
.darkmode .modal.modal-pink .modal-footer .btn {
  background-color: #c41768;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-pink .subnav-link i {
  color: hsl(332, 79%, 58%);
}
.panel.panel-subnav.subnav-pink .subnav-link:hover {
  background-color: hsl(332, 79%, 58%);
}
.panel.panel-subnav.subnav-pink .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-rred {
  color: hsl(354, 67%, 48%) !important;
}

.bg-rred {
  background-color: hsl(354, 67%, 48%) !important;
}

a.a-rred {
  color: hsl(354, 67%, 48%) !important;
}

a.a-rred:not(.btn):hover {
  color: #e0616e !important;
}

.sct-head.rred {
  border-bottom-color: hsl(354, 67%, 48%);
}

.btn.btn-rred {
  background-color: hsl(354, 67%, 48%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-rred:hover {
  background-color: #dc4c5a;
}

.btn.btn-out-rred {
  border: 1px solid hsl(354, 67%, 48%);
  background-color: none;
  color: hsl(354, 67%, 48%);
}
.btn.btn-out-rred:hover {
  background-color: hsl(354, 67%, 48%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-rred i {
  color: hsl(354, 67%, 48%);
}
.site-mainnav-button .mainnav-button-rred:hover, .site-mainnav-button .mainnav-button-rred.mainnav-button-active {
  background-color: hsl(354, 67%, 48%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-rred:hover i, .site-mainnav-button .mainnav-button-rred.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-rred .card-head {
  background-color: #fceeef;
  color: hsl(354, 67%, 48%);
  border-bottom: 1px solid hsl(354, 67%, 48%);
}
.card.card-rred.card-solid .card-head, .card.card-rred.card-full .card-head {
  background-color: hsl(354, 67%, 48%);
  color: hsl(0, 0%, 100%);
}
.card.card-rred.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(354, 67%, 48%);
}
.card.card-rred.card-full {
  background-color: hsl(354, 67%, 48%);
}
.card.card-rred.card-full .card-head {
  border-bottom: 1px solid #d73747;
}
.card.card-rred.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-rred.card-full .card-foot {
  border-top: 1px solid #d73747;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-rred {
  background-color: #8d1c27;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-rred:hover {
  background-color: #62131b;
}

.darkmode .btn.btn-out-rred {
  border: 1px solid #8d1c27;
  background-color: none;
  color: #8d1c27;
}
.darkmode .btn.btn-out-rred:hover {
  background-color: #8d1c27;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-rred {
  background-color: #fdf6f7;
  color: hsl(354, 67%, 48%);
  border-left: 0.4rem solid hsl(354, 67%, 48%);
}

.darkmode .alrt.alrt-rred {
  background-color: #771821;
  color: hsl(354, 67%, 48%);
  border-left: 0.4rem solid hsl(354, 67%, 48%);
}

.brdr-rred {
  border: 1px solid hsl(354, 67%, 48%);
  border-radius: 0.5rem;
}

.dashbox-rred .dashbox-ico {
  background-color: hsl(354, 67%, 48%);
}
.dashbox-rred .dashbox-val {
  color: hsl(354, 67%, 48%);
}
.dashbox-rred .dashbox-lnk a:hover {
  color: hsl(354, 67%, 48%);
}

.darkmode .tbl.tbl-rred th {
  background-color: #771821;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-rred tr:hover {
  background-color: #4d0f15;
}
.darkmode .tbl.tbl-rred.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #370b0f;
}
.darkmode .tbl.tbl-rred.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #8d1c27;
}
.darkmode .tbl.tbl-rred.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #b72433;
}
.darkmode .tbl.tbl-rred.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #370b0f;
}
.darkmode .tbl.tbl-rred.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #8d1c27;
}
.darkmode .tbl.tbl-rred.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #b72433;
}

.tbl.tbl-rred th {
  background-color: white;
  color: hsl(354, 67%, 48%);
}
.tbl.tbl-rred tr:hover {
  background-color: white;
}
.tbl.tbl-rred.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(354, 67%, 48%);
}
.tbl.tbl-rred.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(354, 67%, 48%);
}
.tbl.tbl-rred.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #e47782;
}
.tbl.tbl-rred.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(354, 67%, 48%);
}
.tbl.tbl-rred.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(354, 67%, 48%);
}
.tbl.tbl-rred.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #e47782;
}

.tbl-rred .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-rred input[type=checkbox]::before {
  border: 2px solid hsl(354, 67%, 48%);
}
.tbl-rred .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-rred input[type=checkbox]:checked::before {
  background-color: hsl(354, 67%, 48%);
}

.darkmode .tbl-rred .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-rred input[type=checkbox]::before {
  border: 2px solid #8d1c27;
}
.darkmode .tbl-rred .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-rred input[type=checkbox]:checked::before {
  background-color: hsl(354, 67%, 48%);
  background-color: #8d1c27;
  color: hsl(0, 0%, 60%);
}

.modal.modal-rred .modal-header {
  background-color: hsl(354, 67%, 48%);
}
.modal.modal-rred .modal-footer .btn {
  background-color: hsl(354, 67%, 48%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-rred .modal-header {
  background-color: #8d1c27;
}
.darkmode .modal.modal-rred .modal-footer .btn {
  background-color: #8d1c27;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-rred .subnav-link i {
  color: hsl(354, 67%, 48%);
}
.panel.panel-subnav.subnav-rred .subnav-link:hover {
  background-color: hsl(354, 67%, 48%);
}
.panel.panel-subnav.subnav-rred .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-orng {
  color: hsl(27, 98%, 54%) !important;
}

.bg-orng {
  background-color: hsl(27, 98%, 54%) !important;
}

a.a-orng {
  color: hsl(27, 98%, 54%) !important;
}

a.a-orng:not(.btn):hover {
  color: #fda862 !important;
}

.sct-head.orng {
  border-bottom-color: hsl(27, 98%, 54%);
}

.btn.btn-orng {
  background-color: hsl(27, 98%, 54%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-orng:hover {
  background-color: #fd9a49;
}

.btn.btn-out-orng {
  border: 1px solid hsl(27, 98%, 54%);
  background-color: none;
  color: hsl(27, 98%, 54%);
}
.btn.btn-out-orng:hover {
  background-color: hsl(27, 98%, 54%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-orng i {
  color: hsl(27, 98%, 54%);
}
.site-mainnav-button .mainnav-button-orng:hover, .site-mainnav-button .mainnav-button-orng.mainnav-button-active {
  background-color: hsl(27, 98%, 54%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-orng:hover i, .site-mainnav-button .mainnav-button-orng.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-orng .card-head {
  background-color: white;
  color: hsl(27, 98%, 54%);
  border-bottom: 1px solid hsl(27, 98%, 54%);
}
.card.card-orng.card-solid .card-head, .card.card-orng.card-full .card-head {
  background-color: hsl(27, 98%, 54%);
  color: hsl(0, 0%, 100%);
}
.card.card-orng.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(27, 98%, 54%);
}
.card.card-orng.card-full {
  background-color: hsl(27, 98%, 54%);
}
.card.card-orng.card-full .card-head {
  border-bottom: 1px solid #fd8c30;
}
.card.card-orng.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-orng.card-full .card-foot {
  border-top: 1px solid #fd8c30;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-orng {
  background-color: #c55a02;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-orng:hover {
  background-color: #924301;
}

.darkmode .btn.btn-out-orng {
  border: 1px solid #c55a02;
  background-color: none;
  color: #c55a02;
}
.darkmode .btn.btn-out-orng:hover {
  background-color: #c55a02;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-orng {
  background-color: white;
  color: hsl(27, 98%, 54%);
  border-left: 0.4rem solid hsl(27, 98%, 54%);
}

.darkmode .alrt.alrt-orng {
  background-color: #ac4e02;
  color: hsl(27, 98%, 54%);
  border-left: 0.4rem solid hsl(27, 98%, 54%);
}

.brdr-orng {
  border: 1px solid hsl(27, 98%, 54%);
  border-radius: 0.5rem;
}

.dashbox-orng .dashbox-ico {
  background-color: hsl(27, 98%, 54%);
}
.dashbox-orng .dashbox-val {
  color: hsl(27, 98%, 54%);
}
.dashbox-orng .dashbox-lnk a:hover {
  color: hsl(27, 98%, 54%);
}

.darkmode .tbl.tbl-orng th {
  background-color: #ac4e02;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-orng tr:hover {
  background-color: #793701;
}
.darkmode .tbl.tbl-orng.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #602c01;
}
.darkmode .tbl.tbl-orng.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #c55a02;
}
.darkmode .tbl.tbl-orng.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #f77102;
}
.darkmode .tbl.tbl-orng.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #602c01;
}
.darkmode .tbl.tbl-orng.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #c55a02;
}
.darkmode .tbl.tbl-orng.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #f77102;
}

.tbl.tbl-orng th {
  background-color: white;
  color: hsl(27, 98%, 54%);
}
.tbl.tbl-orng tr:hover {
  background-color: white;
}
.tbl.tbl-orng.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(27, 98%, 54%);
}
.tbl.tbl-orng.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(27, 98%, 54%);
}
.tbl.tbl-orng.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #feb67c;
}
.tbl.tbl-orng.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(27, 98%, 54%);
}
.tbl.tbl-orng.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(27, 98%, 54%);
}
.tbl.tbl-orng.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #feb67c;
}

.tbl-orng .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-orng input[type=checkbox]::before {
  border: 2px solid hsl(27, 98%, 54%);
}
.tbl-orng .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-orng input[type=checkbox]:checked::before {
  background-color: hsl(27, 98%, 54%);
}

.darkmode .tbl-orng .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-orng input[type=checkbox]::before {
  border: 2px solid #c55a02;
}
.darkmode .tbl-orng .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-orng input[type=checkbox]:checked::before {
  background-color: hsl(27, 98%, 54%);
  background-color: #c55a02;
  color: hsl(0, 0%, 60%);
}

.modal.modal-orng .modal-header {
  background-color: hsl(27, 98%, 54%);
}
.modal.modal-orng .modal-footer .btn {
  background-color: hsl(27, 98%, 54%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-orng .modal-header {
  background-color: #c55a02;
}
.darkmode .modal.modal-orng .modal-footer .btn {
  background-color: #c55a02;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-orng .subnav-link i {
  color: hsl(27, 98%, 54%);
}
.panel.panel-subnav.subnav-orng .subnav-link:hover {
  background-color: hsl(27, 98%, 54%);
}
.panel.panel-subnav.subnav-orng .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-yllw {
  color: hsl(45, 100%, 51%) !important;
}

.bg-yllw {
  background-color: hsl(45, 100%, 51%) !important;
}

a.a-yllw {
  color: hsl(45, 100%, 51%) !important;
}

a.a-yllw:not(.btn):hover {
  color: #ffd452 !important;
}

.sct-head.yllw {
  border-bottom-color: hsl(45, 100%, 51%);
}

.btn.btn-yllw {
  background-color: hsl(45, 100%, 51%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-yllw:hover {
  background-color: #ffcd38;
}

.btn.btn-out-yllw {
  border: 1px solid hsl(45, 100%, 51%);
  background-color: none;
  color: hsl(45, 100%, 51%);
}
.btn.btn-out-yllw:hover {
  background-color: hsl(45, 100%, 51%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-yllw i {
  color: hsl(45, 100%, 51%);
}
.site-mainnav-button .mainnav-button-yllw:hover, .site-mainnav-button .mainnav-button-yllw.mainnav-button-active {
  background-color: hsl(45, 100%, 51%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-yllw:hover i, .site-mainnav-button .mainnav-button-yllw.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-yllw .card-head {
  background-color: #fffefa;
  color: hsl(45, 100%, 51%);
  border-bottom: 1px solid hsl(45, 100%, 51%);
}
.card.card-yllw.card-solid .card-head, .card.card-yllw.card-full .card-head {
  background-color: hsl(45, 100%, 51%);
  color: hsl(0, 0%, 100%);
}
.card.card-yllw.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(45, 100%, 51%);
}
.card.card-yllw.card-full {
  background-color: hsl(45, 100%, 51%);
}
.card.card-yllw.card-full .card-head {
  border-bottom: 1px solid #ffc71f;
}
.card.card-yllw.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-yllw.card-full .card-foot {
  border-top: 1px solid #ffc71f;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-yllw {
  background-color: #b88a00;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-yllw:hover {
  background-color: #856300;
}

.darkmode .btn.btn-out-yllw {
  border: 1px solid #b88a00;
  background-color: none;
  color: #b88a00;
}
.darkmode .btn.btn-out-yllw:hover {
  background-color: #b88a00;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-yllw {
  background-color: white;
  color: hsl(45, 100%, 51%);
  border-left: 0.4rem solid hsl(45, 100%, 51%);
}

.darkmode .alrt.alrt-yllw {
  background-color: #9e7700;
  color: hsl(45, 100%, 51%);
  border-left: 0.4rem solid hsl(45, 100%, 51%);
}

.brdr-yllw {
  border: 1px solid hsl(45, 100%, 51%);
  border-radius: 0.5rem;
}

.dashbox-yllw .dashbox-ico {
  background-color: hsl(45, 100%, 51%);
}
.dashbox-yllw .dashbox-val {
  color: hsl(45, 100%, 51%);
}
.dashbox-yllw .dashbox-lnk a:hover {
  color: hsl(45, 100%, 51%);
}

.darkmode .tbl.tbl-yllw th {
  background-color: #9e7700;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-yllw tr:hover {
  background-color: #6b5000;
}
.darkmode .tbl.tbl-yllw.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #523d00;
}
.darkmode .tbl.tbl-yllw.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #b88a00;
}
.darkmode .tbl.tbl-yllw.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #ebb000;
}
.darkmode .tbl.tbl-yllw.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #523d00;
}
.darkmode .tbl.tbl-yllw.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #b88a00;
}
.darkmode .tbl.tbl-yllw.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #ebb000;
}

.tbl.tbl-yllw th {
  background-color: white;
  color: hsl(45, 100%, 51%);
}
.tbl.tbl-yllw tr:hover {
  background-color: white;
}
.tbl.tbl-yllw.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(45, 100%, 51%);
}
.tbl.tbl-yllw.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(45, 100%, 51%);
}
.tbl.tbl-yllw.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #ffda6b;
}
.tbl.tbl-yllw.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(45, 100%, 51%);
}
.tbl.tbl-yllw.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(45, 100%, 51%);
}
.tbl.tbl-yllw.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #ffda6b;
}

.tbl-yllw .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-yllw input[type=checkbox]::before {
  border: 2px solid hsl(45, 100%, 51%);
}
.tbl-yllw .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-yllw input[type=checkbox]:checked::before {
  background-color: hsl(45, 100%, 51%);
}

.darkmode .tbl-yllw .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-yllw input[type=checkbox]::before {
  border: 2px solid #b88a00;
}
.darkmode .tbl-yllw .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-yllw input[type=checkbox]:checked::before {
  background-color: hsl(45, 100%, 51%);
  background-color: #b88a00;
  color: hsl(0, 0%, 60%);
}

.modal.modal-yllw .modal-header {
  background-color: hsl(45, 100%, 51%);
}
.modal.modal-yllw .modal-footer .btn {
  background-color: hsl(45, 100%, 51%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-yllw .modal-header {
  background-color: #b88a00;
}
.darkmode .modal.modal-yllw .modal-footer .btn {
  background-color: #b88a00;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-yllw .subnav-link i {
  color: hsl(45, 100%, 51%);
}
.panel.panel-subnav.subnav-yllw .subnav-link:hover {
  background-color: hsl(45, 100%, 51%);
}
.panel.panel-subnav.subnav-yllw .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-dylw {
  color: hsl(43, 100%, 44%) !important;
}

.bg-dylw {
  background-color: hsl(43, 100%, 44%) !important;
}

a.a-dylw {
  color: hsl(43, 100%, 44%) !important;
}

a.a-dylw:not(.btn):hover {
  color: #ffc42e !important;
}

.sct-head.dylw {
  border-bottom-color: hsl(43, 100%, 44%);
}

.btn.btn-dylw {
  background-color: hsl(43, 100%, 44%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dylw:hover {
  background-color: #ffbd14;
}

.btn.btn-out-dylw {
  border: 1px solid hsl(43, 100%, 44%);
  background-color: none;
  color: hsl(43, 100%, 44%);
}
.btn.btn-out-dylw:hover {
  background-color: hsl(43, 100%, 44%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-dylw i {
  color: hsl(43, 100%, 44%);
}
.site-mainnav-button .mainnav-button-dylw:hover, .site-mainnav-button .mainnav-button-dylw.mainnav-button-active {
  background-color: hsl(43, 100%, 44%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dylw:hover i, .site-mainnav-button .mainnav-button-dylw.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dylw .card-head {
  background-color: #fff3d6;
  color: hsl(43, 100%, 44%);
  border-bottom: 1px solid hsl(43, 100%, 44%);
}
.card.card-dylw.card-solid .card-head, .card.card-dylw.card-full .card-head {
  background-color: hsl(43, 100%, 44%);
  color: hsl(0, 0%, 100%);
}
.card.card-dylw.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(43, 100%, 44%);
}
.card.card-dylw.card-full {
  background-color: hsl(43, 100%, 44%);
}
.card.card-dylw.card-full .card-head {
  border-bottom: 1px solid #fab300;
}
.card.card-dylw.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dylw.card-full .card-foot {
  border-top: 1px solid #fab300;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dylw {
  background-color: #946a00;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-dylw:hover {
  background-color: #614500;
}

.darkmode .btn.btn-out-dylw {
  border: 1px solid #946a00;
  background-color: none;
  color: #946a00;
}
.darkmode .btn.btn-out-dylw:hover {
  background-color: #946a00;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-dylw {
  background-color: #fff6e0;
  color: hsl(43, 100%, 44%);
  border-left: 0.4rem solid hsl(43, 100%, 44%);
}

.darkmode .alrt.alrt-dylw {
  background-color: #7a5800;
  color: hsl(43, 100%, 44%);
  border-left: 0.4rem solid hsl(43, 100%, 44%);
}

.brdr-dylw {
  border: 1px solid hsl(43, 100%, 44%);
  border-radius: 0.5rem;
}

.dashbox-dylw .dashbox-ico {
  background-color: hsl(43, 100%, 44%);
}
.dashbox-dylw .dashbox-val {
  color: hsl(43, 100%, 44%);
}
.dashbox-dylw .dashbox-lnk a:hover {
  color: hsl(43, 100%, 44%);
}

.darkmode .tbl.tbl-dylw th {
  background-color: #7a5800;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-dylw tr:hover {
  background-color: #473300;
}
.darkmode .tbl.tbl-dylw.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #2e2100;
}
.darkmode .tbl.tbl-dylw.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #946a00;
}
.darkmode .tbl.tbl-dylw.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #c78f00;
}
.darkmode .tbl.tbl-dylw.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #2e2100;
}
.darkmode .tbl.tbl-dylw.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #946a00;
}
.darkmode .tbl.tbl-dylw.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #c78f00;
}

.tbl.tbl-dylw th {
  background-color: white;
  color: hsl(43, 100%, 44%);
}
.tbl.tbl-dylw tr:hover {
  background-color: white;
}
.tbl.tbl-dylw.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(43, 100%, 44%);
}
.tbl.tbl-dylw.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(43, 100%, 44%);
}
.tbl.tbl-dylw.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #ffcb47;
}
.tbl.tbl-dylw.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(43, 100%, 44%);
}
.tbl.tbl-dylw.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(43, 100%, 44%);
}
.tbl.tbl-dylw.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #ffcb47;
}

.tbl-dylw .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dylw input[type=checkbox]::before {
  border: 2px solid hsl(43, 100%, 44%);
}
.tbl-dylw .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dylw input[type=checkbox]:checked::before {
  background-color: hsl(43, 100%, 44%);
}

.darkmode .tbl-dylw .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dylw input[type=checkbox]::before {
  border: 2px solid #946a00;
}
.darkmode .tbl-dylw .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dylw input[type=checkbox]:checked::before {
  background-color: hsl(43, 100%, 44%);
  background-color: #946a00;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dylw .modal-header {
  background-color: hsl(43, 100%, 44%);
}
.modal.modal-dylw .modal-footer .btn {
  background-color: hsl(43, 100%, 44%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dylw .modal-header {
  background-color: #946a00;
}
.darkmode .modal.modal-dylw .modal-footer .btn {
  background-color: #946a00;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dylw .subnav-link i {
  color: hsl(43, 100%, 44%);
}
.panel.panel-subnav.subnav-dylw .subnav-link:hover {
  background-color: hsl(43, 100%, 44%);
}
.panel.panel-subnav.subnav-dylw .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-mgrn {
  color: hsl(66, 66%, 50%) !important;
}

.bg-mgrn {
  background-color: hsl(66, 66%, 50%) !important;
}

a.a-mgrn {
  color: hsl(66, 66%, 50%) !important;
}

a.a-mgrn:not(.btn):hover {
  color: #d5e16b !important;
}

.sct-head.mgrn {
  border-bottom-color: hsl(66, 66%, 50%);
}

.btn.btn-mgrn {
  background-color: hsl(66, 66%, 50%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-mgrn:hover {
  background-color: #cfdc56;
}

.btn.btn-out-mgrn {
  border: 1px solid hsl(66, 66%, 50%);
  background-color: none;
  color: hsl(66, 66%, 50%);
}
.btn.btn-out-mgrn:hover {
  background-color: hsl(66, 66%, 50%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-mgrn i {
  color: hsl(66, 66%, 50%);
}
.site-mainnav-button .mainnav-button-mgrn:hover, .site-mainnav-button .mainnav-button-mgrn.mainnav-button-active {
  background-color: hsl(66, 66%, 50%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-mgrn:hover i, .site-mainnav-button .mainnav-button-mgrn.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-mgrn .card-head {
  background-color: #fdfdf7;
  color: hsl(66, 66%, 50%);
  border-bottom: 1px solid hsl(66, 66%, 50%);
}
.card.card-mgrn.card-solid .card-head, .card.card-mgrn.card-full .card-head {
  background-color: hsl(66, 66%, 50%);
  color: hsl(0, 0%, 100%);
}
.card.card-mgrn.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(66, 66%, 50%);
}
.card.card-mgrn.card-full {
  background-color: hsl(66, 66%, 50%);
}
.card.card-mgrn.card-full .card-head {
  border-bottom: 1px solid #c9d841;
}
.card.card-mgrn.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-mgrn.card-full .card-foot {
  border-top: 1px solid #c9d841;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-mgrn {
  background-color: #88941e;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-mgrn:hover {
  background-color: #616a16;
}

.darkmode .btn.btn-out-mgrn {
  border: 1px solid #88941e;
  background-color: none;
  color: #88941e;
}
.darkmode .btn.btn-out-mgrn:hover {
  background-color: #88941e;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-mgrn {
  background-color: white;
  color: hsl(66, 66%, 50%);
  border-left: 0.4rem solid hsl(66, 66%, 50%);
}

.darkmode .alrt.alrt-mgrn {
  background-color: #757f1a;
  color: hsl(66, 66%, 50%);
  border-left: 0.4rem solid hsl(66, 66%, 50%);
}

.brdr-mgrn {
  border: 1px solid hsl(66, 66%, 50%);
  border-radius: 0.5rem;
}

.dashbox-mgrn .dashbox-ico {
  background-color: hsl(66, 66%, 50%);
}
.dashbox-mgrn .dashbox-val {
  color: hsl(66, 66%, 50%);
}
.dashbox-mgrn .dashbox-lnk a:hover {
  color: hsl(66, 66%, 50%);
}

.darkmode .tbl.tbl-mgrn th {
  background-color: #757f1a;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-mgrn tr:hover {
  background-color: #4e5511;
}
.darkmode .tbl.tbl-mgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #3a3f0d;
}
.darkmode .tbl.tbl-mgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #88941e;
}
.darkmode .tbl.tbl-mgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #afbe27;
}
.darkmode .tbl.tbl-mgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #3a3f0d;
}
.darkmode .tbl.tbl-mgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #88941e;
}
.darkmode .tbl.tbl-mgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #afbe27;
}

.tbl.tbl-mgrn th {
  background-color: white;
  color: hsl(66, 66%, 50%);
}
.tbl.tbl-mgrn tr:hover {
  background-color: white;
}
.tbl.tbl-mgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(66, 66%, 50%);
}
.tbl.tbl-mgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(66, 66%, 50%);
}
.tbl.tbl-mgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #dbe580;
}
.tbl.tbl-mgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(66, 66%, 50%);
}
.tbl.tbl-mgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(66, 66%, 50%);
}
.tbl.tbl-mgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #dbe580;
}

.tbl-mgrn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-mgrn input[type=checkbox]::before {
  border: 2px solid hsl(66, 66%, 50%);
}
.tbl-mgrn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-mgrn input[type=checkbox]:checked::before {
  background-color: hsl(66, 66%, 50%);
}

.darkmode .tbl-mgrn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-mgrn input[type=checkbox]::before {
  border: 2px solid #88941e;
}
.darkmode .tbl-mgrn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-mgrn input[type=checkbox]:checked::before {
  background-color: hsl(66, 66%, 50%);
  background-color: #88941e;
  color: hsl(0, 0%, 60%);
}

.modal.modal-mgrn .modal-header {
  background-color: hsl(66, 66%, 50%);
}
.modal.modal-mgrn .modal-footer .btn {
  background-color: hsl(66, 66%, 50%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-mgrn .modal-header {
  background-color: #88941e;
}
.darkmode .modal.modal-mgrn .modal-footer .btn {
  background-color: #88941e;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-mgrn .subnav-link i {
  color: hsl(66, 66%, 50%);
}
.panel.panel-subnav.subnav-mgrn .subnav-link:hover {
  background-color: hsl(66, 66%, 50%);
}
.panel.panel-subnav.subnav-mgrn .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-ygrn {
  color: hsl(105, 61%, 44%) !important;
}

.bg-ygrn {
  background-color: hsl(105, 61%, 44%) !important;
}

a.a-ygrn {
  color: hsl(105, 61%, 44%) !important;
}

a.a-ygrn:not(.btn):hover {
  color: #77d657 !important;
}

.sct-head.ygrn {
  border-bottom-color: hsl(105, 61%, 44%);
}

.btn.btn-ygrn {
  background-color: hsl(105, 61%, 44%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-ygrn:hover {
  background-color: #66d142;
}

.btn.btn-out-ygrn {
  border: 1px solid hsl(105, 61%, 44%);
  background-color: none;
  color: hsl(105, 61%, 44%);
}
.btn.btn-out-ygrn:hover {
  background-color: hsl(105, 61%, 44%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-ygrn i {
  color: hsl(105, 61%, 44%);
}
.site-mainnav-button .mainnav-button-ygrn:hover, .site-mainnav-button .mainnav-button-ygrn.mainnav-button-active {
  background-color: hsl(105, 61%, 44%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-ygrn:hover i, .site-mainnav-button .mainnav-button-ygrn.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-ygrn .card-head {
  background-color: #e4f7de;
  color: hsl(105, 61%, 44%);
  border-bottom: 1px solid hsl(105, 61%, 44%);
}
.card.card-ygrn.card-solid .card-head, .card.card-ygrn.card-full .card-head {
  background-color: hsl(105, 61%, 44%);
  color: hsl(0, 0%, 100%);
}
.card.card-ygrn.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(105, 61%, 44%);
}
.card.card-ygrn.card-full {
  background-color: hsl(105, 61%, 44%);
}
.card.card-ygrn.card-full .card-head {
  border-bottom: 1px solid #57c931;
}
.card.card-ygrn.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-ygrn.card-full .card-foot {
  border-top: 1px solid #57c931;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-ygrn {
  background-color: #33771d;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-ygrn:hover {
  background-color: #224e13;
}

.darkmode .btn.btn-out-ygrn {
  border: 1px solid #33771d;
  background-color: none;
  color: #33771d;
}
.darkmode .btn.btn-out-ygrn:hover {
  background-color: #33771d;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-ygrn {
  background-color: #ebf9e6;
  color: hsl(105, 61%, 44%);
  border-left: 0.4rem solid hsl(105, 61%, 44%);
}

.darkmode .alrt.alrt-ygrn {
  background-color: #2b6318;
  color: hsl(105, 61%, 44%);
  border-left: 0.4rem solid hsl(105, 61%, 44%);
}

.brdr-ygrn {
  border: 1px solid hsl(105, 61%, 44%);
  border-radius: 0.5rem;
}

.dashbox-ygrn .dashbox-ico {
  background-color: hsl(105, 61%, 44%);
}
.dashbox-ygrn .dashbox-val {
  color: hsl(105, 61%, 44%);
}
.dashbox-ygrn .dashbox-lnk a:hover {
  color: hsl(105, 61%, 44%);
}

.darkmode .tbl.tbl-ygrn th {
  background-color: #2b6318;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-ygrn tr:hover {
  background-color: #19390e;
}
.darkmode .tbl.tbl-ygrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #102509;
}
.darkmode .tbl.tbl-ygrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #33771d;
}
.darkmode .tbl.tbl-ygrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #45a027;
}
.darkmode .tbl.tbl-ygrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #102509;
}
.darkmode .tbl.tbl-ygrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #33771d;
}
.darkmode .tbl.tbl-ygrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #45a027;
}

.tbl.tbl-ygrn th {
  background-color: white;
  color: hsl(105, 61%, 44%);
}
.tbl.tbl-ygrn tr:hover {
  background-color: white;
}
.tbl.tbl-ygrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(105, 61%, 44%);
}
.tbl.tbl-ygrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(105, 61%, 44%);
}
.tbl.tbl-ygrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #87db6b;
}
.tbl.tbl-ygrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(105, 61%, 44%);
}
.tbl.tbl-ygrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(105, 61%, 44%);
}
.tbl.tbl-ygrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #87db6b;
}

.tbl-ygrn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-ygrn input[type=checkbox]::before {
  border: 2px solid hsl(105, 61%, 44%);
}
.tbl-ygrn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-ygrn input[type=checkbox]:checked::before {
  background-color: hsl(105, 61%, 44%);
}

.darkmode .tbl-ygrn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-ygrn input[type=checkbox]::before {
  border: 2px solid #33771d;
}
.darkmode .tbl-ygrn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-ygrn input[type=checkbox]:checked::before {
  background-color: hsl(105, 61%, 44%);
  background-color: #33771d;
  color: hsl(0, 0%, 60%);
}

.modal.modal-ygrn .modal-header {
  background-color: hsl(105, 61%, 44%);
}
.modal.modal-ygrn .modal-footer .btn {
  background-color: hsl(105, 61%, 44%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-ygrn .modal-header {
  background-color: #33771d;
}
.darkmode .modal.modal-ygrn .modal-footer .btn {
  background-color: #33771d;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-ygrn .subnav-link i {
  color: hsl(105, 61%, 44%);
}
.panel.panel-subnav.subnav-ygrn .subnav-link:hover {
  background-color: hsl(105, 61%, 44%);
}
.panel.panel-subnav.subnav-ygrn .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-dgrn {
  color: hsl(105, 66%, 12%) !important;
}

.bg-dgrn {
  background-color: hsl(105, 66%, 12%) !important;
}

a.a-dgrn {
  color: hsl(105, 66%, 12%) !important;
}

a.a-dgrn:not(.btn):hover {
  color: #2e7217 !important;
}

.sct-head.dgrn {
  border-bottom-color: hsl(105, 66%, 12%);
}

.btn.btn-dgrn {
  background-color: hsl(105, 66%, 12%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dgrn:hover {
  background-color: #265d13;
}

.btn.btn-out-dgrn {
  border: 1px solid hsl(105, 66%, 12%);
  background-color: none;
  color: hsl(105, 66%, 12%);
}
.btn.btn-out-dgrn:hover {
  background-color: hsl(105, 66%, 12%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-dgrn i {
  color: hsl(105, 66%, 12%);
}
.site-mainnav-button .mainnav-button-dgrn:hover, .site-mainnav-button .mainnav-button-dgrn.mainnav-button-active {
  background-color: hsl(105, 66%, 12%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dgrn:hover i, .site-mainnav-button .mainnav-button-dgrn.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dgrn .card-head {
  background-color: #77dc56;
  color: hsl(105, 66%, 12%);
  border-bottom: 1px solid hsl(105, 66%, 12%);
}
.card.card-dgrn.card-solid .card-head, .card.card-dgrn.card-full .card-head {
  background-color: hsl(105, 66%, 12%);
  color: hsl(0, 0%, 100%);
}
.card.card-dgrn.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(105, 66%, 12%);
}
.card.card-dgrn.card-full {
  background-color: hsl(105, 66%, 12%);
}
.card.card-dgrn.card-full .card-head {
  border-bottom: 1px solid #1d480f;
}
.card.card-dgrn.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dgrn.card-full .card-foot {
  border-top: 1px solid #1d480f;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dgrn {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-dgrn:hover {
  background-color: black;
}

.darkmode .btn.btn-out-dgrn {
  border: 1px solid black;
  background-color: none;
  color: black;
}
.darkmode .btn.btn-out-dgrn:hover {
  background-color: black;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-dgrn {
  background-color: #7ede5e;
  color: hsl(105, 66%, 12%);
  border-left: 0.4rem solid hsl(105, 66%, 12%);
}

.darkmode .alrt.alrt-dgrn {
  background-color: black;
  color: hsl(105, 66%, 12%);
  border-left: 0.4rem solid hsl(105, 66%, 12%);
}

.brdr-dgrn {
  border: 1px solid hsl(105, 66%, 12%);
  border-radius: 0.5rem;
}

.dashbox-dgrn .dashbox-ico {
  background-color: hsl(105, 66%, 12%);
}
.dashbox-dgrn .dashbox-val {
  color: hsl(105, 66%, 12%);
}
.dashbox-dgrn .dashbox-lnk a:hover {
  color: hsl(105, 66%, 12%);
}

.darkmode .tbl.tbl-dgrn th {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-dgrn tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-dgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-dgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: black;
}
.darkmode .tbl.tbl-dgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #0c1e06;
}
.darkmode .tbl.tbl-dgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-dgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: black;
}
.darkmode .tbl.tbl-dgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #0c1e06;
}

.tbl.tbl-dgrn th {
  background-color: #96e47c;
  color: hsl(105, 66%, 12%);
}
.tbl.tbl-dgrn tr:hover {
  background-color: #a3e88d;
}
.tbl.tbl-dgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(105, 66%, 12%);
}
.tbl.tbl-dgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(105, 66%, 12%);
}
.tbl.tbl-dgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #37871c;
}
.tbl.tbl-dgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(105, 66%, 12%);
}
.tbl.tbl-dgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(105, 66%, 12%);
}
.tbl.tbl-dgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #37871c;
}

.tbl-dgrn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dgrn input[type=checkbox]::before {
  border: 2px solid hsl(105, 66%, 12%);
}
.tbl-dgrn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dgrn input[type=checkbox]:checked::before {
  background-color: hsl(105, 66%, 12%);
}

.darkmode .tbl-dgrn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dgrn input[type=checkbox]::before {
  border: 2px solid black;
}
.darkmode .tbl-dgrn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dgrn input[type=checkbox]:checked::before {
  background-color: hsl(105, 66%, 12%);
  background-color: black;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dgrn .modal-header {
  background-color: hsl(105, 66%, 12%);
}
.modal.modal-dgrn .modal-footer .btn {
  background-color: hsl(105, 66%, 12%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dgrn .modal-header {
  background-color: black;
}
.darkmode .modal.modal-dgrn .modal-footer .btn {
  background-color: black;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dgrn .subnav-link i {
  color: hsl(105, 66%, 12%);
}
.panel.panel-subnav.subnav-dgrn .subnav-link:hover {
  background-color: hsl(105, 66%, 12%);
}
.panel.panel-subnav.subnav-dgrn .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-lgrn {
  color: hsl(78, 39%, 85%) !important;
}

.bg-lgrn {
  background-color: hsl(78, 39%, 85%) !important;
}

a.a-lgrn {
  color: hsl(78, 39%, 85%) !important;
}

a.a-lgrn:not(.btn):hover {
  color: white !important;
}

.sct-head.lgrn {
  border-bottom-color: hsl(78, 39%, 85%);
}

.btn.btn-lgrn {
  background-color: hsl(78, 39%, 85%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-lgrn:hover {
  background-color: #f4f7ed;
}

.btn.btn-out-lgrn {
  border: 1px solid hsl(78, 39%, 85%);
  background-color: none;
  color: hsl(78, 39%, 85%);
}
.btn.btn-out-lgrn:hover {
  background-color: hsl(78, 39%, 85%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-lgrn i {
  color: hsl(78, 39%, 85%);
}
.site-mainnav-button .mainnav-button-lgrn:hover, .site-mainnav-button .mainnav-button-lgrn.mainnav-button-active {
  background-color: hsl(78, 39%, 85%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-lgrn:hover i, .site-mainnav-button .mainnav-button-lgrn.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-lgrn .card-head {
  background-color: white;
  color: hsl(78, 39%, 85%);
  border-bottom: 1px solid hsl(78, 39%, 85%);
}
.card.card-lgrn.card-solid .card-head, .card.card-lgrn.card-full .card-head {
  background-color: hsl(78, 39%, 85%);
  color: hsl(0, 0%, 100%);
}
.card.card-lgrn.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(78, 39%, 85%);
}
.card.card-lgrn.card-full {
  background-color: hsl(78, 39%, 85%);
}
.card.card-lgrn.card-full .card-head {
  border-bottom: 1px solid #e9efdc;
}
.card.card-lgrn.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-lgrn.card-full .card-foot {
  border-top: 1px solid #e9efdc;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-lgrn {
  background-color: #bed095;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-lgrn:hover {
  background-color: #a9c171;
}

.darkmode .btn.btn-out-lgrn {
  border: 1px solid #bed095;
  background-color: none;
  color: #bed095;
}
.darkmode .btn.btn-out-lgrn:hover {
  background-color: #bed095;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-lgrn {
  background-color: white;
  color: hsl(78, 39%, 85%);
  border-left: 0.4rem solid hsl(78, 39%, 85%);
}

.darkmode .alrt.alrt-lgrn {
  background-color: #b4c983;
  color: hsl(78, 39%, 85%);
  border-left: 0.4rem solid hsl(78, 39%, 85%);
}

.brdr-lgrn {
  border: 1px solid hsl(78, 39%, 85%);
  border-radius: 0.5rem;
}

.dashbox-lgrn .dashbox-ico {
  background-color: hsl(78, 39%, 85%);
}
.dashbox-lgrn .dashbox-val {
  color: hsl(78, 39%, 85%);
}
.dashbox-lgrn .dashbox-lnk a:hover {
  color: hsl(78, 39%, 85%);
}

.darkmode .tbl.tbl-lgrn th {
  background-color: #b4c983;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-lgrn tr:hover {
  background-color: #9eb95f;
}
.darkmode .tbl.tbl-lgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #93b14e;
}
.darkmode .tbl.tbl-lgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #bed095;
}
.darkmode .tbl.tbl-lgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #d4e0b8;
}
.darkmode .tbl.tbl-lgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #93b14e;
}
.darkmode .tbl.tbl-lgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #bed095;
}
.darkmode .tbl.tbl-lgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #d4e0b8;
}

.tbl.tbl-lgrn th {
  background-color: white;
  color: hsl(78, 39%, 85%);
}
.tbl.tbl-lgrn tr:hover {
  background-color: white;
}
.tbl.tbl-lgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(78, 39%, 85%);
}
.tbl.tbl-lgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(78, 39%, 85%);
}
.tbl.tbl-lgrn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: white;
}
.tbl.tbl-lgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(78, 39%, 85%);
}
.tbl.tbl-lgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(78, 39%, 85%);
}
.tbl.tbl-lgrn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: white;
}

.tbl-lgrn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-lgrn input[type=checkbox]::before {
  border: 2px solid hsl(78, 39%, 85%);
}
.tbl-lgrn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-lgrn input[type=checkbox]:checked::before {
  background-color: hsl(78, 39%, 85%);
}

.darkmode .tbl-lgrn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-lgrn input[type=checkbox]::before {
  border: 2px solid #bed095;
}
.darkmode .tbl-lgrn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-lgrn input[type=checkbox]:checked::before {
  background-color: hsl(78, 39%, 85%);
  background-color: #bed095;
  color: hsl(0, 0%, 60%);
}

.modal.modal-lgrn .modal-header {
  background-color: hsl(78, 39%, 85%);
}
.modal.modal-lgrn .modal-footer .btn {
  background-color: hsl(78, 39%, 85%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-lgrn .modal-header {
  background-color: #bed095;
}
.darkmode .modal.modal-lgrn .modal-footer .btn {
  background-color: #bed095;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-lgrn .subnav-link i {
  color: hsl(78, 39%, 85%);
}
.panel.panel-subnav.subnav-lgrn .subnav-link:hover {
  background-color: hsl(78, 39%, 85%);
}
.panel.panel-subnav.subnav-lgrn .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-pcfc {
  color: hsl(188, 78%, 41%) !important;
}

.bg-pcfc {
  background-color: hsl(188, 78%, 41%) !important;
}

a.a-pcfc {
  color: hsl(188, 78%, 41%) !important;
}

a.a-pcfc:not(.btn):hover {
  color: #37cfe6 !important;
}

.sct-head.pcfc {
  border-bottom-color: hsl(188, 78%, 41%);
}

.btn.btn-pcfc {
  background-color: hsl(188, 78%, 41%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-pcfc:hover {
  background-color: #21cae4;
}

.btn.btn-out-pcfc {
  border: 1px solid hsl(188, 78%, 41%);
  background-color: none;
  color: hsl(188, 78%, 41%);
}
.btn.btn-out-pcfc:hover {
  background-color: hsl(188, 78%, 41%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-pcfc i {
  color: hsl(188, 78%, 41%);
}
.site-mainnav-button .mainnav-button-pcfc:hover, .site-mainnav-button .mainnav-button-pcfc.mainnav-button-active {
  background-color: hsl(188, 78%, 41%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-pcfc:hover i, .site-mainnav-button .mainnav-button-pcfc.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-pcfc .card-head {
  background-color: #cdf3f9;
  color: hsl(188, 78%, 41%);
  border-bottom: 1px solid hsl(188, 78%, 41%);
}
.card.card-pcfc.card-solid .card-head, .card.card-pcfc.card-full .card-head {
  background-color: hsl(188, 78%, 41%);
  color: hsl(0, 0%, 100%);
}
.card.card-pcfc.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(188, 78%, 41%);
}
.card.card-pcfc.card-full {
  background-color: hsl(188, 78%, 41%);
}
.card.card-pcfc.card-full .card-head {
  border-bottom: 1px solid #1ab8d1;
}
.card.card-pcfc.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-pcfc.card-full .card-foot {
  border-top: 1px solid #1ab8d1;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-pcfc {
  background-color: #0f6876;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-pcfc:hover {
  background-color: #094049;
}

.darkmode .btn.btn-out-pcfc {
  border: 1px solid #0f6876;
  background-color: none;
  color: #0f6876;
}
.darkmode .btn.btn-out-pcfc:hover {
  background-color: #0f6876;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-pcfc {
  background-color: #d6f5fa;
  color: hsl(188, 78%, 41%);
  border-left: 0.4rem solid hsl(188, 78%, 41%);
}

.darkmode .alrt.alrt-pcfc {
  background-color: #0c545f;
  color: hsl(188, 78%, 41%);
  border-left: 0.4rem solid hsl(188, 78%, 41%);
}

.brdr-pcfc {
  border: 1px solid hsl(188, 78%, 41%);
  border-radius: 0.5rem;
}

.dashbox-pcfc .dashbox-ico {
  background-color: hsl(188, 78%, 41%);
}
.dashbox-pcfc .dashbox-val {
  color: hsl(188, 78%, 41%);
}
.dashbox-pcfc .dashbox-lnk a:hover {
  color: hsl(188, 78%, 41%);
}

.darkmode .tbl.tbl-pcfc th {
  background-color: #0c545f;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-pcfc tr:hover {
  background-color: #062c32;
}
.darkmode .tbl.tbl-pcfc.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #03181b;
}
.darkmode .tbl.tbl-pcfc.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #0f6876;
}
.darkmode .tbl.tbl-pcfc.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #1490a3;
}
.darkmode .tbl.tbl-pcfc.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #03181b;
}
.darkmode .tbl.tbl-pcfc.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #0f6876;
}
.darkmode .tbl.tbl-pcfc.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #1490a3;
}

.tbl.tbl-pcfc th {
  background-color: #f6fdfe;
  color: hsl(188, 78%, 41%);
}
.tbl.tbl-pcfc tr:hover {
  background-color: white;
}
.tbl.tbl-pcfc.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(188, 78%, 41%);
}
.tbl.tbl-pcfc.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(188, 78%, 41%);
}
.tbl.tbl-pcfc.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #4ed4e9;
}
.tbl.tbl-pcfc.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(188, 78%, 41%);
}
.tbl.tbl-pcfc.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(188, 78%, 41%);
}
.tbl.tbl-pcfc.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #4ed4e9;
}

.tbl-pcfc .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-pcfc input[type=checkbox]::before {
  border: 2px solid hsl(188, 78%, 41%);
}
.tbl-pcfc .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-pcfc input[type=checkbox]:checked::before {
  background-color: hsl(188, 78%, 41%);
}

.darkmode .tbl-pcfc .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-pcfc input[type=checkbox]::before {
  border: 2px solid #0f6876;
}
.darkmode .tbl-pcfc .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-pcfc input[type=checkbox]:checked::before {
  background-color: hsl(188, 78%, 41%);
  background-color: #0f6876;
  color: hsl(0, 0%, 60%);
}

.modal.modal-pcfc .modal-header {
  background-color: hsl(188, 78%, 41%);
}
.modal.modal-pcfc .modal-footer .btn {
  background-color: hsl(188, 78%, 41%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-pcfc .modal-header {
  background-color: #0f6876;
}
.darkmode .modal.modal-pcfc .modal-footer .btn {
  background-color: #0f6876;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-pcfc .subnav-link i {
  color: hsl(188, 78%, 41%);
}
.panel.panel-subnav.subnav-pcfc .subnav-link:hover {
  background-color: hsl(188, 78%, 41%);
}
.panel.panel-subnav.subnav-pcfc .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-azre {
  color: hsl(218, 82%, 61%) !important;
}

.bg-azre {
  background-color: hsl(218, 82%, 61%) !important;
}

a.a-azre {
  color: hsl(218, 82%, 61%) !important;
}

a.a-azre:not(.btn):hover {
  color: #90b4f4 !important;
}

.sct-head.azre {
  border-bottom-color: hsl(218, 82%, 61%);
}

.btn.btn-azre {
  background-color: hsl(218, 82%, 61%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-azre:hover {
  background-color: #78a5f2;
}

.btn.btn-out-azre {
  border: 1px solid hsl(218, 82%, 61%);
  background-color: none;
  color: hsl(218, 82%, 61%);
}
.btn.btn-out-azre:hover {
  background-color: hsl(218, 82%, 61%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-azre i {
  color: hsl(218, 82%, 61%);
}
.site-mainnav-button .mainnav-button-azre:hover, .site-mainnav-button .mainnav-button-azre.mainnav-button-active {
  background-color: hsl(218, 82%, 61%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-azre:hover i, .site-mainnav-button .mainnav-button-azre.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-azre .card-head {
  background-color: white;
  color: hsl(218, 82%, 61%);
  border-bottom: 1px solid hsl(218, 82%, 61%);
}
.card.card-azre.card-solid .card-head, .card.card-azre.card-full .card-head {
  background-color: hsl(218, 82%, 61%);
  color: hsl(0, 0%, 100%);
}
.card.card-azre.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(218, 82%, 61%);
}
.card.card-azre.card-full {
  background-color: hsl(218, 82%, 61%);
}
.card.card-azre.card-full .card-head {
  border-bottom: 1px solid #6195ef;
}
.card.card-azre.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-azre.card-full .card-foot {
  border-top: 1px solid #6195ef;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-azre {
  background-color: #155cd5;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-azre:hover {
  background-color: #1148a7;
}

.darkmode .btn.btn-out-azre {
  border: 1px solid #155cd5;
  background-color: none;
  color: #155cd5;
}
.darkmode .btn.btn-out-azre:hover {
  background-color: #155cd5;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-azre {
  background-color: white;
  color: hsl(218, 82%, 61%);
  border-left: 0.4rem solid hsl(218, 82%, 61%);
}

.darkmode .alrt.alrt-azre {
  background-color: #1352be;
  color: hsl(218, 82%, 61%);
  border-left: 0.4rem solid hsl(218, 82%, 61%);
}

.brdr-azre {
  border: 1px solid hsl(218, 82%, 61%);
  border-radius: 0.5rem;
}

.dashbox-azre .dashbox-ico {
  background-color: hsl(218, 82%, 61%);
}
.dashbox-azre .dashbox-val {
  color: hsl(218, 82%, 61%);
}
.dashbox-azre .dashbox-lnk a:hover {
  color: hsl(218, 82%, 61%);
}

.darkmode .tbl.tbl-azre th {
  background-color: #1352be;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-azre tr:hover {
  background-color: #0e3e90;
}
.darkmode .tbl.tbl-azre.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #0c3479;
}
.darkmode .tbl.tbl-azre.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #155cd5;
}
.darkmode .tbl.tbl-azre.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #3376eb;
}
.darkmode .tbl.tbl-azre.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #0c3479;
}
.darkmode .tbl.tbl-azre.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #155cd5;
}
.darkmode .tbl.tbl-azre.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #3376eb;
}

.tbl.tbl-azre th {
  background-color: white;
  color: hsl(218, 82%, 61%);
}
.tbl.tbl-azre tr:hover {
  background-color: white;
}
.tbl.tbl-azre.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(218, 82%, 61%);
}
.tbl.tbl-azre.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(218, 82%, 61%);
}
.tbl.tbl-azre.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #a7c4f6;
}
.tbl.tbl-azre.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(218, 82%, 61%);
}
.tbl.tbl-azre.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(218, 82%, 61%);
}
.tbl.tbl-azre.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #a7c4f6;
}

.tbl-azre .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-azre input[type=checkbox]::before {
  border: 2px solid hsl(218, 82%, 61%);
}
.tbl-azre .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-azre input[type=checkbox]:checked::before {
  background-color: hsl(218, 82%, 61%);
}

.darkmode .tbl-azre .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-azre input[type=checkbox]::before {
  border: 2px solid #155cd5;
}
.darkmode .tbl-azre .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-azre input[type=checkbox]:checked::before {
  background-color: hsl(218, 82%, 61%);
  background-color: #155cd5;
  color: hsl(0, 0%, 60%);
}

.modal.modal-azre .modal-header {
  background-color: hsl(218, 82%, 61%);
}
.modal.modal-azre .modal-footer .btn {
  background-color: hsl(218, 82%, 61%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-azre .modal-header {
  background-color: #155cd5;
}
.darkmode .modal.modal-azre .modal-footer .btn {
  background-color: #155cd5;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-azre .subnav-link i {
  color: hsl(218, 82%, 61%);
}
.panel.panel-subnav.subnav-azre .subnav-link:hover {
  background-color: hsl(218, 82%, 61%);
}
.panel.panel-subnav.subnav-azre .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-dblu {
  color: hsl(215, 50%, 23%) !important;
}

.bg-dblu {
  background-color: hsl(215, 50%, 23%) !important;
}

a.a-dblu {
  color: hsl(215, 50%, 23%) !important;
}

a.a-dblu:not(.btn):hover {
  color: #305991 !important;
}

.sct-head.dblu {
  border-bottom-color: hsl(215, 50%, 23%);
}

.btn.btn-dblu {
  background-color: hsl(215, 50%, 23%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-dblu:hover {
  background-color: #2a4d7e;
}

.btn.btn-out-dblu {
  border: 1px solid hsl(215, 50%, 23%);
  background-color: none;
  color: hsl(215, 50%, 23%);
}
.btn.btn-out-dblu:hover {
  background-color: hsl(215, 50%, 23%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-dblu i {
  color: hsl(215, 50%, 23%);
}
.site-mainnav-button .mainnav-button-dblu:hover, .site-mainnav-button .mainnav-button-dblu.mainnav-button-active {
  background-color: hsl(215, 50%, 23%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-dblu:hover i, .site-mainnav-button .mainnav-button-dblu.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-dblu .card-head {
  background-color: #90afda;
  color: hsl(215, 50%, 23%);
  border-bottom: 1px solid hsl(215, 50%, 23%);
}
.card.card-dblu.card-solid .card-head, .card.card-dblu.card-full .card-head {
  background-color: hsl(215, 50%, 23%);
  color: hsl(0, 0%, 100%);
}
.card.card-dblu.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(215, 50%, 23%);
}
.card.card-dblu.card-full {
  background-color: hsl(215, 50%, 23%);
}
.card.card-dblu.card-full .card-head {
  border-bottom: 1px solid #24416b;
}
.card.card-dblu.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-dblu.card-full .card-foot {
  border-top: 1px solid #24416b;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-dblu {
  background-color: #0a131f;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-dblu:hover {
  background-color: black;
}

.darkmode .btn.btn-out-dblu {
  border: 1px solid #0a131f;
  background-color: none;
  color: #0a131f;
}
.darkmode .btn.btn-out-dblu:hover {
  background-color: #0a131f;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-dblu {
  background-color: #98b4dd;
  color: hsl(215, 50%, 23%);
  border-left: 0.4rem solid hsl(215, 50%, 23%);
}

.darkmode .alrt.alrt-dblu {
  background-color: #04070b;
  color: hsl(215, 50%, 23%);
  border-left: 0.4rem solid hsl(215, 50%, 23%);
}

.brdr-dblu {
  border: 1px solid hsl(215, 50%, 23%);
  border-radius: 0.5rem;
}

.dashbox-dblu .dashbox-ico {
  background-color: hsl(215, 50%, 23%);
}
.dashbox-dblu .dashbox-val {
  color: hsl(215, 50%, 23%);
}
.dashbox-dblu .dashbox-lnk a:hover {
  color: hsl(215, 50%, 23%);
}

.darkmode .tbl.tbl-dblu th {
  background-color: #04070b;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-dblu tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-dblu.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-dblu.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #0a131f;
}
.darkmode .tbl.tbl-dblu.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #172a45;
}
.darkmode .tbl.tbl-dblu.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-dblu.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #0a131f;
}
.darkmode .tbl.tbl-dblu.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #172a45;
}

.tbl.tbl-dblu th {
  background-color: #b3c8e6;
  color: hsl(215, 50%, 23%);
}
.tbl.tbl-dblu tr:hover {
  background-color: #c2d3eb;
}
.tbl.tbl-dblu.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(215, 50%, 23%);
}
.tbl.tbl-dblu.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(215, 50%, 23%);
}
.tbl.tbl-dblu.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #3765a4;
}
.tbl.tbl-dblu.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(215, 50%, 23%);
}
.tbl.tbl-dblu.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(215, 50%, 23%);
}
.tbl.tbl-dblu.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #3765a4;
}

.tbl-dblu .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-dblu input[type=checkbox]::before {
  border: 2px solid hsl(215, 50%, 23%);
}
.tbl-dblu .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-dblu input[type=checkbox]:checked::before {
  background-color: hsl(215, 50%, 23%);
}

.darkmode .tbl-dblu .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-dblu input[type=checkbox]::before {
  border: 2px solid #0a131f;
}
.darkmode .tbl-dblu .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-dblu input[type=checkbox]:checked::before {
  background-color: hsl(215, 50%, 23%);
  background-color: #0a131f;
  color: hsl(0, 0%, 60%);
}

.modal.modal-dblu .modal-header {
  background-color: hsl(215, 50%, 23%);
}
.modal.modal-dblu .modal-footer .btn {
  background-color: hsl(215, 50%, 23%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-dblu .modal-header {
  background-color: #0a131f;
}
.darkmode .modal.modal-dblu .modal-footer .btn {
  background-color: #0a131f;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-dblu .subnav-link i {
  color: hsl(215, 50%, 23%);
}
.panel.panel-subnav.subnav-dblu .subnav-link:hover {
  background-color: hsl(215, 50%, 23%);
}
.panel.panel-subnav.subnav-dblu .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-indi {
  color: hsl(263, 52%, 41%) !important;
}

.bg-indi {
  background-color: hsl(263, 52%, 41%) !important;
}

a.a-indi {
  color: hsl(263, 52%, 41%) !important;
}

a.a-indi:not(.btn):hover {
  color: #8154c9 !important;
}

.sct-head.indi {
  border-bottom-color: hsl(263, 52%, 41%);
}

.btn.btn-indi {
  background-color: hsl(263, 52%, 41%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-indi:hover {
  background-color: #7341c3;
}

.btn.btn-out-indi {
  border: 1px solid hsl(263, 52%, 41%);
  background-color: none;
  color: hsl(263, 52%, 41%);
}
.btn.btn-out-indi:hover {
  background-color: hsl(263, 52%, 41%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-indi i {
  color: hsl(263, 52%, 41%);
}
.site-mainnav-button .mainnav-button-indi:hover, .site-mainnav-button .mainnav-button-indi.mainnav-button-active {
  background-color: hsl(263, 52%, 41%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-indi:hover i, .site-mainnav-button .mainnav-button-indi.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-indi .card-head {
  background-color: #e0d4f2;
  color: hsl(263, 52%, 41%);
  border-bottom: 1px solid hsl(263, 52%, 41%);
}
.card.card-indi.card-solid .card-head, .card.card-indi.card-full .card-head {
  background-color: hsl(263, 52%, 41%);
  color: hsl(0, 0%, 100%);
}
.card.card-indi.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(263, 52%, 41%);
}
.card.card-indi.card-full {
  background-color: hsl(263, 52%, 41%);
}
.card.card-indi.card-full .card-head {
  border-bottom: 1px solid #6738b2;
}
.card.card-indi.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-indi.card-full .card-foot {
  border-top: 1px solid #6738b2;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-indi {
  background-color: #3a2065;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-indi:hover {
  background-color: #24143e;
}

.darkmode .btn.btn-out-indi {
  border: 1px solid #3a2065;
  background-color: none;
  color: #3a2065;
}
.darkmode .btn.btn-out-indi:hover {
  background-color: #3a2065;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-indi {
  background-color: #e5dcf4;
  color: hsl(263, 52%, 41%);
  border-left: 0.4rem solid hsl(263, 52%, 41%);
}

.darkmode .alrt.alrt-indi {
  background-color: #2f1a51;
  color: hsl(263, 52%, 41%);
  border-left: 0.4rem solid hsl(263, 52%, 41%);
}

.brdr-indi {
  border: 1px solid hsl(263, 52%, 41%);
  border-radius: 0.5rem;
}

.dashbox-indi .dashbox-ico {
  background-color: hsl(263, 52%, 41%);
}
.dashbox-indi .dashbox-val {
  color: hsl(263, 52%, 41%);
}
.dashbox-indi .dashbox-lnk a:hover {
  color: hsl(263, 52%, 41%);
}

.darkmode .tbl.tbl-indi th {
  background-color: #2f1a51;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-indi tr:hover {
  background-color: #190d2b;
}
.darkmode .tbl.tbl-indi.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #0d0717;
}
.darkmode .tbl.tbl-indi.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #3a2065;
}
.darkmode .tbl.tbl-indi.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #512c8c;
}
.darkmode .tbl.tbl-indi.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #0d0717;
}
.darkmode .tbl.tbl-indi.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #3a2065;
}
.darkmode .tbl.tbl-indi.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #512c8c;
}

.tbl.tbl-indi th {
  background-color: #f9f7fd;
  color: hsl(263, 52%, 41%);
}
.tbl.tbl-indi tr:hover {
  background-color: white;
}
.tbl.tbl-indi.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(263, 52%, 41%);
}
.tbl.tbl-indi.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(263, 52%, 41%);
}
.tbl.tbl-indi.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #8f68cf;
}
.tbl.tbl-indi.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(263, 52%, 41%);
}
.tbl.tbl-indi.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(263, 52%, 41%);
}
.tbl.tbl-indi.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #8f68cf;
}

.tbl-indi .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-indi input[type=checkbox]::before {
  border: 2px solid hsl(263, 52%, 41%);
}
.tbl-indi .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-indi input[type=checkbox]:checked::before {
  background-color: hsl(263, 52%, 41%);
}

.darkmode .tbl-indi .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-indi input[type=checkbox]::before {
  border: 2px solid #3a2065;
}
.darkmode .tbl-indi .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-indi input[type=checkbox]:checked::before {
  background-color: hsl(263, 52%, 41%);
  background-color: #3a2065;
  color: hsl(0, 0%, 60%);
}

.modal.modal-indi .modal-header {
  background-color: hsl(263, 52%, 41%);
}
.modal.modal-indi .modal-footer .btn {
  background-color: hsl(263, 52%, 41%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-indi .modal-header {
  background-color: #3a2065;
}
.darkmode .modal.modal-indi .modal-footer .btn {
  background-color: #3a2065;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-indi .subnav-link i {
  color: hsl(263, 52%, 41%);
}
.panel.panel-subnav.subnav-indi .subnav-link:hover {
  background-color: hsl(263, 52%, 41%);
}
.panel.panel-subnav.subnav-indi .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-viol {
  color: hsl(270, 67%, 21%) !important;
}

.bg-viol {
  background-color: hsl(270, 67%, 21%) !important;
}

a.a-viol {
  color: hsl(270, 67%, 21%) !important;
}

a.a-viol:not(.btn):hover {
  color: #5c1e99 !important;
}

.sct-head.viol {
  border-bottom-color: hsl(270, 67%, 21%);
}

.btn.btn-viol {
  background-color: hsl(270, 67%, 21%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-viol:hover {
  background-color: #4f1a84;
}

.btn.btn-out-viol {
  border: 1px solid hsl(270, 67%, 21%);
  background-color: none;
  color: hsl(270, 67%, 21%);
}
.btn.btn-out-viol:hover {
  background-color: hsl(270, 67%, 21%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-viol i {
  color: hsl(270, 67%, 21%);
}
.site-mainnav-button .mainnav-button-viol:hover, .site-mainnav-button .mainnav-button-viol.mainnav-button-active {
  background-color: hsl(270, 67%, 21%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-viol:hover i, .site-mainnav-button .mainnav-button-viol.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-viol .card-head {
  background-color: #b07be5;
  color: hsl(270, 67%, 21%);
  border-bottom: 1px solid hsl(270, 67%, 21%);
}
.card.card-viol.card-solid .card-head, .card.card-viol.card-full .card-head {
  background-color: hsl(270, 67%, 21%);
  color: hsl(0, 0%, 100%);
}
.card.card-viol.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(270, 67%, 21%);
}
.card.card-viol.card-full {
  background-color: hsl(270, 67%, 21%);
}
.card.card-viol.card-full .card-head {
  border-bottom: 1px solid #42166f;
}
.card.card-viol.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-viol.card-full .card-foot {
  border-top: 1px solid #42166f;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-viol {
  background-color: #0f051a;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-viol:hover {
  background-color: black;
}

.darkmode .btn.btn-out-viol {
  border: 1px solid #0f051a;
  background-color: none;
  color: #0f051a;
}
.darkmode .btn.btn-out-viol:hover {
  background-color: #0f051a;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-viol {
  background-color: #b584e7;
  color: hsl(270, 67%, 21%);
  border-left: 0.4rem solid hsl(270, 67%, 21%);
}

.darkmode .alrt.alrt-viol {
  background-color: #030104;
  color: hsl(270, 67%, 21%);
  border-left: 0.4rem solid hsl(270, 67%, 21%);
}

.brdr-viol {
  border: 1px solid hsl(270, 67%, 21%);
  border-radius: 0.5rem;
}

.dashbox-viol .dashbox-ico {
  background-color: hsl(270, 67%, 21%);
}
.dashbox-viol .dashbox-val {
  color: hsl(270, 67%, 21%);
}
.dashbox-viol .dashbox-lnk a:hover {
  color: hsl(270, 67%, 21%);
}

.darkmode .tbl.tbl-viol th {
  background-color: #030104;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-viol tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-viol.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-viol.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #0f051a;
}
.darkmode .tbl.tbl-viol.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #290d44;
}
.darkmode .tbl.tbl-viol.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-viol.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #0f051a;
}
.darkmode .tbl.tbl-viol.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #290d44;
}

.tbl.tbl-viol th {
  background-color: #c7a1ec;
  color: hsl(270, 67%, 21%);
}
.tbl.tbl-viol tr:hover {
  background-color: #d1b2f0;
}
.tbl.tbl-viol.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(270, 67%, 21%);
}
.tbl.tbl-viol.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(270, 67%, 21%);
}
.tbl.tbl-viol.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #6923af;
}
.tbl.tbl-viol.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(270, 67%, 21%);
}
.tbl.tbl-viol.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(270, 67%, 21%);
}
.tbl.tbl-viol.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #6923af;
}

.tbl-viol .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-viol input[type=checkbox]::before {
  border: 2px solid hsl(270, 67%, 21%);
}
.tbl-viol .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-viol input[type=checkbox]:checked::before {
  background-color: hsl(270, 67%, 21%);
}

.darkmode .tbl-viol .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-viol input[type=checkbox]::before {
  border: 2px solid #0f051a;
}
.darkmode .tbl-viol .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-viol input[type=checkbox]:checked::before {
  background-color: hsl(270, 67%, 21%);
  background-color: #0f051a;
  color: hsl(0, 0%, 60%);
}

.modal.modal-viol .modal-header {
  background-color: hsl(270, 67%, 21%);
}
.modal.modal-viol .modal-footer .btn {
  background-color: hsl(270, 67%, 21%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-viol .modal-header {
  background-color: #0f051a;
}
.darkmode .modal.modal-viol .modal-footer .btn {
  background-color: #0f051a;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-viol .subnav-link i {
  color: hsl(270, 67%, 21%);
}
.panel.panel-subnav.subnav-viol .subnav-link:hover {
  background-color: hsl(270, 67%, 21%);
}
.panel.panel-subnav.subnav-viol .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-brwn {
  color: hsl(21, 78%, 20%) !important;
}

.bg-brwn {
  background-color: hsl(21, 78%, 20%) !important;
}

a.a-brwn {
  color: hsl(21, 78%, 20%) !important;
}

a.a-brwn:not(.btn):hover {
  color: #9f4414 !important;
}

.sct-head.brwn {
  border-bottom-color: hsl(21, 78%, 20%);
}

.btn.btn-brwn {
  background-color: hsl(21, 78%, 20%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-brwn:hover {
  background-color: #883b11;
}

.btn.btn-out-brwn {
  border: 1px solid hsl(21, 78%, 20%);
  background-color: none;
  color: hsl(21, 78%, 20%);
}
.btn.btn-out-brwn:hover {
  background-color: hsl(21, 78%, 20%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-brwn i {
  color: hsl(21, 78%, 20%);
}
.site-mainnav-button .mainnav-button-brwn:hover, .site-mainnav-button .mainnav-button-brwn.mainnav-button-active {
  background-color: hsl(21, 78%, 20%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-brwn:hover i, .site-mainnav-button .mainnav-button-brwn.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-brwn .card-head {
  background-color: #ed9a6e;
  color: hsl(21, 78%, 20%);
  border-bottom: 1px solid hsl(21, 78%, 20%);
}
.card.card-brwn.card-solid .card-head, .card.card-brwn.card-full .card-head {
  background-color: hsl(21, 78%, 20%);
  color: hsl(0, 0%, 100%);
}
.card.card-brwn.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(21, 78%, 20%);
}
.card.card-brwn.card-full {
  background-color: hsl(21, 78%, 20%);
}
.card.card-brwn.card-full .card-head {
  border-bottom: 1px solid #71310e;
}
.card.card-brwn.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-brwn.card-full .card-foot {
  border-top: 1px solid #71310e;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-brwn {
  background-color: #170a03;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-brwn:hover {
  background-color: black;
}

.darkmode .btn.btn-out-brwn {
  border: 1px solid #170a03;
  background-color: none;
  color: #170a03;
}
.darkmode .btn.btn-out-brwn:hover {
  background-color: #170a03;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-brwn {
  background-color: #eea177;
  color: hsl(21, 78%, 20%);
  border-left: 0.4rem solid hsl(21, 78%, 20%);
}

.darkmode .alrt.alrt-brwn {
  background-color: black;
  color: hsl(21, 78%, 20%);
  border-left: 0.4rem solid hsl(21, 78%, 20%);
}

.brdr-brwn {
  border: 1px solid hsl(21, 78%, 20%);
  border-radius: 0.5rem;
}

.dashbox-brwn .dashbox-ico {
  background-color: hsl(21, 78%, 20%);
}
.dashbox-brwn .dashbox-val {
  color: hsl(21, 78%, 20%);
}
.dashbox-brwn .dashbox-lnk a:hover {
  color: hsl(21, 78%, 20%);
}

.darkmode .tbl.tbl-brwn th {
  background-color: black;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-brwn tr:hover {
  background-color: black;
}
.darkmode .tbl.tbl-brwn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: black;
}
.darkmode .tbl.tbl-brwn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #170a03;
}
.darkmode .tbl.tbl-brwn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #441d08;
}
.darkmode .tbl.tbl-brwn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: black;
}
.darkmode .tbl.tbl-brwn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #170a03;
}
.darkmode .tbl.tbl-brwn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #441d08;
}

.tbl.tbl-brwn th {
  background-color: #f2b797;
  color: hsl(21, 78%, 20%);
}
.tbl.tbl-brwn tr:hover {
  background-color: #f4c3a9;
}
.tbl.tbl-brwn.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(21, 78%, 20%);
}
.tbl.tbl-brwn.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(21, 78%, 20%);
}
.tbl.tbl-brwn.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #b64e16;
}
.tbl.tbl-brwn.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(21, 78%, 20%);
}
.tbl.tbl-brwn.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(21, 78%, 20%);
}
.tbl.tbl-brwn.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #b64e16;
}

.tbl-brwn .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-brwn input[type=checkbox]::before {
  border: 2px solid hsl(21, 78%, 20%);
}
.tbl-brwn .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-brwn input[type=checkbox]:checked::before {
  background-color: hsl(21, 78%, 20%);
}

.darkmode .tbl-brwn .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-brwn input[type=checkbox]::before {
  border: 2px solid #170a03;
}
.darkmode .tbl-brwn .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-brwn input[type=checkbox]:checked::before {
  background-color: hsl(21, 78%, 20%);
  background-color: #170a03;
  color: hsl(0, 0%, 60%);
}

.modal.modal-brwn .modal-header {
  background-color: hsl(21, 78%, 20%);
}
.modal.modal-brwn .modal-footer .btn {
  background-color: hsl(21, 78%, 20%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-brwn .modal-header {
  background-color: #170a03;
}
.darkmode .modal.modal-brwn .modal-footer .btn {
  background-color: #170a03;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-brwn .subnav-link i {
  color: hsl(21, 78%, 20%);
}
.panel.panel-subnav.subnav-brwn .subnav-link:hover {
  background-color: hsl(21, 78%, 20%);
}
.panel.panel-subnav.subnav-brwn .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

.t-umbr {
  color: hsl(16, 13%, 39%) !important;
}

.bg-umbr {
  background-color: hsl(16, 13%, 39%) !important;
}

a.a-umbr {
  color: hsl(16, 13%, 39%) !important;
}

a.a-umbr:not(.btn):hover {
  color: #99837a !important;
}

.sct-head.umbr {
  border-bottom-color: hsl(16, 13%, 39%);
}

.btn.btn-umbr {
  background-color: hsl(16, 13%, 39%);
  color: hsl(0, 0%, 100%);
}
.btn.btn-umbr:hover {
  background-color: #8d756d;
}

.btn.btn-out-umbr {
  border: 1px solid hsl(16, 13%, 39%);
  background-color: none;
  color: hsl(16, 13%, 39%);
}
.btn.btn-out-umbr:hover {
  background-color: hsl(16, 13%, 39%);
  color: hsl(0, 0%, 100%);
}

.site-mainnav-button .mainnav-button-umbr i {
  color: hsl(16, 13%, 39%);
}
.site-mainnav-button .mainnav-button-umbr:hover, .site-mainnav-button .mainnav-button-umbr.mainnav-button-active {
  background-color: hsl(16, 13%, 39%);
  color: hsl(0, 0%, 100%);
}
.site-mainnav-button .mainnav-button-umbr:hover i, .site-mainnav-button .mainnav-button-umbr.mainnav-button-active i {
  color: hsl(0, 0%, 100%);
}

.card.card-umbr .card-head {
  background-color: #e2dcda;
  color: hsl(16, 13%, 39%);
  border-bottom: 1px solid hsl(16, 13%, 39%);
}
.card.card-umbr.card-solid .card-head, .card.card-umbr.card-full .card-head {
  background-color: hsl(16, 13%, 39%);
  color: hsl(0, 0%, 100%);
}
.card.card-umbr.card-light .card-head {
  background-color: hsl(0, 0%, 100%);
  color: hsl(16, 13%, 39%);
}
.card.card-umbr.card-full {
  background-color: hsl(16, 13%, 39%);
}
.card.card-umbr.card-full .card-head {
  border-bottom: 1px solid #7f6962;
}
.card.card-umbr.card-full .card-body {
  color: hsl(0, 0%, 100%);
}
.card.card-umbr.card-full .card-foot {
  border-top: 1px solid #7f6962;
  color: hsl(0, 0%, 90%);
}

.darkmode .btn.btn-umbr {
  background-color: #453935;
  color: hsl(0, 0%, 80%);
}
.darkmode .btn.btn-umbr:hover {
  background-color: #28221f;
}

.darkmode .btn.btn-out-umbr {
  border: 1px solid #453935;
  background-color: none;
  color: #453935;
}
.darkmode .btn.btn-out-umbr:hover {
  background-color: #453935;
  color: hsl(0, 0%, 80%);
}

.alrt.alrt-umbr {
  background-color: #e7e1df;
  color: hsl(16, 13%, 39%);
  border-left: 0.4rem solid hsl(16, 13%, 39%);
}

.darkmode .alrt.alrt-umbr {
  background-color: #372e2a;
  color: hsl(16, 13%, 39%);
  border-left: 0.4rem solid hsl(16, 13%, 39%);
}

.brdr-umbr {
  border: 1px solid hsl(16, 13%, 39%);
  border-radius: 0.5rem;
}

.dashbox-umbr .dashbox-ico {
  background-color: hsl(16, 13%, 39%);
}
.dashbox-umbr .dashbox-val {
  color: hsl(16, 13%, 39%);
}
.dashbox-umbr .dashbox-lnk a:hover {
  color: hsl(16, 13%, 39%);
}

.darkmode .tbl.tbl-umbr th {
  background-color: #372e2a;
  color: hsl(0, 0%, 80%);
}
.darkmode .tbl.tbl-umbr tr:hover {
  background-color: #1a1614;
}
.darkmode .tbl.tbl-umbr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: #0c0a09;
}
.darkmode .tbl.tbl-umbr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: #453935;
}
.darkmode .tbl.tbl-umbr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #62514b;
}
.darkmode .tbl.tbl-umbr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: #0c0a09;
}
.darkmode .tbl.tbl-umbr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: #453935;
}
.darkmode .tbl.tbl-umbr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #62514b;
}

.tbl.tbl-umbr th {
  background-color: #f6f4f3;
  color: hsl(16, 13%, 39%);
}
.tbl.tbl-umbr tr:hover {
  background-color: white;
}
.tbl.tbl-umbr.tbl-hasChecks.tbl-hasId td:nth-child(2) {
  color: hsl(16, 13%, 39%);
}
.tbl.tbl-umbr.tbl-hasChecks.tbl-hasId td:nth-child(2) a {
  color: hsl(16, 13%, 39%);
}
.tbl.tbl-umbr.tbl-hasChecks.tbl-hasId td:nth-child(2) a:hover {
  color: #a49089;
}
.tbl.tbl-umbr.tbl-hasId:not(.tbl-hasChecks) td:first-child {
  color: hsl(16, 13%, 39%);
}
.tbl.tbl-umbr.tbl-hasId:not(.tbl-hasChecks) td:first-child a {
  color: hsl(16, 13%, 39%);
}
.tbl.tbl-umbr.tbl-hasId:not(.tbl-hasChecks) td:first-child a:hover {
  color: #a49089;
}

.tbl-umbr .frm-chck input[type=checkbox]::before,
.frm-chck.frm-chck-umbr input[type=checkbox]::before {
  border: 2px solid hsl(16, 13%, 39%);
}
.tbl-umbr .frm-chck input[type=checkbox]:checked::before,
.frm-chck.frm-chck-umbr input[type=checkbox]:checked::before {
  background-color: hsl(16, 13%, 39%);
}

.darkmode .tbl-umbr .frm-chck input[type=checkbox]::before,
.darkmode .frm-chck.frm-chck-umbr input[type=checkbox]::before {
  border: 2px solid #453935;
}
.darkmode .tbl-umbr .frm-chck input[type=checkbox]:checked::before,
.darkmode .frm-chck.frm-chck-umbr input[type=checkbox]:checked::before {
  background-color: hsl(16, 13%, 39%);
  background-color: #453935;
  color: hsl(0, 0%, 60%);
}

.modal.modal-umbr .modal-header {
  background-color: hsl(16, 13%, 39%);
}
.modal.modal-umbr .modal-footer .btn {
  background-color: hsl(16, 13%, 39%);
  color: hsl(0, 0%, 100%);
}

.darkmode .modal.modal-umbr .modal-header {
  background-color: #453935;
}
.darkmode .modal.modal-umbr .modal-footer .btn {
  background-color: #453935;
  color: hsl(0, 0%, 80%);
}

.panel.panel-subnav.subnav-umbr .subnav-link i {
  color: hsl(16, 13%, 39%);
}
.panel.panel-subnav.subnav-umbr .subnav-link:hover {
  background-color: hsl(16, 13%, 39%);
}
.panel.panel-subnav.subnav-umbr .subnav-link:hover i {
  color: hsl(0, 0%, 100%);
}

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

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

.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;
}

.radius-0 {
  border-radius: 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;
}

.radius-1 {
  border-radius: 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;
}

.radius-2 {
  border-radius: 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;
}

.radius-3 {
  border-radius: 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;
}

.radius-4 {
  border-radius: 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;
}

.radius-5 {
  border-radius: 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;
}

.radius-6 {
  border-radius: 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;
}

.radius-7 {
  border-radius: 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;
}

.radius-8 {
  border-radius: 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;
}

.radius-9 {
  border-radius: 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;
}

.radius-10 {
  border-radius: 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;
}

.radius-15 {
  border-radius: 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;
}

.radius-20 {
  border-radius: 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;
}

.radius-25 {
  border-radius: 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;
}

.radius-30 {
  border-radius: 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;
}

.radius-35 {
  border-radius: 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;
}

.radius-40 {
  border-radius: 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;
}

.radius-45 {
  border-radius: 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;
}

.radius-50 {
  border-radius: 5rem !important;
}

.btn.btn-out-whte:hover {
  color: hsl(0, 0%, 20%);
}

.t-lowr {
  text-transform: lowercase;
}

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

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

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

* {
  box-sizing: border-box;
}

html {
  font-size: 18px;
  scroll-behavior: smooth;
}

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

body {
  margin: 0;
  padding: 0;
}

input,
select,
button {
  font-size: 1rem;
}

::-moz-selection {
  background: hsl(0, 0%, 60%);
  /* WebKit/Blink Browsers */
  color: hsl(0, 0%, 100%);
}

::selection {
  background: hsl(0, 0%, 60%);
  /* WebKit/Blink Browsers */
  color: hsl(0, 0%, 100%);
}

::-moz-selection {
  /* Gecko Browsers */
  color: hsl(0, 0%, 100%);
}

section {
  overflow: auto;
}

p {
  margin: 0;
  margin-top: 1rem;
}

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

a {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  color: hsl(0, 0%, 60%);
}

a.t-whte:hover, a:not(.btn):hover {
  color: #737373 !important;
}

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

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

.hidden, .hideElem {
  display: none !important;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

a.modal-close:hover {
  color: hsl(51, 100%, 50%) !important;
}

h1,
h2.section-title,
h3.section-title {
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  font-size: 4rem;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: hsl(0, 0%, 100%);
  padding-right: 1rem;
}

h1.car-title {
  font-size: 6rem;
}

.box-super h3.section-title {
  font-size: 3rem !important;
  line-height: 3rem;
}

.h1-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}
.h1-row span.btn {
  font-size: 1.4rem;
  padding: 0.8rem 3rem;
}

p {
  display: block;
}

ul {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.top-nav ul {
  justify-content: flex-start;
}
.top-nav ul li:first-child {
  flex: 1;
}
.top-nav ul li a.top-nav-lnk {
  padding: 0.4rem 1rem;
  border-radius: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
.top-nav ul li a.top-nav-lnk.active {
  background-color: #4d4d4d;
  color: hsl(0, 0%, 90%) !important;
}
.top-nav ul li a.top-nav-lnk:hover {
  color: hsl(0, 0%, 13%) !important;
  background-color: #cecece;
}
.top-nav ul li a.top-nav-lnk.active:hover {
  background-color: #4d4d4d;
  color: hsl(0, 0%, 80%) !important;
}

ul.footer-links {
  padding-left: 0;
  gap: 0;
}
ul.footer-links li {
  padding: 0.7rem 2rem;
}
ul.footer-links li a {
  font-weight: bold;
}
ul.footer-links li:first-child {
  border-right: 1px solid white;
}

.box-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 13%);
  border-radius: 2rem;
}
.box-white .box-img img {
  border-radius: 2rem;
}
.box-white h3.section-title {
  color: hsl(0, 0%, 13%);
  padding-top: 1.5rem;
  padding-left: 3rem;
  margin-bottom: 1rem;
}
.box-white .box-content-text {
  padding-left: 3rem;
  padding-top: 1.5rem;
}

.bookmark {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 13%);
  padding: 1rem;
  padding-left: 3rem;
  padding-right: 2rem;
  font-size: 1.4rem;
  font-weight: bolder;
  border-radius: 0 2rem 2rem 0;
}

.params-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: disc;
  font-size: 0.9rem;
  margin-top: 1.5rem;
  list-style-position: inside;
  font-weight: 500;
  gap: 1.3rem;
}

.site-map {
  flex-direction: column;
  justify-items: flex-start;
  align-items: flex-start;
}
.site-map a {
  font-weight: bold;
}

.btn,
.btn.btn-whte {
  background-color: hsl(0, 0%, 20%);
  color: hsl(0, 0%, 100%);
  padding: 0.5rem;
  padding-left: 3rem;
  padding-right: 2rem;
  font-weight: bolder;
  text-transform: uppercase;
  border-radius: 2rem;
  font-size: 1.4rem;
  transition: all 0.5s ease;
}

.btn.btn-more {
  background-color: transparent;
  font-weight: normal;
  color: hsl(0, 0%, 20%);
  margin-top: 1.5rem;
}

.btn.btn-sm {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.btn:hover {
  background-color: gray;
}

.btn.btn-more:hover {
  color: white;
}

.btn.btn-whte {
  background-color: hsl(0, 0%, 100%);
}

.btn.btn-whte:hover {
  background-color: hsl(0, 0%, 80%);
}

.btn-ico {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn-ico i {
  font-size: 1.8rem;
}

.f-btns {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: flex-end;
}

.link-more {
  font-size: 1.4rem;
  font-weight: bolder;
  text-transform: uppercase;
  border-radius: 2rem;
  font-size: 0.9rem;
  transition: all 0.5s ease;
}

.totop {
  position: fixed;
  bottom: 6rem;
  right: -6rem;
  transition: all 0.5s ease;
}
.totop.visible {
  right: 5rem;
}
.totop a {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  border-radius: 2rem;
  font-weight: bold;
  font-size: 2rem;
  color: hsl(0, 0%, 13%);
  transition: all 0.5s ease;
}
.totop a:hover {
  color: hsl(0, 0%, 100%) !important;
}

.cookies-layer {
  background-color: hsla(0, 0%, 0%, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 15;
}

.cookies {
  background-color: hsl(0, 0%, 24%);
  padding: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 15%;
}
.cookies p {
  display: block !important;
}

.pagination {
  padding: 2rem;
}
.pagination li a {
  background-color: hsl(51, 100%, 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 1.5rem;
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  color: hsl(0, 0%, 13%);
  transition: all 0.5s ease;
}
.pagination li a:hover {
  color: hsl(0, 0%, 100%) !important;
}
.pagination li a.active {
  background-color: hsl(0, 0%, 100%);
}
.pagination li a.active:hover {
  background-color: hsl(51, 100%, 50%);
  color: hsl(0, 0%, 100%) !important;
}

.alert {
  position: fixed;
  top: 4rem;
  top: -20rem;
  right: 6rem;
  padding: 1rem;
  min-width: 370px;
  max-width: 650px;
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 1.4rem;
  border-radius: 1.5rem;
  box-shadow: 0px 0px 12px 0px rgb(0, 0, 0);
  transition: all 1s ease;
}

.alert.show {
  top: 4rem;
}

.alert-warn,
.alert-warning {
  background-color: hsl(27, 98%, 54%);
}

.alert-sccs,
.alert-success {
  background-color: hsl(141, 66%, 30%);
}

.alert-dngr,
.alert-danger {
  background-color: hsl(354, 67%, 48%);
}

.alert-info {
  background-color: hsl(188, 78%, 41%);
}

.hr {
  margin-top: 2rem;
  border-bottom: 1px solid hsl(0, 0%, 80%);
}

.map {
  margin-top: 1.5rem;
}
.map iframe {
  border-radius: 1.5rem;
}

.cookie-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cookie-list li a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cookie-list li a i {
  padding-right: 0.5rem;
}
.cookie-list li a.on {
  color: hsl(51, 100%, 50%);
}
.cookie-list li a.off {
  color: hsl(0, 0%, 100%);
}

.brand {
  background-color: transparent;
  color: black;
  font-size: 1.5rem;
  width: 45%;
  margin-left: 5rem;
  padding-bottom: 5rem;
}
.brand .brand-logo {
  padding-bottom: 1rem;
}
.brand .brand-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.brand .brand-dscr {
  padding-bottom: 1rem;
  line-height: 2.25rem;
}

.car-feature {
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  font-size: 4rem;
  line-height: 4rem;
}

.brdr-btm {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid white;
}

.list-circle {
  list-style-type: disc;
  list-style-position: inside;
}

body {
  font-family: Montserrat, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 13%);
  background-color: #cecece;
}

.site-head {
  display: flex;
  flex-direction: column;
  height: 440px;
  height: 1040px;
  background-repeat: no-repeat;
  background-position: top center;
}

.site-head.fijalk {
  background-image: url("../img/leap_bg_main2.png");
}

.head-top {
  background-color: hsla(0, 0%, 34%, 0.5);
  padding: 1rem 5rem;
}

.head-center {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: end;
}

.head-bottom {
  height: 118px;
  background-color: hsl(0, 0%, 13%);
  border-top-left-radius: 118px;
  border-top-right-radius: 118px;
}

.site-head.noslides {
  background-image: none;
  background-color: hsl(0, 0%, 50%);
  height: auto;
}
.site-head.noslides .head-center {
  display: none;
}
.site-head.noslides .head-top {
  background-color: hsl(0, 0%, 50%);
}

.site-head.contact {
  background-image: url("../img/hero-contact.png");
}
.site-head.contact .head-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  padding-right: 15%;
}
.site-head.contact h2 {
  margin-left: 2rem;
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
}
.site-head.contact .contact-info {
  border-radius: 1.5rem;
  padding: 2rem;
}
.site-head.contact .contact-ico {
  font-size: 1.6rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
}
.site-head.contact h3 {
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  font-size: 1.4rem;
}
.site-head.contact p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.site-head.contact p.nomrg {
  margin-bottom: 0;
}

.site-head.car {
  background-image: none;
  background-position: center center;
  background-size: cover;
  transition: background-image 0.5s ease;
  color: black;
}
.site-head.car .head-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.site-head.car .head-center.head-car {
  flex-direction: column;
  align-items: stretch;
  background-size: cover;
  background-position: center center;
}
.site-head.car .head-center.head-car .car-name {
  flex: 1;
  padding-top: 4rem;
  text-align: left;
}
.site-head.car .head-center.head-car .car-name a {
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  font-size: 0.9rem;
  padding-left: 5.5rem;
}
.site-head.car .head-center.head-car .car-gallery {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 20%;
  padding: 0 1rem;
}
.site-head.car .head-center.head-car .car-gallery .car-gallery-link {
  background-color: hsla(0, 0%, 72%, 0.5);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.site-head.car .head-center.head-car .car-bottom {
  height: 118px;
  background-color: hsl(0, 0%, 13%);
  border-top-left-radius: 118px;
  border-top-right-radius: 118px;
}
.site-head.car .bookmark.offer-title {
  font-size: 3rem;
  padding: 0;
  margin: 0;
  padding-top: 0.5rem;
  padding-left: 5.5rem;
  padding-right: 3rem;
  margin-bottom: 0.5rem;
  color: white;
  background-color: hsl(0, 0%, 20%);
  width: 35%;
  text-align: left;
  min-width: 400px;
}

.site-main {
  padding: 0 5vw;
  padding-bottom: 3rem;
}

.site-main.site-car {
  background-color: hsl(0, 0%, 13%);
}

.site-footer {
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.site-footer .footer-main {
  background-color: hsl(0, 0%, 24%);
  background-color: hsl(0, 0%, 13%);
  border-top-left-radius: 118px;
  border-top-right-radius: 118px;
}
.site-footer .footer-info {
  padding: 100px 5vw;
  padding-bottom: 0;
}
.site-footer .footer-map,
.site-footer .footer-map iframe {
  border-top-right-radius: 118px;
}
.site-footer .contact-line {
  text-align: left;
  padding: 0.4rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.site-footer .contact-ico {
  background-color: white;
  border-radius: 1rem;
  padding: 12px;
  margin: 4px 8px;
}
.site-footer .contact-ico i {
  color: hsl(0, 0%, 30%);
}
.site-footer .contact-txt {
  padding-left: 1rem;
}

.site-footer.car {
  background-color: hsl(0, 0%, 13%);
}
.site-footer.car .footer-main {
  background-color: hsl(0, 0%, 20%);
}

.site-copy {
  background-color: #cecece;
  color: hsl(0, 0%, 13%);
  text-align: center;
  padding: 2rem;
}

.offers-grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.offer-box {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 13%);
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  border-radius: 1.5rem;
  text-align: center;
  margin: 0.75rem;
  transition: all 0.5s ease;
}
.offer-box:hover {
  margin: 0;
}

.offer-img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 355px;
  border-radius: 1.5rem;
  background-position: center center;
  background-size: 118%;
  box-shadow: 0 12px 12px -12px hsla(51, 100%, 50%, 0.1);
  box-shadow: 0 12px 12px -12px black;
  transition: all 0.5s ease;
  transition: background-size 0.5s ease;
}
.offer-img a {
  flex: 1;
  height: 100%;
  border-radius: 1.5rem;
}
.offer-box:hover .offer-img {
  background-size: 135%;
}

.offer-img img {
  border-radius: 1.5rem;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
  box-shadow: 0px 8px 12px 0px rgb(191, 190, 190);
}

.offer-title {
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 1rem;
  margin-top: 1rem;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.offer-icons {
  display: flex;
  flex-direction: row;
}
.offer-icons .icon {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgb(212, 212, 212);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.5rem 0.5rem;
}
.offer-icons .icon i {
  margin-bottom: 0.3rem;
}
.offer-icons .icon:first-child {
  border-left: 0;
}

.offer-price {
  padding-top: 1.3rem;
}

.offer-links {
  justify-items: center;
  align-items: center;
}
.offer-links a {
  width: 40%;
  min-width: 400px;
}

.offer-gallery {
  overflow: hidden;
}
.offer-gallery .gallery-img {
  display: inline-block;
  padding: 4px;
  margin: 4px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.offer-gallery .gallery-img img {
  box-shadow: 0px 0px 12px 0px rgb(0, 0, 0);
  border-radius: 1.5rem;
  height: 260px;
}

.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 {
  justify-content: center;
}

.grid {
  display: grid;
}

.grid.g-2 {
  grid-template-columns: 1fr 1fr;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-1 {
  gap: 0.1rem !important;
}

.g-2 {
  gap: 0.2rem !important;
}

.g-3 {
  gap: 0.3rem !important;
}

.g-4 {
  gap: 0.4rem !important;
}

.g-5 {
  gap: 0.5rem !important;
}

.g-10 {
  gap: 1rem !important;
}

.g-15 {
  gap: 1.5rem !important;
}

.g-20 {
  gap: 2rem !important;
}

.g-25 {
  gap: 2.5rem !important;
}

.g-30 {
  gap: 3rem !important;
}

.g-40 {
  gap: 4rem !important;
}

.g-50 {
  gap: 5rem !important;
}

input,
select,
option,
textarea {
  font-family: Montserrat, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1rem;
}

button {
  outline: 0;
  border: 0;
  font-family: Montserrat, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.form-search {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: space-between;
  padding: 0.8rem 1rem;
  border-radius: 50vh;
  background-color: hsl(0, 0%, 100%);
}
.form-search select,
.form-search input,
.form-search button {
  border-radius: 50vh;
  outline: none;
  border: 0;
  font-size: 1rem;
  padding: 1.2rem 2.1rem;
  background-color: hsl(0, 0%, 100%);
}
.form-search select,
.form-search input {
  flex: 1;
}
.form-search button {
  background-color: hsl(51, 100%, 50%);
  cursor: pointer;
  transition: all 0.5s linear;
  font-weight: bold;
}
.form-search button i {
  padding-left: 0.4rem;
}
.form-search button:hover {
  background-color: #ccad00;
}

.form-search.form-search-full {
  gap: 0.5rem;
}
.form-search.form-search-full select,
.form-search.form-search-full input,
.form-search.form-search-full button {
  padding: 1.2rem;
}
.form-search.form-search-full button {
  width: 12rem;
}

.form-search-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.form-search-right form {
  gap: 0.5rem;
}
.form-search-right form button {
  width: 12rem;
}

.form-search-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.form-simple {
  padding: 2rem 0;
}
.form-simple .f-r {
  display: flex;
  align-items: center;
}
.form-simple .f-r div {
  flex: 5;
  display: flex;
  background-color: hsl(0, 0%, 100%);
  margin-bottom: 1rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}
.form-simple .f-r div.separator {
  flex: 1;
  justify-content: center;
  background-color: green;
  background-color: hsl(0, 0%, 13%);
}
.form-simple .f-r label {
  flex: 1;
  display: flex;
  align-content: center;
  justify-content: flex-end;
  padding-right: 1.5rem;
  display: none;
}
.form-simple .f-r input,
.form-simple .f-r textarea {
  background-color: hsl(0, 0%, 100%);
  outline: none;
  border: 0;
  flex: 1;
  border-radius: 1.5rem;
  padding: 1rem 1rem;
  font-weight: bold;
}
.form-simple .f-r input.checkbox {
  width: auto;
  flex: 0;
}
.form-simple .f-r button {
  padding: 1rem 1.5rem;
  cursor: pointer;
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 13%);
}
.form-simple.show-labels label {
  display: flex !important;
}

.modal {
  position: absolute;
  width: 100vw;
  height: 100vh;
  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: hsl(0, 0%, 60%);
  border-radius: 3px;
}
.modal::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
.modal .modal-window {
  background-color: hsl(0, 0%, 100%);
  width: 55%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2%;
  margin-bottom: auto;
}
.modal .modal-header {
  background-color: hsl(0, 0%, 100%);
  padding: 0.7rem 1.2rem;
  display: flex;
  flex-direction: row nowrap;
  border-bottom: 2px solid hsl(51, 100%, 50%);
}
.modal .modal-header .modal-title {
  color: hsl(51, 100%, 50%);
  font-size: 2.2rem;
  flex: 1;
  text-transform: uppercase;
}
.modal .modal-header a.modal-close {
  color: hsl(0, 0%, 70%);
}
.modal .modal-contents {
  padding: 1.4rem !important;
}
.modal .modal-footer {
  border-top: 1px dashed hsl(0, 0%, 80%);
  padding: 0.5rem;
  text-align: center;
}

.site-start {
  background-color: hsl(0, 0%, 18%);
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.site-start .bg-pg {
  flex: 1;
  background-image: url("../img/bg-kola-pg.png");
  background-position: top right;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.site-start .bg-ld {
  flex: 1;
  background-image: url("../img/bg-kola-ld.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  display: flex;
}
.site-start .logo {
  padding: 1rem 5rem;
}
.site-start .columns {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}
.site-start .wrapper {
  flex: 1;
}
.site-start .car {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  justify-self: stretch;
}
.site-start .car .content {
  flex: 1;
  background-image: url("../img/bg-bars.png");
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  display: flex;
  flex-direction: column;
}
.site-start .car .content .car-image {
  flex: 1;
  background-image: url("../img/start-car-cropped.png");
  background-size: 126%;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
}
.site-start .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.site-start .buttons .content h2 {
  margin: 0;
  margin-bottom: 0.5rem;
  letter-spacing: -1px;
}
.site-start .buttons .content div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin: 0;
  margin-bottom: 2rem;
}
.site-start .buttons .content a.btn {
  flex: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  font-size: 1.6rem;
  padding: 1.5rem;
  border-radius: 4rem;
  background-color: hsl(0, 0%, 80%);
}
.site-start .buttons .content a.btn:hover {
  background-color: hsl(0, 0%, 100%);
}

@media screen and (max-width: 860px) {
  .f-r {
    flex-direction: column;
  }
  .offers-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .form-search {
    flex-direction: column;
    border-radius: 1rem;
  }
  .top-nav ul {
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
  }
  .top-nav ul li {
    flex: 1;
  }
  .top-nav ul a.top-nav-lnk {
    display: flex;
    flex: 1;
    text-align: center;
    justify-content: center;
  }
  h1 {
    text-align: center;
    font-size: 2.3rem;
    margin: 1rem;
  }
  h2.section-title,
  h3.section-title {
    text-align: center;
    font-size: 2.3rem;
    padding: 0.8rem !important;
  }
  .totop a {
    background-color: hsl(0, 0%, 13%);
    color: hsl(51, 100%, 50%);
  }
  .totop.visible {
    right: 1.5rem;
    bottom: 1.5rem;
  }
  .footer-map {
    min-height: 440px !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-top-right-radius: 0 !important;
  }
  .footer-map iframe {
    flex: 1;
  }
  .form-search-right {
    display: block;
  }
  .btn-prc {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: stretch;
  }
  .btn-prc span {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .params-list {
    grid-template-columns: 1fr;
    gap: 0.3rem;
    font-size: 1rem !important;
  }
  .bookmark {
    font-size: 1.1rem;
  }
  .bookmark.offer-title {
    display: flex;
    flex-direction: column;
    font-size: 2rem !important;
  }
  .search-select {
    padding: 0rem 1rem !important;
  }
  .form-search button {
    padding: 0.5rem !important;
  }
  .btn {
    padding: 0.5rem;
  }
  .btn.btn-lg {
    padding: 0.5rem 1.5rem !important;
    font-size: 1.2rem !important;
  }
  .offer-links.py-35.my-15 {
    padding: 0 !important;
  }
  .f-r.h1-row {
    gap: 0;
  }
  .f-r.h1-row h1 {
    margin-top: 0;
  }
  p.t-mdl {
    font-size: 1rem !important;
  }
  .alert {
    right: 1rem !important;
    left: 1rem !important;
    width: auto;
  }
  .cookies {
    padding-top: 0 !important;
  }
  .cookies h2.section-title {
    margin: 0;
    padding: 0;
  }
  .cookies p {
    margin-top: 0;
  }
  .f-btns {
    flex-direction: column;
    gap: 8px;
  }
  .f-btns a {
    text-align: center;
    justify-content: center;
  }
  .f-btns a span {
    font-size: 1rem !important;
  }
  .cookies-layer {
    overflow: scroll;
  }
  .cookie-list {
    display: flex;
    flex-direction: column;
  }
  .brand {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  .brand .brand-logo {
    padding-bottom: 1rem;
  }
  .brand .brand-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
  }
  .brand .brand-dscr {
    padding-bottom: 1rem;
    line-height: 1.75rem;
    font-size: 1rem;
  }
  .car-feature {
    font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
    font-size: 4rem;
    line-height: 4rem;
  }
  .offer-img {
    height: 225px;
  }
  h1.car-title {
    font-size: 2.25rem;
  }
  h2.car-section {
    font-size: 1.1rem !important;
  }
  .car-info .t-grt {
    font-size: 1.1rem !important;
  }
  .car-feature {
    font-size: 2.75rem;
    line-height: auto;
  }
  .car-section-equip {
    margin-top: 1.5rem;
  }
  .car-equips.grid.g-2 {
    grid-template-columns: 1fr;
  }
  .car-equips.grid.g-2 li {
    font-size: 1rem;
  }
  .car-contact-btns a {
    font-size: 1rem !important;
    margin-bottom: 0.75rem;
  }
  .mpx-10 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}/*# sourceMappingURL=site.css.map */