@charset "UTF-8";
:root {
  --bdr-1: .1rem solid #000;
  --clr-bg: #e8eaf6;
  --clr-button: #125bd6;
  --clr-button-hover: #5691f1;
  --clr-button-remove: #d91318;
  --clr-button-remove-hover: #f78b8b;
  --clr-error: #d91318;
  --clr-error-bg: #ffd2d2;
  --clr-fieldset: #f3f3f3;
  --clr-footer: #424242;
  --clr-footer-text: #90a4ae;
  --clr-info: #00529b;
  --clr-info-bg: #bde5f8;
  --clr-legend: #1f497d;
  --clr-legend-text: #fff;
  --clr-link: #00f;
  --clr-link-hover: #f90;
  --clr-login-wrap: #006064;
  --clr-login-wrap-h2: #fff;
  --clr-logo-bg: #fff;
  --clr-main-header: #01579b;
  --clr-my-box-a: #ecece4;
  --clr-my-box-a-hover: #f90;
  --clr-navbar-a: #2f3036;
  --clr-navbar-a-hover: #19c589;
  --clr-nav-box: #eeeee8;
  --clr-subnav: #d7d7c6;
  --clr-subnav-wrap: #bfd7ea;
  --clr-success: #4f8a10;
  --clr-success-bg: #dff2bf;
  --clr-upper-footer: #d7d7c6;
  --clr-warning: #9f6000;
  --clr-warning-bg: #feefb3;
  --sz-n: 1.6rem;
  --sz-xl: 3rem;
  --trns-all-3-lnr: all 0.3s linear; }

*, *::after, *::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

a {
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
  transition: var(--trns-all-3-lnr); }

a {
  color: var(--clr-link); }

a:visited {
  color: var(--clr-link); }

a:active, a:hover {
  color: var(--clr-link-hover); }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bold; }

body {
  background: var(--clr-bg);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: var(--sz-n);
  line-height: 1; }

hr {
  box-sizing: content-box;
  border-top: .005rem solid #000;
  margin: .8rem 0;
  overflow: visible; }

html {
  font-size: 62.5%;
  line-height: 1.15;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%; }

img {
  border-style: none;
  max-width: 100%; }

li {
  list-style: none; }

p {
  line-height: 1.3em; }

p + p {
  margin-top: 10px; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  background: var(--clr-fieldset);
  border: .05rem solid #000;
  border-radius: .5rem;
  margin: .5rem;
  padding: 1rem; }

legend {
  background: var(--clr-legend);
  border-radius: .5rem;
  color: var(--clr-legend-text);
  font-weight: 600;
  padding: .8rem 1rem;
  white-space: normal; }

input, select, textarea {
  background: #fff;
  color: #000; }

textarea {
  overflow: auto; }

input:required, select:required, textarea:required {
  border-left: 0.35rem solid red !important; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

::placeholder {
  color: #777;
  opacity: 0.7; }

:-ms-input-placeholder {
  color: #777; }

::-ms-input-placeholder {
  color: #777; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

[hidden] {
  display: none; }

.ui-widget-header {
  background: #b2b2b2 !important; }

[aria-describedby=action-box].ui-dialog .ui-dialog-titlebar {
  background: transparent;
  border: none; }

[aria-describedby=action-box] .ui-widget-header {
  background: #e0e0e0 !important; }

[aria-describedby=action-box].ui-dialog .ui-dialog-title {
  display: none; }

[aria-describedby=action-box].ui-widget-content {
  background-color: #e0e0e0;
  border-radius: 1rem; }

.ui-dialog .frm-data label {
  font-size: 100% !important; }

[aria-describedby=action-box].ui-widget {
  font-size: 90%; }

.ui-dialog-titlebar-close {
  background: #fff !important;
  border-radius: 50% !important;
  height: 5rem !important;
  margin: -.5rem 0 0 !important;
  right: -.8rem !important;
  top: -.3rem !important;
  width: 5rem !important;
  z-index: 9; }

.no-touch .cd-top:hover {
  background-color: #e86256; }

.cd-top {
  background: rgba(232, 98, 86, 0.8) url(imgs/cd-top-arrow.svg) no-repeat center 50%;
  bottom: 4rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
  display: inline-block;
  height: 4rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 1rem;
  text-indent: 100%;
  transition: opacity .3s 0s, visibility 0s .3s;
  visibility: hidden;
  white-space: nowrap;
  width: 4rem; }

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible {
  opacity: 1;
  visibility: visible; }

.cd-top.cd-fade-out {
  opacity: 0.5; }

.no-touch .cd-top:hover {
  opacity: 1; }

@font-face {
  font-family: 'WebRupee';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/WebRupee.V2.0.eot);
  src: local("WebRupee"), url(fonts/WebRupee.V2.0.ttf) format("truetype"), url(fonts/WebRupee.V2.0.woff) format("woff"), url(fonts/WebRupee.V2.0.svg) format("svg"); }
.curr-sym {
  font-family: "WebRupee"; }

@font-face {
  font-display: block;
  font-family: 'FAB';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype"); }
.fab {
  font-family: 'FAB';
  font-weight: 900; }

@font-face {
  font-display: block;
  font-family: 'FAR';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype"); }
.far {
  font-family: 'FAR';
  font-weight: 900; }

@font-face {
  font-display: block;
  font-family: 'FAS';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype"); }
.fas {
  font-family: 'FAS';
  font-weight: 900; }

.fa, .fab, .far, .fas {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-add:before {
  content: ""; }

.fa-albums:before {
  content: ""; }

.fa-appcfgs:before {
  content: ""; }

.fa-assign:before {
  content: ""; }

.fa-back:before {
  content: ""; }

.fa-banners:before {
  content: ""; }

.fa-bars:before {
  content: ""; }

.fa-cancel:before {
  content: ""; }

.fa-change:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-close:before {
  content: ""; }

.fa-dash:before {
  content: ""; }

.fa-delete:before {
  content: ""; }

.fa-double-down-arrow:before {
  content: ""; }

.fa-edit:before {
  content: ""; }

.fa-emails:before {
  content: ""; }

.fa-error:before {
  content: ""; }

.fa-files:before {
  content: ""; }

.fa-groups:before {
  content: ""; }

.fa-grpcats:before {
  content: ""; }

.fa-images:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-kssess:before {
  content: ""; }

.fa-link:before {
  content: ""; }

.fa-loginattempts:before {
  content: ""; }

.fa-logout:before {
  content: ""; }

.fa-master:before {
  content: ""; }

.fa-messages:before {
  content: ""; }

.fa-news:before {
  content: ""; }

.fa-none:before {
  content: ""; }

.fa-not-allowed:before {
  content: ""; }

.fa-pages:before {
  content: ""; }

.fa-pass:before {
  content: ""; }

.fa-profile:before {
  content: ""; }

.fa-phones:before {
  content: ""; }

.fa-roles:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-success:before {
  content: ""; }

.fa-tickers:before {
  content: ""; }

.fa-unlink:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-users:before {
  content: ""; }

.fa-videos:before {
  content: ""; }

.fa-view:before {
  content: ""; }

.fa-warning:before {
  content: ""; }

.fa-website:before {
  content: ""; }

.btn-add:before {
  font-family: 'FAS';
  content: ""; }

.btn-assign:before {
  font-family: 'FAS';
  content: ""; }

.btn-back:before {
  font-family: 'FAS';
  content: ""; }

.btn-cancel:before {
  font-family: 'FAS';
  content: ""; }

.btn-change:before {
  font-family: 'FAS';
  content: ""; }

.btn-close:before {
  font-family: 'FAS';
  content: ""; }

.btn-delete:before {
  font-family: 'FAS';
  content: ""; }

.btn-edit:before {
  font-family: 'FAS';
  content: ""; }

.btn-link:before {
  font-family: 'FAS';
  content: ""; }

.btn-login:before {
  font-family: 'FAS';
  content: ""; }

.btn-not-allowed:before {
  font-family: 'FAS';
  content: ""; }

.btn-search:before {
  font-family: 'FAS';
  content: ""; }

.btn-upload:before {
  font-family: 'FAS';
  content: ""; }

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

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

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

.text-bold {
  font-weight: bold !important; }

.text-del {
  text-decoration: line-through; }

.text-italic {
  font-style: italic !important; }

.text-underline {
  text-decoration: underline; }

.text-error {
  color: var(--clr-error) !important; }

.text-info {
  color: var(--clr-info) !important; }

.text-success {
  color: var(--clr-success) !important; }

.text-warning {
  color: var(--clr-warning) !important; }

.text-yellow {
  color: #ff0 !important; }

.error-msg-box, .info-msg-box, .success-msg-box, .warning-msg-box {
  border-radius: .5rem;
  font-weight: bold;
  margin: .3rem auto;
  padding: .8rem;
  text-align: center; }

.error-msg-box i, .info-msg-box i, .success-msg-box i, .warning-msg-box i {
  margin: .5rem 1rem;
  vertical-align: middle; }

.error-msg-box {
  background: var(--clr-error-bg);
  border: 0.05rem solid var(--clr-error);
  color: var(--clr-error); }

.info-msg-box {
  background-color: var(--clr-info-bg);
  border: 0.05rem solid var(--clr-info);
  color: var(--clr-info); }

.success-msg-box {
  background-color: var(--clr-success-bg);
  border: 0.05rem solid var(--clr-success);
  color: var(--clr-success); }

.warning-msg-box {
  background-color: var(--clr-warning-bg);
  border: 0.05rem solid var(--clr-warning);
  color: var(--clr-warning); }

.btn-txt, .btn-txt:link, .btn-txt:visited {
  color: var(--clr-link);
  cursor: pointer;
  font-weight: bold;
  transition: var(--trns-all-3-lnr); }

.btn-txt:hover, .btn-txt:active {
  color: var(--clr-link-hover); }

.no-click {
  cursor: not-allowed;
  pointer-events: none; }

.btn-cls-msg {
  color: #888;
  cursor: pointer;
  float: right;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2rem;
  margin-left: 2rem;
  transition: var(--trns-all-3-lnr); }

.btn-cls-msg:hover {
  color: #000; }

.align-top {
  vertical-align: top !important; }

.wrapper {
  margin: 0 auto;
  width: 98%; }

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

.col3-grids {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr); }

.my-grids {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(24, 1fr); }

.grd-items-center {
  align-items: center; }

.left-pane {
  grid-column: 1/16; }

.right-pane {
  grid-column: 16/25; }

.card {
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.2);
  transition: var(--trns-all-3-lnr); }

.card:hover {
  box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.2); }

.card-container {
  padding: 0.2rem 0.8rem 0.8rem 0.8rem; }

.card-desc {
  line-height: 1.2;
  margin: .5rem auto 1rem auto;
  text-align: center; }

.grp-box {
  background: #fff;
  border: var(--bdr-1);
  border-radius: .5rem;
  height: 10rem;
  padding: .5rem;
  text-align: center;
  transition: var(--trns-all-3-lnr); }

.grp-box:hover {
  background: #f3cfa7;
  color: #000; }

.grp-box div {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.grp-box h2 {
  font-weight: bold;
  line-height: 1;
  margin: 0; }

.grp-box p {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  margin: 0.5rem 0 0 0; }

.box-rounded {
  background: #fff;
  border: var(--bdr-1);
  border-radius: .5rem;
  margin-bottom: .5rem;
  padding: 0.8rem; }

.box-rounded h1 {
  text-align: center; }

.box-rounded h2 {
  font-size: 2rem;
  margin: .5rem .8rem;
  text-align: center; }

.box-rounded h3 {
  font-size: 1.8rem;
  margin: .5rem .8rem .8rem .5rem;
  text-align: center; }

.box-rounded ol {
  padding: 0 0 0.8rem 1.2rem; }

.box-rounded ul {
  list-style: disc;
  list-style-position: inside; }

.box-rounded ul li {
  line-height: 1.5; }

.box-dboard {
  border: .1rem solid #000;
  border-radius: .5rem;
  box-shadow: .02rem .08rem .2rem #fff;
  margin: .5rem .3rem;
  padding: 0.5rem; }

.box-dboard a {
  color: #000; }

.box-dboard a:hover {
  color: #22731a; }

.box-dboard:hover {
  opacity: 0.6; }

.box-dboard h1 {
  font-size: 230%;
  line-height: .8;
  padding-top: 0.3rem; }

.box-dboard h2 {
  font-size: 130%;
  line-height: 0.8; }

.box-dboard h3 {
  font-size: 125%;
  margin: 0.2rem 0; }

.box-dboard h4 {
  margin: 0.3rem 0; }

.dbbg-1 {
  background: url("imgs/dbbg-1.png"); }

.dbbg-2 {
  background: url("imgs/dbbg-2.png"); }

.dbbg-3 {
  background: url("imgs/dbbg-3.png"); }

.dbbg-4 {
  background: url("imgs/dbbg-4.png"); }

.dbbg-5 {
  background: url("imgs/dbbg-5.png"); }

.dbbg-6 {
  background: url("imgs/dbbg-6.png"); }

.dbbg-7 {
  background: url("imgs/dbbg-7.png"); }

.dbbg-8 {
  background: url("imgs/dbbg-8.png"); }

.dbbg-9 {
  background: url("imgs/dbbg-9.png"); }

.dbbg-10 {
  background: url("imgs/dbbg-10.png"); }

.dbbg-11 {
  background: url("imgs/dbbg-11.png"); }

.dbbg-12 {
  background: url("imgs/dbbg-12.png"); }

.dbbg-13 {
  background: url("imgs/dbbg-13.png"); }

.dbbg-14 {
  background: url("imgs/dbbg-14.png"); }

.dbbg-15 {
  background: url("imgs/dbbg-15.png"); }

.dbbg-16 {
  background: url("imgs/dbbg-16.png"); }

.graph-box {
  font-size: 11px;
  height: 300px;
  width: 100%; }

.box-small {
  margin: .5rem auto;
  width: 60rem; }

.tag {
  align-items: center;
  background: #f14668;
  border-radius: .5rem;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5rem;
  justify-content: center;
  line-height: 1.5;
  margin: 0.25rem;
  padding: 0 0.75rem;
  white-space: nowrap; }

.tag .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem; }

.delete {
  background: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 2rem;
  max-height: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  min-width: 2rem;
  outline: none;
  pointer-events: auto;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  vertical-align: top;
  width: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

.delete::before, .delete::after {
  background: #fff;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center; }

.delete::after {
  height: 50%;
  width: 0.2rem; }

.delete::before {
  height: .2rem;
  width: 50%; }

.delete:hover, .delete:focus {
  background: rgba(10, 10, 10, 0.3); }

.delete:active {
  background: rgba(10, 10, 10, 0.4); }

.user-filled {
  font-family: monospace; }

a.disabled-link {
  color: #D8D8D8;
  pointer-events: none; }

.bg-hov-hl {
  align-items: center; }

.bg-hov-hl:hover {
  background: #ffff00; }

.bg-grey {
  background: #add6d6;
  padding: 1rem; }

.pagination {
  margin: .5rem auto;
  padding: .5rem;
  text-align: center; }

.pagination a {
  background-color: #ccc;
  border: .1rem solid #aaaadd;
  color: #000099;
  margin: .2rem;
  padding: 0.3rem 0.6rem; }

.pagination a:hover, div.pagination a:active {
  background-color: #333;
  border: .1rem solid #333;
  color: #fff; }

.pagination span.current {
  background-color: #333;
  border: .1rem solid #333;
  color: #fff;
  font-weight: bold;
  margin: .2rem;
  padding: 0.3rem 0.6rem; }

.pagination span.disabled {
  border: .1rem solid #eee;
  color: #ddd;
  margin: .2rem;
  padding: 0.3rem 0.6rem; }

table {
  border-spacing: 0;
  empty-cells: show;
  margin: .5rem auto;
  table-layout: fixed;
  width: 100%; }

table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1rem 0;
  text-align: center; }

table td {
  background-color: transparent;
  vertical-align: middle;
  word-wrap: break-word; }

table td:first-child, table th:first-child {
  border-left-width: 0; }

table th:first-child.brd-left, table td:first-child.brd-left {
  border-left-width: 0.1rem; }

table td:first-child.brd-left {
  border-left-width: 0.1rem; }

table thead {
  background: #e0e0e0;
  color: #000;
  font-weight: bold !important;
  text-align: center;
  vertical-align: bottom; }

table p {
  line-height: 1.5; }

table td, table th {
  border-left: .1rem solid #cbcbcb;
  border-width: 0 0 0 .1rem;
  font-size: inherit;
  overflow: visible;
  padding: 0.5rem 1rem; }

table th {
  font-weight: bold !important; }

table .vert-mid {
  vertical-align: middle; }

table .vert-top {
  vertical-align: top; }

table.display img {
  width: 10rem; }

tr {
  transition: var(--trns-all-3-lnr); }

tr:hover {
  background: #feefb3 !important; }

table.nohov tr:hover, tr.nohov:hover {
  background: none !important; }

table.bordered thead tr {
  background: #d8d8d8 !important; }

.bordered {
  border: 0.1rem solid #cbcbcb; }

.bordered tr:nth-child(2n-1) {
  background-color: #f2f2f2; }

.bordered td, .bordered th {
  border-left: .1rem solid #cbcbcb;
  border-bottom: .1rem solid #cbcbcb;
  padding: 1rem 0.8rem; }

.bordered tbody > tr:last-child > td {
  border-bottom-width: 0; }

.bordered tfoot > tr:first-child > td {
  border-top: .1rem solid #000; }

.tb-btns {
  padding: 1.5rem .8rem !important;
  text-align: center; }

ul.tb-nav {
  margin: 0 auto;
  width: 95%; }

ul.tb-nav li {
  list-style: none;
  margin: 0;
  padding: 0.2rem; }

.tb-nav li a {
  background-color: #ebebeb;
  border-bottom: .5rem solid #003;
  color: #000;
  display: block;
  font-weight: normal;
  padding: .3rem .8rem;
  transition: var(--trns-all-3-lnr); }

.tb-nav li a:hover {
  background-color: #666;
  border-bottom-color: #900;
  color: #f90; }

.frm-header {
  font-weight: 600;
  margin-bottom: .5rem;
  padding: 0.5rem 0; }

.form-box h3 {
  margin: .5rem .8rem;
  text-align: center; }

.switch {
  display: inline-block;
  height: 3.4rem;
  position: relative;
  width: 6rem; }

.switch input {
  height: 0;
  opacity: 0;
  width: 0; }

.switch .sslider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s; }

.switch .sslider:before {
  background-color: white;
  bottom: .4rem;
  content: "";
  height: 2.6rem;
  left: .4rem;
  position: absolute;
  transition: .4s;
  width: 2.6rem; }

.switch input:checked + .sslider {
  background-color: #2196f3; }

.switch input:checked + .sslider:before {
  transform: translateX(2.6rem); }

.switch input:focus + .sslider {
  box-shadow: 0 0 0.1rem #2196f3; }

.switch .sslider.round {
  border-radius: 3.4rem; }

.switch .sslider.round:before {
  border-radius: 50%; }

.frm-data {
  margin: 0.8rem auto; }

.frm-data input[type="text"], .frm-data input[type="password"], .frm-data input[type="email"], .frm-data input[type="url"], .frm-data input[type="date"], .frm-data input[type="month"], .frm-data input[type="time"], .frm-data input[type="datetime"], .frm-data input[type="datetime-local"], .frm-data input[type="week"], .frm-data input[type="number"], .frm-data input[type="search"], .frm-data input[type="tel"], .frm-data input[type="color"], .frm-data input[type="file"], .frm-data select, .frm-data textarea {
  border: .1rem solid #9C9C9C;
  border-radius: .4rem;
  box-shadow: inset 0 .1rem .3rem #ddd;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.8rem;
  vertical-align: middle; }

.frm-data input:not([type]) {
  border: .1rem solid #ccc;
  border-radius: .4rem;
  box-shadow: inset 0 .1rem .3rem #ddd;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5rem 0.6rem; }

.frm-data input[type="color"] {
  padding: 0.2rem 0.5rem; }

.frm-data input[type="text"]:focus, .frm-data input[type="password"]:focus, .frm-data input[type="email"]:focus, .frm-data input[type="url"]:focus, .frm-data input[type="date"]:focus, .frm-data input[type="month"]:focus, .frm-data input[type="time"]:focus, .frm-data input[type="datetime"]:focus, .frm-data input[type="datetime-local"]:focus, .frm-data input[type="week"]:focus, .frm-data input[type="number"]:focus, .frm-data input[type="search"]:focus, .frm-data input[type="tel"]:focus, .frm-data input[type="color"]:focus, .frm-data select:focus, .frm-data textarea:focus {
  border-color: #129fea;
  outline: 0; }

.frm-data input:not([type]):focus {
  border-color: #129fea;
  outline: 0; }

.frm-data input[type="file"]:focus, .frm-data input[type="radio"]:focus, .frm-data input[type="checkbox"]:focus {
  outline: thin solid #129fea;
  outline: 0.1rem auto #129fea; }

.frm-data input[type="file"]:focus:invalid:focus, .frm-data input[type="radio"]:focus:invalid:focus, .frm-data input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d; }

.frm-data .frm-checkbox, .frm-data .frm-radio {
  display: block;
  margin: 0.5rem 0; }

.frm-data input[type="text"][disabled], .frm-data input[type="password"][disabled], .frm-data input[type="email"][disabled], .frm-data input[type="url"][disabled], .frm-data input[type="date"][disabled], .frm-data input[type="month"][disabled], .frm-data input[type="time"][disabled], .frm-data input[type="datetime"][disabled], .frm-data input[type="datetime-local"][disabled], .frm-data input[type="week"][disabled], .frm-data input[type="number"][disabled], .frm-data input[type="search"][disabled], .frm-data input[type="tel"][disabled], .frm-data input[type="color"][disabled], .frm-data select[disabled], .frm-data textarea[disabled] {
  background-color: #eaeded;
  color: #cad2d3;
  cursor: not-allowed; }

.frm-data input:not([type])[disabled] {
  background-color: #eaeded;
  color: #cad2d3;
  cursor: not-allowed; }

.frm-data input[readonly], .frm-data select[readonly], .frm-data textarea[readonly] {
  background-color: #eee;
  border-color: #ccc;
  color: #d91318; }

.frm-data input:focus:invalid, .frm-data textarea:focus:invalid, .frm-data select:focus:invalid {
  border-color: #e9322d;
  color: #b94a48; }

.frm-data select {
  background-color: white;
  border: 0.1rem solid #ccc; }

.frm-data select[multiple] {
  height: auto; }

.frm-data label {
  margin: 0.5rem 0 0.2rem; }

.frm-data input[type="checkbox"] {
  margin: 0.6rem 0 0.2rem; }

.frm-control-group {
  align-items: center;
  display: grid;
  gap: 0 .5rem;
  grid-template-columns: .12fr .88fr;
  margin-bottom: 0.8rem; }

.frm-control-group input, .frm-control-group select, .frm-control-group textarea {
  width: 100%; }

.frm-control-group label {
  text-align: right; }

.inp-msg {
  color: var(--clr-error);
  font-style: italic;
  font-weight: bold;
  margin-bottom: .8rem;
  text-align: center; }

.inp-msg:empty {
  display: none; }

.btn-submit {
  background-color: var(--clr-button);
  border: none;
  border-radius: .5rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: .8rem 1rem;
  transition: var(--trns-all-3-lnr); }

.btn-submit:hover {
  background-color: var(--clr-button-hover);
  color: #fff; }

.btn-submit:disabled {
  background: #c0c0c0;
  cursor: not-allowed; }

.input-60pc {
  width: 60% !important; }

.lrg.frm-control-group {
  grid-template-columns: 0.1fr 0.9fr; }

.mdl.frm-control-group {
  grid-template-columns: 0.24fr 0.76fr; }

.grd-1-6 {
  grid-column: 1/6; }

.grd-1-9, .grd-1-9cb {
  grid-column: 1/9; }

.grd-1-9.frm-control-group {
  grid-template-columns: 0.367fr 0.633fr; }

.grd-1-10 {
  grid-column: 1/10; }

.grd-1-10.frm-control-group {
  grid-template-columns: 0.321fr 0.679fr; }

.grd-1-12 {
  grid-column: 1/12; }

.grd-1-12.frm-control-group {
  grid-template-columns: 0.265fr 0.735fr; }

.grd-1-16 {
  grid-column: 1/16; }

.grd-1-16.frm-control-group {
  grid-template-columns: 0.193fr 0.807fr; }

.grd-1-18 {
  grid-column: 1/18; }

.grd-1-18.frm-control-group {
  grid-template-columns: 0.17fr 0.83fr; }

.grd-6-25 {
  grid-column: 6/25; }

.grd-9-18 {
  grid-column: 9/18; }

.grd-9-25 {
  grid-column: 9/25; }

.grd-10-25 {
  grid-column: 10/25; }

.grd-12-19 {
  grid-column: 12/19; }

.grd-16-20 {
  grid-column: 16/20; }

.grd-18-25, .grd-18-25i {
  grid-column: 18/25; }

.grd-19-25 {
  grid-column: 19/25; }

.grd-20-25 {
  grid-column: 20/25; }

.grd-9-25.frm-control-group {
  grid-template-columns: 0.2fr 0.8fr; }

.grd-10-25.frm-control-group {
  grid-template-columns: 0.25fr 0.75fr; }

.grd-20-25.frm-control-group {
  grid-template-columns: 0.3fr 0.7fr; }

.grd-9-18.frm-control-group, .grd-12-19.frm-control-group, .grd-16-20.frm-control-group, .grd-18-25.frm-control-group, .grd-19-25.frm-control-group {
  grid-template-columns: 0.4fr 0.6fr; }

.grd-1-9cb.frm-control-group {
  grid-template-columns: 0.6fr 0.4fr; }

.grd-1-9cb.frm-control-group input[type="checkbox"] {
  justify-self: left;
  width: auto; }

.login-header {
  display: grid;
  height: 35vh;
  place-items: center; }

.login-header img {
  height: auto;
  width: 18rem; }

.login-header h1 {
  font-size: var(--sz-xl); }

.login-wrap {
  background: var(--clr-login-wrap);
  height: 50vh;
  padding: 2rem 0; }

.login-wrap h2 {
  color: var(--clr-login-wrap-h2);
  margin-bottom: 2rem;
  text-align: center; }

.login-wrap .frm-data {
  margin: 0 auto;
  padding: 1.5rem;
  width: 50rem; }

.login-wrap .frm-control-group, .box-small .frm-control-group {
  grid-template-columns: 0.35fr 0.65fr; }

.login-wrap a, .login-wrap a:visited {
  color: #fff; }

.login-wrap a:active, .login-wrap a:hover {
  color: #f90; }

.main-header {
  background: var(--clr-main-header);
  height: 4rem;
  padding-bottom: 0.1rem; }

.header-grid {
  display: grid;
  gap: 0 .5rem;
  grid-template-columns: 0.05fr 0.73fr 0.22fr; }

.logo-box {
  background: var(--clr-logo-bg); }

.logo-box img {
  display: block;
  height: 3.5rem;
  margin: .2rem auto 0 auto;
  width: auto; }

.main-navbar {
  height: 4rem; }

.main-navbar ul {
  margin: 0;
  position: absolute; }

.main-navbar ul li {
  display: inline-block;
  float: left;
  margin: 0 0.4rem 0 0; }

.main-navbar ul li a {
  background: var(--clr-navbar-a);
  color: #fff;
  display: block;
  font-size: 1.3rem;
  height: 4rem;
  line-height: 4rem;
  min-width: 7rem;
  padding: 0 .8rem;
  text-align: center; }

.main-navbar ul li.active a, .main-navbar ul li:hover a {
  background: var(--clr-navbar-a-hover); }

.main-navbar ul li:hover ul a {
  background: var(--clr-navbar-a);
  color: #fff;
  height: 4rem;
  line-height: 4rem; }

.main-navbar ul li:hover ul a:hover {
  background: var(--clr-navbar-a-hover);
  color: #fff; }

.main-navbar ul li ul {
  display: none;
  z-index: 9; }

.main-navbar ul li ul li {
  display: block;
  float: none; }

.main-navbar ul li ul li a {
  border-bottom: .1rem dotted #bbb;
  padding: 0 2.5rem 0 1rem;
  text-align: left;
  width: auto; }

.main-navbar ul li a:hover + .hidden, .hidden:hover {
  display: block; }

.main-navbar .show-menu {
  color: #fff;
  cursor: pointer;
  display: none;
  padding: 1rem 2rem 1rem 0;
  text-align: center; }

.main-navbar .show-menu:hover {
  background: var(--clr-navbar-a); }

.main-navbar input[type=checkbox] {
  display: none; }

.main-navbar input[type=checkbox]:checked ~ #menu {
  display: block; }

.my-box {
  color: #fff;
  text-align: right; }

.my-box a, .my-box a:active {
  color: var(--clr-my-box-a); }

.my-box a:hover {
  color: var(--clr-my-box-a-hover); }

.my-box h3 {
  font-style: italic;
  margin: 1rem 0; }

.subnav-wrap {
  background: var(--clr-subnav-wrap); }

.subnav-box {
  background: var(--clr-subnav);
  border-bottom: var(--bdr-1);
  border-left: var(--bdr-1);
  border-radius: 0 0 .8rem .8rem;
  border-right: var(--bdr-1);
  padding: .2rem;
  text-align: center; }

.nav-box {
  background: var(--clr-nav-box);
  border: .1rem solid #4f8a10;
  border-radius: .5rem;
  color: #000;
  display: inline-block;
  font-size: 1.2rem;
  margin: .1rem;
  padding: 0.3rem 0 0.2rem 0; }

.nav-box h3 {
  font-size: 1.2rem;
  margin: 0 0.3rem 0.3rem 0.3rem; }

.nav-box ul {
  font-size: 1rem;
  padding: 0 0.6rem; }

.nav-box ul li {
  display: inline-block; }

.nav-box ul li a {
  background-color: #333;
  border-radius: .4rem;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.3rem 0.5rem; }

.nav-box ul li a:hover, .nav-box ul li.current a {
  background-color: #f90;
  color: #000; }

.nav-box.swtfrm {
  min-width: 18rem;
  padding: 0.33rem; }

.navlink {
  background-color: #333;
  border-radius: .4rem;
  color: #ff0;
  cursor: pointer;
  display: inline;
  font-weight: bold;
  padding: .5rem .5rem .3rem .5rem;
  transition: var(--trns-all-3-lnr); }

.navlink:hover {
  background-color: #f90;
  color: #000; }

.frm-plain {
  padding-bottom: 0.2rem; }

.frm-plain .frm-control-group {
  align-items: center;
  display: grid;
  gap: 0 .5rem;
  grid-template-columns: .25fr .75fr;
  margin: 0.28rem 0.5rem; }

.frm-plain select {
  border: .1rem solid #333;
  border-radius: .4rem;
  padding: 0.3rem 0.4rem; }

.sect-head {
  background: var(--clr-subnav-wrap);
  border-bottom: .05rem solid #000;
  padding: .8rem;
  text-align: center; }

.sect-head h1 {
  font-size: var(--sz-n); }

.main-body {
  min-height: 57vh;
  padding-top: 0.6rem; }

.upper-footer {
  background: var(--clr-upper-footer);
  border-bottom: .1rem solid #333;
  border-top: 0.1rem solid #333; }

.users-online {
  margin: 0.4rem auto; }

.users-online h3 {
  margin: 0.3rem; }

.users-online p {
  margin: 0.2rem auto 0 auto; }

.login-footer, .main-footer {
  background: var(--clr-footer);
  color: var(--clr-footer-text);
  display: grid;
  place-items: center; }

.login-footer {
  height: 15vh; }

.login-footer h2, .main-footer h2 {
  line-height: 1.2; }

.main-footer {
  height: 12vh;
  line-height: 1; }

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : Mar 25, 2024, 1:56:43 AM
    Author     : Bob
*/

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