:root {
  --body-font-size: 13px;
  --body-child-font-size: 1.2em;
  --anchor-font-size: 1.1em;
  --body-line-height: 2rem;
  --footer-font-family: 'regular';
  --footer-font-size: 12px;
  --lead-h1: 3.8rem;
  --lead-h2: 3.2rem;
  --lead-h3: 2.8rem;
  --lead-h4: 2.4rem;
  --lead-h5: 1.8rem;
  --lead-h6: 1.4rem;
  --lead-h7: 1.1rem;
  --lead-h8: 1rem;
  --lead-h9: 0.75rem;
  --action-font-size: 1.05rem;
  --theme-bg: #f6b4a2;
  --theme-dark: #e84f04;
  --theme-bg-fade: rgba(246, 180, 162, 0.7);
  --theme-bg-fade-50: rgba(246, 180, 162, 0.5);
  --theme-alt: #7785cd;
  --theme-alt-dark: #e84f04;
  --white: #ffffff;
  --lightgrey: #ebeaea;
  --lightgrey2: rgba(33, 37, 37, 0.07);
  --black-skin: #2a2a2a;
  --black: #525252;
  --form-label-color: #4b5256;
  --form-control-border: #c7d7ee;
  --divider-color: rgba(82, 82, 82, 0.7);
  --social-success: #04ca88;
  --social-success-hover: #0b9a6a;
  --skin-a-bg: #c3d6f6;
  --skin-b-bg: #f9aaa7;
  --skin-c-bg: #d3e2fd;
  --table-bordered: #e4e4e4;
  --table-thead-bg: #e5efff;
  --table-thead-color: #525252;
  --table-background-color: #ffffff;
  --table-color: inherit;
  --table-tr-even-background-color: #f8f8f8;
  --table-tr-even-color: inherit;
  --table-tr-odd-background-color: #ffffff;
  --table-tr-odd-color: inherit;
  --table-tr-hover-background-color: #f4f7ff;
  --table-tr-hover-color: inherit;
  --table-tr-active-background-color: #ebf0f6;
  --table-tr-active-color: inherit;
  --header-height: 60px;
  --body-bg: #fcfcfc;
  --body-color: #525252;
  --font-family: 'regular','Nunito', sans-serif;
  --data-error-for-color: #ef6565;
  --form-field-error: var(--data-error-for-color);
  --odd-bg: #f6fcff;
  --odd-color: var(--body-color);
  --even-bg: #e7f6ff;
  --even-color: var(--body-color);
  --shadow-inset: inset 0 1px 0px rgba(3, 15, 104, 0.05);
  --small-shadow: 0 1px 3px rgba(3, 15, 104, 0.02);
  --mild-shadow: 0 1px 10px rgba(3, 15, 104, 0.1);
  --low-shadow: 0 1px 35px rgba(3, 15, 104, 0.4);
  --medium-shadow: 0 1px 60px rgba(3, 15, 104, 0.6);
  --high-shadow: 0 1px 80px rgba(3, 15, 104, 0.8);
  --full-shadow: 0 1px 200px rgba(3, 15, 104, 0.99);
  --double-shadow: 0 10px 0px rgba(3, 15, 104, 0.05), 0 5px 0px rgba(3, 15, 104, 0.2);
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
::-ms-input-placeholder {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
@font-face {
  font-family: light;
  src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
}
@font-face {
  font-family: lighti;
  src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-family: regulari;
  src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
}
@font-face {
  font-family: medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
}
@font-face {
  font-family: mediumi;
  src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-family: semibold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: semiboldi;
  src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
}
@font-face {
  font-family: boldi;
  src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: extrabold;
  src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: extraboldi;
  src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: "black";
  src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
}
@font-face {
  font-family: blacki;
  src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
}
.font-regular {
  font-family: regular;
}
.font-regulari {
  font-family: regulari;
}
.font-light {
  font-family: light;
}
.font-lighti {
  font-family: lighti;
}
.font-medium {
  font-family: medium;
}
.font-mediumi {
  font-family: mediumi;
}
.font-semibold {
  font-family: semibold;
}
.font-semiboldi {
  font-family: semiboldi;
}
.font-bold {
  font-family: bold;
}
.font-boldi {
  font-family: boldi;
}
.font-extrabold {
  font-family: extrabold;
}
.font-extraboldi {
  font-family: extraboldi;
}
.font-black {
  font-family: black;
}
.font-blacki {
  font-family: blacki;
}
.scroll-thin {
  scrollbar-width: thin;
}
* {
  box-sizing: border-box;
}
.lead {
  --lead-font-size: var(--body-font-size);
  font-size: var(--lead-font-size);
}
.lead.h1 {
  --lead-font-size: var(--lead-h1);
}
.lead.h2 {
  --lead-font-size: var(--lead-h2);
}
.lead.h3 {
  --lead-font-size: var(--lead-h3);
}
.lead.h4 {
  --lead-font-size: var(--lead-h4);
}
.lead.h5 {
  --lead-font-size: var(--lead-h5);
}
.lead.h6 {
  --lead-font-size: var(--lead-h6);
}
.lead.h7 {
  --lead-font-size: var(--lead-h7);
}
.lead.h8 {
  --lead-font-size: var(--lead-h8);
}
.lead.h9 {
  --lead-font-size: var(--lead-h9);
}
@media (max-width: 569px) {
  :root {
    --body-font-size: 12px;
  }
}
html,
body {
  background-color: var(--body-bg) !important;
  font-size: var(--body-font-size);
  height: calc(100%, var(--header-height));
}
html,
body,
html label,
body label {
  color: var(--body-color);
}
body {
  overflow-x: hidden;
}
body,
body label,
body button,
body input,
body a {
  font-family: var(--font-family);
}
body a {
  font-family: "medium";
}
body a,
body label {
  letter-spacing: 0.5px;
}
body label.form-label {
  color: var(--form-label-color);
  margin-bottom: 5px;
  display: block;
  font-size: 100%;
  font-family: 'medium';
}
body label.form-label.fl-font-small {
  margin-bottom: 2px;
  font-size: 80%;
}
body .large-label label.form-label.fl-font-small {
  font-size: 100%;
}
body label,
body p,
body td,
body th,
body button,
body input,
body select,
body textarea {
  font-size: var(--action-font-size);
}
body .modal .modal-title {
  font-family: 'medium';
  font-size: 1.2rem;
  color: var(--theme-dark);
}
.transition {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.transition.fast {
  -webkit-transition: all 0.07s linear;
  -moz-transition: all 0.07s linear;
  -o-transition: all 0.07s linear;
  -ms-transition: all 0.07s linear;
  transition: all 0.07s linear;
}
.transition.all {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}
.transition.s-5 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.transition.s1 {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.transition.s1-5 {
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.transition.s2 {
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
.transition.s2-5 {
  -webkit-transition-duration: 2.5s;
  -moz-transition-duration: 2.5s;
  -ms-transition-duration: 2.5s;
  -o-transition-duration: 2.5s;
  transition-duration: 2.5s;
}
.transition.s3 {
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -ms-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}
.transition.linear {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.transition.ease {
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.transition.ease-in {
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -ms-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.transition.ease-out {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.transition.ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.transition.delay-5 {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.transition.delay1 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.transition.delay1-5 {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.transition.delay2 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.transition.delay2-5 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -ms-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.transition.delay3 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -ms-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.flex {
  display: -webkit-flex;
  display: flex;
}
.flex > :nth-child(odd),
.flex > :nth-child(even) {
  min-width: 1%;
}
.flex > :nth-child(odd)[class*="flex-item-"],
.flex > :nth-child(even)[class*="flex-item-"] {
  -webkit-flex-basis: 1 1 auto;
  flex-basis: 1 1 auto;
}
.flex.justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex.justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.flex.justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex.justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex.wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}
.flex.grow > :nth-child(odd),
.flex.grow > :nth-child(even) {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.flex > :nth-child(odd):not(.pad-off),
.flex > :nth-child(even):not(.pad-off) {
  padding: 10px;
}
.flex.ypad-off > :nth-child(odd),
.flex.ypad-off > :nth-child(even) {
  padding-top: 0;
  padding-bottom: 0;
}
.flex.xpad-off > :nth-child(odd),
.flex.xpad-off > :nth-child(even) {
  padding-left: 0;
  padding-right: 0;
}
.flex.padcell > :nth-child(odd),
.flex.padcell > :nth-child(even) {
  padding: 1px;
}
.flex.padoff > :nth-child(odd),
.flex.padoff > :nth-child(even) {
  padding: 0px;
}
.flex.pad- > :nth-child(odd),
.flex.pad- > :nth-child(even) {
  padding: 5px;
}
.flex.ypad- > :nth-child(odd),
.flex.ypad- > :nth-child(even) {
  padding-top: 5px;
  padding-bottom: 5px;
}
.flex.xpad- > :nth-child(odd),
.flex.xpad- > :nth-child(even) {
  padding-left: 5px;
  padding-right: 5px;
}
.flex .align-self-center {
  align-self: center;
}
.flex .align-self-stretch {
  align-self: stretch;
}
.flex[class*="align-items-center"] {
  -webkit-align-items: center;
  align-items: center;
}
.flex[class*="align-items-top"] {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex[class*="align-items-end"] {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex[class*="align-items-stretch"] {
  align-items: stretch;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.row-reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.align-items-column {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-container {
  margin-left: -10px;
  margin-right: -10px;
}
.flex-container.padcell {
  margin-left: -1px;
  margin-right: -1px;
}
.xpospull {
  left: -10px;
  right: -10px;
}
.flex .flex--1 {
  width: 8.33333333%;
}
.flex .flex--2 {
  width: 16.66666667%;
}
.flex .flex--3 {
  width: 25%;
}
.flex .flex--4 {
  width: 33.33333333%;
}
.flex .flex--5 {
  width: 41.66666667%;
}
.flex .flex--6 {
  width: 50%;
}
.flex .flex--7 {
  width: 58.33333333%;
}
.flex .flex--8 {
  width: 66.66666667%;
}
.flex .flex--9 {
  width: 75%;
}
.flex .flex--10 {
  width: 83.33333333%;
}
.flex .flex--11 {
  width: 91.66666667%;
}
.flex .flex--12 {
  width: 100%;
}
.flex-text-right {
  text-align: right;
}
.flex-text-center {
  text-align: center;
}
.flex-text-left {
  text-align: left;
}
.flex.flex-justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex.flex-justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.flex.flex-justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex.flex-justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
@media (max-width: 1170px) and (min-width: 1170px) {
  .flex .lg--1 {
    width: 8.33333333%;
  }
  .flex .lg--2 {
    width: 16.66666667%;
  }
  .flex .lg--3 {
    width: 25%;
  }
  .flex .lg--4 {
    width: 33.33333333%;
  }
  .flex .lg--5 {
    width: 41.66666667%;
  }
  .flex .lg--6 {
    width: 50%;
  }
  .flex .lg--7 {
    width: 58.33333333%;
  }
  .flex .lg--8 {
    width: 66.66666667%;
  }
  .flex .lg--9 {
    width: 75%;
  }
  .flex .lg--10 {
    width: 83.33333333%;
  }
  .flex .lg--11 {
    width: 91.66666667%;
  }
  .flex .lg--12 {
    width: 100%;
  }
  .lg-text-right {
    text-align: right;
  }
  .lg-text-center {
    text-align: center;
  }
  .lg-text-left {
    text-align: left;
  }
  .flex.lg-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.lg-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.lg-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.lg-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-lg {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 1169px) {
  .flex .md--1 {
    width: 8.33333333%;
  }
  .flex .md--2 {
    width: 16.66666667%;
  }
  .flex .md--3 {
    width: 25%;
  }
  .flex .md--4 {
    width: 33.33333333%;
  }
  .flex .md--5 {
    width: 41.66666667%;
  }
  .flex .md--6 {
    width: 50%;
  }
  .flex .md--7 {
    width: 58.33333333%;
  }
  .flex .md--8 {
    width: 66.66666667%;
  }
  .flex .md--9 {
    width: 75%;
  }
  .flex .md--10 {
    width: 83.33333333%;
  }
  .flex .md--11 {
    width: 91.66666667%;
  }
  .flex .md--12 {
    width: 100%;
  }
  .md-text-right {
    text-align: right;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-left {
    text-align: left;
  }
  .flex.md-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.md-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.md-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.md-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-md {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 1023px) {
  .flex .smd--1 {
    width: 8.33333333%;
  }
  .flex .smd--2 {
    width: 16.66666667%;
  }
  .flex .smd--3 {
    width: 25%;
  }
  .flex .smd--4 {
    width: 33.33333333%;
  }
  .flex .smd--5 {
    width: 41.66666667%;
  }
  .flex .smd--6 {
    width: 50%;
  }
  .flex .smd--7 {
    width: 58.33333333%;
  }
  .flex .smd--8 {
    width: 66.66666667%;
  }
  .flex .smd--9 {
    width: 75%;
  }
  .flex .smd--10 {
    width: 83.33333333%;
  }
  .flex .smd--11 {
    width: 91.66666667%;
  }
  .flex .smd--12 {
    width: 100%;
  }
  .smd-text-right {
    text-align: right;
  }
  .smd-text-center {
    text-align: center;
  }
  .smd-text-left {
    text-align: left;
  }
  .flex.smd-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.smd-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.smd-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.smd-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-smd {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 899px) {
  .flex .sm--1 {
    width: 8.33333333%;
  }
  .flex .sm--2 {
    width: 16.66666667%;
  }
  .flex .sm--3 {
    width: 25%;
  }
  .flex .sm--4 {
    width: 33.33333333%;
  }
  .flex .sm--5 {
    width: 41.66666667%;
  }
  .flex .sm--6 {
    width: 50%;
  }
  .flex .sm--7 {
    width: 58.33333333%;
  }
  .flex .sm--8 {
    width: 66.66666667%;
  }
  .flex .sm--9 {
    width: 75%;
  }
  .flex .sm--10 {
    width: 83.33333333%;
  }
  .flex .sm--11 {
    width: 91.66666667%;
  }
  .flex .sm--12 {
    width: 100%;
  }
  .sm-text-right {
    text-align: right;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-text-left {
    text-align: left;
  }
  .flex.sm-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.sm-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.sm-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.sm-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-sm {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 799px) {
  .flex .xsm--1 {
    width: 8.33333333%;
  }
  .flex .xsm--2 {
    width: 16.66666667%;
  }
  .flex .xsm--3 {
    width: 25%;
  }
  .flex .xsm--4 {
    width: 33.33333333%;
  }
  .flex .xsm--5 {
    width: 41.66666667%;
  }
  .flex .xsm--6 {
    width: 50%;
  }
  .flex .xsm--7 {
    width: 58.33333333%;
  }
  .flex .xsm--8 {
    width: 66.66666667%;
  }
  .flex .xsm--9 {
    width: 75%;
  }
  .flex .xsm--10 {
    width: 83.33333333%;
  }
  .flex .xsm--11 {
    width: 91.66666667%;
  }
  .flex .xsm--12 {
    width: 100%;
  }
  .xsm-text-right {
    text-align: right;
  }
  .xsm-text-center {
    text-align: center;
  }
  .xsm-text-left {
    text-align: left;
  }
  .flex.xsm-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.xsm-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.xsm-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.xsm-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-xsm {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 609px) {
  .flex .xs--1 {
    width: 8.33333333%;
  }
  .flex .xs--2 {
    width: 16.66666667%;
  }
  .flex .xs--3 {
    width: 25%;
  }
  .flex .xs--4 {
    width: 33.33333333%;
  }
  .flex .xs--5 {
    width: 41.66666667%;
  }
  .flex .xs--6 {
    width: 50%;
  }
  .flex .xs--7 {
    width: 58.33333333%;
  }
  .flex .xs--8 {
    width: 66.66666667%;
  }
  .flex .xs--9 {
    width: 75%;
  }
  .flex .xs--10 {
    width: 83.33333333%;
  }
  .flex .xs--11 {
    width: 91.66666667%;
  }
  .flex .xs--12 {
    width: 100%;
  }
  .xs-text-right {
    text-align: right;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-left {
    text-align: left;
  }
  .flex.xs-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.xs-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.xs-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.xs-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-xs {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 399px) {
  .flex .lx--1 {
    width: 8.33333333%;
  }
  .flex .lx--2 {
    width: 16.66666667%;
  }
  .flex .lx--3 {
    width: 25%;
  }
  .flex .lx--4 {
    width: 33.33333333%;
  }
  .flex .lx--5 {
    width: 41.66666667%;
  }
  .flex .lx--6 {
    width: 50%;
  }
  .flex .lx--7 {
    width: 58.33333333%;
  }
  .flex .lx--8 {
    width: 66.66666667%;
  }
  .flex .lx--9 {
    width: 75%;
  }
  .flex .lx--10 {
    width: 83.33333333%;
  }
  .flex .lx--11 {
    width: 91.66666667%;
  }
  .flex .lx--12 {
    width: 100%;
  }
  .lx-text-right {
    text-align: right;
  }
  .lx-text-center {
    text-align: center;
  }
  .lx-text-left {
    text-align: left;
  }
  .flex.lx-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.lx-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.lx-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.lx-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .row-reverse-lx {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (min-width: 399px) {
  .flex .min-lx--1 {
    width: 8.33333333%;
  }
  .flex .min-lx--2 {
    width: 16.66666667%;
  }
  .flex .min-lx--3 {
    width: 25%;
  }
  .flex .min-lx--4 {
    width: 33.33333333%;
  }
  .flex .min-lx--5 {
    width: 41.66666667%;
  }
  .flex .min-lx--6 {
    width: 50%;
  }
  .flex .min-lx--7 {
    width: 58.33333333%;
  }
  .flex .min-lx--8 {
    width: 66.66666667%;
  }
  .flex .min-lx--9 {
    width: 75%;
  }
  .flex .min-lx--10 {
    width: 83.33333333%;
  }
  .flex .min-lx--11 {
    width: 91.66666667%;
  }
  .flex .min-lx--12 {
    width: 100%;
  }
  .min-lx-text-right {
    text-align: right;
  }
  .min-lx-text-center {
    text-align: center;
  }
  .min-lx-text-left {
    text-align: left;
  }
  .flex.min-lx-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-lx-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-lx-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-lx-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
@media (min-width: 609px) {
  .flex .min-xs--1 {
    width: 8.33333333%;
  }
  .flex .min-xs--2 {
    width: 16.66666667%;
  }
  .flex .min-xs--3 {
    width: 25%;
  }
  .flex .min-xs--4 {
    width: 33.33333333%;
  }
  .flex .min-xs--5 {
    width: 41.66666667%;
  }
  .flex .min-xs--6 {
    width: 50%;
  }
  .flex .min-xs--7 {
    width: 58.33333333%;
  }
  .flex .min-xs--8 {
    width: 66.66666667%;
  }
  .flex .min-xs--9 {
    width: 75%;
  }
  .flex .min-xs--10 {
    width: 83.33333333%;
  }
  .flex .min-xs--11 {
    width: 91.66666667%;
  }
  .flex .min-xs--12 {
    width: 100%;
  }
  .min-xs-text-right {
    text-align: right;
  }
  .min-xs-text-center {
    text-align: center;
  }
  .min-xs-text-left {
    text-align: left;
  }
  .flex.min-xs-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-xs-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-xs-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-xs-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
@media (min-width: 799px) {
  .flex .min-xsm--1 {
    width: 8.33333333%;
  }
  .flex .min-xsm--2 {
    width: 16.66666667%;
  }
  .flex .min-xsm--3 {
    width: 25%;
  }
  .flex .min-xsm--4 {
    width: 33.33333333%;
  }
  .flex .min-xsm--5 {
    width: 41.66666667%;
  }
  .flex .min-xsm--6 {
    width: 50%;
  }
  .flex .min-xsm--7 {
    width: 58.33333333%;
  }
  .flex .min-xsm--8 {
    width: 66.66666667%;
  }
  .flex .min-xsm--9 {
    width: 75%;
  }
  .flex .min-xsm--10 {
    width: 83.33333333%;
  }
  .flex .min-xsm--11 {
    width: 91.66666667%;
  }
  .flex .min-xsm--12 {
    width: 100%;
  }
  .min-xsm-text-right {
    text-align: right;
  }
  .min-xsm-text-center {
    text-align: center;
  }
  .min-xsm-text-left {
    text-align: left;
  }
  .flex.min-xsm-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-xsm-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-xsm-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-xsm-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
@media (min-width: 899px) {
  .flex .min-sm--1 {
    width: 8.33333333%;
  }
  .flex .min-sm--2 {
    width: 16.66666667%;
  }
  .flex .min-sm--3 {
    width: 25%;
  }
  .flex .min-sm--4 {
    width: 33.33333333%;
  }
  .flex .min-sm--5 {
    width: 41.66666667%;
  }
  .flex .min-sm--6 {
    width: 50%;
  }
  .flex .min-sm--7 {
    width: 58.33333333%;
  }
  .flex .min-sm--8 {
    width: 66.66666667%;
  }
  .flex .min-sm--9 {
    width: 75%;
  }
  .flex .min-sm--10 {
    width: 83.33333333%;
  }
  .flex .min-sm--11 {
    width: 91.66666667%;
  }
  .flex .min-sm--12 {
    width: 100%;
  }
  .min-sm-text-right {
    text-align: right;
  }
  .min-sm-text-center {
    text-align: center;
  }
  .min-sm-text-left {
    text-align: left;
  }
  .flex.min-sm-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-sm-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-sm-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-sm-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
@media (min-width: 1023px) {
  .flex .min-smd--1 {
    width: 8.33333333%;
  }
  .flex .min-smd--2 {
    width: 16.66666667%;
  }
  .flex .min-smd--3 {
    width: 25%;
  }
  .flex .min-smd--4 {
    width: 33.33333333%;
  }
  .flex .min-smd--5 {
    width: 41.66666667%;
  }
  .flex .min-smd--6 {
    width: 50%;
  }
  .flex .min-smd--7 {
    width: 58.33333333%;
  }
  .flex .min-smd--8 {
    width: 66.66666667%;
  }
  .flex .min-smd--9 {
    width: 75%;
  }
  .flex .min-smd--10 {
    width: 83.33333333%;
  }
  .flex .min-smd--11 {
    width: 91.66666667%;
  }
  .flex .min-smd--12 {
    width: 100%;
  }
  .min-smd-text-right {
    text-align: right;
  }
  .min-smd-text-center {
    text-align: center;
  }
  .min-smd-text-left {
    text-align: left;
  }
  .flex.min-smd-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-smd-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-smd-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-smd-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
@media (min-width: 1169px) {
  .flex .min-md--1 {
    width: 8.33333333%;
  }
  .flex .min-md--2 {
    width: 16.66666667%;
  }
  .flex .min-md--3 {
    width: 25%;
  }
  .flex .min-md--4 {
    width: 33.33333333%;
  }
  .flex .min-md--5 {
    width: 41.66666667%;
  }
  .flex .min-md--6 {
    width: 50%;
  }
  .flex .min-md--7 {
    width: 58.33333333%;
  }
  .flex .min-md--8 {
    width: 66.66666667%;
  }
  .flex .min-md--9 {
    width: 75%;
  }
  .flex .min-md--10 {
    width: 83.33333333%;
  }
  .flex .min-md--11 {
    width: 91.66666667%;
  }
  .flex .min-md--12 {
    width: 100%;
  }
  .min-md-text-right {
    text-align: right;
  }
  .min-md-text-center {
    text-align: center;
  }
  .min-md-text-left {
    text-align: left;
  }
  .flex.min-md-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-md-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-md-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-md-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
@media (min-width: 1170px) {
  .flex .min-lg--1 {
    width: 8.33333333%;
  }
  .flex .min-lg--2 {
    width: 16.66666667%;
  }
  .flex .min-lg--3 {
    width: 25%;
  }
  .flex .min-lg--4 {
    width: 33.33333333%;
  }
  .flex .min-lg--5 {
    width: 41.66666667%;
  }
  .flex .min-lg--6 {
    width: 50%;
  }
  .flex .min-lg--7 {
    width: 58.33333333%;
  }
  .flex .min-lg--8 {
    width: 66.66666667%;
  }
  .flex .min-lg--9 {
    width: 75%;
  }
  .flex .min-lg--10 {
    width: 83.33333333%;
  }
  .flex .min-lg--11 {
    width: 91.66666667%;
  }
  .flex .min-lg--12 {
    width: 100%;
  }
  .min-lg-text-right {
    text-align: right;
  }
  .min-lg-text-center {
    text-align: center;
  }
  .min-lg-text-left {
    text-align: left;
  }
  .flex.min-lg-justify-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .flex.min-lg-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .flex.min-lg-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .flex.min-lg-justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
.flex.flex-avatar > :nth-child(odd):first-child,
.flex.flex-avatar > :nth-child(even):first-child {
  width: 15%;
}
.flex.flex-avatar > :nth-child(odd):nth-child(2),
.flex.flex-avatar > :nth-child(even):nth-child(2) {
  width: 70%;
}
.flex.flex-action > :nth-child(odd):first-child,
.flex.flex-action > :nth-child(even):first-child {
  width: 75%;
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized,
.flex.flex-icon > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 30px;
  --flex-icon-height: 30px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-lx > :nth-child(odd).icon-w,
.icon-sized-lx,
.flex.flex-icon-lx > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 40px;
  --flex-icon-height: 40px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-lx > :nth-child(odd).icon-w.and-2,
.icon-sized-lx.and-2,
.flex.flex-icon-lx > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(40px+4 * 2);
}
.flex.flex-icon-lx > :nth-child(odd).icon-w.ishtoo,
.icon-sized-lx.ishtoo,
.flex.flex-icon-lx > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-lx > :nth-child(odd).icon-w.issquare,
.icon-sized-lx.issquare,
.flex.flex-icon-lx > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 40px;
}
.flex.flex-icon-xs > :nth-child(odd).icon-w,
.icon-sized-xs,
.flex.flex-icon-xs > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 50px;
  --flex-icon-height: 50px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-xs > :nth-child(odd).icon-w.and-2,
.icon-sized-xs.and-2,
.flex.flex-icon-xs > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(50px+4 * 2);
}
.flex.flex-icon-xs > :nth-child(odd).icon-w.ishtoo,
.icon-sized-xs.ishtoo,
.flex.flex-icon-xs > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-xs > :nth-child(odd).icon-w.issquare,
.icon-sized-xs.issquare,
.flex.flex-icon-xs > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 50px;
}
.flex.flex-icon-xsm > :nth-child(odd).icon-w,
.icon-sized-xsm,
.flex.flex-icon-xsm > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 60px;
  --flex-icon-height: 60px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-xsm > :nth-child(odd).icon-w.and-2,
.icon-sized-xsm.and-2,
.flex.flex-icon-xsm > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(60px+4 * 2);
}
.flex.flex-icon-xsm > :nth-child(odd).icon-w.ishtoo,
.icon-sized-xsm.ishtoo,
.flex.flex-icon-xsm > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-xsm > :nth-child(odd).icon-w.issquare,
.icon-sized-xsm.issquare,
.flex.flex-icon-xsm > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 60px;
}
.flex.flex-icon-sm > :nth-child(odd).icon-w,
.icon-sized-sm,
.flex.flex-icon-sm > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 55px;
  --flex-icon-height: 55px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-sm > :nth-child(odd).icon-w.and-2,
.icon-sized-sm.and-2,
.flex.flex-icon-sm > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(55px+4 * 2);
}
.flex.flex-icon-sm > :nth-child(odd).icon-w.ishtoo,
.icon-sized-sm.ishtoo,
.flex.flex-icon-sm > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-sm > :nth-child(odd).icon-w.issquare,
.icon-sized-sm.issquare,
.flex.flex-icon-sm > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 55px;
}
.flex.flex-icon-smd > :nth-child(odd).icon-w,
.icon-sized-smd,
.flex.flex-icon-smd > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 70px;
  --flex-icon-height: 70px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-smd > :nth-child(odd).icon-w.and-2,
.icon-sized-smd.and-2,
.flex.flex-icon-smd > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(70px+4 * 2);
}
.flex.flex-icon-smd > :nth-child(odd).icon-w.ishtoo,
.icon-sized-smd.ishtoo,
.flex.flex-icon-smd > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-smd > :nth-child(odd).icon-w.issquare,
.icon-sized-smd.issquare,
.flex.flex-icon-smd > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 70px;
}
.flex.flex-icon-md > :nth-child(odd).icon-w,
.icon-sized-md,
.flex.flex-icon-md > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 80px;
  --flex-icon-height: 80px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-md > :nth-child(odd).icon-w.and-2,
.icon-sized-md.and-2,
.flex.flex-icon-md > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(80px+4 * 2);
}
.flex.flex-icon-md > :nth-child(odd).icon-w.ishtoo,
.icon-sized-md.ishtoo,
.flex.flex-icon-md > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-md > :nth-child(odd).icon-w.issquare,
.icon-sized-md.issquare,
.flex.flex-icon-md > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 80px;
}
.flex.flex-icon-lg > :nth-child(odd).icon-w,
.icon-sized-lg,
.flex.flex-icon-lg > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 90px;
  --flex-icon-height: 90px;
  min-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-lg > :nth-child(odd).icon-w.and-2,
.icon-sized-lg.and-2,
.flex.flex-icon-lg > :nth-child(even).icon-w.and-2 {
  --flex-icon-width: calc(90px+4 * 2);
}
.flex.flex-icon-lg > :nth-child(odd).icon-w.ishtoo,
.icon-sized-lg.ishtoo,
.flex.flex-icon-lg > :nth-child(even).icon-w.ishtoo {
  height: var(--flex-icon-height);
}
.flex.flex-icon-lg > :nth-child(odd).icon-w.issquare,
.icon-sized-lg.issquare,
.flex.flex-icon-lg > :nth-child(even).icon-w.issquare {
  --flex-icon-height: 90px;
}
.flex.flex-icon-mx-lx > :nth-child(odd).icon-w,
.icon-sized-mx-lx,
.flex.flex-icon-mx-lx > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 40px;
  --flex-icon-height: 40px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-mx-xs > :nth-child(odd).icon-w,
.icon-sized-mx-xs,
.flex.flex-icon-mx-xs > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 50px;
  --flex-icon-height: 50px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-mx-xsm > :nth-child(odd).icon-w,
.icon-sized-mx-xsm,
.flex.flex-icon-mx-xsm > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 60px;
  --flex-icon-height: 60px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-mx-sm > :nth-child(odd).icon-w,
.icon-sized-mx-sm,
.flex.flex-icon-mx-sm > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 55px;
  --flex-icon-height: 55px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-mx-smd > :nth-child(odd).icon-w,
.icon-sized-mx-smd,
.flex.flex-icon-mx-smd > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 70px;
  --flex-icon-height: 70px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-mx-md > :nth-child(odd).icon-w,
.icon-sized-mx-md,
.flex.flex-icon-mx-md > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 80px;
  --flex-icon-height: 80px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
.flex.flex-icon-mx-lg > :nth-child(odd).icon-w,
.icon-sized-mx-lg,
.flex.flex-icon-mx-lg > :nth-child(even).icon-w {
  text-align: center;
  --flex-icon-width: 90px;
  --flex-icon-height: 90px;
  min-width: var(--flex-icon-width) !important;
  max-width: var(--flex-icon-width) !important;
}
@media (max-width: 0px) {
  .flex.flex-icon-lx > :nth-child(odd).icon-w,
  .icon-sized-lx,
  .flex.flex-icon-lx > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 40px;
    --flex-icon-height: 40px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (max-width: 400px) {
  .flex.flex-icon-xs > :nth-child(odd).icon-w,
  .icon-sized-xs,
  .flex.flex-icon-xs > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 50px;
    --flex-icon-height: 50px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (max-width: 610px) {
  .flex.flex-icon-xsm > :nth-child(odd).icon-w,
  .icon-sized-xsm,
  .flex.flex-icon-xsm > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 60px;
    --flex-icon-height: 60px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (max-width: 800px) {
  .flex.flex-icon-sm > :nth-child(odd).icon-w,
  .icon-sized-sm,
  .flex.flex-icon-sm > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 55px;
    --flex-icon-height: 55px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (max-width: 900px) {
  .flex.flex-icon-smd > :nth-child(odd).icon-w,
  .icon-sized-smd,
  .flex.flex-icon-smd > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 70px;
    --flex-icon-height: 70px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (max-width: 1024px) {
  .flex.flex-icon-md > :nth-child(odd).icon-w,
  .icon-sized-md,
  .flex.flex-icon-md > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 80px;
    --flex-icon-height: 80px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (min-width: 1170px) {
  .flex.flex-icon-lg > :nth-child(odd).icon-w,
  .icon-sized-lg,
  .flex.flex-icon-lg > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width: 90px;
    --flex-icon-height: 90px;
    min-width: var(--flex-icon-width) !important;
    max-width: var(--flex-icon-width) !important;
  }
}
@media (min-width: 0px) {
  .hidden-from-lx {
    display: none !important;
  }
}
@media (min-width: 400px) {
  .hidden-from-xs {
    display: none !important;
  }
}
@media (min-width: 610px) {
  .hidden-from-xsm {
    display: none !important;
  }
}
@media (min-width: 800px) {
  .hidden-from-sm {
    display: none !important;
  }
}
@media (min-width: 900px) {
  .hidden-from-smd {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hidden-from-md {
    display: none !important;
  }
}
@media (min-width: 1170px) {
  .hidden-from-lg {
    display: none !important;
  }
}
@media (max-width: 0px) {
  .visible-from-lx {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .visible-from-xs {
    display: none !important;
  }
}
@media (max-width: 610px) {
  .visible-from-xsm {
    display: none !important;
  }
}
@media (max-width: 800px) {
  .visible-from-sm {
    display: none !important;
  }
}
@media (max-width: 900px) {
  .visible-from-smd {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .visible-from-md {
    display: none !important;
  }
}
@media (max-width: 1170px) {
  .visible-from-lg {
    display: none !important;
  }
}
.padxnone,
.padlnone {
  padding-left: 0 !important;
}
.padxnone,
.padrnone {
  padding-right: 0 !important;
}
.padynone,
.padtnone {
  padding-top: 0 !important;
}
.padynone,
.padbnone {
  padding-top: 0 !important;
}
.flex *.minw-6,
*.minw-6 {
  min-width: 50%;
}
.flex *.minw-3,
*.minw-3 {
  min-width: 25%;
}
.flex *.minw-4,
*.minw-4 {
  min-width: 33.33%;
}
.hauto {
  height: auto;
}
.h2px {
  --height: 2px;
  height: var(--height);
}
.w {
  --width: 100%;
  width: var(--width);
  min-width: var(--width);
}
.h {
  --height: 100%;
  height: var(--height);
  min-height: var(--height);
}
.h25 {
  --height: 25%;
}
.h35 {
  --height: 35%;
}
.h50 {
  --height: 50%;
}
.h70 {
  --height: 70%;
}
.hinherit {
  height: inherit;
  min-height: inherit;
}
.hinitial {
  height: initial;
  min-height: initial;
}
.mnvw {
  min-width: 100vw;
}
.mnvh {
  --mnvh: 100vh;
}
.mnvh,
[class*=mnvh2],
[class*=mnvh10],
[class*=mnvh15],
[class*=mnvh20],
[class*=mnvh25],
[class*=mnvh30],
[class*=mnvh35],
[class*=mnvh40],
[class*=mnvh50],
[class*=mnvh75],
[class*=mnvh80],
[class*=mnvh90],
[class*=mnvh60],
[class*=mnvh70],
[class*=mnvh80],
[class*=mnvh90] {
  min-height: var(--mnvh);
}
.widget-height {
  --widget-height: 30vh;
  height: var(--widget-height);
  max-height: var(--widget-height);
  overflow-y: auto;
  overflow-x: hidden;
}
[class*=mnvh2] {
  --mnvh: 2vh;
}
[class*=mnvh10] {
  --mnvh: 10vh;
}
[class*=mnvh15] {
  --mnvh: 15vh;
}
[class*=mnvh20] {
  --mnvh: 20vh;
}
[class*=mnvh25] {
  --mnvh: 25vh;
}
[class*=mnvh30] {
  --mnvh: 30vh;
}
[class*=mnvh35] {
  --mnvh: 35vh;
}
[class*=mnvh40] {
  --mnvh: 40vh;
}
[class*=mnvh50] {
  --mnvh: 50vh;
}
[class*=mnvh75] {
  --mnvh: 75vh;
}
[class*=mnvh80] {
  --mnvh: 80vh;
}
[class*=mnvh90] {
  --mnvh: 90vh;
}
[class*=mnvh60] {
  --mnvh: 60vh;
}
[class*=mnvh70] {
  --mnvh: 70vh;
}
[class*=mnvh80] {
  --mnvh: 80vh;
}
[class*=mnvh90] {
  --mnvh: 90vh;
}
.h250px {
  height: 250px;
}
@media (min-height: 800px) {
  .mnvh,
  [class*=mnvh2],
  [class*=mnvh10],
  [class*=mnvh15],
  [class*=mnvh20],
  [class*=mnvh25],
  [class*=mnvh30],
  [class*=mnvh35],
  [class*=mnvh40],
  [class*=mnvh50],
  [class*=mnvh75],
  [class*=mnvh80],
  [class*=mnvh90],
  [class*=mnvh60],
  [class*=mnvh70],
  [class*=mnvh80],
  [class*=mnvh90] {
    --mnvh: 800px;
  }
  .mnvh15 {
    --mnvh: 120px;
  }
  .mnvh20 {
    --mnvh: 160px;
  }
  .mnvh25 {
    --mnvh: 200px;
  }
  .mnvh30 {
    --mnvh: 240px;
  }
  .mnvh35 {
    --mnvh: 280px;
  }
  .mnvh40 {
    --mnvh: 320px;
  }
  .mnvh50 {
    --mnvh: 400px;
  }
  .mnvh60 {
    --mnvh: 480px;
  }
  .mnvh75 {
    --mnvh: 600px;
  }
  .mnvh80 {
    --mnvh: 640px;
  }
  .mnvh90 {
    --mnvh: 720px;
  }
}
.opacity0 {
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.opacity5 {
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.opacity10 {
  -webkit-opacity: 0.1;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.opacity25 {
  -webkit-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
}
.opacity35 {
  -webkit-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
}
.opacity50 {
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.opacity65 {
  -webkit-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}
.opacity75 {
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.opacity80 {
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.opacity90 {
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.backdrop.opacity100,
.opacity100 {
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.shadow,
.one-place-error {
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
}
[data-shadow=small],
.small-shadow {
  --shadow: var(--small-shadow);
}
[data-shadow=mild],
.mild-shadow {
  --shadow: var(--mild-shadow);
}
[data-shadow=tiny],
.tiny-shadow {
  --shadow: var(--tiny-shadow);
}
[data-shadow=low],
.low-shadow {
  --shadow: var(--low-shadow);
}
[data-shadow=medium],
.medium-shadow {
  --shadow: var(--medium-shadow);
}
[data-shadow=high],
.high-shadow {
  --shadow: var(--high-shadow);
}
[data-shadow=full],
.full-shadow {
  --shadow: var(--full-shadow);
}
[data-shadow=double],
.double-shadow {
  --shadow: var(--double-shadow);
}
.pad {
  --padding-left: 0px;
  --padding-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}
.padt1,
.pady1 {
  --padding-top: 1px;
}
.padb1,
.pady1 {
  --padding-bottom: 1px;
}
.padl1,
.padx1 {
  --padding-left: 1px;
}
.padr1,
.padx1 {
  --padding-right: 1px;
}
.marg {
  --margin-left: 0px;
  --margin-right: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  margin-left: var(--margin-left);
  margin-right: var(--margin-right);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.padno,
.padxno,
.padlno {
  --padding-left: 0px;
}
.padno,
.padxno,
.padrno {
  --padding-right: 0px;
}
.padno,
.padyno,
.padtno {
  --padding-top: 0px;
}
.padno,
.padyno,
.padbno {
  --padding-bottom: 0px;
}
.pada,
.padxa,
.padla {
  --padding-left: 3px;
}
.pada,
.padxa,
.padra {
  --padding-right: 3px;
}
.pada,
.padya,
.padta {
  --padding-top: 3px;
}
.pada,
.padya,
.padba {
  --padding-bottom: 3px;
}
.padb,
.padxb,
.padlb {
  --padding-left: 5px;
}
.padb,
.padxb,
.padrb {
  --padding-right: 5px;
}
.padb,
.padyb,
.padtb {
  --padding-top: 5px;
}
.padb,
.padyb,
.padbb {
  --padding-bottom: 5px;
}
.padc,
.padxc,
.padlc {
  --padding-left: 10px;
}
.padc,
.padxc,
.padrc {
  --padding-right: 10px;
}
.padc,
.padyc,
.padtc {
  --padding-top: 10px;
}
.padc,
.padyc,
.padbc {
  --padding-bottom: 10px;
}
.padd,
.padxd,
.padld {
  --padding-left: 15px;
}
.padd,
.padxd,
.padrd {
  --padding-right: 15px;
}
.padd,
.padyd,
.padtd {
  --padding-top: 15px;
}
.padd,
.padyd,
.padbd {
  --padding-bottom: 15px;
}
.pade,
.padxe,
.padle {
  --padding-left: 20px;
}
.pade,
.padxe,
.padre {
  --padding-right: 20px;
}
.pade,
.padye,
.padte {
  --padding-top: 20px;
}
.pade,
.padye,
.padbe {
  --padding-bottom: 20px;
}
.padf,
.padxf,
.padlf {
  --padding-left: 40px;
}
.padf,
.padxf,
.padrf {
  --padding-right: 40px;
}
.padf,
.padyf,
.padtf {
  --padding-top: 40px;
}
.padf,
.padyf,
.padbf {
  --padding-bottom: 40px;
}
.padg,
.padxg,
.padlg {
  --padding-left: 70px;
}
.padg,
.padxg,
.padrg {
  --padding-right: 70px;
}
.padg,
.padyg,
.padtg {
  --padding-top: 70px;
}
.padg,
.padyg,
.padbg {
  --padding-bottom: 70px;
}
.margno,
.margxno,
.marglno {
  --margin-left: 0px;
}
.margno,
.margxno,
.margrno {
  --margin-right: 0px;
}
.margno,
.margyno,
.margtno {
  --margin-top: 0px;
}
.margno,
.margyno,
.margbno {
  --margin-bottom: 0px;
}
.marga,
.margxa,
.margla {
  --margin-left: 3px;
}
.marga,
.margxa,
.margra {
  --margin-right: 3px;
}
.marga,
.margya,
.margta {
  --margin-top: 3px;
}
.marga,
.margya,
.margba {
  --margin-bottom: 3px;
}
.margb,
.margxb,
.marglb {
  --margin-left: 5px;
}
.margb,
.margxb,
.margrb {
  --margin-right: 5px;
}
.margb,
.margyb,
.margtb {
  --margin-top: 5px;
}
.margb,
.margyb,
.margbb {
  --margin-bottom: 5px;
}
.margc,
.margxc,
.marglc {
  --margin-left: 10px;
}
.margc,
.margxc,
.margrc {
  --margin-right: 10px;
}
.margc,
.margyc,
.margtc {
  --margin-top: 10px;
}
.margc,
.margyc,
.margbc {
  --margin-bottom: 10px;
}
.margd,
.margxd,
.margld {
  --margin-left: 15px;
}
.margd,
.margxd,
.margrd {
  --margin-right: 15px;
}
.margd,
.margyd,
.margtd {
  --margin-top: 15px;
}
.margd,
.margyd,
.margbd {
  --margin-bottom: 15px;
}
.marge,
.margxe,
.margle {
  --margin-left: 20px;
}
.marge,
.margxe,
.margre {
  --margin-right: 20px;
}
.marge,
.margye,
.margte {
  --margin-top: 20px;
}
.marge,
.margye,
.margbe {
  --margin-bottom: 20px;
}
.margf,
.margxf,
.marglf {
  --margin-left: 40px;
}
.margf,
.margxf,
.margrf {
  --margin-right: 40px;
}
.margf,
.margyf,
.margtf {
  --margin-top: 40px;
}
.margf,
.margyf,
.margbf {
  --margin-bottom: 40px;
}
.margg,
.margxg,
.marglg {
  --margin-left: 70px;
}
.margg,
.margxg,
.margrg {
  --margin-right: 70px;
}
.margg,
.margyg,
.margtg {
  --margin-top: 70px;
}
.margg,
.margyg,
.margbg {
  --margin-bottom: 70px;
}
.pn {
  margin: 0;
}
.small {
  padding: var(--small-ypad) var(--small-xpad) !important;
}
.medium {
  padding: var(--medium-ypad) var(--medium-xpad) !important;
}
.large {
  padding: var(--large-ypad) var(--large-xpad) !important;
}
.nomargi {
  margin: 0 !important;
}
.nopadi {
  padding: 0 !important;
}
.nolh {
  line-height: 0;
}
.table-td-middle .table td,
.table-vmiddle td,
.tr-middle td,
.valign-middle,
.th-middle > th {
  vertical-align: middle !important;
}
.noborder tr > td {
  border: 0 none !important;
}
.inlineblock {
  display: inline-block;
}
.block {
  display: block;
}
.word-break {
  word-break: break-all;
}
.empty-hide:empty {
  display: none;
}
.visible-hidden {
  visibility: hidden;
}
.relative {
  position: relative;
}
.nodisplay {
  display: none !important;
}
.abs {
  position: absolute;
}
.abs.topleft {
  left: 0;
  top: 0;
}
.abs.topright {
  right: 0;
  top: 0;
}
.abs.bottomleft {
  bottom: 0;
  left: 0;
}
.abs.bottomright {
  bottom: 0;
  right: 0;
}
.abs.topcenter {
  top: 0;
  right: 0;
  left: 0;
}
.abs.bottomcenter {
  bottom: 0;
  right: 0;
  left: 0;
}
.abs.trbl {
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.abs.left {
  left: 0;
}
.abs.right {
  right: 0;
}
.abs.bottom {
  bottom: 0;
}
.abs.top {
  top: 0;
}
.fixed {
  position: fixed;
}
.zindexback {
  z-index: 5;
}
.zindexfront {
  z-index: 10;
}
.zindexfront-a {
  z-index: 11;
}
.divider {
  border-bottom: 1px solid var(--divider-color);
}
.divider:not(.nospace) {
  margin: 2% 0;
}
.divider.divider-dashed,
.divider.dashed {
  border-bottom-style: dashed;
}
.divider.divider-dotted,
.divider.dotted {
  border-bottom-style: dotted;
}
.divider.bb2 {
  border-bottom-width: 2px;
}
.divider.bb3 {
  border-bottom-width: 3px;
}
.divider.b4 {
  border-width: 1px;
}
.divider.b4.dashed {
  border-style: dashed;
}
.divider.b4.dotted {
  border-style: dotted;
}
.divider.white {
  border-bottom-color: #fff;
}
.divider.space-small {
  margin: 1% 0;
}
.radius-top-left {
  --border-top-left-radius: 60px;
  border-top-left-radius: var(--border-top-left-radius);
}
.radius-top-right {
  --border-top-right-radius: 60px;
  border-top-right-radius: var(--border-top-right-radius);
}
.radius-bottom-left {
  --border-bottom-left-radius: 60px;
  border-bottom-left-radius: var(--border-bottom-left-radius);
}
.radius-bottom-right {
  --border-bottom-right-radius: 60px;
  border-bottom-right-radius: var(--border-bottom-right-radius);
}
@media (max-width: 500px) {
  .radius-bottom-right {
    --border-bottom-right-radius: 30px;
  }
}
.radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.radius1x {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.radius2x {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.radius4x {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.radius5x {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.radius10x {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.radius25x {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.rounded {
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important;
  border-radius: 100px !important;
}
.circle {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.underline {
  text-decoration: underline dotted;
}
.oh {
  overflow: hidden;
}
.ohvisible {
  overflow: visible !important;
}
.yscroll {
  overflow-y: auto;
  scrollbar-width: thin;
}
.yscroll-off {
  overflow-y: hidden;
}
.xscroll {
  max-width: 100%;
  min-width: 100%;
  overflow-x: auto;
}
.xscroll-off {
  overflow-x: hidden;
}
.scroll-max {
  --scroll-max: 90vh;
  max-height: var(--scroll-max);
}
.scroll-max:not(.height-adjust) {
  max-height: var(--scroll-max);
}
.scroll-max:not(.height-adjust).min-max {
  min-height: var(--scroll-max);
}
.scroll-max-70 {
  --scroll-max: 70vh;
}
.scroll-max-half {
  --scroll-max: 50vh;
}
.scroll-max-small {
  --scroll-max: 30vh;
}
.tablemanager > thead > tr {
  position: sticky;
  top: 0;
  z-index: 10;
}
.position-sticky {
  --position-sticky-top: 0;
  position: sticky;
  top: var(--position-sticky-top);
}
@keyframes app-progress {
  0% {
    left: -20%;
  }
  50% {
    left: 50%;
  }
  75% {
    left: 80%;
  }
  99.9% {
    left: 100%;
  }
  100% {
    left: -20%;
  }
}
@-webkit-keyframes app-progress {
  0% {
    left: -20%;
  }
  50% {
    left: 50%;
  }
  75% {
    left: 80%;
  }
  99.9% {
    left: 100%;
  }
  100% {
    left: -20%;
  }
}
@keyframes app-crossbg-progress {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 8px;
  }
}
@-webkit-keyframes app-crossbg-progress {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: 8px;
  }
}
.app-progress,
.div-progress {
  width: 100%;
  overflow: hidden;
  top: -2px;
}
.app-progress {
  z-index: 3000;
}
.app-progress,
.div-progress,
.app-progress .bar,
.div-progress .bar {
  left: 0;
}
.app-progress > .bar,
.div-progress > .bar {
  top: 0;
  width: 20%;
}
.app-progress > .bar:not(.h),
.div-progress > .bar:not(.h) {
  height: 2px;
}
.app-progress.on,
.div-progress.on {
  min-height: 6px;
  top: 0;
}
.app-progress:not(.on) .show-text {
  display: none;
}
.app-progress.on .bar,
.div-progress.on .bar {
  animation: app-progress 2s infinite;
}
.app-progress.default,
.div-progress.default {
  background-color: var(--progress-bar-bg);
}
.app-progress.default > .bar,
.div-progress.default > .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.crossbg-:before,
.crossbg--:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.animate .any-progress {
  animation: app-crossbg-progress 0.1s linear infinite;
}
.crossbg-:before {
  background-image: url(../assets/vendor/img/base/cross-ptn-1.png);
}
.crossbg--:before {
  background-image: url(../assets/vendor/img/base/cross-ptn-2.png);
}
.progress-animate {
  min-height: 10px;
  top: 0;
}
.progress-animate .bar {
  animation: app-progress 2s infinite;
}
.desktop,
.modal-desktop {
  width: 99%;
}
.desktop {
  margin: 0 auto;
}
.desktop,
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1400px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1300px;
  }
}
@media (min-width: 1500px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1400px;
  }
}
@media (min-width: 1600px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1500px;
  }
}
@media (min-width: 1700px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1600px;
  }
}
@media (min-width: 1800px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1700px;
  }
}
@media (min-width: 1900px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1800px;
  }
}
@media (min-width: 2000px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 1900px;
  }
}
@media (min-width: 2100px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 2000px;
  }
}
@media (min-width: 2200px) {
  .container,
  .desktop,
  .modal-desktop {
    max-width: 2100px;
  }
}
.au-form .form-control {
  width: 100%;
}
.form-control,
div.dataTables_wrapper .dataTables_length select,
div.dataTables_wrapper div.dataTables_filter input[type=search] {
  --fc-box-shadow: rgba(246, 180, 162, 0.02);
  --fc-box-shadow-b: rgba(82, 82, 82, 0);
  --fc-box-padding-y: 11px;
  --fc-box-padding-x: 12px;
  min-height: 34px;
  color: var(--black-skin);
  background-color: var(--white);
  border: 1px solid var(--form-control-border);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: inset 0 1px 1px var(--fc-box-shadow), 0 0 8px var(--fc-box-shadow-b);
}
.form-control,
.form-control.datepicker,
div.dataTables_wrapper .dataTables_length select,
div.dataTables_wrapper div.dataTables_filter input[type=search] {
  padding: var(--fc-box-padding-y) var(--fc-box-padding-x);
}
.form-control:hover {
  --fc-box-shadow: rgba(82, 82, 82, 0.2);
}
.form-control:focus {
  --fc-box-shadow: rgba(82, 82, 82, 0.25);
  --fc-box-shadow-b: rgba(82, 82, 82, 0.1);
  border-color: var(--theme-alt);
  outline: 4px solid var(--fc-box-shadow-b);
}
.form-control.fc-tiny {
  --fc-box-padding-y: 5px;
  --fc-box-padding-x: 6px;
}
.form-control::-moz-placeholder {
  color: var(--black-skin);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: var(--black-skin);
}
.form-control::-webkit-input-placeholder {
  color: var(--black-skin);
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.first-cap:first-letter {
  text-transform: capitalize;
}
.text-ellipsis,
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}
.white-space-pre {
  white-space: pre;
}
.pre-wrap {
  white-space: pre-wrap;
}
.wrapnormal {
  white-space: normal;
}
.italic {
  font-style: italic;
}
.letterleading-a {
  letter-spacing: 2px;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center center;
}
.bg-bc {
  background-position: bottom center;
}
.bg-tc {
  background-position: bottom center;
}
.bg,
td[data-cellname='tf_worked_days'],
td[data-cellname='tf_mndays'],
td[data-cellname='tf_ctc'],
td[data-cellname='tf_Net Salary'] {
  --background-color: var(--lightgrey2);
  --color: var(--black-skin);
  background-color: var(--background-color);
  color: var(--color);
}
.bg.theme {
  --background-color: var(--theme-bg);
  --color: var(--white);
}
.bg.theme-dark {
  --background-color: var(--theme-dark);
}
.bg.theme-fade {
  --background-color: var(--theme-bg-fade);
  --color: var(--white);
}
.bg.theme-fade-a {
  --background-color: var(--theme-bg-fade-50);
  --color: var(--black-skin);
}
.bg.theme-alt {
  --background-color: var(--theme-alt);
  --color: var(--white);
}
.bg.white {
  --background-color: var(--white);
  --color: var(--black);
}
.bg.lightgrey {
  --background-color: var(--lightgrey);
  --color: var(--black);
}
.bg.lightgrey-alt {
  --background-color: var(--lightgrey2);
  --color: var(--black);
}
.bg.black {
  --background-color: var(--black);
  --color: var(--white);
}
.bg.black-skin {
  --background-color: var(--black-skin);
  --color: var(--white);
}
.bg.skin-a {
  --background-color: var(--skin-a-bg);
  --color: var(--black-skin);
}
.bg.skin-b {
  --background-color: var(--skin-b-bg);
  --color: var(--black-skin);
}
.bg.skin-success {
  --background-color: #04ca88;
  --color: #ffffff;
}
.bg.skin-info {
  --background-color: #047bca;
  --color: #ffffff;
}
.bg.skin-alert {
  --background-color: #ca9c04;
  --color: #ffffff;
}
.bg.skin-warning {
  --background-color: #eb3838;
  --color: #ffffff;
}
.bg.skin-S {
  --background-color: #e3f1ff;
}
.bg.skin-A {
  --background-color: #f9e6e6;
}
.bg.skin-P {
  --background-color: #ecfffb;
}
.bg.skin-PH {
  --background-color: #85ead4;
}
.bg.skin-Left {
  --background-color: #ffeaea !important;
  background-color: #ffeaea !important;
}
td[data-cellname='tf_worked_days'],
td[data-cellname='tf_mndays'],
td[data-cellname='tf_ctc'],
td[data-cellname='tf_Net Salary'] {
  --background-color: rgba(119, 133, 205, 0.05);
}
td[data-cellname='tf_worked_days'],
td[data-cellname='tf_mndays'],
td[data-cellname='tf_hdp'],
td[data-cellname='tf_ph'],
td[data-cellname='tf_pph'],
td[data-cellname='tf_s'],
td[data-cellname='tf_c'],
td[data-cellname='tf_sa'],
td[data-cellname='tf_el'],
td[data-cellname='tf_lop'],
td[data-cellname='tf_absent'],
td[data-cellname='tf_present'],
td[data-cellname='tf_we'] {
  text-align: center;
}
.bg-d1,
.bg-d2,
.bg-d3,
.bg-d4,
.bg-d5,
.bg-d6,
.bg-d7,
.bg-d8,
.bg-d9,
.bg-d10,
.bg-d11,
.bg-d12,
.bg-d13,
.bg-d14,
.bg-d15,
.bg-d16,
.bg-d17,
.bg-d18,
.bg-d19,
.bg-d20,
.bg-d21,
.bg-d22,
.bg-d23,
.bg-d24,
.bg-d25,
.bg-d26,
.bg-d27,
.bg-d28,
.bg-d29,
.bg-d30,
.bg-d31 {
  text-align: center;
}
.color {
  --color: var(--black-skin);
  color: var(--color);
}
.color.color-theme {
  --color: var(--theme-bg);
}
.color.color-theme-fade {
  --color: var(--theme-bg-fade);
}
.color.color-theme-fade-a {
  --color: var(--theme-bg-fade-50);
}
.color.color-theme-alt {
  --color: var(--theme-alt);
}
.color.color-theme-dark {
  --color: var(--theme-dark);
}
.color.color-white {
  --color: var(--white);
}
.color.color-lightgrey {
  --color: var(--lightgrey);
}
.color.color-lightgrey-alt {
  --color: var(--lightgrey2);
}
.color.color-black {
  --color: var(--black);
}
.color.color-black-skin {
  --color: var(--black-skin);
}
.color.color-success {
  --color: #04ca88;
}
.color.color-info {
  --color: #047bca;
}
.color.color-alert {
  --color: #ca9c04;
}
.color.color-warning {
  --color: #eb3838;
}
.bg-publish-n {
  font-style: oblique;
  text-decoration: line-through;
}
.bg-archive {
  background-color: rgba(232, 149, 150, 0.2) !important;
  text-decoration: line-through;
}
.bg-gray-scale {
  filter: grayscale(1);
}
.bg-grad-theme-alt {
  --grad-deg: 145deg;
  background: var(--theme-bg);
  background: -moz-linear-gradient(var(--grad-deg), var(--theme-bg) 0%, var(--theme-alt) 100%);
  background: -webkit-linear-gradient(var(--grad-deg), var(--theme-bg) 0%, var(--theme-alt) 100%);
  background: linear-gradient(var(--grad-deg), var(--theme-bg) 0%, var(--theme-alt) 100%);
}
.card-grad {
  --grad-deg: 180deg;
  background: #7d82c3;
  background-image: linear-gradient(to right top, #7785cd, #9ca6db, #e7e9f6);
  color: var(--white);
  box-shadow: inset 0 0 100px rgba(82, 82, 82, 0.15);
}
.card-grad a {
  color: var(--white);
}
.card-grad a:hover,
.card-grad a:focus {
  color: #c3d6f6;
}
.card-grad-b,
.bg.lightgrey-secondary {
  --grad-deg: 180deg;
  background: var(--lightgrey);
  background-image: linear-gradient(to right top, var(--theme-alt), var(--skin-b-bg));
  color: var(--white);
}
.bg-darkin {
  position: relative;
  --card-grad-after-bg: rgba(246, 180, 162, 0.12);
}
.bg-darkin:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--card-grad-after-bg);
}
.card-grad-c {
  --grad-deg: 90deg;
  --card-grad-a: #12bbc1;
  --card-grad-b: #EE74E1;
  --card-grad-a-pos: -15%;
  --card-grad-b-pos: 100%;
  background: -moz-linear-gradient(var(--grad-deg), var(--card-grad-a) var(--card-grad-a-pos), var(--card-grad-b) var(--card-grad-b-pos));
  background: -webkit-linear-gradient(var(--grad-deg), var(--card-grad-a) var(--card-grad-a-pos), var(--card-grad-b) var(--card-grad-b-pos));
  background: linear-gradient(var(--grad-deg), var(--card-grad-a) var(--card-grad-a-pos), var(--card-grad-b) var(--card-grad-b-pos));
}
.card-grad-d {
  --grad-deg: 90deg;
  --card-grad-a: var(--lightgrey);
  --card-grad-b: var(--lightgrey2);
  --card-grad-a-pos: -15%;
  --card-grad-b-pos: 100%;
  background: -moz-linear-gradient(var(--grad-deg), var(--card-grad-a) var(--card-grad-a-pos), var(--card-grad-b) var(--card-grad-b-pos));
  background: -webkit-linear-gradient(var(--grad-deg), var(--card-grad-a) var(--card-grad-a-pos), var(--card-grad-b) var(--card-grad-b-pos));
  background: linear-gradient(var(--grad-deg), var(--card-grad-a) var(--card-grad-a-pos), var(--card-grad-b) var(--card-grad-b-pos));
}
.label-required {
  position: relative;
}
.label-required:before {
  content: " * ";
  color: var(--data-error-for-color);
}
.maskme {
  height: 0;
  overflow: hidden;
}
.maskme .mask-item {
  overflow: hidden;
  position: relative;
  margin-top: -100vh;
}
.main-app-progress:after {
  --main-progress-top-color: #8fbaff;
  --main-progress-bottom-color: rgba(0, 0, 0, 0.001);
  --main-progress-angle: 180deg;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #020024;
  background: -moz-linear-gradient(var(--main-progress-angle), var(--main-progress-bottom-color) 0%, var(--main-progress-top-color) 50%, var(--main-progress-bottom-color) 100%);
  background: -webkit-linear-gradient(var(--main-progress-angle), var(--main-progress-bottom-color) 0%, var(--main-progress-top-color) 50%, var(--main-progress-bottom-color) 100%);
  background: linear-gradient(var(--main-progress-angle), var(--main-progress-bottom-color) 0%, var(--main-progress-top-color) 50%, var(--main-progress-bottom-color) 100%);
}
.main-app-progress.on {
  min-height: 35vh;
}
.main-app-progress.on .progress-bar-animated {
  height: 50%;
  background-color: var(--theme-alt);
  animation: progress-bar-stripes 1s linear infinite;
}
.anchor {
  --anchor-color: var(--theme-alt-dark);
  color: var(--anchor-color) !important;
}
.anchor.theme-white {
  --anchor-color: var(--theme-bg);
}
.anchor.theme-white:hover {
  --anchor-color: var(--white);
}
.anchor.theme-white:focus {
  --anchor-color: rgba(255, 255, 255, 0.75);
}
.anchor.white-mode {
  --anchor-color: var(--white);
}
.anchor.white-mode:hover {
  --anchor-color: rgba(255, 255, 255, 0.65);
}
.anchor.white-mode:focus {
  --anchor-color: var(--white);
}
.anchor.theme-alt {
  --anchor-color: var(--theme-bg);
}
.anchor.theme-alt:hover {
  --anchor-color: var(--theme-alt);
}
.anchor.theme-alt:focus {
  --anchor-color: var(--theme-dark);
}
.anchor.dark-theme {
  --anchor-color: var(--theme-dark);
}
.anchor.dark-theme:hover {
  --anchor-color: var(--black-skin);
}
.anchor.dark-theme:focus {
  --anchor-color: var(--black);
}
.nodecor,
a.anchor-outline,
.anchor-outline {
  text-decoration: none;
}
a.anchor-outline,
.anchor-outline {
  --anchor-outline-bg: transparent;
  --anchor-outline-color: var(--black-skin);
  --anchor-outline-border-color: var(--black-skin);
  --anchor-outline-btn-xpad: 0.57rem;
  --anchor-outline-btn-ypad: 0.55rem;
  padding: var(--anchor-outline-btn-ypad) var(--anchor-outline-btn-xpad);
  --anchor-outline-bg: var(--anchor-outline-bg);
  --anchor-outline-color: var(--anchor-outline-color);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-dark,
.anchor-outline.ao-dark {
  --anchor-outline-color: var(--white);
  --anchor-outline-border-color: var(--white);
}
a.anchor-outline.ao-nopad,
.anchor-outline.ao-nopad {
  --anchor-outline-btn-xpad: 0.01rem;
  --anchor-outline-btn-ypad: 0.01rem;
}
a.anchor-outline.ao-slimpad,
.anchor-outline.ao-slimpad {
  --anchor-outline-btn-xpad: 0.55rem;
}
a.anchor-outline.ao-xnopad,
.anchor-outline.ao-xnopad,
a.anchor-outline.ao-nopad,
.anchor-outline.ao-nopad {
  --anchor-outline-btn-xpad: 0rem;
}
a.anchor-outline.ao-ynopad,
.anchor-outline.ao-ynopad,
a.anchor-outline.ao-nopad,
.anchor-outline.ao-nopad {
  --anchor-outline-btn-ypad: 0rem;
}
a.anchor-outline.ao-border-none,
.anchor-outline.ao-border-none,
button.anchor-outline {
  border: 0 none;
}
a.anchor-outline.ao-border,
.anchor-outline.ao-border {
  border: 1px solid;
  border-color: var(--anchor-outline-border-color);
}
a.anchor-outline.ao-border-light,
.anchor-outline.ao-border-light {
  --anchor-outline-border-color: rgba(82, 82, 82, 0.3);
}
a.anchor-outline.ao-border-white,
.anchor-outline.ao-border-white {
  --anchor-outline-border-color: var(--white);
}
a.anchor-outline.ao-themedark,
.anchor-outline.ao-themedark {
  --anchor-outline-color: var(--theme-dark);
}
a.anchor-outline:hover,
.anchor-outline:hover {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
a.anchor-outline:hover.ao-border,
.anchor-outline:hover.ao-border {
  --anchor-outline-border-color: var(--theme-bg);
}
a.anchor-outline:active,
.anchor-outline:active,
a.anchor-outline:focus,
.anchor-outline:focus,
a.anchor-outline.active,
.anchor-outline.active,
a.anchor-outline.active:hover,
.anchor-outline.active:hover,
a.anchor-outline.active:focus,
.anchor-outline.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
a.anchor-outline:active.ao-border,
.anchor-outline:active.ao-border,
a.anchor-outline:focus.ao-border,
.anchor-outline:focus.ao-border,
a.anchor-outline.active.ao-border,
.anchor-outline.active.ao-border,
a.anchor-outline.active:hover.ao-border,
.anchor-outline.active:hover.ao-border,
a.anchor-outline.active:focus.ao-border,
.anchor-outline.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
a.anchor-outline.ao-oncheckbox,
.anchor-outline.ao-oncheckbox {
  --anchor-outline-bg: var(--lightgrey2);
  --anchor-outline-color: var(--anchor-outline-color);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-oncheckbox:hover,
.anchor-outline.ao-oncheckbox:hover {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-oncheckbox:hover.ao-border,
.anchor-outline.ao-oncheckbox:hover.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
a.anchor-outline.ao-oncheckbox:active,
.anchor-outline.ao-oncheckbox:active,
a.anchor-outline.ao-oncheckbox:focus,
.anchor-outline.ao-oncheckbox:focus,
a.anchor-outline.ao-oncheckbox.active,
.anchor-outline.ao-oncheckbox.active,
a.anchor-outline.ao-oncheckbox.active:hover,
.anchor-outline.ao-oncheckbox.active:hover,
a.anchor-outline.ao-oncheckbox.active:focus,
.anchor-outline.ao-oncheckbox.active:focus {
  --anchor-outline-bg: var(--skin-a-bg);
  --anchor-outline-color: var(--black-skin);
}
a.anchor-outline.ao-oncheckbox:active.ao-border,
.anchor-outline.ao-oncheckbox:active.ao-border,
a.anchor-outline.ao-oncheckbox:focus.ao-border,
.anchor-outline.ao-oncheckbox:focus.ao-border,
a.anchor-outline.ao-oncheckbox.active.ao-border,
.anchor-outline.ao-oncheckbox.active.ao-border,
a.anchor-outline.ao-oncheckbox.active:hover.ao-border,
.anchor-outline.ao-oncheckbox.active:hover.ao-border,
a.anchor-outline.ao-oncheckbox.active:focus.ao-border,
.anchor-outline.ao-oncheckbox.active:focus.ao-border {
  --anchor-outline-border-color: var(--skin-a-bg);
}
a.anchor-outline.ao-oncheckbox-light,
.anchor-outline.ao-oncheckbox-light {
  --anchor-outline-bg: rgba(93, 104, 104, 0.05);
  --anchor-outline-color: var(--black);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-oncheckbox-light:hover,
.anchor-outline.ao-oncheckbox-light:hover {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-oncheckbox-light:hover.ao-border,
.anchor-outline.ao-oncheckbox-light:hover.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
a.anchor-outline.ao-oncheckbox-light:active,
.anchor-outline.ao-oncheckbox-light:active,
a.anchor-outline.ao-oncheckbox-light:focus,
.anchor-outline.ao-oncheckbox-light:focus,
a.anchor-outline.ao-oncheckbox-light.active,
.anchor-outline.ao-oncheckbox-light.active,
a.anchor-outline.ao-oncheckbox-light.active:hover,
.anchor-outline.ao-oncheckbox-light.active:hover,
a.anchor-outline.ao-oncheckbox-light.active:focus,
.anchor-outline.ao-oncheckbox-light.active:focus {
  --anchor-outline-bg: var(--skin-a-bg);
  --anchor-outline-color: var(--black-skin);
}
a.anchor-outline.ao-oncheckbox-light:active.ao-border,
.anchor-outline.ao-oncheckbox-light:active.ao-border,
a.anchor-outline.ao-oncheckbox-light:focus.ao-border,
.anchor-outline.ao-oncheckbox-light:focus.ao-border,
a.anchor-outline.ao-oncheckbox-light.active.ao-border,
.anchor-outline.ao-oncheckbox-light.active.ao-border,
a.anchor-outline.ao-oncheckbox-light.active:hover.ao-border,
.anchor-outline.ao-oncheckbox-light.active:hover.ao-border,
a.anchor-outline.ao-oncheckbox-light.active:focus.ao-border,
.anchor-outline.ao-oncheckbox-light.active:focus.ao-border {
  --anchor-outline-border-color: var(--skin-a-bg);
}
a.anchor-outline.ao-oncheckbox-alt,
.anchor-outline.ao-oncheckbox-alt {
  --anchor-outline-bg: rgba(93, 104, 104, 0.1);
  --anchor-outline-color: var(--black);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-oncheckbox-alt:hover,
.anchor-outline.ao-oncheckbox-alt:hover {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-oncheckbox-alt:hover.ao-border,
.anchor-outline.ao-oncheckbox-alt:hover.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
a.anchor-outline.ao-oncheckbox-alt:active,
.anchor-outline.ao-oncheckbox-alt:active,
a.anchor-outline.ao-oncheckbox-alt:focus,
.anchor-outline.ao-oncheckbox-alt:focus,
a.anchor-outline.ao-oncheckbox-alt.active,
.anchor-outline.ao-oncheckbox-alt.active,
a.anchor-outline.ao-oncheckbox-alt.active:hover,
.anchor-outline.ao-oncheckbox-alt.active:hover,
a.anchor-outline.ao-oncheckbox-alt.active:focus,
.anchor-outline.ao-oncheckbox-alt.active:focus {
  --anchor-outline-bg: var(--skin-c-bg);
  --anchor-outline-color: var(--black-skin);
}
a.anchor-outline.ao-oncheckbox-alt:active.ao-border,
.anchor-outline.ao-oncheckbox-alt:active.ao-border,
a.anchor-outline.ao-oncheckbox-alt:focus.ao-border,
.anchor-outline.ao-oncheckbox-alt:focus.ao-border,
a.anchor-outline.ao-oncheckbox-alt.active.ao-border,
.anchor-outline.ao-oncheckbox-alt.active.ao-border,
a.anchor-outline.ao-oncheckbox-alt.active:hover.ao-border,
.anchor-outline.ao-oncheckbox-alt.active:hover.ao-border,
a.anchor-outline.ao-oncheckbox-alt.active:focus.ao-border,
.anchor-outline.ao-oncheckbox-alt.active:focus.ao-border {
  --anchor-outline-border-color: var(--skin-c-bg);
}
a.anchor-outline.ao-theme-alt,
.anchor-outline.ao-theme-alt {
  --anchor-outline-bg: var(--anchor-outline-bg);
  --anchor-outline-color: var(--theme-alt);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-theme-alt:hover,
.anchor-outline.ao-theme-alt:hover {
  --anchor-outline-bg: var(--theme-alt);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-theme-alt:hover.ao-border,
.anchor-outline.ao-theme-alt:hover.ao-border {
  --anchor-outline-border-color: var(--theme-alt);
}
a.anchor-outline.ao-theme-alt:active,
.anchor-outline.ao-theme-alt:active,
a.anchor-outline.ao-theme-alt:focus,
.anchor-outline.ao-theme-alt:focus,
a.anchor-outline.ao-theme-alt.active,
.anchor-outline.ao-theme-alt.active,
a.anchor-outline.ao-theme-alt.active:hover,
.anchor-outline.ao-theme-alt.active:hover,
a.anchor-outline.ao-theme-alt.active:focus,
.anchor-outline.ao-theme-alt.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-theme-alt:active.ao-border,
.anchor-outline.ao-theme-alt:active.ao-border,
a.anchor-outline.ao-theme-alt:focus.ao-border,
.anchor-outline.ao-theme-alt:focus.ao-border,
a.anchor-outline.ao-theme-alt.active.ao-border,
.anchor-outline.ao-theme-alt.active.ao-border,
a.anchor-outline.ao-theme-alt.active:hover.ao-border,
.anchor-outline.ao-theme-alt.active:hover.ao-border,
a.anchor-outline.ao-theme-alt.active:focus.ao-border,
.anchor-outline.ao-theme-alt.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
a.anchor-outline.ao-theme,
.anchor-outline.ao-theme {
  --anchor-outline-bg: var(--anchor-outline-bg);
  --anchor-outline-color: var(--theme-bg);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-theme:hover,
.anchor-outline.ao-theme:hover {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-theme:hover.ao-border,
.anchor-outline.ao-theme:hover.ao-border {
  --anchor-outline-border-color: var(--theme-bg);
}
a.anchor-outline.ao-theme:active,
.anchor-outline.ao-theme:active,
a.anchor-outline.ao-theme:focus,
.anchor-outline.ao-theme:focus,
a.anchor-outline.ao-theme.active,
.anchor-outline.ao-theme.active,
a.anchor-outline.ao-theme.active:hover,
.anchor-outline.ao-theme.active:hover,
a.anchor-outline.ao-theme.active:focus,
.anchor-outline.ao-theme.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-theme:active.ao-border,
.anchor-outline.ao-theme:active.ao-border,
a.anchor-outline.ao-theme:focus.ao-border,
.anchor-outline.ao-theme:focus.ao-border,
a.anchor-outline.ao-theme.active.ao-border,
.anchor-outline.ao-theme.active.ao-border,
a.anchor-outline.ao-theme.active:hover.ao-border,
.anchor-outline.ao-theme.active:hover.ao-border,
a.anchor-outline.ao-theme.active:focus.ao-border,
.anchor-outline.ao-theme.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
a.anchor-outline.ao-light-alt,
.anchor-outline.ao-light-alt {
  --anchor-outline-bg: var(--lightgrey2);
  --anchor-outline-color: var(--black-skin);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-light-alt:hover,
.anchor-outline.ao-light-alt:hover {
  --anchor-outline-bg: var(--theme-alt);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-light-alt:hover.ao-border,
.anchor-outline.ao-light-alt:hover.ao-border {
  --anchor-outline-border-color: var(--theme-alt);
}
a.anchor-outline.ao-light-alt:active,
.anchor-outline.ao-light-alt:active,
a.anchor-outline.ao-light-alt:focus,
.anchor-outline.ao-light-alt:focus,
a.anchor-outline.ao-light-alt.active,
.anchor-outline.ao-light-alt.active,
a.anchor-outline.ao-light-alt.active:hover,
.anchor-outline.ao-light-alt.active:hover,
a.anchor-outline.ao-light-alt.active:focus,
.anchor-outline.ao-light-alt.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-light-alt:active.ao-border,
.anchor-outline.ao-light-alt:active.ao-border,
a.anchor-outline.ao-light-alt:focus.ao-border,
.anchor-outline.ao-light-alt:focus.ao-border,
a.anchor-outline.ao-light-alt.active.ao-border,
.anchor-outline.ao-light-alt.active.ao-border,
a.anchor-outline.ao-light-alt.active:hover.ao-border,
.anchor-outline.ao-light-alt.active:hover.ao-border,
a.anchor-outline.ao-light-alt.active:focus.ao-border,
.anchor-outline.ao-light-alt.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
a.anchor-outline.ao-so-success,
.anchor-outline.ao-so-success {
  --anchor-outline-bg: var(--social-success);
  --anchor-outline-color: var(--white);
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-so-success:hover,
.anchor-outline.ao-so-success:hover {
  --anchor-outline-bg: var(--social-success-hover);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-so-success:hover.ao-border,
.anchor-outline.ao-so-success:hover.ao-border {
  --anchor-outline-border-color: var(--social-success-hover);
}
a.anchor-outline.ao-so-success:active,
.anchor-outline.ao-so-success:active,
a.anchor-outline.ao-so-success:focus,
.anchor-outline.ao-so-success:focus,
a.anchor-outline.ao-so-success.active,
.anchor-outline.ao-so-success.active,
a.anchor-outline.ao-so-success.active:hover,
.anchor-outline.ao-so-success.active:hover,
a.anchor-outline.ao-so-success.active:focus,
.anchor-outline.ao-so-success.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
a.anchor-outline.ao-so-success:active.ao-border,
.anchor-outline.ao-so-success:active.ao-border,
a.anchor-outline.ao-so-success:focus.ao-border,
.anchor-outline.ao-so-success:focus.ao-border,
a.anchor-outline.ao-so-success.active.ao-border,
.anchor-outline.ao-so-success.active.ao-border,
a.anchor-outline.ao-so-success.active:hover.ao-border,
.anchor-outline.ao-so-success.active:hover.ao-border,
a.anchor-outline.ao-so-success.active:focus.ao-border,
.anchor-outline.ao-so-success.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
a.anchor-outline.ao-skinny,
.anchor-outline.ao-skinny {
  --anchor-outline-bg: rgba(82, 82, 82, 0.05);
  --anchor-outline-color: #ffffff;
  background-color: var(--anchor-outline-bg);
  color: var(--anchor-outline-color);
}
a.anchor-outline.ao-skinny:hover,
.anchor-outline.ao-skinny:hover {
  --anchor-outline-bg: rgba(82, 82, 82, 0.1);
  --anchor-outline-color: #ffffff;
}
a.anchor-outline.ao-skinny:hover.ao-border,
.anchor-outline.ao-skinny:hover.ao-border {
  --anchor-outline-border-color: rgba(82, 82, 82, 0.1);
}
a.anchor-outline.ao-skinny:active,
.anchor-outline.ao-skinny:active,
a.anchor-outline.ao-skinny:focus,
.anchor-outline.ao-skinny:focus,
a.anchor-outline.ao-skinny.active,
.anchor-outline.ao-skinny.active,
a.anchor-outline.ao-skinny.active:hover,
.anchor-outline.ao-skinny.active:hover,
a.anchor-outline.ao-skinny.active:focus,
.anchor-outline.ao-skinny.active:focus {
  --anchor-outline-bg: rgba(82, 82, 82, 0.5);
  --anchor-outline-color: #ffffff;
}
a.anchor-outline.ao-skinny:active.ao-border,
.anchor-outline.ao-skinny:active.ao-border,
a.anchor-outline.ao-skinny:focus.ao-border,
.anchor-outline.ao-skinny:focus.ao-border,
a.anchor-outline.ao-skinny.active.ao-border,
.anchor-outline.ao-skinny.active.ao-border,
a.anchor-outline.ao-skinny.active:hover.ao-border,
.anchor-outline.ao-skinny.active:hover.ao-border,
a.anchor-outline.ao-skinny.active:focus.ao-border,
.anchor-outline.ao-skinny.active:focus.ao-border {
  --anchor-outline-border-color: rgba(82, 82, 82, 0.5);
}
.anchor-outline.ao-theme-dark {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-theme-dark:hover {
  --anchor-outline-bg: var(--theme-dark);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-theme-dark:hover.ao-border {
  --anchor-outline-border-color: var(--theme-dark);
}
.anchor-outline.ao-theme-dark:focus,
.anchor-outline.ao-theme-dark.active,
.anchor-outline.ao-theme-dark.active:hover,
.anchor-outline.ao-theme-dark.active:focus {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-theme-dark:focus.ao-border,
.anchor-outline.ao-theme-dark.active.ao-border,
.anchor-outline.ao-theme-dark.active:hover.ao-border,
.anchor-outline.ao-theme-dark.active:focus.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
.anchor-outline.ao-themealt-dark {
  --anchor-outline-bg: var(--theme-alt);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-themealt-dark:hover {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-themealt-dark:hover.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
.anchor-outline.ao-themealt-dark:focus,
.anchor-outline.ao-themealt-dark.active,
.anchor-outline.ao-themealt-dark.active:hover,
.anchor-outline.ao-themealt-dark.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-themealt-dark:focus.ao-border,
.anchor-outline.ao-themealt-dark.active.ao-border,
.anchor-outline.ao-themealt-dark.active:hover.ao-border,
.anchor-outline.ao-themealt-dark.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
.anchor-outline.ao-dark-theme {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-dark-theme:hover {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-dark-theme:hover.ao-border {
  --anchor-outline-border-color: var(--theme-bg);
}
.anchor-outline.ao-dark-theme:focus,
.anchor-outline.ao-dark-theme.active,
.anchor-outline.ao-dark-theme.active:hover,
.anchor-outline.ao-dark-theme.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-dark-theme:focus.ao-border,
.anchor-outline.ao-dark-theme.active.ao-border,
.anchor-outline.ao-dark-theme.active:hover.ao-border,
.anchor-outline.ao-dark-theme.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
.anchor-outline.ao-light-alt {
  --anchor-outline-bg: var(--lightgrey);
  --anchor-outline-color: var(--black-skin);
}
.anchor-outline.ao-light-alt:hover {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light-alt:hover.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
.anchor-outline.ao-light-alt:focus,
.anchor-outline.ao-light-alt.active,
.anchor-outline.ao-light-alt.active:hover,
.anchor-outline.ao-light-alt.active:focus {
  --anchor-outline-bg: var(--theme-alt);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light-alt:focus.ao-border,
.anchor-outline.ao-light-alt.active.ao-border,
.anchor-outline.ao-light-alt.active:hover.ao-border,
.anchor-outline.ao-light-alt.active:focus.ao-border {
  --anchor-outline-border-color: var(--theme-alt);
}
.anchor-outline.ao-light-theme {
  --anchor-outline-bg: var(--lightgrey);
  --anchor-outline-color: var(--black-skin);
}
.anchor-outline.ao-light-theme:hover {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light-theme:hover.ao-border {
  --anchor-outline-border-color: var(--theme-bg);
}
.anchor-outline.ao-light-theme:focus,
.anchor-outline.ao-light-theme.active,
.anchor-outline.ao-light-theme.active:hover,
.anchor-outline.ao-light-theme.active:focus {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light-theme:focus.ao-border,
.anchor-outline.ao-light-theme.active.ao-border,
.anchor-outline.ao-light-theme.active:hover.ao-border,
.anchor-outline.ao-light-theme.active:focus.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
.anchor-outline.ao-light {
  --anchor-outline-bg: var(--lightgrey);
  --anchor-outline-color: var(--black-skin);
}
.anchor-outline.ao-light:hover {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light:hover.ao-border {
  --anchor-outline-border-color: var(--black-skin);
}
.anchor-outline.ao-light:focus,
.anchor-outline.ao-light.active,
.anchor-outline.ao-light.active:hover,
.anchor-outline.ao-light.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light:focus.ao-border,
.anchor-outline.ao-light.active.ao-border,
.anchor-outline.ao-light.active:hover.ao-border,
.anchor-outline.ao-light.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
.anchor-outline.ao-light-alt {
  --anchor-outline-bg: var(--lightgrey2);
  --anchor-outline-color: var(--black-skin);
}
.anchor-outline.ao-light-alt:hover {
  --anchor-outline-bg: var(--lightgrey);
  --anchor-outline-color: var(--black);
}
.anchor-outline.ao-light-alt:hover.ao-border {
  --anchor-outline-border-color: var(--lightgrey);
}
.anchor-outline.ao-light-alt:focus,
.anchor-outline.ao-light-alt.active,
.anchor-outline.ao-light-alt.active:hover,
.anchor-outline.ao-light-alt.active:focus {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-light-alt:focus.ao-border,
.anchor-outline.ao-light-alt.active.ao-border,
.anchor-outline.ao-light-alt.active:hover.ao-border,
.anchor-outline.ao-light-alt.active:focus.ao-border {
  --anchor-outline-border-color: var(--black);
}
.anchor-outline.ao-dark {
  --anchor-outline-bg: var(--black-skin);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-dark:hover {
  --anchor-outline-bg: var(--black);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-dark:hover.ao-border {
  --anchor-outline-border-color: var(--black);
}
.anchor-outline.ao-dark:focus,
.anchor-outline.ao-dark.active,
.anchor-outline.ao-dark.active:hover,
.anchor-outline.ao-dark.active:focus {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-dark:focus.ao-border,
.anchor-outline.ao-dark.active.ao-border,
.anchor-outline.ao-dark.active:hover.ao-border,
.anchor-outline.ao-dark.active:focus.ao-border {
  --anchor-outline-border-color: var(--theme-bg);
}
.anchor-outline.ao-white-empty {
  --anchor-outline-bg: transparent;
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-white-empty:hover {
  --anchor-outline-bg: var(--theme-bg);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-white-empty:hover.ao-border {
  --anchor-outline-border-color: var(--theme-bg);
}
.anchor-outline.ao-white-empty:focus,
.anchor-outline.ao-white-empty.active,
.anchor-outline.ao-white-empty.active:hover,
.anchor-outline.ao-white-empty.active:focus {
  --anchor-outline-bg: var(--theme-bg-fade);
  --anchor-outline-color: var(--white);
}
.anchor-outline.ao-white-empty:focus.ao-border,
.anchor-outline.ao-white-empty.active.ao-border,
.anchor-outline.ao-white-empty.active:hover.ao-border,
.anchor-outline.ao-white-empty.active:focus.ao-border {
  --anchor-outline-border-color: var(--theme-bg-fade);
}
[data-error-for] {
  color: var(--data-error-for-color);
  padding: 5px;
  margin-top: 0.2rem;
  display: inline-block;
  font-size: 1rem;
}
.au-form [data-error-for] {
  position: absolute;
  top: auto;
  left: auto;
  width: auto;
  height: inherit;
  color: var(--white);
  border-radius: 4px;
  z-index: 20;
  background-color: var(--form-field-error);
}
.form-control:focus {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.label-required {
  position: relative;
}
.label-required:before {
  content: " * ";
  color: var(--data-error-for-color);
}
.oddeven {
  --oe-background-color: var(--even-bg);
  --oe-color: var(--even-color);
}
.oddeven .oe-item {
  background-color: var(--oe-background-color);
  color: var(--oe-color);
}
.oddeven .oe-item:nth-child(odd) {
  --oe-background-color: var(--odd-bg);
  --oe-color: var(--odd-color);
}
.readable {
  font-size: 15px;
  letter-spacing: 0.05em;
}
.readable p,
.readable li {
  line-height: 1.3rem;
}
.app-on {
  --header-width: 100%;
  --header-background-color: var(--theme-bg);
  --header-color: var(--black-skin);
  --app-sidebar-width: 220px;
  --app-sidebar-width-hide: -220px;
  --app-sidebar-bg: var(--theme-alt);
  --app-sidebar-color: var(--white);
}
.header-main {
  position: fixed;
  top: 0px;
  height: var(--header-height);
  width: var(--header-width);
  z-index: 999;
  background-color: var(--header-background-color);
  color: var(--header-color);
  box-shadow: 0px 2px 25px rgba(82, 82, 82, 0.3);
}
.header-main {
  --hm-col-toggler: 50px;
  --hm-nav-background-color: rgba(0, 0, 0, 0.01);
  --hm-nav-list-anchor-background-color: rgba(0, 0, 0, 0.15);
  --hm-nav-list-anchor-color: var(--white);
  --hm-nav-list-anchor-background-hover-color: var(--black-skin);
  --hm-nav-list-anchor-hover-color: var(--white);
  --hm-nav-list-anchor-background-focus-color: var(--theme-bg);
  --hm-nav-list-anchor-focus-color: var(--white);
  --hm-nav-list-min-width: 50px;
  --hmnl-submenu-background-color: var(--black-skin);
  --hmnl-submenu-color: var(--white);
  --hmnl-submenu-anchor-background-color: var(--black-skin);
  --hmnl-submenu-anchor-color: var(--white);
  --hmnl-submenu-anchor-background-hover-color: var(--black);
  --hmnl-submenu-anchor-hover-color: var(--white);
  --hmnl-submenu-anchor-background-focus-color: var(--theme-bg);
  --hmnl-submenu-anchor-focus-color: var(--white);
  --dm-long-menu-sm-width: 500px;
  --dm-long-menu-xs-width: 300px;
}
.header-main .col-toggler {
  min-width: var(--hm-col-toggler);
  max-width: var(--hm-col-toggler);
}
.header-main .nav-list {
  background-color: var(--hm-nav-background-color);
}
.header-main .nav-list,
.header-main .nav-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-main .nav-list,
.header-main .nav-list > li {
  min-height: inherit;
}
.header-main .nav-list,
.header-main .nav-list > li,
.header-main .nav-list > a,
.header-main .nav-list > li > a {
  height: 100%;
}
.header-main .nav-list > li {
  display: inline-block;
}
.header-main .nav-list > li > a {
  min-width: var(--hm-nav-list-min-width);
  display: block;
  background-color: var(--hm-nav-list-anchor-background-color);
  color: var(--hm-nav-list-anchor-color);
}
.header-main .nav-list > li > a:hover {
  --hm-nav-list-anchor-background-color: var(--hm-nav-list-anchor-background-hover-color);
  --hm-nav-list-anchor-color: var(--hm-nav-list-anchor-hover-color);
}
.header-main .nav-list > li > a:focus {
  --hm-nav-list-anchor-background-color: var(--hm-nav-list-anchor-background-focus-color);
  --hm-nav-list-anchor-color: var(--hm-nav-list-anchor-focus-color);
}
.header-main .nav-list {
  position: relative;
}
.header-main .nav-list .submenu .dropdown-menu-container {
  background-color: var(--hmnl-submenu-background-color);
  color: var(--hmnl-submenu-color);
  z-index: 101;
  width: auto;
  max-width: 90%;
  height: 0;
  overflow: hidden;
  max-height: 90vh;
  overflow-y: auto;
  position: absolute;
}
.header-main .nav-list .submenu .dropdown-menu-container:not(.onright) {
  left: 0;
}
.header-main .nav-list .submenu .dropdown-menu-container.onright {
  right: 0;
}
.header-main .nav-list .submenu .dropdown-menu-container > ul {
  position: relative;
  margin-top: -100vh;
}
.header-main .nav-list .submenu:hover .dropdown-menu-container,
.header-main .nav-list .submenu:focus .dropdown-menu-container,
.header-main .nav-list .submenu.open .dropdown-menu-container {
  height: auto;
  overflow-y: auto;
}
.header-main .nav-list .submenu:hover .dropdown-menu-container > ul,
.header-main .nav-list .submenu:focus .dropdown-menu-container > ul,
.header-main .nav-list .submenu.open .dropdown-menu-container > ul {
  margin-top: 0;
}
.header-main .dropdown-menu-container.long-menu-sm {
  min-width: var(--dm-long-menu-sm-width);
}
.header-main .dropdown-menu-container.long-menu-xs {
  min-width: var(--dm-long-menu-xs-width);
}
.header-main .dropdown-menu-container a {
  display: block;
  background-color: var(--hmnl-submenu-anchor-background-color);
  color: var(--hmnl-submenu-anchor-color);
}
.header-main .dropdown-menu-container a:hover {
  --hmnl-submenu-anchor-background-color: var(--hmnl-submenu-anchor-background-hover-color);
  --hmnl-submenu-anchor-color: var(--hmnl-submenu-anchor-hover-color);
}
.header-main .dropdown-menu-container a:focus {
  --hmnl-submenu-anchor-background-color: var(--hmnl-submenu-anchor-background-focus-color);
  --hmnl-submenu-anchor-color: var(--hmnl-submenu-anchor-focus-color);
}
@media (max-width: 767px) {
  .header-main .nav-list {
    display: none;
  }
}
.head-nav-ul {
  padding: 0;
  margin: 0;
  height: 100%;
  list-style: none;
  --head-nav-ul-anchor-bg-color: rgba(0, 0, 0, 0.02);
  --head-nav-ul-anchor-color: var(--white);
}
.head-nav-ul > li {
  height: inherit;
}
.head-nav-ul li a {
  display: block;
  height: 100%;
  padding: 1rem 1rem;
  background-color: var(--head-nav-ul-anchor-bg-color);
  color: var(--head-nav-ul-anchor-color);
  font-size: 2rem;
}
.head-nav-ul li a:hover {
  --head-nav-ul-anchor-bg-color: rgba(0, 0, 0, 0.35);
  --head-nav-ul-anchor-color: var(--white);
}
.head-nav-ul li a:focus {
  --head-nav-ul-anchor-bg-color: rgba(0, 0, 0, 0.5);
  --head-nav-ul-anchor-color: var(--white);
}
.head-nav-ul.head-nav-ul-primary li a {
  font-size: 1.3rem;
}
.app-container {
  min-height: 100vh;
  padding-top: var(--header-height);
}
.app-sidebar {
  --sg-header-height: 50px;
  min-height: inherit;
  left: 0px;
}
.app-sidebar,
.app-sidebar .sg-container {
  width: var(--app-sidebar-width);
  transition: all 0.5s ease;
}
.app-sidebar .sg-container {
  top: var(--header-height);
  position: sticky;
  height: 100%;
  max-height: calc(100vh - var(--header-height));
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--app-sidebar-bg);
  color: var(--app-sidebar-color);
  margin-left: 0;
}
.app-sidebar .sg-container .sg-items {
  height: inherit;
}
.app-sidebar .sg-container .sg-items .sg-header {
  background-color: rgba(0, 0, 0, 0.15);
  color: #ffffff;
  height: var(--sg-header-height);
  overflow: hidden;
}
.app-sidebar .sg-container .sg-items .sg-content {
  max-height: calc(100% - var(--sg-header-height));
}
.app-container .app-page {
  width: calc(100% - var(--app-sidebar-width));
}
.app-container:not(.ac-sidebar-on) .app-sidebar {
  min-width: auto !important;
  width: 0;
}
.app-container:not(.ac-sidebar-on) .app-sidebar .sg-container {
  margin-left: var(--app-sidebar-width-hide);
}
.app-container:not(.ac-sidebar-on) .app-page {
  min-width: auto !important;
  width: 100%;
  overflow: visible;
  overflow-x: hidden;
}
.brand-col {
  --brand-col-width: var(--app-sidebar-width);
  --brand-color: var(--white);
  max-width: var(--brand-col-width);
  width: var(--brand-col-width);
  overflow: hidden;
  margin: 0;
}
.brand-col,
.brand-col .brand-call a {
  height: var(--header-height);
}
.brand-col .brand-call a {
  font-size: 120%;
  text-transform: uppercase;
  color: var(--brand-color);
  padding: 0.1em;
}
@media (max-width: 300px) {
  body {
    min-width: 300px;
  }
  .header-main > .desktop {
    padding: 0 5px;
  }
  .brand-col {
    --brand-col-width: 80%;
  }
}
.hover-skin-fill:hover .hover-cap {
  background-color: var(--theme-bg);
  color: var(--white);
}
.onhover {
  --hoverskin: 0;
}
.onhover .hoverskin {
  opacity: var(--hoverskin);
}
.onhover:hover .hoverskin {
  --hoverskin: 0.7;
}
.onhover {
  --onhover-movey: translateY(20%);
}
.onhover .text-animate-top {
  position: relative;
  transform: var(--onhover-movey);
}
.onhover:hover .text-animate-top {
  --onhover-movey: translateY(5%);
}
.onhover {
  --opacity-off: 0;
  --opacity-on: 1;
}
.onhover .opacity-toggle {
  opacity: var(--opacity-off);
}
.onhover:hover .opacity-toggle {
  opacity: var(--opacity-on);
}
.onhover .fill-lightgrey {
  --background-color: transparent;
}
.onhover:hover .fill-lightgrey {
  --background-color: var(--lightgrey) !important;
}
.active-onoff .active-onoff-self:not(.active) .on {
  display: none;
}
.active-onoff .active-onoff-self.active .off {
  display: none;
}
.onoff > .onoff-self:not(.active) .self-on {
  display: none;
}
.onoff > .onoff-self.active .self-off {
  display: none;
}
.active-collapse:not(.active) .active-collapse-on {
  display: none;
}
.active-collapse.active .active-collapse-off {
  display: none;
}
.shadow-inner-white-onhover:hover {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
}
.shadow,
.one-place-error {
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
}
.shadowinset {
  --shadow: --shadow-inset;
}
[data-shadow=tiny],
.tiny-shadow {
  --shadow: var(--tiny-shadow);
}
[data-shadow=low],
.low-shadow {
  --shadow: var(--low-shadow);
}
[data-shadow=medium],
.medium-shadow {
  --shadow: var(--medium-shadow);
}
[data-shadow=high],
.high-shadow {
  --shadow: var(--high-shadow);
}
[data-shadow=full],
.full-shadow {
  --shadow: var(--full-shadow);
}
[data-shadow=double],
.double-shadow {
  --shadow: var(--double-shadow);
}
.text-shadow {
  --text-shadow-color: rgba(0, 0, 0, 0.2);
  --text-shadow-spread: 15px;
  text-shadow: 0px 0px var(--text-shadow-spread) var(--text-shadow-color);
}
.text-shadow.ts-mild {
  --text-shadow-color: rgba(0, 0, 0, 0.1);
  --text-shadow-spread: 8px;
}
.blinkon {
  animation: bg-blink 2s infinite;
}
@keyframes bg-blink {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bg-blink {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.app-popmenu {
  --app-popmenu-width: 700px;
  --app-popmenu-center-space: calc(50% - var(--app-popmenu-width) / 2);
  --app-popmenu-shadow-color: rgba(0, 0, 0, 0);
  --app-popmenu-header-height: 70px;
  position: fixed;
  left: var(--app-popmenu-center-space);
  bottom: -100vh;
  transition: all 0.5s ease;
  min-height: 70vh;
  visibility: hidden;
  width: var(--app-popmenu-width);
  background-color: black;
  color: white;
  z-index: 1000;
  border-radius: 10px;
  box-shadow: 0 -10px 50px var(--app-popmenu-shadow-color);
}
.app-popmenu.app-popmenu-show {
  visibility: visible;
  bottom: 0;
  --app-popmenu-shadow-color: rgba(0, 0, 0, 0.3);
}
.app-popmenu .fc {
  background-color: transparent;
  color: white;
  border: 0 none;
  padding: 1rem;
  width: 100%;
}
.app-popmenu .close-menu {
  display: block;
  padding: 1rem 0.5rem;
  color: var(--theme-alt);
}
.app-popmenu .close-menu:hover {
  color: var(--white);
}
.app-popmenu .close-menu:focus {
  color: var(--theme-bg);
}
.app-popmenu .app-popmenu-header {
  max-height: var(--app-popmenu-header-height);
  height: var(--app-popmenu-header-height);
  border-bottom: 2px solid var(--black-skin);
}
.app-popmenu .app-popmenu-body {
  max-height: calc(100vh - var(--app-popmenu-header-height));
  padding: 1rem 2rem 1rem;
}
@media (max-width: 749px) {
  .app-popmenu {
    --app-popmenu-width: 94%;
  }
}
.skin-link {
  --skin-link-bg: var(--black-skin);
  --skin-link-color: var(--lightgrey);
  display: block;
  background-color: var(--skin-link-bg);
  color: var(--skin-link-color) !important;
  padding: 0.61rem 1.2rem;
  border-radius: 6px;
}
.skin-link:hover {
  --skin-link-bg: var(--lightgrey);
  --skin-link-color: var(--black);
}
.skin-link:focus {
  --skin-link-bg: var(--theme-bg);
  --skin-link-color: var(--white);
}
/* TABLES */
.table-stripe-default > tbody > tr:nth-child(even) > th,
.table-stripe-default > tbody > tr:nth-child(even) > td {
  background-color: var(--table-tr-even-background-color);
  color: var(--table-tr-even-color);
}
.table-stripe-default > tbody > tr:nth-child(odd) > th,
.table-stripe-default > tbody > tr:nth-child(odd) > td {
  background-color: var(--table-tr-odd-background-color);
  color: var(--table-tr-odd-color);
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.table-bordered.table-theme > thead > tr > th,
.table-bordered.table-theme > thead > tr > td {
  background-color: var(--theme-bg);
  color: var(--white);
}
.table-bordered.table-theme-alt > thead > tr > th,
.table-bordered.table-theme-alt > thead > tr > td {
  background-color: var(--theme-alt);
  color: var(--white);
}
.table-bordered.table-black > thead > tr > th,
.table-bordered.table-black > thead > tr > td {
  background-color: var(--black-skin);
  color: var(--white);
}
.table-bordered {
  border: 1px solid var(--table-bordered);
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid var(--table-bordered);
}
.table > thead > tr > th {
  border-bottom: 1px solid var(--table-bordered);
  vertical-align: bottom;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid var(--lightgrey);
  line-height: 1.42857;
  padding: 4px;
  vertical-align: top;
}
.table.table-sm > thead > tr > th,
.table.table-sm > tbody > tr > th,
.table.table-sm > tfoot > tr > th,
.table.table-sm > thead > tr > td,
.table.table-sm > tbody > tr > td,
.table.table-sm > tfoot > tr > td {
  padding: 8px;
}
.table.table-md > thead > tr > th,
.table.table-md > tbody > tr > th,
.table.table-md > tfoot > tr > th,
.table.table-md > thead > tr > td,
.table.table-md > tbody > tr > td,
.table.table-md > tfoot > tr > td {
  padding: 12px;
}
.table.table-lg > thead > tr > th,
.table.table-lg > tbody > tr > th,
.table.table-lg > tfoot > tr > th,
.table.table-lg > thead > tr > td,
.table.table-lg > tbody > tr > td,
.table.table-lg > tfoot > tr > td {
  padding: 15px;
}
.active-onoff .active-onoff-self:not(.active) .on {
  display: none;
}
.active-onoff .active-onoff-self.active .off {
  display: none;
}
.borderon {
  --border-color: var(--lightgrey);
  border: 1px solid var(--border-color);
}
.border-mode-a {
  --border-color: rgba(3, 0, 58, 0.1);
}
.after-line {
  position: relative;
}
.after-line:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--theme-bg);
}
.counter-list {
  counter-reset: counter-item;
}
.counter-list .counter-item {
  counter-increment: counter-item;
}
.counter-list .counter-item:before {
  content: counter(counter-item, numeric);
  display: inline-block;
}
.counter-list .counter-text {
  display: inline-block;
}
.sticky-sub-head {
  transition: all 0.2s ease-in-out;
}
.app-scrolled .sticky-sub-head {
  max-width: 100%;
  left: auto;
  position: fixed;
  z-index: 101;
  top: var(--header-height);
}
.cwsl-widget {
  --cwsl-widget-bg: var(--lightgrey2);
  background-color: var(--cwsl-widget-bg);
  color: var(--body-color);
}
.cwsl-filter {
  float: none !important;
}
.crud-ops-ui {
  background-color: var(--white);
  border-radius: 4px;
}
.crud-table-ui {
  background-color: var(--white);
}
.crud-table-ui .thead-sticky {
  background-color: var(--theme-bg);
  color: var(--white);
}
.modal-stretch {
  max-width: 90%;
}
.modal {
  --modal-body-padding: 15px;
}
.modal .modal-body:not(.nopad) {
  padding: var(--modal-body-padding);
}
.data-list-table .sticky-column,
.data-list-table .sticky-column-td {
  position: sticky;
  left: 0;
}
.data-list-table .position-sticky {
  z-index: 5;
}
.data-list-table .sticky-column {
  z-index: 4;
}
.data-list-table .sticky-column-td {
  z-index: 3;
  background-color: var(--white);
}
.wg-header,
.wg-body {
  background-color: var(--white);
}
.question-set {
  --qset-alt-bg: #eaf6ff;
}
.question-set .table {
  margin: 0;
}
.question-set .title-quest-id,
.question-set .title-quest {
  font-size: 1.2rem;
}
.question-set .quest-fill {
  background-color: var(--qset-alt-bg);
  box-shadow: inset 0px -3px 0px #ffffff;
}
.question-set .quest-fill > .inner > .inner-item {
  padding: 1rem;
}
.question-set .question-set .quest-fill {
  --qset-alt-bg: #e2ffff;
}
.question-set .quest-fill-sub {
  box-shadow: 0px 2px 0px rgba(82, 82, 82, 0.1);
}
.mobile-panel-header .mobile-panel-toggler {
  max-width: 60px !important;
  min-width: 60px !important;
}
.mobile-panel {
  --mobile-panel-width: 100%;
  --mobile-panel-sidebar-width: 350px;
  --mobile-panel-sidebar-width-pull: -350px;
  --mobile-panel-height: calc(100vh - var(--header-height));
  position: relative;
  overflow-x: hidden;
}
.mobile-panel > * {
  padding: 0px !important;
}
.mobile-panel.mp-sidebar-pos-enable {
  --mobile-panel-height: calc(100vh - calc(var(--header-height) * 2));
}
.mobile-panel.mp-sidebar-pos-enable > .mobile-panel-sidebar {
  top: calc(calc(var(--header-height) * 2) - 0);
}
.mobile-panel .mobile-panel-inner {
  padding: 10px;
}
.mobile-panel .mobile-panel-sidebar,
.mobile-panel .mobile-panel-content {
  transition: all 0.5s ease;
}
.mobile-panel > .mobile-panel-sidebar {
  max-width: var(--mobile-panel-sidebar-width);
  width: var(--mobile-panel-sidebar-width);
  min-height: var(--mobile-panel-height);
  overflow-x: hidden;
  margin-left: 0;
  top: calc(var(--header-height) * 1);
  position: relative;
}
.mobile-panel:not(.mobile-panel-static) > .mobile-panel-sidebar {
  position: fixed;
  max-height: var(--mobile-panel-height);
}
.mobile-panel:not(.mobile-panel-static) > .mobile-panel-content {
  margin-left: var(--mobile-panel-content-mleft);
}
.mobile-panel > .mobile-panel-content {
  --mobile-panel-content-width: calc(var(--mobile-panel-width) - var(--mobile-panel-sidebar-width));
  --mobile-panel-content-mleft: var(--mobile-panel-sidebar-width);
  --mobile-panel-content-mright: 0;
  position: relative;
  margin-right: var(--mobile-panel-content-mright);
  max-width: var(--mobile-panel-content-width);
  width: var(--mobile-panel-content-width);
}
.mobile-panel.mobile-panel-show > .mobile-panel-sidebar {
  margin-left: -100%;
}
.mobile-panel.mobile-panel-show > .mobile-panel-content {
  --mobile-panel-content-width: 100%;
  --mobile-panel-content-mleft: 0px;
}
@media (max-width: 1112px) {
  .mobile-panel > .mobile-panel-sidebar {
    margin-left: -100%;
  }
  .mobile-panel > .mobile-panel-content {
    --mobile-panel-content-width: 100%;
    --mobile-panel-content-mleft: 0;
  }
  .mobile-panel.mobile-panel-show > .mobile-panel-sidebar {
    margin-left: 0;
  }
  .mobile-panel.mobile-panel-show > .mobile-panel-content {
    --mobile-panel-content-mleft: var(--mobile-panel-sidebar-width);
    --mobile-panel-content-mright: var(--mobile-panel-sidebar-width-pull);
  }
}
.checked-onoff:not(:checked) ~ .cb-on {
  display: none;
}
.checked-onoff:checked ~ .cb-off {
  display: none;
}
.black-outline-shadow {
  --black-outline-shadow-color: rgba(82, 82, 82, 0.2);
  --black-outline-shadow-size: 4px;
  box-shadow: 0 0 0px var(--black-outline-shadow-size) var(--black-outline-shadow-color);
}
.responsive-dropdown .toggler {
  display: none;
  padding: 10px 10px;
  color: #2a2b2c;
  background-color: transparent;
}
.responsive-dropdown .toggler:focus,
.responsive-dropdown .toggler:hover {
  background-color: #f16522;
  color: #fff;
}
@media (max-width: 0px) {
  .responsive-dropdown-lx > li {
    padding: 12px 0;
  }
  .responsive-dropdown-lx .toggler {
    display: block;
  }
  .responsive-dropdown-lx .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-lx .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-lx:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-lx:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-lx.rd-open .dropdown-option,
  .responsive-dropdown-lx .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-lx.rd-open .dropdown-option > .inner,
  .responsive-dropdown-lx .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 400px) {
  .responsive-dropdown-xs > li {
    padding: 12px 0;
  }
  .responsive-dropdown-xs .toggler {
    display: block;
  }
  .responsive-dropdown-xs .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-xs .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-xs:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-xs:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-xs.rd-open .dropdown-option,
  .responsive-dropdown-xs .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-xs.rd-open .dropdown-option > .inner,
  .responsive-dropdown-xs .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 610px) {
  .responsive-dropdown-xsm > li {
    padding: 12px 0;
  }
  .responsive-dropdown-xsm .toggler {
    display: block;
  }
  .responsive-dropdown-xsm .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-xsm .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-xsm:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-xsm:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-xsm.rd-open .dropdown-option,
  .responsive-dropdown-xsm .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-xsm.rd-open .dropdown-option > .inner,
  .responsive-dropdown-xsm .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 800px) {
  .responsive-dropdown-sm > li {
    padding: 12px 0;
  }
  .responsive-dropdown-sm .toggler {
    display: block;
  }
  .responsive-dropdown-sm .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-sm .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-sm:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-sm:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-sm.rd-open .dropdown-option,
  .responsive-dropdown-sm .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-sm.rd-open .dropdown-option > .inner,
  .responsive-dropdown-sm .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 900px) {
  .responsive-dropdown-smd > li {
    padding: 12px 0;
  }
  .responsive-dropdown-smd .toggler {
    display: block;
  }
  .responsive-dropdown-smd .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-smd .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-smd:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-smd:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-smd.rd-open .dropdown-option,
  .responsive-dropdown-smd .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-smd.rd-open .dropdown-option > .inner,
  .responsive-dropdown-smd .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 1024px) {
  .responsive-dropdown-md > li {
    padding: 12px 0;
  }
  .responsive-dropdown-md .toggler {
    display: block;
  }
  .responsive-dropdown-md .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-md .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-md:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-md:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-md.rd-open .dropdown-option,
  .responsive-dropdown-md .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-md.rd-open .dropdown-option > .inner,
  .responsive-dropdown-md .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
@media (max-width: 1170px) {
  .responsive-dropdown-lg > li {
    padding: 12px 0;
  }
  .responsive-dropdown-lg .toggler {
    display: block;
  }
  .responsive-dropdown-lg .toggler ~ .dropdown-option ul li,
  .responsive-dropdown-lg .toggler ~ .dropdown-option div ul li {
    display: block !important;
  }
  .responsive-dropdown-lg:not(.rd-open) .toggler ~ .dropdown-option {
    height: 0;
    overflow: hidden;
  }
  .responsive-dropdown-lg:not(.rd-open) .toggler ~ .dropdown-option > .inner {
    top: -100%;
    position: relative;
  }
  .responsive-dropdown-lg.rd-open .dropdown-option,
  .responsive-dropdown-lg .toggler:focus ~ .dropdown-option {
    height: 100%;
  }
  .responsive-dropdown-lg.rd-open .dropdown-option > .inner,
  .responsive-dropdown-lg .toggler:focus ~ .dropdown-option > .inner {
    top: 0;
  }
}
.wid-a {
  --width: 20px;
  width: var(--width);
}
.max-200w:not(.active) {
  max-width: 200px;
}
.pe-none {
  pointer-events: none;
}
[data-cellname=tf_start_date],
[data-cellname=tf_end_date] {
  --cellname-wid: 220px;
  width: var(--cellname-wid);
  max-width: var(--cellname-wid);
}
[data-cellname=tf_start_time],
[data-cellname=tf_end_time] {
  --cellname-wid: 150px;
  width: var(--cellname-wid);
  max-width: var(--cellname-wid);
}
.printon .prt-off {
  display: none;
}
canvas,
img {
  image-rendering: optimizeQuality;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
.yslide:not(.active) {
  overflow: hidden;
}
.yslide .yslide-content {
  margin-top: -1000000%;
}
.yslide.active > .yslide-content {
  margin-top: 0;
}