@charset "UTF-8";
:root {
  --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: #34495E;
  --clr-footer-text: #BDC3C7;
  --clr-info: #00529b;
  --clr-info-bg: #bde5f8;
  --clr-legend: #1f497d;
  --clr-legend-text: #fff;
  --clr-link: #00f;
  --clr-link-hover: #f90;
  --clr-login-wrap: #ECF0F1;
  --clr-login-wrap-h2: #333;
  --clr-logo-bg: #fff;
  --clr-main-header: #2C3E50;
  --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: #BDC3C7;
  --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 {
  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-addresses:before {
  content: ""; }

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

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

.fa-approve:before {
  content: ""; }

.fa-apptxts:before {
  content: ""; }

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

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

.fa-banks:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

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

.fa-bills:before {
  content: ""; }

.fa-calculators:before {
  content: ""; }

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

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

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

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

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

.fa-deduct:before {
  content: ""; }

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

.fa-deliver:before {
  content: ""; }

.fa-disc:before {
  content: ""; }

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

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

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

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

.fa-export:before {
  content: ""; }

.fa-fys:before {
  content: ""; }

.fa-go-to:before {
  content: ""; }

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

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

.fa-hist:before {
  content: ""; }

.fa-import:before {
  content: ""; }

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

.fa-items:before {
  content: ""; }

.fa-itinvs:before {
  content: ""; }

.fa-itstocks:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-locations:before {
  content: ""; }

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

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

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

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

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

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

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

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

.fa-parties:before {
  content: ""; }

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

.fa-payments:before {
  content: ""; }

.fa-paynotes:before {
  content: ""; }

.fa-pdf:before {
  content: ""; }

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

.fa-print:before {
  content: ""; }

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

.fa-ptybals:before {
  content: ""; }

.fa-ptydocs:before {
  content: ""; }

.fa-purchases:before {
  content: ""; }

.fa-purnotes:before {
  content: ""; }

.fa-purrcvs:before {
  content: ""; }

.fa-rcpnotes:before {
  content: ""; }

.fa-receipts:before {
  content: ""; }

.fa-receive:before {
  content: ""; }

.fa-remarks:before {
  content: ""; }

.fa-reports:before {
  content: ""; }

.fa-right-arrow:before {
  content: ""; }

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

.fa-sales:before {
  content: ""; }

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

.fa-slsnotes:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-states:before {
  content: ""; }

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

.fa-trans:before {
  content: ""; }

.fa-trcods:before {
  content: ""; }

.fa-units:before {
  content: ""; }

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

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

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

.fa-usracts:before {
  content: ""; }

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

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

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

.btn-approve: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-check-circle:before {
  font-family: 'FAS';
  content: ""; }

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

.btn-copy:before {
  font-family: 'FAS';
  content: ""; }

.btn-deduct:before {
  font-family: 'FAS';
  content: ""; }

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

.btn-deliver:before {
  font-family: 'FAS';
  content: ""; }

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

.btn-import: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-payments:before {
  font-family: 'FAS';
  content: ""; }

.btn-receipts:before {
  font-family: 'FAS';
  content: ""; }

.btn-receive: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; }

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

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

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

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

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

.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: .1rem solid #000;
  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: .1rem solid #000;
  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); }

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

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

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

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

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

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

.print-button-box {
  margin: .5rem auto;
  text-align: center;
  width: 20rem; }

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

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

.lrgfrm-grids {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(3, 1fr); }

.lrgfrm-grids .frm-control-group {
  grid-template-columns: 0.35fr 0.65fr; }

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

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

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

.grd-1-7.frm-control-group {
  grid-template-columns: 0.495fr 0.505fr; }

.grd-1-8i {
  grid-column: 1/8; }

.grd-1-9, .grd-1-9i, .grdlrg-1-9, .grdlrg-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-11 {
  grid-column: 1/11; }

.grd-1-11.frm-control-group {
  grid-template-columns: 0.292fr 0.708fr; }

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

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

.grd-1-13, .grd-1-13ml {
  grid-column: 1/13; }

.grd-1-13.frm-control-group {
  grid-template-columns: 0.242fr 0.758fr; }

.grd-1-13ml.frm-control-group {
  grid-template-columns: 0.485fr 0.515fr; }

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

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

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

.grd-1-17.frm-control-group {
  grid-template-columns: 0.181fr 0.819fr; }

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

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

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

.grd-1-21.frm-control-group {
  grid-template-columns: 0.144fr 0.856fr; }

.grd-2-5i {
  grid-column: 2/5; }

.grd-5-9i {
  grid-column: 5/9; }

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

.grd-7-10i {
  grid-column: 7/10; }

.grdlrg-7-12 {
  grid-column: 7/12; }

.grd-7-13 {
  grid-column: 7/13; }

.grd-7-25, .grdlrg-7-25 {
  grid-column: 7/25; }

.grd-8-10i {
  grid-column: 8/10; }

.grd-9-11i {
  grid-column: 9/11; }

.grd-9-17, .grd-9-17i, .grdlrg-9-17 {
  grid-column: 9/17; }

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

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

.grd-10-12i {
  grid-column: 10/12; }

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

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

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

.grd-11-13i {
  grid-column: 11/13; }

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

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

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

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

.grd-13-15i {
  grid-column: 13/15; }

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

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

.grd-15-17i {
  grid-column: 15/17; }

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

.grd-17-19i {
  grid-column: 17/19; }

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

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

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

.grd-19-22i {
  grid-column: 19/22; }

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

.grd-20-23i {
  grid-column: 20/23; }

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

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

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

.grdlrg-1-7.frm-control-group {
  grid-template-columns: 0.41fr 0.59fr; }

.grdlrg-1-9.frm-control-group {
  grid-template-columns: 0.305fr 0.695fr; }

.grdlrg-1-20 {
  grid-column: 1/20; }

.grdlrg-1-20.frm-control-group {
  grid-template-columns: 0.127fr 0.873fr; }

.grdlrg-7-13 {
  grid-column: 7/13; }

.grdlrg-7-14 {
  grid-column: 7/14; }

.grdlrg-12-17 {
  grid-column: 12/17; }

.grdlrg-13-19 {
  grid-column: 13/19; }

.grdlrg-17-23 {
  grid-column: 17/23; }

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

.grd-1-8i.frm-control-group, .grd-1-9i.frm-control-group, .grd-2-5i.frm-control-group, .grd-5-9i.frm-control-group, .grd-7-10i.frm-control-group, .grd-8-10i.frm-control-group, .grd-9-11i.frm-control-group, .grd-9-17i.frm-control-group, .grd-10-12i.frm-control-group, .grd-11-13i.frm-control-group, .grd-13-15i.frm-control-group, .grd-15-17i.frm-control-group, .grd-17-19i.frm-control-group, .grd-17-25i.frm-control-group, .grd-18-20i.frm-control-group, .grd-19-22i.frm-control-group, .grd-20-23i.frm-control-group, .grd-22-25i.frm-control-group {
  grid-template-columns: 1fr; }

.grd-7-25.frm-control-group, .grdlrg-7-25.frm-control-group {
  grid-template-columns: 0.15fr 0.85fr; }

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

.grdlrg-7-14.frm-control-group {
  grid-template-columns: 0.25fr 0.75fr; }

.grd-9-18sl.frm-control-group, .grd-10-25.frm-control-group, .grd-11-19.frm-control-group, .grd-13-25.frm-control-group, .grd-16-25.frm-control-group, .grdlrg-9-17.frm-control-group, .grdlrg-17-25.frm-control-group {
  grid-template-columns: 0.3fr 0.7fr; }

.grdlrg-7-12.frm-control-group, .grdlrg-7-13.frm-control-group, .grdlrg-12-19.frm-control-group, .grdlrg-13-19.frm-control-group {
  grid-template-columns: 0.35fr 0.65fr; }

.grd-9-17.frm-control-group, .grd-9-18.frm-control-group, .grd-10-17.frm-control-group, .grd-10-18.frm-control-group, .grd-11-18.frm-control-group, .grd-12-19.frm-control-group, .grd-17-25.frm-control-group, .grd-18-25.frm-control-group, .grd-19-25.frm-control-group, .grdlrg-12-17.frm-control-group, .grdlrg-17-23.frm-control-group, .grdlrg-19-25.frm-control-group, .grdlrg-20-25.frm-control-group {
  grid-template-columns: 0.4fr 0.6fr; }

.grd-1-7cb.frm-control-group, .grd-18-25cb.frm-control-group, .grd-19-25ll.frm-control-group, .grdlrg-1-9cb.frm-control-group {
  grid-template-columns: 0.6fr 0.4fr; }

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

.sm-calc .frm-control-group {
  grid-template-columns: 0.55fr 0.45fr; }

.login-header {
  background: #2C3E50;
  color: #ECF0F1;
  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 a {
  color: #3498DB !important; }

.login-wrap a:hover {
  color: var(--clr-link-hover) !important; }

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

.login-form {
  background: #fff;
  border-radius: .8rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

.login-wrap .frm-data {
  margin: 0 auto;
  padding: .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.65fr 0.3fr; }

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

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

.main-navbar {
  background: #34495E;
  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: .1rem solid #000;
  border-left: .1rem solid #000;
  border-radius: 0 0 .8rem .8rem;
  border-right: .1rem solid #000;
  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 {
  background: #ECF0F1;
  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; }

@media only screen and (min-device-width: 1121px) and (max-device-width: 1199px) {
  .main-header {
    height: 12vh; }

  .header-grid {
    grid-template-columns: 1fr 5fr 4fr; }

  .title-box h1 {
    font-size: 2rem; } }
@media only screen and (min-device-width: 991px) and (max-device-width: 1120px) {
  .main-header {
    height: 12vh; }

  .header-grid {
    grid-template-columns: 1fr 5fr 4fr; }

  .title-box h1 {
    font-size: 1.8rem; } }
@media screen and (min-device-width: 300px) and (max-device-width: 990px) {
  .header-grid, .my-grids, .col3-grids, .frm-control-group {
    display: block; }

  .main-header {
    height: auto; }

  .logo-box, .title-box, .my-box {
    text-align: center; }

  .title-box h1 {
    margin: 0 0 0.1em 0; }

  .my-box h3 {
    margin: 0.5rem 0; }

  .hide-mob {
    display: none; }

  .box-small {
    width: 90%; }

  .login-wrap .frm-data {
    width: 90%; }

  .main-navbar ul {
    display: none;
    position: relative;
    z-index: 9999; }

  .main-navbar ul li {
    margin-bottom: 1px; }

  .main-navbar ul li, li a {
    width: 100%; }

  .main-navbar .show-menu {
    display: block; }

  .rtable {
    border-collapse: collapse;
    border-spacing: 0;
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    vertical-align: top;
    white-space: nowrap; }

  .rtable {
    -webkit-overflow-scrolling: touch;
    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat; }

  .rtable td:first-child {
    background-repeat: no-repeat;
    background-size: 20px 100%; }

  .rtable td:last-child {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 100%; }

  .rtable th {
    font-size: 11px;
    text-align: left;
    text-transform: uppercase; }

  .rtable th, .rtable td {
    padding: 6px 12px; }

  .frm-data {
    margin: 5px 0; }

  fieldset {
    margin: 0; } }

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