:root {
    --alt-bg: #057a8e;
    --alt-bg-fade: #05515e;
    --white: #ffffff;
    --lightgrey: lightgrey;
    --lightgrey2: rgba(255, 255, 255, 0.5);
    --black-skin: #626262;
    --black: #6c6c6c;
    --data-error-for-color: #ef6565;
    --table-bordered: #dee3de;
    --table-thead-bg: #e5efff;
    --table-thead-color: #000000;
    --table-background-color: #ffffff;
    --table-color: inherit;
    --table-tr-even-background-color: #fcfcfc;
    --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;
}
.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-item--1,
.flex .flex--1 {
    width: 8.33333333%;
}
.flex .flex-item--2,
.flex .flex--2 {
    width: 16.66666667%;
}
.flex .flex-item--3,
.flex .flex--3 {
    width: 25%;
}
.flex .flex-item--4,
.flex .flex--4 {
    width: 33.33333333%;
}
.flex .flex-item--5,
.flex .flex--5 {
    width: 41.66666667%;
}
.flex .flex-item--6,
.flex .flex--6 {
    width: 50%;
}
.flex .flex-item--7,
.flex .flex--7 {
    width: 58.33333333%;
}
.flex .flex-item--8,
.flex .flex--8 {
    width: 66.66666667%;
}
.flex .flex-item--9,
.flex .flex--9 {
    width: 75%;
}
.flex .flex-item--10,
.flex .flex--10 {
    width: 83.33333333%;
}
.flex .flex-item--11,
.flex .flex--11 {
    width: 91.66666667%;
}
.flex .flex-item--12,
.flex .flex--12 {
    width: 100%;
}
.flex .flex-item-5,
.flex .flex-5 {
    width: 5%;
}
.flex .flex-item-10,
.flex .flex-10 {
    width: 10%;
}
.flex .flex-item-15,
.flex .flex-15 {
    width: 15%;
}
.flex .flex-item-20,
.flex .flex-20 {
    width: 20%;
}
.flex .flex-item-25,
.flex .flex-25 {
    width: 25%;
}
.flex .flex-item-30,
.flex .flex-30 {
    width: 30%;
}
.flex .flex-item-35,
.flex .flex-35 {
    width: 35%;
}
.flex .flex-item-33,
.flex .flex-33 {
    width: 33%;
}
.flex .flex-item-40,
.flex .flex-40 {
    width: 40%;
}
.flex .flex-item-45,
.flex .flex-45 {
    width: 45%;
}
.flex .flex-item-50,
.flex .flex-50 {
    width: 50%;
}
.flex .flex-item-55,
.flex .flex-55 {
    width: 55%;
}
.flex .flex-item-60,
.flex .flex-60 {
    width: 60%;
}
.flex .flex-item-65,
.flex .flex-65 {
    width: 65%;
}
.flex .flex-item-70,
.flex .flex-70 {
    width: 70%;
}
.flex .flex-item-75,
.flex .flex-75 {
    width: 75%;
}
.flex .flex-item-80,
.flex .flex-80 {
    width: 80%;
}
.flex .flex-item-90,
.flex .flex-90 {
    width: 90%;
}
.flex .flex-item-95,
.flex .flex-95 {
    width: 95%;
}
.flex .flex-item-100,
.flex .flex-100 {
    width: 100%;
}
@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%;
    }
    .flex .lg-5 {
        width: 5%;
    }
    .flex .lg-10 {
        width: 10%;
    }
    .flex .lg-15 {
        width: 15%;
    }
    .flex .lg-20 {
        width: 20%;
    }
    .flex .lg-25 {
        width: 25%;
    }
    .flex .lg-30 {
        width: 30%;
    }
    .flex .lg-33 {
        width: 33%;
    }
    .flex .lg-40 {
        width: 40%;
    }
    .flex .lg-45 {
        width: 45%;
    }
    .flex .lg-50 {
        width: 50%;
    }
    .flex .lg-55 {
        width: 55%;
    }
    .flex .lg-60 {
        width: 60%;
    }
    .flex .lg-70 {
        width: 70%;
    }
    .flex .lg-75 {
        width: 75%;
    }
    .flex .lg-80 {
        width: 80%;
    }
    .flex .lg-90 {
        width: 90%;
    }
    .flex .lg-95 {
        width: 95%;
    }
    .flex .lg-100 {
        width: 100%;
    }
    .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%;
    }
    .flex .md-5 {
        width: 5%;
    }
    .flex .md-10 {
        width: 10%;
    }
    .flex .md-15 {
        width: 15%;
    }
    .flex .md-20 {
        width: 20%;
    }
    .flex .md-25 {
        width: 25%;
    }
    .flex .md-30 {
        width: 30%;
    }
    .flex .md-33 {
        width: 33%;
    }
    .flex .md-40 {
        width: 40%;
    }
    .flex .md-45 {
        width: 45%;
    }
    .flex .md-50 {
        width: 50%;
    }
    .flex .md-55 {
        width: 55%;
    }
    .flex .md-60 {
        width: 60%;
    }
    .flex .md-70 {
        width: 70%;
    }
    .flex .md-75 {
        width: 75%;
    }
    .flex .md-80 {
        width: 80%;
    }
    .flex .md-90 {
        width: 90%;
    }
    .flex .md-95 {
        width: 95%;
    }
    .flex .md-100 {
        width: 100%;
    }
    .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%;
    }
    .flex .smd-5 {
        width: 5%;
    }
    .flex .smd-10 {
        width: 10%;
    }
    .flex .smd-15 {
        width: 15%;
    }
    .flex .smd-20 {
        width: 20%;
    }
    .flex .smd-25 {
        width: 25%;
    }
    .flex .smd-30 {
        width: 30%;
    }
    .flex .smd-33 {
        width: 33%;
    }
    .flex .smd-40 {
        width: 40%;
    }
    .flex .smd-45 {
        width: 45%;
    }
    .flex .smd-50 {
        width: 50%;
    }
    .flex .smd-55 {
        width: 55%;
    }
    .flex .smd-60 {
        width: 60%;
    }
    .flex .smd-70 {
        width: 70%;
    }
    .flex .smd-75 {
        width: 75%;
    }
    .flex .smd-80 {
        width: 80%;
    }
    .flex .smd-90 {
        width: 90%;
    }
    .flex .smd-95 {
        width: 95%;
    }
    .flex .smd-100 {
        width: 100%;
    }
    .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%;
    }
    .flex .sm-5 {
        width: 5%;
    }
    .flex .sm-10 {
        width: 10%;
    }
    .flex .sm-15 {
        width: 15%;
    }
    .flex .sm-20 {
        width: 20%;
    }
    .flex .sm-25 {
        width: 25%;
    }
    .flex .sm-30 {
        width: 30%;
    }
    .flex .sm-33 {
        width: 33%;
    }
    .flex .sm-40 {
        width: 40%;
    }
    .flex .sm-45 {
        width: 45%;
    }
    .flex .sm-50 {
        width: 50%;
    }
    .flex .sm-55 {
        width: 55%;
    }
    .flex .sm-60 {
        width: 60%;
    }
    .flex .sm-70 {
        width: 70%;
    }
    .flex .sm-75 {
        width: 75%;
    }
    .flex .sm-80 {
        width: 80%;
    }
    .flex .sm-90 {
        width: 90%;
    }
    .flex .sm-95 {
        width: 95%;
    }
    .flex .sm-100 {
        width: 100%;
    }
    .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%;
    }
    .flex .xsm-5 {
        width: 5%;
    }
    .flex .xsm-10 {
        width: 10%;
    }
    .flex .xsm-15 {
        width: 15%;
    }
    .flex .xsm-20 {
        width: 20%;
    }
    .flex .xsm-25 {
        width: 25%;
    }
    .flex .xsm-30 {
        width: 30%;
    }
    .flex .xsm-33 {
        width: 33%;
    }
    .flex .xsm-40 {
        width: 40%;
    }
    .flex .xsm-45 {
        width: 45%;
    }
    .flex .xsm-50 {
        width: 50%;
    }
    .flex .xsm-55 {
        width: 55%;
    }
    .flex .xsm-60 {
        width: 60%;
    }
    .flex .xsm-70 {
        width: 70%;
    }
    .flex .xsm-75 {
        width: 75%;
    }
    .flex .xsm-80 {
        width: 80%;
    }
    .flex .xsm-90 {
        width: 90%;
    }
    .flex .xsm-95 {
        width: 95%;
    }
    .flex .xsm-100 {
        width: 100%;
    }
    .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%;
    }
    .flex .xs-5 {
        width: 5%;
    }
    .flex .xs-10 {
        width: 10%;
    }
    .flex .xs-15 {
        width: 15%;
    }
    .flex .xs-20 {
        width: 20%;
    }
    .flex .xs-25 {
        width: 25%;
    }
    .flex .xs-30 {
        width: 30%;
    }
    .flex .xs-33 {
        width: 33%;
    }
    .flex .xs-40 {
        width: 40%;
    }
    .flex .xs-45 {
        width: 45%;
    }
    .flex .xs-50 {
        width: 50%;
    }
    .flex .xs-55 {
        width: 55%;
    }
    .flex .xs-60 {
        width: 60%;
    }
    .flex .xs-70 {
        width: 70%;
    }
    .flex .xs-75 {
        width: 75%;
    }
    .flex .xs-80 {
        width: 80%;
    }
    .flex .xs-90 {
        width: 90%;
    }
    .flex .xs-95 {
        width: 95%;
    }
    .flex .xs-100 {
        width: 100%;
    }
    .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%;
    }
    .flex .lx-5 {
        width: 5%;
    }
    .flex .lx-10 {
        width: 10%;
    }
    .flex .lx-15 {
        width: 15%;
    }
    .flex .lx-20 {
        width: 20%;
    }
    .flex .lx-25 {
        width: 25%;
    }
    .flex .lx-30 {
        width: 30%;
    }
    .flex .lx-33 {
        width: 33%;
    }
    .flex .lx-40 {
        width: 40%;
    }
    .flex .lx-45 {
        width: 45%;
    }
    .flex .lx-50 {
        width: 50%;
    }
    .flex .lx-55 {
        width: 55%;
    }
    .flex .lx-60 {
        width: 60%;
    }
    .flex .lx-70 {
        width: 70%;
    }
    .flex .lx-75 {
        width: 75%;
    }
    .flex .lx-80 {
        width: 80%;
    }
    .flex .lx-90 {
        width: 90%;
    }
    .flex .lx-95 {
        width: 95%;
    }
    .flex .lx-100 {
        width: 100%;
    }
    .row-reverse-lx {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
@media (min-width: 399px) {
    .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%;
    }
    .flex .min-lg-5 {
        width: 5%;
    }
    .flex .min-lg-10 {
        width: 10%;
    }
    .flex .min-lg-15 {
        width: 15%;
    }
    .flex .min-lg-20 {
        width: 20%;
    }
    .flex .min-lg-25 {
        width: 25%;
    }
    .flex .min-lg-30 {
        width: 30%;
    }
    .flex .min-lg-33 {
        width: 33%;
    }
    .flex .min-lg-40 {
        width: 40%;
    }
    .flex .min-lg-45 {
        width: 45%;
    }
    .flex .min-lg-50 {
        width: 50%;
    }
    .flex .min-lg-55 {
        width: 55%;
    }
    .flex .min-lg-60 {
        width: 60%;
    }
    .flex .min-lg-70 {
        width: 70%;
    }
    .flex .min-lg-75 {
        width: 75%;
    }
    .flex .min-lg-80 {
        width: 80%;
    }
    .flex .min-lg-90 {
        width: 90%;
    }
    .flex .min-lg-95 {
        width: 95%;
    }
    .flex .min-lg-100 {
        width: 100%;
    }
}
@media (min-width: 609px) {
    .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%;
    }
    .flex .min-md-5 {
        width: 5%;
    }
    .flex .min-md-10 {
        width: 10%;
    }
    .flex .min-md-15 {
        width: 15%;
    }
    .flex .min-md-20 {
        width: 20%;
    }
    .flex .min-md-25 {
        width: 25%;
    }
    .flex .min-md-30 {
        width: 30%;
    }
    .flex .min-md-33 {
        width: 33%;
    }
    .flex .min-md-40 {
        width: 40%;
    }
    .flex .min-md-45 {
        width: 45%;
    }
    .flex .min-md-50 {
        width: 50%;
    }
    .flex .min-md-55 {
        width: 55%;
    }
    .flex .min-md-60 {
        width: 60%;
    }
    .flex .min-md-70 {
        width: 70%;
    }
    .flex .min-md-75 {
        width: 75%;
    }
    .flex .min-md-80 {
        width: 80%;
    }
    .flex .min-md-90 {
        width: 90%;
    }
    .flex .min-md-95 {
        width: 95%;
    }
    .flex .min-md-100 {
        width: 100%;
    }
}
@media (min-width: 799px) {
    .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%;
    }
    .flex .min-smd-5 {
        width: 5%;
    }
    .flex .min-smd-10 {
        width: 10%;
    }
    .flex .min-smd-15 {
        width: 15%;
    }
    .flex .min-smd-20 {
        width: 20%;
    }
    .flex .min-smd-25 {
        width: 25%;
    }
    .flex .min-smd-30 {
        width: 30%;
    }
    .flex .min-smd-33 {
        width: 33%;
    }
    .flex .min-smd-40 {
        width: 40%;
    }
    .flex .min-smd-45 {
        width: 45%;
    }
    .flex .min-smd-50 {
        width: 50%;
    }
    .flex .min-smd-55 {
        width: 55%;
    }
    .flex .min-smd-60 {
        width: 60%;
    }
    .flex .min-smd-70 {
        width: 70%;
    }
    .flex .min-smd-75 {
        width: 75%;
    }
    .flex .min-smd-80 {
        width: 80%;
    }
    .flex .min-smd-90 {
        width: 90%;
    }
    .flex .min-smd-95 {
        width: 95%;
    }
    .flex .min-smd-100 {
        width: 100%;
    }
}
@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%;
    }
    .flex .min-sm-5 {
        width: 5%;
    }
    .flex .min-sm-10 {
        width: 10%;
    }
    .flex .min-sm-15 {
        width: 15%;
    }
    .flex .min-sm-20 {
        width: 20%;
    }
    .flex .min-sm-25 {
        width: 25%;
    }
    .flex .min-sm-30 {
        width: 30%;
    }
    .flex .min-sm-33 {
        width: 33%;
    }
    .flex .min-sm-40 {
        width: 40%;
    }
    .flex .min-sm-45 {
        width: 45%;
    }
    .flex .min-sm-50 {
        width: 50%;
    }
    .flex .min-sm-55 {
        width: 55%;
    }
    .flex .min-sm-60 {
        width: 60%;
    }
    .flex .min-sm-70 {
        width: 70%;
    }
    .flex .min-sm-75 {
        width: 75%;
    }
    .flex .min-sm-80 {
        width: 80%;
    }
    .flex .min-sm-90 {
        width: 90%;
    }
    .flex .min-sm-95 {
        width: 95%;
    }
    .flex .min-sm-100 {
        width: 100%;
    }
}
@media (min-width: 1023px) {
    .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%;
    }
    .flex .min-xsm-5 {
        width: 5%;
    }
    .flex .min-xsm-10 {
        width: 10%;
    }
    .flex .min-xsm-15 {
        width: 15%;
    }
    .flex .min-xsm-20 {
        width: 20%;
    }
    .flex .min-xsm-25 {
        width: 25%;
    }
    .flex .min-xsm-30 {
        width: 30%;
    }
    .flex .min-xsm-33 {
        width: 33%;
    }
    .flex .min-xsm-40 {
        width: 40%;
    }
    .flex .min-xsm-45 {
        width: 45%;
    }
    .flex .min-xsm-50 {
        width: 50%;
    }
    .flex .min-xsm-55 {
        width: 55%;
    }
    .flex .min-xsm-60 {
        width: 60%;
    }
    .flex .min-xsm-70 {
        width: 70%;
    }
    .flex .min-xsm-75 {
        width: 75%;
    }
    .flex .min-xsm-80 {
        width: 80%;
    }
    .flex .min-xsm-90 {
        width: 90%;
    }
    .flex .min-xsm-95 {
        width: 95%;
    }
    .flex .min-xsm-100 {
        width: 100%;
    }
}
@media (min-width: 1169px) {
    .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%;
    }
    .flex .min-xs-5 {
        width: 5%;
    }
    .flex .min-xs-10 {
        width: 10%;
    }
    .flex .min-xs-15 {
        width: 15%;
    }
    .flex .min-xs-20 {
        width: 20%;
    }
    .flex .min-xs-25 {
        width: 25%;
    }
    .flex .min-xs-30 {
        width: 30%;
    }
    .flex .min-xs-33 {
        width: 33%;
    }
    .flex .min-xs-40 {
        width: 40%;
    }
    .flex .min-xs-45 {
        width: 45%;
    }
    .flex .min-xs-50 {
        width: 50%;
    }
    .flex .min-xs-55 {
        width: 55%;
    }
    .flex .min-xs-60 {
        width: 60%;
    }
    .flex .min-xs-70 {
        width: 70%;
    }
    .flex .min-xs-75 {
        width: 75%;
    }
    .flex .min-xs-80 {
        width: 80%;
    }
    .flex .min-xs-90 {
        width: 90%;
    }
    .flex .min-xs-95 {
        width: 95%;
    }
    .flex .min-xs-100 {
        width: 100%;
    }
}
@media (min-width: 1170px) {
    .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%;
    }
    .flex .min-lx-5 {
        width: 5%;
    }
    .flex .min-lx-10 {
        width: 10%;
    }
    .flex .min-lx-15 {
        width: 15%;
    }
    .flex .min-lx-20 {
        width: 20%;
    }
    .flex .min-lx-25 {
        width: 25%;
    }
    .flex .min-lx-30 {
        width: 30%;
    }
    .flex .min-lx-33 {
        width: 33%;
    }
    .flex .min-lx-40 {
        width: 40%;
    }
    .flex .min-lx-45 {
        width: 45%;
    }
    .flex .min-lx-50 {
        width: 50%;
    }
    .flex .min-lx-55 {
        width: 55%;
    }
    .flex .min-lx-60 {
        width: 60%;
    }
    .flex .min-lx-70 {
        width: 70%;
    }
    .flex .min-lx-75 {
        width: 75%;
    }
    .flex .min-lx-80 {
        width: 80%;
    }
    .flex .min-lx-90 {
        width: 90%;
    }
    .flex .min-lx-95 {
        width: 95%;
    }
    .flex .min-lx-100 {
        width: 100%;
    }
}
.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 > :nth-child(odd).icon-w.ishtoo,
.icon-sized.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height: 30px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width: calc(30px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-lx,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-lx: 40px;
    --flex-icon-height-lx: 40px;
    min-width: var(--flex-icon-width-lx) !important;
    max-width: var(--flex-icon-width-lx) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-lx.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-lx);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-lx.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-lx: 40px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-lx.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-lx: calc(40px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-xs,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-xs: 50px;
    --flex-icon-height-xs: 50px;
    min-width: var(--flex-icon-width-xs) !important;
    max-width: var(--flex-icon-width-xs) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-xs.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-xs);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-xs.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-xs: 50px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-xs.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-xs: calc(50px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-xsm,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-xsm: 70px;
    --flex-icon-height-xsm: 50px;
    min-width: var(--flex-icon-width-xsm) !important;
    max-width: var(--flex-icon-width-xsm) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-xsm.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-xsm);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-xsm.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-xsm: 70px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-xsm.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-xsm: calc(70px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-sm,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-sm: 90px;
    --flex-icon-height-sm: 50px;
    min-width: var(--flex-icon-width-sm) !important;
    max-width: var(--flex-icon-width-sm) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-sm.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-sm);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-sm.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-sm: 90px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-sm.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-sm: calc(90px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-smd,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-smd: 110px;
    --flex-icon-height-smd: 50px;
    min-width: var(--flex-icon-width-smd) !important;
    max-width: var(--flex-icon-width-smd) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-smd.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-smd);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-smd.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-smd: 110px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-smd.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-smd: calc(110px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-md,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-md: 130px;
    --flex-icon-height-md: 50px;
    min-width: var(--flex-icon-width-md) !important;
    max-width: var(--flex-icon-width-md) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-md.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-md);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-md.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-md: 130px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-md.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-md: calc(130px+4 * 2);
}
.flex.flex-icon > :nth-child(odd).icon-w,
.icon-sized-lg,
.flex.flex-icon > :nth-child(even).icon-w {
    text-align: center;
    --flex-icon-width-lg: 150px;
    --flex-icon-height-lg: 50px;
    min-width: var(--flex-icon-width-lg) !important;
    max-width: var(--flex-icon-width-lg) !important;
}
.flex.flex-icon > :nth-child(odd).icon-w.ishtoo,
.icon-sized-lg.ishtoo,
.flex.flex-icon > :nth-child(even).icon-w.ishtoo {
    height: var(--flex-icon-height-lg);
}
.flex.flex-icon > :nth-child(odd).icon-w.issquare,
.icon-sized-lg.issquare,
.flex.flex-icon > :nth-child(even).icon-w.issquare {
    --flex-icon-height-lg: 150px;
}
.flex.flex-icon > :nth-child(odd).icon-w.and-2,
.icon-sized-lg.and-2,
.flex.flex-icon > :nth-child(even).icon-w.and-2 {
    --flex-icon-width-lg: calc(150px+4 * 2);
}
.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="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);
}
.pad {
    --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;
}
.pad1,
.padx1,
.padl1 {
    --padding-left: 1px;
}
.pad1,
.padx1,
.padr1 {
    --padding-right: 1px;
}
.pad1,
.pady1,
.padt1 {
    --padding-top: 1px;
}
.pad1,
.pady1,
.padb1 {
    --padding-bottom: 1px;
}
.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: 25px;
}
.marge,
.margxe,
.margre {
    --margin-right: 25px;
}
.marge,
.margye,
.margte {
    --margin-top: 25px;
}
.marge,
.margye,
.margbe {
    --margin-bottom: 25px;
}
.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;
}
.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.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;
}
.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;
}
.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;
}
.relative {
    position: relative;
}
.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 rgba(7, 17, 43, 0.1);
}
.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;
}
.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);
}
.yscroll {
    overflow-y: auto;
}
.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) {
    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);
}
.cwsl-widget {
    --cwsl-widget-bg: #ffffff;
    background-color: var(--cwsl-widget-bg);
}
.cwsl-filter {
    float: none !important;
}
@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.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;
}
.footer {
    position: relative !important;
    left: auto;
    z-index: 1;
}
body {
    --body-font-size: 13px;
    font-size: var(--body-font-size);
    background-color: #ffffff;
}
@media (min-width: 1400px) {
    body {
        --body-font-size: 16px;
    }
}
@media (min-width: 2000px) {
    body {
        --body-font-size: 2.3rem;
    }
}
@media (min-width: 2600px) {
    body {
        --sidebar-left-marg: 20vw;
        --body-font-size: 2.8rem;
    }
}
@media (min-width: 2600px) {
    body {
        --body-font-size: 4rem;
    }
}
.app-side-bar {
    max-height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    background-color: var(--theme-bg);
    position: fixed !important;
}
.block {
    display: block;
}
.inlineblock {
    display: inline-block;
}
.block-hidden {
    overflow: hidden;
    height: 1px;
}
.uline {
    border-width: 0 0 1px 0 !important;
}
.u-readonly,
.form-control.u-readonly {
    ---readonly-bg: rgba(0, 0, 0, 0.007);
    background-color: var(---readonly-bg);
}
.nopadi {
    padding: 0 !important;
}
.modal-header {
    padding: 0.5rem 1rem !important;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 95%;
}
.nodisplay {
    display: none;
}
.nodisplayi {
    display: none !important;
}
.addedHeader,
.availableHeader,
.availableBoxHead {
    text-indent: 10px;
}
[data-dismiss="modal"].btn-close {
    background-color: rgba(0, 0, 0, 0.007);
}
[data-dismiss="modal"].btn-close:hover {
    background-color: rgba(0, 0, 0, 0.01);
}
[data-dismiss="modal"].btn-close:focus {
    background-color: #000000;
    color: #fff;
}
.inmodal .modal-title {
    font-size: 2rem;
}
.min-width-25 {
    min-width: 25% !important;
}
@media (max-width: 1024px) {
    .min-width-25 {
        min-width: 50% !important;
    }
}
@media (max-width: 768px) {
    .min-width-25 {
        min-width: 70% !important;
    }
}
.spanOdd {
    background-color: aliceblue;
    border: solid 1px #6ea0ff;
}
.spanOdd .headSpanDiv {
    background-color: #d9e6fe;
    border-bottom: solid 1px #6ea0ff;
}
.spanOdd .evrContentView {
    background-color: #daeeff;
    border-radius: 50px;
}
.spanEven {
    background-color: #fff0f0;
    border: solid 1px #ea8383;
}
.spanEven .headSpanDiv {
    background-color: #f9c6c6;
    border-bottom: solid 1px #ea8383;
}
.spanEven .evrContentView {
    background-color: #fde0e0;
    border-radius: 50px;
}
.headSpanDiv {
    min-height: 30px;
    padding: 10px;
    margin-bottom: 5px;
}
.time-col {
    min-width: 100px;
}
.responsive-crud {
    --res-list-width: 200px;
    --res-content-width: calc(100% - var(--res-list-width));
    overflow-x: hidden;
    position: relative;
}
.responsive-crud .responsive-list {
    width: var(--res-list-width);
}
.responsive-crud .responsive-content {
    width: var(--res-content-width);
}
.responsive-crud.res-content-off .responsive-list {
    width: 100%;
}
.oddeven .oddeven-item:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}
.mybtn {
    padding: 6px 10px !important;
}
.font-bold {
    font-weight: 600;
}
.align-middle {
    vertical-align: middle;
}
.oh {
    overflow: hidden;
}
.nav-header {
    padding: 0;
}
.nav-header .logo-element {
    background-color: rgba(0, 0, 0, 0.03);
}
.user-nav-items > li > a:hover,
.user-nav-items > li > a:focus {
    background-color: #158798;
    color: white;
}
.has-dropdown:not(.active) > ul {
    display: none;
}
.has-dropdown.active .user-menu-toggle i {
    transform: rotate(180deg);
}
a.user-menu-toggle {
    --user-menu-toggle-bg: rgba(0, 0, 0, 0.1);
    --user-menu-toggle-color: rgba(255, 255, 255, 0.7);
    background-color: var(--user-menu-toggle-bg);
    color: var(--user-menu-toggle-color);
    display: block;
    width: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 1.5rem;
}
a.user-menu-toggle:hover {
    --user-menu-toggle-bg: rgba(0, 0, 0, 0.7);
    --user-menu-toggle-color: #ffffff;
}
.logo-element {
    padding: 0;
}
.logo-col {
    max-width: 80px;
}
.table {
    margin: 0;
}
.logger-block {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.01);
}
.logger-block .logger-photo {
    background-color: rgba(0, 0, 0, 0.2);
}
.flyout {
    position: fixed;
    left: 100vw;
    top: 0;
    max-height: 100vh;
    height: 100vh;
    z-index: 3000;
    width: 0px;
    overflow: hidden;
    --flyout-content-width: 300px;
    --flyout-content-header-height: 45px;
    --flyout-content-bg: #fff;
    --flyout-content-header-bg: #f8fcff;
}
.flyout.flyout-on {
    left: 0;
    width: 100vw;
}
.flyout .flyout-backdrop {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
}
.flyout .flyout-content {
    margin: auto 0 auto auto;
    background-color: var(--flyout-content-bg);
    z-index: 5;
    position: relative;
    max-width: var(--flyout-content-width);
    min-height: 100vh;
}
.flyout .flyout-content .flyout-content-header {
    min-height: var(--flyout-content-header-height);
    max-height: var(--flyout-content-header-height);
    background-color: var(--flyout-content-header-bg);
    overflow: hidden;
}
.flyout .flyout-content .flyout-content-body {
    max-height: calc(100vh - var(--flyout-content-header-height));
    overflow-x: hidden;
    overflow-y: auto;
}
.accordion:not(.active) .abh-icon-on {
    display: none;
}
.accordion.active .abh-icon-off {
    display: none;
}
.del-icon {
    color: red;
    float: right;
    cursor: pointer;
    padding: 0px 10px !important;
}
.bg-norepeat {
    background-repeat: no-repeat;
}
.bg-cover {
    background-size: cover;
}
.bg-cover-b {
    background-size: 75% auto;
}
.bg-center {
    background-position: center center;
}
.bg-fixed {
    background-attachment: fixed;
}
.bg-well {
    --bg-well: #f8fafb;
    background-color: var(--bg-well);
}
.bg-white {
    --bg-white: #ffffff;
    background-color: var(--bg-white);
}
.bg-black {
    --bg-white: #000000;
    background-color: var(--bg-white);
}
.color {
    --color: #000000;
    color: var(--color);
}
.color-success {
    --color: #02916d;
}
.bg {
    --background-color: transparent;
    color: inherit;
    background-color: var(--background-color);
    color: var(--color);
}
.label-required {
    position: relative;
}
.label-required:before {
    content: " * ";
    color: var(--data-error-for-color);
}
.bg.danger {
    --background-color: #914949;
    --color: var(--white);
}
.bg.warning {
    --background-color: #916549;
    --color: var(--white);
}
.bg.theme {
    --background-color: var(--theme-bg);
    --color: var(--white);
}
.bg.black-skin {
    --background-color: var(--black-skin);
}
.bg.lightgrey {
    --background-color: var(--lightgrey);
    --color: #000000;
}
.bg.skin-a {
    --background-color: #7670b3;
}
.color-lightgrey {
    --color: var(--lightgrey);
}
.color-required {
    --color: var(--data-error-for-color);
}
.color-white {
    --color: white;
}
.color-black {
    --color: #000000;
}
.nodecor a,
a.nodecor,
.nodecor a:hover,
a.nodecor:hover,
.nodecor a:focus,
a.nodecor:focus {
    text-decoration: none;
}
.underline {
    text-decoration: underline !important;
}
.anchor-outline {
    --anchor-outline-bg: transparent;
    --anchor-outline-color: var(--lightgrey);
    --anchor-outline-border-color: var(--lightgrey2);
    --anchor-outline-btn-xpad: 1.4rem;
    --anchor-outline-btn-ypad: 0.55rem;
    background-color: var(--anchor-outline-bg);
    color: var(--anchor-outline-color) !important;
    padding: var(--anchor-outline-btn-ypad) var(--anchor-outline-btn-xpad);
    --anchor-dim-bg: rgba(0, 0, 0, 0);
}
.anchor-outline.ao-slimpad {
    --anchor-outline-btn-xpad: 0.55rem;
}
.anchor-outline.ao-xnopad,
.anchor-outline.ao-nopad {
    --anchor-outline-btn-xpad: 0rem;
}
.anchor-outline.ao-ynopad,
.anchor-outline.ao-nopad {
    --anchor-outline-btn-ypad: 0rem;
}
.anchor-outline .dim-skin {
    background-color: var(--anchor-dim-bg);
}
.anchor-outline.ao-border-none {
    border: 0 none;
}
.anchor-outline.ao-border {
    border: 1px solid;
    border-color: var(--anchor-outline-border-color);
}
.anchor-outline:hover {
    --anchor-outline-color: rgba(255, 255, 255, 0.9);
}
.anchor-outline:hover.ao-border {
    --anchor-outline-border-color: rgba(255, 255, 255, 0.9);
}
.anchor-outline:hover .dim-skin {
    --anchor-dim-bg: rgba(0, 0, 0, 0.21);
}
.anchor-outline:focus {
    --anchor-outline-bg: #121212;
}
.anchor-outline:focus .dim-skin {
    --anchor-dim-bg: rgba(0, 0, 0, 0.36);
}
.anchor-outline.ao-skin-static-a {
    --anchor-outline-bg: var(--lightgrey);
    --anchor-outline-color: var(--black);
}
.anchor-outline.ao-skin-static-a:hover {
    --anchor-outline-bg: #9fe9ff;
    --anchor-outline-color: var(--black);
}
.anchor-outline.ao-skin-static-a.active,
.anchor-outline.ao-skin-static-a.active:hover,
.anchor-outline.ao-skin-static-a.active:focus,
.anchor-outline.ao-skin-static-a:focus {
    --anchor-outline-bg: #45b1d2;
    --anchor-outline-color: var(--white);
}
.anchor-outline.ao-skin-static-b {
    --anchor-outline-bg: #caf3ff;
    --anchor-outline-color: var(--black);
}
.anchor-outline.ao-skin-static-b:hover {
    --anchor-outline-bg: #9fe9ff;
    --anchor-outline-color: var(--black);
}
.anchor-outline.ao-skin-static-b:focus {
    --anchor-outline-bg: #45b1d2;
    --anchor-outline-color: var(--white);
}
.anchor-outline.ao-color-theme {
    --anchor-outline-color: var(--alt-bg);
}
.anchor-outline.ao-color-theme:hover {
    --anchor-outline-color: var(--alt-bg-fade);
}
.anchor-outline.ao-color-theme:focus {
    --anchor-outline-color: var(--alt-bg);
}
.anchor-outline.ao-fill-theme {
    --anchor-outline-bg: var(--theme-bg);
}
.anchor-outline.ao-fill-theme,
.anchor-outline.ao-fill-theme:hover,
.anchor-outline.ao-fill-theme:focus {
    --anchor-outline-color: #ffffff;
}
.anchor-outline.ao-fill-theme:hover {
    --anchor-outline-bg: var(--black-skin);
}
.anchor-outline.ao-fill-theme:hover.ao-border {
    --anchor-outline-border-color: var(--lightgrey);
}
.anchor-outline.ao-theme {
    --anchor-outline-bg: var(--theme-bg);
}
.anchor-outline.ao-theme,
.anchor-outline.ao-theme:hover,
.anchor-outline.ao-theme:focus {
    --anchor-outline-color: #ffffff;
}
.anchor-outline.ao-white,
.anchor-outline.ao-white:hover {
    --anchor-outline-color: #ffffff;
}
.anchor-outline.ao-white:hover {
    --anchor-outline-bg: var(--lightgrey);
    --anchor-outline-color: #000000;
}
.anchor-outline.ao-white:hover.ao-border {
    --anchor-outline-border-color: var(--lightgrey);
}
.anchor-outline.ao-white.active,
.anchor-outline.ao-white.active:hover,
.anchor-outline.ao-white.active:focus {
    --anchor-outline-bg: var(--lightgrey2);
    --anchor-outline-color: #000000;
}
.anchor-outline.active-theme.active,
.anchor-outline.active-theme.active:hover,
.anchor-outline.active-theme.active:focus {
    --anchor-outline-bg: var(--theme-bg-fade);
    --anchor-outline-color: var(--white);
}
.anchor-outline.active-theme.active.ao-border,
.anchor-outline.active-theme.active:hover.ao-border,
.anchor-outline.active-theme.active:focus.ao-border {
    --anchor-outline-border-color: var(--theme-bg);
}
.anchor-outline.ao-lavendar,
.anchor-outline.ao-lavendar:hover {
    --anchor-outline-color: #a921c1;
}
.anchor-outline.ao-lavendar.ao-border {
    --anchor-outline-border-color: #a921c1;
}
.anchor-outline.ao-lavendar:focus {
    --anchor-outline-bg: #a921c1;
    --anchor-outline-color: #ffffff;
}
.anchor-outline.ao-yellow,
.anchor-outline.ao-yellow:hover {
    --anchor-outline-color: #ffe97f;
}
.anchor-outline.ao-yellow.ao-border {
    --anchor-outline-border-color: #ffe97f;
}
.anchor-outline.ao-yellow:hover {
    --anchor-outline-bg: #e4d06d;
    --anchor-outline-color: #ffffff;
}
.anchor-outline.ao-yellow:focus {
    --anchor-outline-bg: #c9b554;
    --anchor-outline-color: #ffffff;
}
.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;
}
.shadow-inner-white-onhover:hover {
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
}
.scroll-thin {
    scrollbar-width: thin;
}
.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;
}
.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;
}
body:not(.modal-open) .modal-backdrop {
    display: none !important;
}
.modal-dialog {
    --modal-dialog-width: 700px;
    max-width: var(--modal-dialog-width);
    margin: 1.75rem auto;
}
@media (min-width: 1024px) {
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
}
@media (min-width: 1401px) {
    .modal-dialog {
        --modal-dialog-width: 1000px;
    }
}
@media (min-width: 1400px) {
    .modal-dialog {
        --modal-dialog-width: 1200px;
    }
}
@media (max-width: 1200px) {
    .modal-dialog {
        --modal-dialog-width: 1000px;
    }
}
@media (max-width: 1024px) {
    .modal-dialog {
        --modal-dialog-width: 900px;
    }
}
@media (max-width: 900px) {
    .modal-dialog {
        --modal-dialog-width: 750px;
    }
}
@media (max-width: 750px) {
    .modal-dialog {
        --modal-dialog-width: 80%;
    }
}
@media (max-width: 600px) {
    .modal-dialog {
        --modal-dialog-width: 90%;
    }
}
.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;
}

/* Sticky footer layout */
#page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#page-wrapper > .page-content-wrap {
    flex: 1 1 auto;
}