@charset "UTF-8";
:root {
  --clr-body-bg: hsl(75, 15%, 95%);
  --clr-fldset: hsl(157, 31%, 95%);
  --clr-lgnd-bg: hsl(157, 33%, 55%);
  --clr-link: hsl(240, 100%, 25%);
  --clr-link-hover: hsl(36, 100%, 45%);
  --clr-login-header-bg: hsl(75, 15%, 95%);
  --clr-login-wrap-bg: hsl(157, 33%, 25%);
  --clr-main-header-bg: hsl(157, 33%, 35%);
  --sz-m: 1rem;
  --sz-l: 1.6rem;
  --sz-xl: 1.8rem;
  --sz-xxl: 2rem;
  --trns-all-3-lnr: all 0.3s linear; }

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

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

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: bolder; }

body {
  background: var(--clr-body-bg);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.6rem;
  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; }

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-fldset);
  border: .1rem solid #000;
  border-radius: 0.5rem;
  margin: .5rem;
  padding: 0.35em 0.75em 0.625em; }

legend {
  background: var(--clr-lgnd-bg);
  border-radius: 0.5rem;
  color: inherit;
  display: table;
  font-size: var(--sz-xl);
  max-width: 100%;
  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; }

.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-banners:before {
  content: ""; }

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

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

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

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

.fa-edit: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-loginattempts:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

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

.fa-tickers: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-back:before {
  font-family: 'FAS';
  content: ""; }

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

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

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

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

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

a.white-link, a.white-link:visited {
  color: #fff;
  transition: var(--trns-all-3-lnr); }

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

.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-italic {
  font-style: italic !important; }

.text-error {
  color: #d31219 !important; }

.text-info {
  color: #005fb3 !important; }

.text-success {
  color: #5ca013 !important; }

.text-warning {
  color: #b36b00 !important; }

.text-white {
  color: #fff !important; }

ol {
  margin: 1.5em 0; }

ol li {
  list-style: decimal;
  margin: 0.5em 1em; }

ul {
  margin: 1.5em 0; }

ul li {
  list-style: disc;
  margin: 0.5em 1em; }

p {
  line-height: 1.3em; }

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

.error-msg-box, .info-msg-box, .success-msg-box, .warning-msg-box {
  border-radius: 0.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 {
  font-size: var(--sz-l);
  margin: .5rem 1rem;
  vertical-align: middle; }

.error-msg-box {
  background: #d31219;
  border: 0.05rem solid #750a0e;
  color: #fff; }

.info-msg-box {
  background-color: #005fb3;
  border: 0.05rem solid #00284d;
  color: #fff; }

.success-msg-box {
  background-color: #5ca013;
  border: 0.05rem solid #264408;
  color: #fff; }

.warning-msg-box {
  background-color: #b36b00;
  border: 0.05rem solid #4d2e00;
  color: #fff; }

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

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

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

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

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

.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: 0.1rem solid #262626;
  border-radius: .5rem;
  height: 10rem;
  padding: .5rem;
  text-align: center;
  transition: var(--trns-all-3-lnr); }

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

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

.grp-box h2 {
  font-size: var(--sz-xl);
  font-weight: bold;
  line-height: 1;
  margin: 0; }

.grp-box p {
  font-size: var(--sz-l);
  font-weight: normal;
  line-height: 1;
  margin: 0.5rem 0 0 0; }

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

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

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

.box-rounded {
  background: #fff;
  border: 0.1rem solid #262626;
  border-radius: 0.5rem;
  margin-bottom: .5rem;
  padding: 0.8rem; }

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

.box-rounded h2 {
  font-size: var(--sz-xxl);
  margin: .5rem .8rem;
  text-align: center; }

.box-rounded h3 {
  font-size: var(--sz-xl);
  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-small {
  margin: .5rem auto;
  width: 60rem; }

.tag {
  align-items: center;
  background: #d31219;
  border-radius: 0.5rem;
  color: #fff;
  display: inline-flex;
  font-size: var(--sz-l);
  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); }

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 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: 0.3rem 0.8rem; }

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

.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: 0.1rem solid #262626;
  border-radius: .4rem;
  box-shadow: inset 0 .1rem .3rem #ddd;
  box-sizing: border-box;
  display: inline-block;
  font-size: var(--sz-l);
  padding: 0.8rem;
  vertical-align: middle; }

.frm-data input:not([type]) {
  border: 0.1rem solid #262626;
  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 #262626; }

.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: #d31219;
  font-style: italic;
  font-weight: bold;
  text-align: center; }

.inp-msg p {
  margin-bottom: 0.8rem; }

.btn-submit {
  background-color: #1a3229;
  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: #88c3ae;
  color: #000; }

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

.btn-remove {
  background-color: #d31219;
  border: none;
  border-radius: .5rem;
  color: #fff;
  cursor: pointer;
  padding: 0.8rem 1rem; }

.btn-remove:hover {
  background-color: #750a0e;
  color: #fff; }

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

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

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

.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 {
  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, .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 {
  background: var(--clr-login-header-bg);
  display: grid;
  height: 41vh;
  place-items: center; }

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

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

.login-wrap h2 {
  color: #eef6f3;
  margin-bottom: 2rem;
  text-align: center; }

.login-form {
  margin: 0 auto;
  width: 50rem; }

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

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

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

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

.logo-box {
  display: grid;
  place-items: center; }

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

.main-navbar {
  height: 4rem; }

.main-navbar h1 {
  color: #9276d6;
  font-size: var(--sz-xl);
  margin: 0 auto;
  padding: .2rem 0 .5rem 0;
  text-align: center; }

.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: #2b5545;
  color: #fff;
  display: block;
  font-size: var(--sz-l);
  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: #88c3ae; }

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

.main-navbar ul li:hover ul a:hover {
  background: #88c3ae;
  color: #fff; }

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

.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: #88c3ae; }

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

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

.my-box {
  text-align: right; }

.my-box a, .my-box a:active {
  color: #fff; }

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

.my-box h3 {
  font-size: var(--sz-xl);
  font-style: italic;
  margin: 1rem 0; }

.subnav-box {
  background: #acb597;
  border-radius: 0 0 .8rem .8rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  padding: .2rem;
  text-align: center; }

.nav-box {
  background: #f3f4f0;
  border: 0.1rem solid #262626;
  border-radius: .5rem;
  color: #000;
  display: inline-block;
  font-size: var(--sz-l);
  margin: .1rem;
  padding: 0.3rem 0 0.2rem 0; }

.nav-box h3 {
  font-size: var(--sz-l);
  margin: 0 0.3rem 0.3rem 0.3rem; }

.nav-box ul {
  font-size: var(--sz-m);
  margin: 0;
  padding: 0 0.6rem; }

.nav-box ul li {
  display: inline-block;
  margin: 0.1rem 0; }

.nav-box ul li a {
  background-color: #000;
  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: var(--clr-link-hover);
  color: #000; }

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

.navlink {
  background-color: #000;
  border-radius: .4rem;
  color: var(--clr-link);
  cursor: pointer;
  display: inline;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.3rem 0.5rem; }

.navlink:hover {
  background-color: var(--clr-link-hover);
  color: #000; }

.sect-head {
  background: #cde5dc;
  border-bottom: 0.1rem solid #262626;
  padding: .8rem;
  text-align: center; }

.sect-head h1 {
  color: #000;
  font-size: var(--sz-xl); }

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

.form-box h3 {
  font-size: var(--sz-l);
  margin: .5rem .8rem;
  text-align: center; }

.upper-footer {
  background: #efebf9;
  border-bottom: 0.1rem solid #262626;
  border-top: 0.1rem solid #262626; }

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

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

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

.login-footer, .main-footer {
  background: #1f113b;
  color: #3c7760;
  display: grid;
  height: 15vh;
  place-items: center; }

.login-footer h2 {
  line-height: 2; }

.main-footer {
  padding: 1rem 0; }

/*
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 : May 18, 2024, 10:19:30 PM
    Author     : Bob
*/

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