@import url(https://fonts.googleapis.com/css2?family=Pinyon Script:wght@900&family=Pinyon Script&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Pinyon Script:wght@900&family=Pinyon Script&display=swap);
@keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(0);
    }

    60% {
        transform: translateY(-15px);
    }

    80% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes shake {
    0% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(10px);
    }

    20% {
        transform: translateX(-10px);
    }

    30% {
        transform: translateX(10px);
    }

    40% {
        transform: translateX(-10px);
    }

    50% {
        transform: translateX(10px);
    }

    60% {
        transform: translateX(-10px);
    }

    70% {
        transform: translateX(10px);
    }

    80% {
        transform: translateX(-10px);
    }

    90% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}
@keyframes tada {
    0% {
        transform: scale(1, 1);
    }

    10% {
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}
@keyframes swing {

    20%,
    40%,
    60%,
    80%,
    100% {
        transform-origin: top center 50%;
    }

    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(25%) rotate(-5deg);
    }

    30% {
        transform: translateX(-20%) rotate(3deg);
    }

    45% {
        transform: translateX(15%) rotate(-3deg);
    }

    60% {
        transform: translateX(-10%) rotate(2deg);
    }

    75% {
        transform: translateX(5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }

    10% {
        transform: skewX(-8deg);
    }

    20% {
        transform: skewX(7deg);
    }

    30% {
        transform: skewX(-6deg);
    }

    40% {
        transform: skewX(5deg);
    }

    50% {
        transform: skewX(-4deg);
    }

    60% {
        transform: skewX(3deg);
    }

    70% {
        transform: skewX(-2deg);
    }

    80% {
        transform: skewX(1deg);
    }

    90% {
        transform: skewX(0deg);
    }

    100% {
        transform: skewX(0deg);
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0.3, 0.3);
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05, 1.05);
    }

    70% {
        transform: scale(0.9, 0.9);
    }

    100% {
        transform: scale(1, 1);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes fadeOutUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-20px);
        opacity: 0;
    }
}
@keyframes fadeOutDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}
@keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-20px);
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(20px);
        opacity: 0;
    }
}
@keyframes fadeOutUpBig {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-2000px);
        opacity: 0;
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadeInUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInDown {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeInLeft {
    0% {
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeInUpBig {
    0% {
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(-100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        transform: translateX(20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: translateX(-100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center 50%;
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center 50%;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        transform: translateX(100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}
@keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        transform: translateX(100%) rotate(-120deg);
    }
}
:root {
    --gray: #6c757d;
    --gray-dark: #0f1531;
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #434a54;
    --gray-light: #aab2bd;
    --gray-lighter: #e8eff4;
    --gray-lightest: #e6e9ed;
    --black: #000000;
    --primary: var(--theme-color);
    --secondary: #c3bdbd;
    --success: #1bcfb4;
    --info: #198ae3;
    --warning: #fed713;
    --danger: #fe7c96;
    --light: #f8f9fa;
    --dark: #3e4b5b;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --theme-color: #35b74d;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343a40;
    text-align: right;
    background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: .5rem;
    margin-right: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    color: #6c757d;
    text-align: right;
    caption-side: bottom;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1,
.h1 {
    font-size: 2.5rem;
}
h2,
.h2 {
    font-size: 2rem;
}
h3,
.h3 {
    font-size: 1.75rem;
}
h4,
.h4 {
    font-size: 1.5rem;
}
h5,
.h5 {
    font-size: 1.25rem;
}
h6,
.h6 {
    font-size: 1rem;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
    font-size: 80%;
    font-weight: 400;
}
mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.list-unstyled {
    padding-right: 0;
    list-style: none;
}
.list-inline {
    padding-right: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.blockquote-footer::before {
    content: "\2014\00A0";
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 90%;
    color: #6c757d;
}
code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}
a>code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}
pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}
@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.lightGallery .image-tile,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%;
}
.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%;
}
.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%;
}
.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%;
}
.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.col-6,
.lightGallery .image-tile {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 13;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.offset-1 {
    margin-right: 8.33333%;
}
.offset-2 {
    margin-right: 16.66667%;
}
.offset-3 {
    margin-right: 25%;
}
.offset-4 {
    margin-right: 33.33333%;
}
.offset-5 {
    margin-right: 41.66667%;
}
.offset-6 {
    margin-right: 50%;
}
.offset-7 {
    margin-right: 58.33333%;
}
.offset-8 {
    margin-right: 66.66667%;
}
.offset-9 {
    margin-right: 75%;
}
.offset-10 {
    margin-right: 83.33333%;
}
.offset-11 {
    margin-right: 91.66667%;
}
@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-right: 0;
    }

    .offset-sm-1 {
        margin-right: 8.33333%;
    }

    .offset-sm-2 {
        margin-right: 16.66667%;
    }

    .offset-sm-3 {
        margin-right: 25%;
    }

    .offset-sm-4 {
        margin-right: 33.33333%;
    }

    .offset-sm-5 {
        margin-right: 41.66667%;
    }

    .offset-sm-6 {
        margin-right: 50%;
    }

    .offset-sm-7 {
        margin-right: 58.33333%;
    }

    .offset-sm-8 {
        margin-right: 66.66667%;
    }

    .offset-sm-9 {
        margin-right: 75%;
    }

    .offset-sm-10 {
        margin-right: 83.33333%;
    }

    .offset-sm-11 {
        margin-right: 91.66667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3,
    .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4,
    .lightGallery .image-tile {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-right: 0;
    }

    .offset-md-1 {
        margin-right: 8.33333%;
    }

    .offset-md-2 {
        margin-right: 16.66667%;
    }

    .offset-md-3 {
        margin-right: 25%;
    }

    .offset-md-4 {
        margin-right: 33.33333%;
    }

    .offset-md-5 {
        margin-right: 41.66667%;
    }

    .offset-md-6 {
        margin-right: 50%;
    }

    .offset-md-7 {
        margin-right: 58.33333%;
    }

    .offset-md-8 {
        margin-right: 66.66667%;
    }

    .offset-md-9 {
        margin-right: 75%;
    }

    .offset-md-10 {
        margin-right: 83.33333%;
    }

    .offset-md-11 {
        margin-right: 91.66667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3,
    .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-right: 0;
    }

    .offset-lg-1 {
        margin-right: 8.33333%;
    }

    .offset-lg-2 {
        margin-right: 16.66667%;
    }

    .offset-lg-3 {
        margin-right: 25%;
    }

    .offset-lg-4 {
        margin-right: 33.33333%;
    }

    .offset-lg-5 {
        margin-right: 41.66667%;
    }

    .offset-lg-6 {
        margin-right: 50%;
    }

    .offset-lg-7 {
        margin-right: 58.33333%;
    }

    .offset-lg-8 {
        margin-right: 66.66667%;
    }

    .offset-lg-9 {
        margin-right: 75%;
    }

    .offset-lg-10 {
        margin-right: 83.33333%;
    }

    .offset-lg-11 {
        margin-right: 91.66667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3,
    .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-right: 0;
    }

    .offset-xl-1 {
        margin-right: 8.33333%;
    }

    .offset-xl-2 {
        margin-right: 16.66667%;
    }

    .offset-xl-3 {
        margin-right: 25%;
    }

    .offset-xl-4 {
        margin-right: 33.33333%;
    }

    .offset-xl-5 {
        margin-right: 41.66667%;
    }

    .offset-xl-6 {
        margin-right: 50%;
    }

    .offset-xl-7 {
        margin-right: 58.33333%;
    }

    .offset-xl-8 {
        margin-right: 66.66667%;
    }

    .offset-xl-9 {
        margin-right: 75%;
    }

    .offset-xl-10 {
        margin-right: 83.33333%;
    }

    .offset-xl-11 {
        margin-right: 91.66667%;
    }
}
.table,
.jsgrid .jsgrid-table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
    padding: 0.9375rem;
    vertical-align: top;
    border-top: 1px solid #ebedf2;
}
.table thead th,
.jsgrid .jsgrid-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ebedf2;
}
.table tbody+tbody,
.jsgrid .jsgrid-table tbody+tbody {
    border-top: 2px solid #ebedf2;
}
.table-sm th,
.table-sm td {
    padding: 0.3rem;
}
.table-bordered {
    border: 1px solid #ebedf2;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #ebedf2;
}
.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f2edf3;
}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: #f2edf3;
}
.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #ebd6ff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #d9b3ff;
}
.table-hover .table-primary:hover {
    background-color: #dfbdff;
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #dfbdff;
}
.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #eeeded;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #e0dddd;
}
.table-hover .table-secondary:hover {
    background-color: #e2e0e0;
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #e2e0e0;
}
.table-success,
.table-success>th,
.table-success>td {
    background-color: #bff2ea;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #88e6d8;
}
.table-hover .table-success:hover {
    background-color: #aaeee3;
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #aaeee3;
}
.table-info,
.table-info>th,
.table-info>td {
    background-color: #bfdef7;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #87c2f0;
}
.table-hover .table-info:hover {
    background-color: #a8d2f4;
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #a8d2f4;
}
.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #fff4bd;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #feea84;
}
.table-hover .table-warning:hover {
    background-color: #fff0a4;
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fff0a4;
}
.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #ffdae2;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #febbc8;
}
.table-hover .table-danger:hover {
    background-color: #ffc1ce;
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ffc1ce;
}
.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fbfcfc;
}
.table-hover .table-light:hover {
    background-color: #ececf6;
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6;
}
.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c9cdd1;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #9ba1aa;
}
.table-hover .table-dark:hover {
    background-color: #bbc0c5;
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #bbc0c5;
}
.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th,
.jsgrid .jsgrid-table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}
.table .thead-light th,
.jsgrid .jsgrid-table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #ebedf2;
}
.table-dark {
    color: #fff;
    background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55;
}
.table-dark.table-bordered {
    border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-md>.table-bordered {
        border: 0;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive>.table-bordered {
    border: 0;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    display: block;
    width: 100%;
    height: 2.875rem;
    padding: 0.94rem 1.375rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

    .form-control,
    .asColorPicker-input,
    .dataTables_wrapper select,
    .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single .select2-search__field,
    .typeahead,
    .tt-query,
    .tt-hint {
        transition: none;
    }
}
.form-control::-ms-expand,
.asColorPicker-input::-ms-expand,
.dataTables_wrapper select::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand,
.select2-container--default .select2-selection--single::-ms-expand,
.select2-container--default .select2-selection--single .select2-search__field::-ms-expand,
.typeahead::-ms-expand,
.tt-query::-ms-expand,
.tt-hint::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control:-moz-focusring,
.asColorPicker-input:-moz-focusring,
.dataTables_wrapper select:-moz-focusring,
.jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-focusring[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-focusring,
.jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-focusring[type=number],
.select2-container--default .select2-selection--single:-moz-focusring,
.select2-container--default .select2-selection--single .select2-search__field:-moz-focusring,
.typeahead:-moz-focusring,
.tt-query:-moz-focusring,
.tt-hint:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-moz-placeholder,
.asColorPicker-input::-moz-placeholder,
.dataTables_wrapper select::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder,
.select2-container--default .select2-selection--single::-moz-placeholder,
.select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder,
.typeahead::-moz-placeholder,
.tt-query::-moz-placeholder,
.tt-hint::-moz-placeholder {
    color: #c9c8c8;
    opacity: 1;
}
.form-control::-moz-placeholder, .asColorPicker-input::-moz-placeholder, .dataTables_wrapper select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, .select2-container--default .select2-selection--single::-moz-placeholder, .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, .typeahead::-moz-placeholder, .tt-query::-moz-placeholder, .tt-hint::-moz-placeholder {
    color: #c9c8c8;
    opacity: 1;
}
.form-control::placeholder,
.asColorPicker-input::placeholder,
.dataTables_wrapper select::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder,
.select2-container--default .select2-selection--single::placeholder,
.select2-container--default .select2-selection--single .select2-search__field::placeholder,
.typeahead::placeholder,
.tt-query::placeholder,
.tt-hint::placeholder {
    color: #c9c8c8;
    opacity: 1;
}
.form-control:disabled,
.asColorPicker-input:disabled,
.dataTables_wrapper select:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number],
.select2-container--default .select2-selection--single:disabled,
.select2-container--default .select2-selection--single .select2-search__field:disabled,
.typeahead:disabled,
.tt-query:disabled,
.tt-hint:disabled,
.form-control[readonly],
.asColorPicker-input[readonly],
.dataTables_wrapper select[readonly],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number],
.select2-container--default .select2-selection--single[readonly],
.select2-container--default .select2-selection--single .select2-search__field[readonly],
.typeahead[readonly],
.tt-query[readonly],
.tt-hint[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
input[type="date"].form-control,
input.asColorPicker-input[type="date"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="date"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="date"][type=number],
.select2-container--default input.select2-selection--single[type="date"],
.select2-container--default .select2-selection--single input.select2-search__field[type="date"],
input.typeahead[type="date"],
input.tt-query[type="date"],
input.tt-hint[type="date"],
input[type="time"].form-control,
input.asColorPicker-input[type="time"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="time"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="time"][type=number],
.select2-container--default input.select2-selection--single[type="time"],
.select2-container--default .select2-selection--single input.select2-search__field[type="time"],
input.typeahead[type="time"],
input.tt-query[type="time"],
input.tt-hint[type="time"],
input[type="datetime-local"].form-control,
input.asColorPicker-input[type="datetime-local"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="datetime-local"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="datetime-local"][type=number],
.select2-container--default input.select2-selection--single[type="datetime-local"],
.select2-container--default .select2-selection--single input.select2-search__field[type="datetime-local"],
input.typeahead[type="datetime-local"],
input.tt-query[type="datetime-local"],
input.tt-hint[type="datetime-local"],
input[type="month"].form-control,
input.asColorPicker-input[type="month"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="month"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="month"][type=number],
.select2-container--default input.select2-selection--single[type="month"],
.select2-container--default .select2-selection--single input.select2-search__field[type="month"],
input.typeahead[type="month"],
input.tt-query[type="month"],
input.tt-hint[type="month"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.form-control:focus::-ms-value,
select.asColorPicker-input:focus::-ms-value,
.dataTables_wrapper select:focus::-ms-value,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value,
.select2-container--default select.select2-selection--single:focus::-ms-value,
.select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value,
select.typeahead:focus::-ms-value,
select.tt-query:focus::-ms-value,
select.tt-hint:focus::-ms-value {
    color: #495057;
    background-color: #ffffff;
}
select.form-control>option {
    margin: 5px 0;
    padding: 5px 0;
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.col-form-label {
    padding-top: calc(0.94rem + 1px);
    padding-bottom: calc(0.94rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1;
}
.col-form-label-lg {
    padding-top: calc(0.94rem + 1px);
    padding-bottom: calc(0.94rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}
.col-form-label-sm {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.94rem 0;
    margin-bottom: 0;
    font-size: 0.8125rem;
    line-height: 1;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-left: 0;
    padding-right: 0;
}
.form-control-sm {
    height: 2.575rem;
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.form-control-lg {
    height: 3.175rem;
    padding: 0.94rem 1.94rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
select.form-control[size],
select.asColorPicker-input[size],
.dataTables_wrapper select[size],
.jsgrid .jsgrid-table .jsgrid-filter-row select[size],
.select2-container--default select.select2-selection--single[size],
.select2-container--default .select2-selection--single select.select2-search__field[size],
select.typeahead[size],
select.tt-query[size],
select.tt-hint[size],
select.form-control[multiple],
select.asColorPicker-input[multiple],
.dataTables_wrapper select[multiple],
.jsgrid .jsgrid-table .jsgrid-filter-row select[multiple],
.select2-container--default select.select2-selection--single[multiple],
.select2-container--default .select2-selection--single select.select2-search__field[multiple],
select.typeahead[multiple],
select.tt-query[multiple],
select.tt-hint[multiple] {
    height: auto;
}
textarea.form-control,
textarea.asColorPicker-input,
.select2-container--default textarea.select2-selection--single,
.select2-container--default .select2-selection--single textarea.select2-search__field,
textarea.typeahead,
textarea.tt-query,
textarea.tt-hint {
    height: auto;
}
.form-group {
    margin-bottom: 1rem;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.form-row>.col,
.form-row>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
.form-check {
    position: relative;
    display: block;
    padding-right: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-right: -1.25rem;
}
.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    color: #9c9fa6;
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-right: 0;
    margin-left: 0.75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-left: 0.3125rem;
    margin-right: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}
.form-row>.col>.valid-tooltip,
.form-row>[class*="col-"]>.valid-tooltip {
    right: 5px;
}
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block;
}
.was-validated .form-control:valid,
.was-validated .asColorPicker-input:valid,
.was-validated .dataTables_wrapper select:valid,
.dataTables_wrapper .was-validated select:valid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number],
.was-validated .select2-container--default .select2-selection--single:valid,
.select2-container--default .was-validated .select2-selection--single:valid,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid,
.was-validated .typeahead:valid,
.was-validated .tt-query:valid,
.was-validated .tt-hint:valid,
.form-control.is-valid,
.is-valid.asColorPicker-input,
.dataTables_wrapper select.is-valid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number],
.select2-container--default .is-valid.select2-selection--single,
.select2-container--default .select2-selection--single .is-valid.select2-search__field,
.is-valid.typeahead,
.is-valid.tt-query,
.is-valid.tt-hint {
    border-color: #28a745;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.was-validated .asColorPicker-input:valid:focus,
.was-validated .dataTables_wrapper select:valid:focus,
.dataTables_wrapper .was-validated select:valid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=number],
.was-validated .select2-container--default .select2-selection--single:valid:focus,
.select2-container--default .was-validated .select2-selection--single:valid:focus,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus,
.was-validated .typeahead:valid:focus,
.was-validated .tt-query:valid:focus,
.was-validated .tt-hint:valid:focus,
.form-control.is-valid:focus,
.is-valid.asColorPicker-input:focus,
.dataTables_wrapper select.is-valid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=number],
.select2-container--default .is-valid.select2-selection--single:focus,
.select2-container--default .select2-selection--single .is-valid.select2-search__field:focus,
.is-valid.typeahead:focus,
.is-valid.tt-query:focus,
.is-valid.tt-hint:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated textarea.form-control:valid,
.was-validated textarea.asColorPicker-input:valid,
.was-validated .select2-container--default textarea.select2-selection--single:valid,
.select2-container--default .was-validated textarea.select2-selection--single:valid,
.was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:valid,
.select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:valid,
.was-validated textarea.typeahead:valid,
.was-validated textarea.tt-query:valid,
.was-validated textarea.tt-hint:valid,
textarea.form-control.is-valid,
textarea.is-valid.asColorPicker-input,
.select2-container--default textarea.is-valid.select2-selection--single,
.select2-container--default .select2-selection--single textarea.is-valid.select2-search__field,
textarea.is-valid.typeahead,
textarea.is-valid.tt-query,
textarea.is-valid.tt-hint {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
    padding-left: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") left 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745;
}
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745;
}
.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745;
}
.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}
.form-row>.col>.invalid-tooltip,
.form-row>[class*="col-"]>.invalid-tooltip {
    right: 5px;
}
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block;
}
.was-validated .form-control:invalid,
.was-validated .asColorPicker-input:invalid,
.was-validated .dataTables_wrapper select:invalid,
.dataTables_wrapper .was-validated select:invalid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number],
.was-validated .select2-container--default .select2-selection--single:invalid,
.select2-container--default .was-validated .select2-selection--single:invalid,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid,
.was-validated .typeahead:invalid,
.was-validated .tt-query:invalid,
.was-validated .tt-hint:invalid,
.form-control.is-invalid,
.is-invalid.asColorPicker-input,
.dataTables_wrapper select.is-invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number],
.select2-container--default .is-invalid.select2-selection--single,
.select2-container--default .select2-selection--single .is-invalid.select2-search__field,
.is-invalid.typeahead,
.is-invalid.tt-query,
.is-invalid.tt-hint {
    border-color: #dc3545;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.was-validated .asColorPicker-input:invalid:focus,
.was-validated .dataTables_wrapper select:invalid:focus,
.dataTables_wrapper .was-validated select:invalid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=number],
.was-validated .select2-container--default .select2-selection--single:invalid:focus,
.select2-container--default .was-validated .select2-selection--single:invalid:focus,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus,
.was-validated .typeahead:invalid:focus,
.was-validated .tt-query:invalid:focus,
.was-validated .tt-hint:invalid:focus,
.form-control.is-invalid:focus,
.is-invalid.asColorPicker-input:focus,
.dataTables_wrapper select.is-invalid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=number],
.select2-container--default .is-invalid.select2-selection--single:focus,
.select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus,
.is-invalid.typeahead:focus,
.is-invalid.tt-query:focus,
.is-invalid.tt-hint:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
.was-validated textarea.asColorPicker-input:invalid,
.was-validated .select2-container--default textarea.select2-selection--single:invalid,
.select2-container--default .was-validated textarea.select2-selection--single:invalid,
.was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:invalid,
.select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:invalid,
.was-validated textarea.typeahead:invalid,
.was-validated textarea.tt-query:invalid,
.was-validated textarea.tt-hint:invalid,
textarea.form-control.is-invalid,
textarea.is-invalid.asColorPicker-input,
.select2-container--default textarea.is-invalid.select2-selection--single,
.select2-container--default .select2-selection--single textarea.is-invalid.select2-search__field,
textarea.is-invalid.typeahead,
textarea.is-invalid.tt-query,
textarea.is-invalid.tt-hint {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
    padding-left: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") left 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545;
}
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545;
}
.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
    border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545;
}
.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.form-inline .form-check {
    width: 100%;
}
@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control,
    .form-inline .asColorPicker-input,
    .form-inline .dataTables_wrapper select,
    .dataTables_wrapper .form-inline select,
    .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text],
    .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select,
    .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number],
    .form-inline .select2-container--default .select2-selection--single,
    .select2-container--default .form-inline .select2-selection--single,
    .form-inline .select2-container--default .select2-selection--single .select2-search__field,
    .select2-container--default .select2-selection--single .form-inline .select2-search__field,
    .form-inline .typeahead,
    .form-inline .tt-query,
    .form-inline .tt-hint {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .asColorPicker-wrap,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-right: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-left: 0.25rem;
        margin-right: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}
.btn,
.fc button,
.ajax-upload-dragdrop .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
.wizard>.actions a {
    display: inline-block;
    font-weight: 400;
    color: #343a40;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.875rem 2.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

    .btn,
    .fc button,
    .ajax-upload-dragdrop .ajax-file-upload,
    .swal2-modal .swal2-buttonswrapper .swal2-styled,
    .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
    .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
    .wizard>.actions a {
        transition: none;
    }
}
.btn:hover,
.fc button:hover,
.ajax-upload-dragdrop .ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .swal2-styled:hover,
.wizard>.actions a:hover {
    color: #343a40;
    text-decoration: none;
}
.btn:focus,
.fc button:focus,
.ajax-upload-dragdrop .ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.wizard>.actions a:focus,
.btn.focus,
.fc button.focus,
.ajax-upload-dragdrop .focus.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .focus.swal2-styled,
.wizard>.actions a.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.fc button.disabled,
.ajax-upload-dragdrop .disabled.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .disabled.swal2-styled,
.wizard>.actions a.disabled,
.btn:disabled,
.fc button:disabled,
.ajax-upload-dragdrop .ajax-file-upload:disabled,
.swal2-modal .swal2-buttonswrapper .swal2-styled:disabled,
.wizard>.actions a:disabled {
    opacity: 0.65;
}
.btn:not(:disabled):not(.disabled),
.fc button:not(:disabled):not(.disabled),
.ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled),
.swal2-modal .swal2-buttonswrapper .swal2-styled:not(:disabled):not(.disabled),
.wizard>.actions a:not(:disabled):not(.disabled) {
    cursor: pointer;
}
a.btn.disabled,
.ajax-upload-dragdrop a.disabled.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled,
.wizard>.actions a.disabled,
fieldset:disabled a.btn,
fieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload,
.ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload,
fieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled,
.swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled,
fieldset:disabled .wizard>.actions a,
.wizard>.actions fieldset:disabled a {
    pointer-events: none;
}
.btn-primary,
.wizard>.actions a {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-primary:hover,
.wizard>.actions a:hover {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff;
}
.btn-primary:focus,
.wizard>.actions a:focus,
.btn-primary.focus,
.wizard>.actions a.focus {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff;
    box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
}
.btn-primary.disabled,
.wizard>.actions a.disabled,
.btn-primary:disabled,
.wizard>.actions a:disabled {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-primary:not(:disabled):not(.disabled):active,
.wizard>.actions a:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.wizard>.actions a:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.wizard>.actions .show>a.dropdown-toggle {
    color: #fff;
    background-color: #9d3aff;
    border-color: #962dff;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.wizard>.actions a:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.wizard>.actions a:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.wizard>.actions .show>a.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
}
.btn-secondary {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:hover {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2;
}
.btn-secondary:focus,
.btn-secondary.focus {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2;
    box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #aba2a2;
    border-color: #a59c9c;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
}
.btn-success {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:hover {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d;
    box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #15a28d;
    border-color: #149783;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
}
.btn-info {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:hover {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5;
    box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #146eb5;
    border-color: #1367aa;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
}
.btn-warning {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:hover {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901;
    box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #ddb901;
    border-color: #d0ae01;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
}
.btn-danger {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:hover {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d;
    box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #fe496d;
    border-color: #fe3d63;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:hover {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d;
}
.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d;
    box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #29323d;
    border-color: #242c35;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
}
.btn-outline-primary,
.wizard>.actions .disabled a {
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:hover,
.wizard>.actions .disabled a:hover {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:focus,
.wizard>.actions .disabled a:focus,
.btn-outline-primary.focus,
.wizard>.actions .disabled a.focus {
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.btn-outline-primary.disabled,
.wizard>.actions .disabled a.disabled,
.btn-outline-primary:disabled,
.wizard>.actions .disabled a:disabled {
    color: var(--theme-color);
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.wizard>.actions .disabled a:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.wizard>.actions .disabled a:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle,
.wizard>.actions .disabled .show>a.dropdown-toggle {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.wizard>.actions .disabled a:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.wizard>.actions .disabled a:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus,
.wizard>.actions .disabled .show>a.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.btn-outline-secondary,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {
    color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus,
.btn-outline-secondary.focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel {
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.btn-outline-secondary.disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel,
.btn-outline-secondary:disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled {
    color: #c3bdbd;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-cancel {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-cancel:focus {
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.btn-outline-success,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {
    color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus,
.btn-outline-success.focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit {
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.btn-outline-success.disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit,
.btn-outline-success:disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled {
    color: #1bcfb4;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit:focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.btn-outline-info {
    color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #198ae3;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.btn-outline-warning {
    color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #fed713;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.btn-outline-danger {
    color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:hover {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #fe7c96;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
    color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #3e4b5b;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}
.btn-lg,
.btn-group-lg>.btn,
.fc .btn-group-lg>button,
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled,
.wizard>.actions .btn-group-lg>a {
    padding: 1rem 3rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}
.btn-sm,
.btn-group-sm>.btn,
.fc .btn-group-sm>button,
.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled,
.wizard>.actions .btn-group-sm>a,
.fc button {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block+.btn-block {
    margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ebedf2;
    border-radius: 0.25rem;
}
.dropdown-menu-left {
    left: auto;
    right: 0;
}
.dropdown-menu-right {
    left: 0;
    right: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-sm-right {
        left: 0;
        right: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-md-right {
        left: 0;
        right: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-lg-right {
        left: 0;
        right: auto;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-xl-right {
        left: 0;
        right: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-left: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropright .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0;
    border-bottom: 0.3em solid transparent;
    border-right: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropright .dropdown-toggle::after {
    vertical-align: 0;
}
.dropleft .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="right"] {
    left: auto;
    bottom: auto;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #ebedf2;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #343a40;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #343a40;
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #343a40;
}
.btn-group,
.fc .fc-button-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group>.btn,
.fc .fc-button-group>.btn,
.fc .btn-group>button,
.fc .fc-button-group>button,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled,
.wizard>.actions .btn-group>a,
.fc .wizard>.actions .fc-button-group>a,
.wizard>.actions .fc .fc-button-group>a,
.btn-group-vertical>.btn,
.fc .btn-group-vertical>button,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled,
.wizard>.actions .btn-group-vertical>a {
    position: relative;
    flex: 1 1 auto;
}
.btn-group>.btn:hover,
.fc .fc-button-group>.btn:hover,
.fc .btn-group>button:hover,
.fc .fc-button-group>button:hover,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:hover,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:hover,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:hover,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:hover,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:hover,
.wizard>.actions .btn-group>a:hover,
.fc .wizard>.actions .fc-button-group>a:hover,
.wizard>.actions .fc .fc-button-group>a:hover,
.btn-group-vertical>.btn:hover,
.fc .btn-group-vertical>button:hover,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:hover,
.wizard>.actions .btn-group-vertical>a:hover {
    z-index: 1;
}
.btn-group>.btn:focus,
.fc .fc-button-group>.btn:focus,
.fc .btn-group>button:focus,
.fc .fc-button-group>button:focus,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:focus,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:focus,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:focus,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:focus,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:focus,
.wizard>.actions .btn-group>a:focus,
.fc .wizard>.actions .fc-button-group>a:focus,
.wizard>.actions .fc .fc-button-group>a:focus,
.btn-group>.btn:active,
.fc .fc-button-group>.btn:active,
.fc .btn-group>button:active,
.fc .fc-button-group>button:active,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:active,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:active,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:active,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:active,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:active,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:active,
.wizard>.actions .btn-group>a:active,
.fc .wizard>.actions .fc-button-group>a:active,
.wizard>.actions .fc .fc-button-group>a:active,
.btn-group>.btn.active,
.fc .fc-button-group>.btn.active,
.fc .btn-group>button.active,
.fc .fc-button-group>button.active,
.ajax-upload-dragdrop .btn-group>.active.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.active.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.active.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.active.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.active.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.active.swal2-styled,
.wizard>.actions .btn-group>a.active,
.fc .wizard>.actions .fc-button-group>a.active,
.wizard>.actions .fc .fc-button-group>a.active,
.btn-group-vertical>.btn:focus,
.fc .btn-group-vertical>button:focus,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:focus,
.wizard>.actions .btn-group-vertical>a:focus,
.btn-group-vertical>.btn:active,
.fc .btn-group-vertical>button:active,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:active,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:active,
.wizard>.actions .btn-group-vertical>a:active,
.btn-group-vertical>.btn.active,
.fc .btn-group-vertical>button.active,
.ajax-upload-dragdrop .btn-group-vertical>.active.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.active.swal2-styled,
.wizard>.actions .btn-group-vertical>a.active {
    z-index: 1;
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group,
.btn-toolbar .asColorPicker-wrap {
    width: auto;
}
.btn-group>.btn:not(:first-child),
.fc .fc-button-group>.btn:not(:first-child),
.fc .btn-group>button:not(:first-child),
.fc .fc-button-group>button:not(:first-child),
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child),
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:not(:first-child),
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child),
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:not(:first-child),
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group>a:not(:first-child),
.fc .wizard>.actions .fc-button-group>a:not(:first-child),
.wizard>.actions .fc .fc-button-group>a:not(:first-child),
.btn-group>.btn-group:not(:first-child),
.fc .fc-button-group>.btn-group:not(:first-child),
.fc .btn-group>.fc-button-group:not(:first-child),
.fc .fc-button-group>.fc-button-group:not(:first-child) {
    margin-right: -1px;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.fc .fc-button-group>.btn:not(:last-child):not(.dropdown-toggle),
.fc .btn-group>button:not(:last-child):not(.dropdown-toggle),
.fc .fc-button-group>button:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .btn-group>a:not(:last-child):not(.dropdown-toggle),
.fc .wizard>.actions .fc-button-group>a:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .fc .fc-button-group>a:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn,
.fc .fc-button-group>.btn-group:not(:last-child)>.btn,
.fc .btn-group>.fc-button-group:not(:last-child)>.btn,
.fc .fc-button-group>.fc-button-group:not(:last-child)>.btn,
.fc .btn-group>.btn-group:not(:last-child)>button,
.fc .fc-button-group>.btn-group:not(:last-child)>button,
.fc .btn-group>.fc-button-group:not(:last-child)>button,
.fc .fc-button-group>.fc-button-group:not(:last-child)>button,
.ajax-upload-dragdrop .btn-group>.btn-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.btn-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.btn-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.btn-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.btn-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.btn-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group>.fc-button-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group>.fc-button-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.fc-button-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.fc-button-group:not(:last-child)>.swal2-styled,
.wizard>.actions .btn-group>.btn-group:not(:last-child)>a,
.fc .wizard>.actions .fc-button-group>.btn-group:not(:last-child)>a,
.wizard>.actions .fc .fc-button-group>.btn-group:not(:last-child)>a,
.fc .wizard>.actions .btn-group>.fc-button-group:not(:last-child)>a,
.wizard>.actions .fc .btn-group>.fc-button-group:not(:last-child)>a,
.fc .wizard>.actions .fc-button-group>.fc-button-group:not(:last-child)>a,
.wizard>.actions .fc .fc-button-group>.fc-button-group:not(:last-child)>a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.btn:not(:first-child),
.fc .fc-button-group>.btn:not(:first-child),
.fc .btn-group>button:not(:first-child),
.fc .fc-button-group>button:not(:first-child),
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child),
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:not(:first-child),
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child),
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:not(:first-child),
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group>a:not(:first-child),
.fc .wizard>.actions .fc-button-group>a:not(:first-child),
.wizard>.actions .fc .fc-button-group>a:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn,
.fc .fc-button-group>.btn-group:not(:first-child)>.btn,
.fc .btn-group>.fc-button-group:not(:first-child)>.btn,
.fc .fc-button-group>.fc-button-group:not(:first-child)>.btn,
.fc .btn-group>.btn-group:not(:first-child)>button,
.fc .fc-button-group>.btn-group:not(:first-child)>button,
.fc .btn-group>.fc-button-group:not(:first-child)>button,
.fc .fc-button-group>.fc-button-group:not(:first-child)>button,
.ajax-upload-dragdrop .btn-group>.btn-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.btn-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.btn-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.btn-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.btn-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.btn-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group>.fc-button-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group>.fc-button-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.fc-button-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.fc-button-group:not(:first-child)>.swal2-styled,
.wizard>.actions .btn-group>.btn-group:not(:first-child)>a,
.fc .wizard>.actions .fc-button-group>.btn-group:not(:first-child)>a,
.wizard>.actions .fc .fc-button-group>.btn-group:not(:first-child)>a,
.fc .wizard>.actions .btn-group>.fc-button-group:not(:first-child)>a,
.wizard>.actions .fc .btn-group>.fc-button-group:not(:first-child)>a,
.fc .wizard>.actions .fc-button-group>.fc-button-group:not(:first-child)>a,
.wizard>.actions .fc .fc-button-group>.fc-button-group:not(:first-child)>a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown-toggle-split {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-right: 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-left: 0;
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split,
.fc .btn-group-sm>button+.dropdown-toggle-split,
.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload+.dropdown-toggle-split,
.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled+.dropdown-toggle-split,
.wizard>.actions .btn-group-sm>a+.dropdown-toggle-split,
.fc button+.dropdown-toggle-split {
    padding-left: 0.6075rem;
    padding-right: 0.6075rem;
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split,
.fc .btn-group-lg>button+.dropdown-toggle-split,
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload+.dropdown-toggle-split,
.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled+.dropdown-toggle-split,
.wizard>.actions .btn-group-lg>a+.dropdown-toggle-split {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical>.btn,
.fc .btn-group-vertical>button,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled,
.wizard>.actions .btn-group-vertical>a,
.btn-group-vertical>.btn-group,
.fc .btn-group-vertical>.fc-button-group {
    width: 100%;
}
.btn-group-vertical>.btn:not(:first-child),
.fc .btn-group-vertical>button:not(:first-child),
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group-vertical>a:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child),
.fc .btn-group-vertical>.fc-button-group:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.fc .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .btn-group-vertical>a:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.fc .btn-group-vertical>.fc-button-group:not(:last-child)>.btn,
.fc .btn-group-vertical>.btn-group:not(:last-child)>button,
.fc .btn-group-vertical>.fc-button-group:not(:last-child)>button,
.ajax-upload-dragdrop .btn-group-vertical>.btn-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group-vertical>.fc-button-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group-vertical>.fc-button-group:not(:last-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical>.fc-button-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical>.fc-button-group:not(:last-child)>.swal2-styled,
.wizard>.actions .btn-group-vertical>.btn-group:not(:last-child)>a,
.fc .wizard>.actions .btn-group-vertical>.fc-button-group:not(:last-child)>a,
.wizard>.actions .fc .btn-group-vertical>.fc-button-group:not(:last-child)>a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group-vertical>.btn:not(:first-child),
.fc .btn-group-vertical>button:not(:first-child),
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group-vertical>a:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.fc .btn-group-vertical>.fc-button-group:not(:first-child)>.btn,
.fc .btn-group-vertical>.btn-group:not(:first-child)>button,
.fc .btn-group-vertical>.fc-button-group:not(:first-child)>button,
.ajax-upload-dragdrop .btn-group-vertical>.btn-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group-vertical>.fc-button-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group-vertical>.fc-button-group:not(:first-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical>.fc-button-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical>.fc-button-group:not(:first-child)>.swal2-styled,
.wizard>.actions .btn-group-vertical>.btn-group:not(:first-child)>a,
.fc .wizard>.actions .btn-group-vertical>.fc-button-group:not(:first-child)>a,
.wizard>.actions .fc .btn-group-vertical>.fc-button-group:not(:first-child)>a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.btn-group-toggle>.btn,
.fc .btn-group-toggle>button,
.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled,
.wizard>.actions .btn-group-toggle>a,
.btn-group-toggle>.btn-group>.btn,
.fc .btn-group-toggle>.fc-button-group>.btn,
.fc .btn-group-toggle>.btn-group>button,
.fc .btn-group-toggle>.fc-button-group>button,
.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group-toggle>.fc-button-group>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group-toggle>.fc-button-group>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle>.fc-button-group>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle>.fc-button-group>.swal2-styled,
.wizard>.actions .btn-group-toggle>.btn-group>a,
.fc .wizard>.actions .btn-group-toggle>.fc-button-group>a,
.wizard>.actions .fc .btn-group-toggle>.fc-button-group>a {
    margin-bottom: 0;
}
.btn-group-toggle>.btn input[type="radio"],
.fc .btn-group-toggle>button input[type="radio"],
.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="radio"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled input[type="radio"],
.wizard>.actions .btn-group-toggle>a input[type="radio"],
.btn-group-toggle>.btn input[type="checkbox"],
.fc .btn-group-toggle>button input[type="checkbox"],
.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="checkbox"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled input[type="checkbox"],
.wizard>.actions .btn-group-toggle>a input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"],
.fc .btn-group-toggle>.fc-button-group>.btn input[type="radio"],
.fc .btn-group-toggle>.btn-group>button input[type="radio"],
.fc .btn-group-toggle>.fc-button-group>button input[type="radio"],
.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload input[type="radio"],
.fc .ajax-upload-dragdrop .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="radio"],
.ajax-upload-dragdrop .fc .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="radio"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled input[type="radio"],
.fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle>.fc-button-group>.swal2-styled input[type="radio"],
.swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle>.fc-button-group>.swal2-styled input[type="radio"],
.wizard>.actions .btn-group-toggle>.btn-group>a input[type="radio"],
.fc .wizard>.actions .btn-group-toggle>.fc-button-group>a input[type="radio"],
.wizard>.actions .fc .btn-group-toggle>.fc-button-group>a input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"],
.fc .btn-group-toggle>.fc-button-group>.btn input[type="checkbox"],
.fc .btn-group-toggle>.btn-group>button input[type="checkbox"],
.fc .btn-group-toggle>.fc-button-group>button input[type="checkbox"],
.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload input[type="checkbox"],
.fc .ajax-upload-dragdrop .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="checkbox"],
.ajax-upload-dragdrop .fc .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="checkbox"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled input[type="checkbox"],
.fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle>.fc-button-group>.swal2-styled input[type="checkbox"],
.swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle>.fc-button-group>.swal2-styled input[type="checkbox"],
.wizard>.actions .btn-group-toggle>.btn-group>a input[type="checkbox"],
.fc .wizard>.actions .btn-group-toggle>.fc-button-group>a input[type="checkbox"],
.wizard>.actions .fc .btn-group-toggle>.fc-button-group>a input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.input-group,
.asColorPicker-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group>.form-control,
.asColorPicker-wrap>.form-control,
.input-group>.asColorPicker-input,
.asColorPicker-wrap>.asColorPicker-input,
.dataTables_wrapper .input-group>select,
.dataTables_wrapper .asColorPicker-wrap>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number],
.select2-container--default .input-group>.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field,
.input-group>.typeahead,
.asColorPicker-wrap>.typeahead,
.input-group>.tt-query,
.asColorPicker-wrap>.tt-query,
.input-group>.tt-hint,
.asColorPicker-wrap>.tt-hint,
.input-group>.form-control-plaintext,
.asColorPicker-wrap>.form-control-plaintext,
.input-group>.custom-select,
.asColorPicker-wrap>.custom-select,
.input-group>.custom-file,
.asColorPicker-wrap>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group>.form-control+.form-control,
.asColorPicker-wrap>.form-control+.form-control,
.input-group>.asColorPicker-input+.form-control,
.asColorPicker-wrap>.asColorPicker-input+.form-control,
.dataTables_wrapper .input-group>select+.form-control,
.dataTables_wrapper .asColorPicker-wrap>select+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.form-control,
.select2-container--default .input-group>.select2-selection--single+.form-control,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.form-control,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.form-control,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.form-control,
.input-group>.typeahead+.form-control,
.asColorPicker-wrap>.typeahead+.form-control,
.input-group>.tt-query+.form-control,
.asColorPicker-wrap>.tt-query+.form-control,
.input-group>.tt-hint+.form-control,
.asColorPicker-wrap>.tt-hint+.form-control,
.input-group>.form-control+.asColorPicker-input,
.asColorPicker-wrap>.form-control+.asColorPicker-input,
.input-group>.asColorPicker-input+.asColorPicker-input,
.asColorPicker-wrap>.asColorPicker-input+.asColorPicker-input,
.dataTables_wrapper .input-group>select+.asColorPicker-input,
.dataTables_wrapper .asColorPicker-wrap>select+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.asColorPicker-input,
.select2-container--default .input-group>.select2-selection--single+.asColorPicker-input,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.asColorPicker-input,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.asColorPicker-input,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.asColorPicker-input,
.input-group>.typeahead+.asColorPicker-input,
.asColorPicker-wrap>.typeahead+.asColorPicker-input,
.input-group>.tt-query+.asColorPicker-input,
.asColorPicker-wrap>.tt-query+.asColorPicker-input,
.input-group>.tt-hint+.asColorPicker-input,
.asColorPicker-wrap>.tt-hint+.asColorPicker-input,
.dataTables_wrapper .input-group>.form-control+select,
.dataTables_wrapper .asColorPicker-wrap>.form-control+select,
.dataTables_wrapper .input-group>.asColorPicker-input+select,
.dataTables_wrapper .asColorPicker-wrap>.asColorPicker-input+select,
.dataTables_wrapper .input-group>select+select,
.dataTables_wrapper .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>input[type=text]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>input[type=text]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>input[type=number]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>input[type=number]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+select,
.select2-container--default .dataTables_wrapper .input-group>.select2-selection--single+select,
.dataTables_wrapper .select2-container--default .input-group>.select2-selection--single+select,
.select2-container--default .dataTables_wrapper .asColorPicker-wrap>.select2-selection--single+select,
.dataTables_wrapper .select2-container--default .asColorPicker-wrap>.select2-selection--single+select,
.select2-container--default .select2-selection--single .dataTables_wrapper .input-group>.select2-search__field+select,
.dataTables_wrapper .select2-container--default .select2-selection--single .input-group>.select2-search__field+select,
.select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap>.select2-search__field+select,
.dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+select,
.dataTables_wrapper .input-group>.typeahead+select,
.dataTables_wrapper .asColorPicker-wrap>.typeahead+select,
.dataTables_wrapper .input-group>.tt-query+select,
.dataTables_wrapper .asColorPicker-wrap>.tt-query+select,
.dataTables_wrapper .input-group>.tt-hint+select,
.dataTables_wrapper .asColorPicker-wrap>.tt-hint+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+input[type=text],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+input[type=text],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+input[type=text],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+input[type=text],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+input[type=text],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+input[type=text],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+select,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+select,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+select,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+select,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+input[type=number],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+input[type=number],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+input[type=number],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+input[type=number],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+input[type=number],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+input[type=number],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+input[type=number],
.select2-container--default .input-group>.form-control+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.form-control+.select2-selection--single,
.select2-container--default .input-group>.asColorPicker-input+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.asColorPicker-input+.select2-selection--single,
.dataTables_wrapper .select2-container--default .input-group>select+.select2-selection--single,
.select2-container--default .dataTables_wrapper .input-group>select+.select2-selection--single,
.dataTables_wrapper .select2-container--default .asColorPicker-wrap>select+.select2-selection--single,
.select2-container--default .dataTables_wrapper .asColorPicker-wrap>select+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>input[type=text]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>input[type=text]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>select+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>select+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>input[type=number]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>input[type=number]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.select2-selection--single,
.select2-container--default .input-group>.select2-selection--single+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.select2-selection--single,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.select2-selection--single,
.select2-container--default .input-group>.typeahead+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.typeahead+.select2-selection--single,
.select2-container--default .input-group>.tt-query+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.tt-query+.select2-selection--single,
.select2-container--default .input-group>.tt-hint+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.tt-hint+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.form-control+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.form-control+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.asColorPicker-input+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.asColorPicker-input+.select2-search__field,
.dataTables_wrapper .select2-container--default .select2-selection--single .input-group>select+.select2-search__field,
.select2-container--default .select2-selection--single .dataTables_wrapper .input-group>select+.select2-search__field,
.dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap>select+.select2-search__field,
.select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap>select+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>input[type=text]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>input[type=text]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>select+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>select+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>input[type=number]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>input[type=number]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.select2-selection--single+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-selection--single+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.typeahead+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.typeahead+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.tt-query+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.tt-query+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.tt-hint+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.tt-hint+.select2-search__field,
.input-group>.form-control+.typeahead,
.asColorPicker-wrap>.form-control+.typeahead,
.input-group>.asColorPicker-input+.typeahead,
.asColorPicker-wrap>.asColorPicker-input+.typeahead,
.dataTables_wrapper .input-group>select+.typeahead,
.dataTables_wrapper .asColorPicker-wrap>select+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.typeahead,
.select2-container--default .input-group>.select2-selection--single+.typeahead,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.typeahead,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.typeahead,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.typeahead,
.input-group>.typeahead+.typeahead,
.asColorPicker-wrap>.typeahead+.typeahead,
.input-group>.tt-query+.typeahead,
.asColorPicker-wrap>.tt-query+.typeahead,
.input-group>.tt-hint+.typeahead,
.asColorPicker-wrap>.tt-hint+.typeahead,
.input-group>.form-control+.tt-query,
.asColorPicker-wrap>.form-control+.tt-query,
.input-group>.asColorPicker-input+.tt-query,
.asColorPicker-wrap>.asColorPicker-input+.tt-query,
.dataTables_wrapper .input-group>select+.tt-query,
.dataTables_wrapper .asColorPicker-wrap>select+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.tt-query,
.select2-container--default .input-group>.select2-selection--single+.tt-query,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.tt-query,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.tt-query,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.tt-query,
.input-group>.typeahead+.tt-query,
.asColorPicker-wrap>.typeahead+.tt-query,
.input-group>.tt-query+.tt-query,
.asColorPicker-wrap>.tt-query+.tt-query,
.input-group>.tt-hint+.tt-query,
.asColorPicker-wrap>.tt-hint+.tt-query,
.input-group>.form-control+.tt-hint,
.asColorPicker-wrap>.form-control+.tt-hint,
.input-group>.asColorPicker-input+.tt-hint,
.asColorPicker-wrap>.asColorPicker-input+.tt-hint,
.dataTables_wrapper .input-group>select+.tt-hint,
.dataTables_wrapper .asColorPicker-wrap>select+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.tt-hint,
.select2-container--default .input-group>.select2-selection--single+.tt-hint,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.tt-hint,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.tt-hint,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.tt-hint,
.input-group>.typeahead+.tt-hint,
.asColorPicker-wrap>.typeahead+.tt-hint,
.input-group>.tt-query+.tt-hint,
.asColorPicker-wrap>.tt-query+.tt-hint,
.input-group>.tt-hint+.tt-hint,
.asColorPicker-wrap>.tt-hint+.tt-hint,
.input-group>.form-control+.custom-select,
.asColorPicker-wrap>.form-control+.custom-select,
.input-group>.asColorPicker-input+.custom-select,
.asColorPicker-wrap>.asColorPicker-input+.custom-select,
.dataTables_wrapper .input-group>select+.custom-select,
.dataTables_wrapper .asColorPicker-wrap>select+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.custom-select,
.select2-container--default .input-group>.select2-selection--single+.custom-select,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.custom-select,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.custom-select,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.custom-select,
.input-group>.typeahead+.custom-select,
.asColorPicker-wrap>.typeahead+.custom-select,
.input-group>.tt-query+.custom-select,
.asColorPicker-wrap>.tt-query+.custom-select,
.input-group>.tt-hint+.custom-select,
.asColorPicker-wrap>.tt-hint+.custom-select,
.input-group>.form-control+.custom-file,
.asColorPicker-wrap>.form-control+.custom-file,
.input-group>.asColorPicker-input+.custom-file,
.asColorPicker-wrap>.asColorPicker-input+.custom-file,
.dataTables_wrapper .input-group>select+.custom-file,
.dataTables_wrapper .asColorPicker-wrap>select+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.custom-file,
.select2-container--default .input-group>.select2-selection--single+.custom-file,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.custom-file,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.custom-file,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.custom-file,
.input-group>.typeahead+.custom-file,
.asColorPicker-wrap>.typeahead+.custom-file,
.input-group>.tt-query+.custom-file,
.asColorPicker-wrap>.tt-query+.custom-file,
.input-group>.tt-hint+.custom-file,
.asColorPicker-wrap>.tt-hint+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.asColorPicker-wrap>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.asColorPicker-input,
.asColorPicker-wrap>.form-control-plaintext+.asColorPicker-input,
.dataTables_wrapper .input-group>.form-control-plaintext+select,
.dataTables_wrapper .asColorPicker-wrap>.form-control-plaintext+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+input[type=number],
.select2-container--default .input-group>.form-control-plaintext+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.form-control-plaintext+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.form-control-plaintext+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.form-control-plaintext+.select2-search__field,
.input-group>.form-control-plaintext+.typeahead,
.asColorPicker-wrap>.form-control-plaintext+.typeahead,
.input-group>.form-control-plaintext+.tt-query,
.asColorPicker-wrap>.form-control-plaintext+.tt-query,
.input-group>.form-control-plaintext+.tt-hint,
.asColorPicker-wrap>.form-control-plaintext+.tt-hint,
.input-group>.form-control-plaintext+.custom-select,
.asColorPicker-wrap>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.asColorPicker-wrap>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.asColorPicker-wrap>.custom-select+.form-control,
.input-group>.custom-select+.asColorPicker-input,
.asColorPicker-wrap>.custom-select+.asColorPicker-input,
.dataTables_wrapper .input-group>.custom-select+select,
.dataTables_wrapper .asColorPicker-wrap>.custom-select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+input[type=number],
.select2-container--default .input-group>.custom-select+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.custom-select+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.custom-select+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.custom-select+.select2-search__field,
.input-group>.custom-select+.typeahead,
.asColorPicker-wrap>.custom-select+.typeahead,
.input-group>.custom-select+.tt-query,
.asColorPicker-wrap>.custom-select+.tt-query,
.input-group>.custom-select+.tt-hint,
.asColorPicker-wrap>.custom-select+.tt-hint,
.input-group>.custom-select+.custom-select,
.asColorPicker-wrap>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.asColorPicker-wrap>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.asColorPicker-wrap>.custom-file+.form-control,
.input-group>.custom-file+.asColorPicker-input,
.asColorPicker-wrap>.custom-file+.asColorPicker-input,
.dataTables_wrapper .input-group>.custom-file+select,
.dataTables_wrapper .asColorPicker-wrap>.custom-file+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+input[type=number],
.select2-container--default .input-group>.custom-file+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.custom-file+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.custom-file+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.custom-file+.select2-search__field,
.input-group>.custom-file+.typeahead,
.asColorPicker-wrap>.custom-file+.typeahead,
.input-group>.custom-file+.tt-query,
.asColorPicker-wrap>.custom-file+.tt-query,
.input-group>.custom-file+.tt-hint,
.asColorPicker-wrap>.custom-file+.tt-hint,
.input-group>.custom-file+.custom-select,
.asColorPicker-wrap>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file,
.asColorPicker-wrap>.custom-file+.custom-file {
    margin-right: -1px;
}
.input-group>.form-control:focus,
.asColorPicker-wrap>.form-control:focus,
.input-group>.asColorPicker-input:focus,
.asColorPicker-wrap>.asColorPicker-input:focus,
.dataTables_wrapper .input-group>select:focus,
.dataTables_wrapper .asColorPicker-wrap>select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:focus[type=number],
.select2-container--default .input-group>.select2-selection--single:focus,
.select2-container--default .asColorPicker-wrap>.select2-selection--single:focus,
.select2-container--default .select2-selection--single .input-group>.select2-search__field:focus,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:focus,
.input-group>.typeahead:focus,
.asColorPicker-wrap>.typeahead:focus,
.input-group>.tt-query:focus,
.asColorPicker-wrap>.tt-query:focus,
.input-group>.tt-hint:focus,
.asColorPicker-wrap>.tt-hint:focus,
.input-group>.custom-select:focus,
.asColorPicker-wrap>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.asColorPicker-wrap>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3;
}
.input-group>.custom-file .custom-file-input:focus,
.asColorPicker-wrap>.custom-file .custom-file-input:focus {
    z-index: 4;
}
.input-group>.form-control:not(:first-child),
.asColorPicker-wrap>.form-control:not(:first-child),
.input-group>.asColorPicker-input:not(:first-child),
.asColorPicker-wrap>.asColorPicker-input:not(:first-child),
.dataTables_wrapper .input-group>select:not(:first-child),
.dataTables_wrapper .asColorPicker-wrap>select:not(:first-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:first-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:first-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:not(:first-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:not(:first-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:first-child)[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:first-child)[type=number],
.select2-container--default .input-group>.select2-selection--single:not(:first-child),
.select2-container--default .asColorPicker-wrap>.select2-selection--single:not(:first-child),
.select2-container--default .select2-selection--single .input-group>.select2-search__field:not(:first-child),
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:not(:first-child),
.input-group>.typeahead:not(:first-child),
.asColorPicker-wrap>.typeahead:not(:first-child),
.input-group>.tt-query:not(:first-child),
.asColorPicker-wrap>.tt-query:not(:first-child),
.input-group>.tt-hint:not(:first-child),
.asColorPicker-wrap>.tt-hint:not(:first-child),
.input-group>.custom-select:not(:first-child),
.asColorPicker-wrap>.custom-select:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-file,
.asColorPicker-wrap>.custom-file {
    display: flex;
    align-items: center;
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.asColorPicker-wrap>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label,
.asColorPicker-wrap>.custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group:not(.has-validation)>.form-control:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.form-control:not(:last-child),
.input-group:not(.has-validation)>.asColorPicker-input:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.asColorPicker-input:not(:last-child),
.dataTables_wrapper .input-group:not(.has-validation)>select:not(:last-child),
.dataTables_wrapper .asColorPicker-wrap:not(.has-validation)>select:not(:last-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group:not(.has-validation)>input:not(:last-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap:not(.has-validation)>input:not(:last-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group:not(.has-validation)>select:not(:last-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap:not(.has-validation)>select:not(:last-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group:not(.has-validation)>input:not(:last-child)[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap:not(.has-validation)>input:not(:last-child)[type=number],
.select2-container--default .input-group:not(.has-validation)>.select2-selection--single:not(:last-child),
.select2-container--default .asColorPicker-wrap:not(.has-validation)>.select2-selection--single:not(:last-child),
.select2-container--default .select2-selection--single .input-group:not(.has-validation)>.select2-search__field:not(:last-child),
.select2-container--default .select2-selection--single .asColorPicker-wrap:not(.has-validation)>.select2-search__field:not(:last-child),
.input-group:not(.has-validation)>.typeahead:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.typeahead:not(:last-child),
.input-group:not(.has-validation)>.tt-query:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.tt-query:not(:last-child),
.input-group:not(.has-validation)>.tt-hint:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.tt-hint:not(:last-child),
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.asColorPicker-wrap:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group.has-validation>.form-control:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.form-control:nth-last-child(n+3),
.input-group.has-validation>.asColorPicker-input:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.asColorPicker-input:nth-last-child(n+3),
.dataTables_wrapper .input-group.has-validation>select:nth-last-child(n+3),
.dataTables_wrapper .has-validation.asColorPicker-wrap>select:nth-last-child(n+3),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group.has-validation>input:nth-last-child(n+3)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .has-validation.asColorPicker-wrap>input:nth-last-child(n+3)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group.has-validation>select:nth-last-child(n+3),
.jsgrid .jsgrid-table .jsgrid-filter-row .has-validation.asColorPicker-wrap>select:nth-last-child(n+3),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group.has-validation>input:nth-last-child(n+3)[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .has-validation.asColorPicker-wrap>input:nth-last-child(n+3)[type=number],
.select2-container--default .input-group.has-validation>.select2-selection--single:nth-last-child(n+3),
.select2-container--default .has-validation.asColorPicker-wrap>.select2-selection--single:nth-last-child(n+3),
.select2-container--default .select2-selection--single .input-group.has-validation>.select2-search__field:nth-last-child(n+3),
.select2-container--default .select2-selection--single .has-validation.asColorPicker-wrap>.select2-search__field:nth-last-child(n+3),
.input-group.has-validation>.typeahead:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.typeahead:nth-last-child(n+3),
.input-group.has-validation>.tt-query:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.tt-query:nth-last-child(n+3),
.input-group.has-validation>.tt-hint:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.tt-hint:nth-last-child(n+3),
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.has-validation.asColorPicker-wrap>.custom-file:nth-last-child(n+3) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
    display: flex;
}
.input-group-prepend .btn,
.input-group-prepend .fc button,
.fc .input-group-prepend button,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled,
.input-group-prepend .wizard>.actions a,
.wizard>.actions .input-group-prepend a,
.input-group-append .btn,
.input-group-append .fc button,
.fc .input-group-append button,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled,
.input-group-append .wizard>.actions a,
.wizard>.actions .input-group-append a {
    position: relative;
    z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-prepend .fc button:focus,
.fc .input-group-prepend button:focus,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload:focus,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload:focus,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled:focus,
.input-group-prepend .wizard>.actions a:focus,
.wizard>.actions .input-group-prepend a:focus,
.input-group-append .btn:focus,
.input-group-append .fc button:focus,
.fc .input-group-append button:focus,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload:focus,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload:focus,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled:focus,
.input-group-append .wizard>.actions a:focus,
.wizard>.actions .input-group-append a:focus {
    z-index: 3;
}
.input-group-prepend .btn+.btn,
.input-group-prepend .fc button+.btn,
.fc .input-group-prepend button+.btn,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.btn,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.btn,
.input-group-prepend .wizard>.actions a+.btn,
.wizard>.actions .input-group-prepend a+.btn,
.input-group-prepend .fc .btn+button,
.fc .input-group-prepend .btn+button,
.input-group-prepend .fc button+button,
.fc .input-group-prepend button+button,
.input-group-prepend .ajax-upload-dragdrop .fc .ajax-file-upload+button,
.fc .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .input-group-prepend .fc .ajax-file-upload+button,
.fc .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+button,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .fc .swal2-styled+button,
.fc .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .fc .swal2-styled+button,
.fc .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+button,
.input-group-prepend .wizard>.actions .fc a+button,
.fc .input-group-prepend .wizard>.actions a+button,
.wizard>.actions .input-group-prepend .fc a+button,
.fc .wizard>.actions .input-group-prepend a+button,
.input-group-prepend .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .btn+.ajax-file-upload,
.input-group-prepend .fc .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .fc button+.ajax-file-upload,
.fc .input-group-prepend .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .input-group-prepend button+.ajax-file-upload,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.ajax-file-upload,
.input-group-prepend .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .input-group-prepend .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .input-group-prepend a+.ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .btn+.swal2-styled,
.input-group-prepend .fc .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .fc button+.swal2-styled,
.fc .input-group-prepend .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .input-group-prepend button+.swal2-styled,
.input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.swal2-styled,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.swal2-styled,
.input-group-prepend .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard>.actions a+.swal2-styled,
.wizard>.actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .input-group-prepend a+.swal2-styled,
.input-group-prepend .wizard>.actions .btn+a,
.wizard>.actions .input-group-prepend .btn+a,
.input-group-prepend .fc .wizard>.actions button+a,
.wizard>.actions .input-group-prepend .fc button+a,
.fc .input-group-prepend .wizard>.actions button+a,
.wizard>.actions .fc .input-group-prepend button+a,
.input-group-prepend .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .input-group-prepend .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+a,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+a,
.input-group-prepend .wizard>.actions a+a,
.wizard>.actions .input-group-prepend a+a,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .fc button+.input-group-text,
.fc .input-group-prepend button+.input-group-text,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.input-group-text,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.input-group-text,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.input-group-text,
.input-group-prepend .wizard>.actions a+.input-group-text,
.wizard>.actions .input-group-prepend a+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .fc .input-group-text+button,
.fc .input-group-prepend .input-group-text+button,
.input-group-prepend .ajax-upload-dragdrop .input-group-text+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .input-group-text+.ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text+.swal2-styled,
.input-group-prepend .wizard>.actions .input-group-text+a,
.wizard>.actions .input-group-prepend .input-group-text+a,
.input-group-append .btn+.btn,
.input-group-append .fc button+.btn,
.fc .input-group-append button+.btn,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.btn,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.btn,
.input-group-append .wizard>.actions a+.btn,
.wizard>.actions .input-group-append a+.btn,
.input-group-append .fc .btn+button,
.fc .input-group-append .btn+button,
.input-group-append .fc button+button,
.fc .input-group-append button+button,
.input-group-append .ajax-upload-dragdrop .fc .ajax-file-upload+button,
.fc .input-group-append .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .input-group-append .fc .ajax-file-upload+button,
.fc .ajax-upload-dragdrop .input-group-append .ajax-file-upload+button,
.input-group-append .swal2-modal .swal2-buttonswrapper .fc .swal2-styled+button,
.fc .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .input-group-append .fc .swal2-styled+button,
.fc .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+button,
.input-group-append .wizard>.actions .fc a+button,
.fc .input-group-append .wizard>.actions a+button,
.wizard>.actions .input-group-append .fc a+button,
.fc .wizard>.actions .input-group-append a+button,
.input-group-append .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .btn+.ajax-file-upload,
.input-group-append .fc .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .fc button+.ajax-file-upload,
.fc .input-group-append .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .input-group-append button+.ajax-file-upload,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.ajax-file-upload,
.input-group-append .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .input-group-append .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .input-group-append a+.ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .btn+.swal2-styled,
.input-group-append .fc .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .fc button+.swal2-styled,
.fc .input-group-append .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .input-group-append button+.swal2-styled,
.input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload+.swal2-styled,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.swal2-styled,
.input-group-append .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .wizard>.actions a+.swal2-styled,
.wizard>.actions .input-group-append .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .input-group-append a+.swal2-styled,
.input-group-append .wizard>.actions .btn+a,
.wizard>.actions .input-group-append .btn+a,
.input-group-append .fc .wizard>.actions button+a,
.wizard>.actions .input-group-append .fc button+a,
.fc .input-group-append .wizard>.actions button+a,
.wizard>.actions .fc .input-group-append button+a,
.input-group-append .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .input-group-append .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload+a,
.input-group-append .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .input-group-append .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+a,
.input-group-append .wizard>.actions a+a,
.wizard>.actions .input-group-append a+a,
.input-group-append .btn+.input-group-text,
.input-group-append .fc button+.input-group-text,
.fc .input-group-append button+.input-group-text,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.input-group-text,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.input-group-text,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.input-group-text,
.input-group-append .wizard>.actions a+.input-group-text,
.wizard>.actions .input-group-append a+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .fc .input-group-text+button,
.fc .input-group-append .input-group-text+button,
.input-group-append .ajax-upload-dragdrop .input-group-text+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .input-group-text+.ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text+.swal2-styled,
.input-group-append .wizard>.actions .input-group-text+a,
.wizard>.actions .input-group-append .input-group-text+a {
    margin-right: -1px;
}
.input-group-prepend {
    margin-left: -1px;
}
.input-group-append {
    margin-right: -1px;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.94rem 1.375rem;
    margin-bottom: 0;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 2px;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0;
}
.input-group-lg>.form-control:not(textarea),
.input-group-lg>.asColorPicker-input:not(textarea),
.dataTables_wrapper .input-group-lg>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input:not(textarea)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input:not(textarea)[type=number],
.select2-container--default .input-group-lg>.select2-selection--single:not(textarea),
.select2-container--default .select2-selection--single .input-group-lg>.select2-search__field:not(textarea),
.input-group-lg>.typeahead:not(textarea),
.input-group-lg>.tt-query:not(textarea),
.input-group-lg>.tt-hint:not(textarea),
.input-group-lg>.custom-select {
    height: 3.175rem;
}
.input-group-lg>.form-control,
.input-group-lg>.asColorPicker-input,
.dataTables_wrapper .input-group-lg>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type=number],
.select2-container--default .input-group-lg>.select2-selection--single,
.select2-container--default .select2-selection--single .input-group-lg>.select2-search__field,
.input-group-lg>.typeahead,
.input-group-lg>.tt-query,
.input-group-lg>.tt-hint,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.fc .input-group-lg>.input-group-prepend>button,
.ajax-upload-dragdrop .input-group-lg>.input-group-prepend>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-lg>.input-group-prepend>.swal2-styled,
.wizard>.actions .input-group-lg>.input-group-prepend>a,
.input-group-lg>.input-group-append>.btn,
.fc .input-group-lg>.input-group-append>button,
.ajax-upload-dragdrop .input-group-lg>.input-group-append>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-lg>.input-group-append>.swal2-styled,
.wizard>.actions .input-group-lg>.input-group-append>a {
    padding: 0.94rem 1.94rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.input-group-sm>.form-control:not(textarea),
.input-group-sm>.asColorPicker-input:not(textarea),
.dataTables_wrapper .input-group-sm>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input:not(textarea)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input:not(textarea)[type=number],
.select2-container--default .input-group-sm>.select2-selection--single:not(textarea),
.select2-container--default .select2-selection--single .input-group-sm>.select2-search__field:not(textarea),
.input-group-sm>.typeahead:not(textarea),
.input-group-sm>.tt-query:not(textarea),
.input-group-sm>.tt-hint:not(textarea),
.input-group-sm>.custom-select {
    height: 2.575rem;
}
.input-group-sm>.form-control,
.input-group-sm>.asColorPicker-input,
.dataTables_wrapper .input-group-sm>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type=number],
.select2-container--default .input-group-sm>.select2-selection--single,
.select2-container--default .select2-selection--single .input-group-sm>.select2-search__field,
.input-group-sm>.typeahead,
.input-group-sm>.tt-query,
.input-group-sm>.tt-hint,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.fc .input-group-sm>.input-group-prepend>button,
.ajax-upload-dragdrop .input-group-sm>.input-group-prepend>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-sm>.input-group-prepend>.swal2-styled,
.wizard>.actions .input-group-sm>.input-group-prepend>a,
.input-group-sm>.input-group-append>.btn,
.fc .input-group-sm>.input-group-append>button,
.ajax-upload-dragdrop .input-group-sm>.input-group-append>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-sm>.input-group-append>.swal2-styled,
.wizard>.actions .input-group-sm>.input-group-append>a {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-left: 1.75rem;
}
.input-group>.input-group-prepend>.btn,
.asColorPicker-wrap>.input-group-prepend>.btn,
.fc .input-group>.input-group-prepend>button,
.fc .asColorPicker-wrap>.input-group-prepend>button,
.ajax-upload-dragdrop .input-group>.input-group-prepend>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend>.swal2-styled,
.wizard>.actions .input-group>.input-group-prepend>a,
.wizard>.actions .asColorPicker-wrap>.input-group-prepend>a,
.input-group>.input-group-prepend>.input-group-text,
.asColorPicker-wrap>.input-group-prepend>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.fc .input-group:not(.has-validation)>.input-group-append:not(:last-child)>button,
.fc .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>button,
.ajax-upload-dragdrop .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.swal2-styled,
.wizard>.actions .input-group:not(.has-validation)>.input-group-append:not(:last-child)>a,
.wizard>.actions .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>a,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.btn,
.fc .input-group.has-validation>.input-group-append:nth-last-child(n+3)>button,
.fc .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>button,
.ajax-upload-dragdrop .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.ajax-file-upload,
.ajax-upload-dragdrop .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.swal2-styled,
.wizard>.actions .input-group.has-validation>.input-group-append:nth-last-child(n+3)>a,
.wizard>.actions .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>a,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.asColorPicker-wrap>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.fc .input-group>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle),
.fc .asColorPicker-wrap>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .input-group>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .input-group>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .asColorPicker-wrap>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.asColorPicker-wrap>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.input-group-append>.btn,
.asColorPicker-wrap>.input-group-append>.btn,
.fc .input-group>.input-group-append>button,
.fc .asColorPicker-wrap>.input-group-append>button,
.ajax-upload-dragdrop .input-group>.input-group-append>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append>.swal2-styled,
.wizard>.actions .input-group>.input-group-append>a,
.wizard>.actions .asColorPicker-wrap>.input-group-append>a,
.input-group>.input-group-append>.input-group-text,
.asColorPicker-wrap>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.btn,
.fc .input-group>.input-group-prepend:not(:first-child)>button,
.fc .asColorPicker-wrap>.input-group-prepend:not(:first-child)>button,
.ajax-upload-dragdrop .input-group>.input-group-prepend:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.swal2-styled,
.wizard>.actions .input-group>.input-group-prepend:not(:first-child)>a,
.wizard>.actions .asColorPicker-wrap>.input-group-prepend:not(:first-child)>a,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.asColorPicker-wrap>.input-group-prepend:first-child>.btn:not(:first-child),
.fc .input-group>.input-group-prepend:first-child>button:not(:first-child),
.fc .asColorPicker-wrap>.input-group-prepend:first-child>button:not(:first-child),
.ajax-upload-dragdrop .input-group>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child),
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
.wizard>.actions .input-group>.input-group-prepend:first-child>a:not(:first-child),
.wizard>.actions .asColorPicker-wrap>.input-group-prepend:first-child>a:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.asColorPicker-wrap>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.custom-control-inline {
    display: inline-flex;
    margin-left: 1rem;
}
.custom-control-input {
    position: absolute;
    right: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}
.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
    color: #6c757d;
}
.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
    padding-right: 2.25rem;
}
.custom-switch .custom-control-label::before {
    right: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    right: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(-0.75rem);
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") left 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #ffffff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-left: 0.75rem;
    background-image: none;
}
.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}
.custom-select::-ms-expand {
    display: none;
}
.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
}
.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    font-size: 1.25rem;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}
.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef;
}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}
.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}
.custom-file-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-right: inherit;
    border-radius: 0.25rem 0 0 0.25rem;
}
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-range:focus {
    outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
    border: 0;
}
.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}
.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}
.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}
.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}
.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
    margin-left: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
    cursor: default;
}
.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #ebedf2;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #ebedf2 #ebedf2 #ebedf2;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #343a40;
    background-color: #ffffff;
    border-color: #ebedf2 #ebedf2 #ffffff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.nav-pills .nav-link {
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50% / 100% 100% no-repeat;
}
.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}
@media (max-width: 575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (max-width: 767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-left: 0;
    padding-right: 0;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
    color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.3125rem;
}
.card>hr {
    margin-left: 0;
    margin-right: 0;
}
.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card>.list-group:first-child {
    border-top-width: 0;
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: 0.75rem;
}
.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link+.card-link {
    margin-right: 1.25rem;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
    margin-left: -0.625rem;
    margin-bottom: -0.75rem;
    margin-right: -0.625rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}
.card-img,
.card-img-top {
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-left: 15px;
        margin-bottom: 0;
        margin-right: 15px;
    }
}
.card-group>.card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group>.card+.card {
        margin-right: 0;
        border-right: 0;
    }

    .card-group>.card:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-left-radius: 0;
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-left-radius: 0;
    }

    .card-group>.card:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-right-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-right-radius: 0;
    }
}
.card-columns .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.accordion {
    overflow-anchor: none;
}
.accordion>.card {
    overflow: hidden;
}
.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.accordion>.card:not(:first-of-type) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.56rem 1.13rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}
.breadcrumb-item+.breadcrumb-item {
    padding-right: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #495057;
}
.pagination,
.jsgrid .jsgrid-pager {
    display: flex;
    padding-right: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-right: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.page-item:last-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.page-item.disabled .page-link,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link,
.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a,
.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.pagination-lg .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link,
.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a,
.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link,
.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a,
.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.pagination-sm .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link,
.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a,
.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link,
.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a,
.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}
.badge:empty {
    display: none;
}
.btn .badge,
.fc button .badge,
.ajax-upload-dragdrop .ajax-file-upload .badge,
.swal2-modal .swal2-buttonswrapper .swal2-styled .badge,
.wizard>.actions a .badge {
    position: relative;
    top: -1px;
}
.badge-pill {
    padding-left: 0.6em;
    padding-right: 0.6em;
    border-radius: 10rem;
}
.badge-primary {
    color: #fff;
    background-color: var(--theme-color);
}
a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #9d3aff;
}
a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.badge-secondary {
    color: #212529;
    background-color: #c3bdbd;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #212529;
    background-color: #aba2a2;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.badge-success,
.preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #212529;
    background-color: #1bcfb4;
}
a.badge-success:hover,
.preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover,
a.badge-success:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus {
    color: #212529;
    background-color: #15a28d;
}
a.badge-success:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus,
a.badge-success.focus,
.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    color: #fff;
    background-color: #198ae3;
}
a.badge-info:hover,
.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover,
a.badge-info:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus {
    color: #fff;
    background-color: #146eb5;
}
a.badge-info:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus,
a.badge-info.focus,
.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.badge-warning,
.preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    color: #212529;
    background-color: #fed713;
}
a.badge-warning:hover,
.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover,
a.badge-warning:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus {
    color: #212529;
    background-color: #ddb901;
}
a.badge-warning:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus,
a.badge-warning.focus,
.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.badge-danger {
    color: #212529;
    background-color: #fe7c96;
}
a.badge-danger:hover,
a.badge-danger:focus {
    color: #212529;
    background-color: #fe496d;
}
a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}
a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}
a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
    color: #fff;
    background-color: #3e4b5b;
}
a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #29323d;
}
a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}
.jumbotron-fluid {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-left: 4rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit;
}
.alert-primary {
    color: #5f3985;
    background-color: #f0e2ff;
    border-color: #ebd6ff;
}
.alert-primary hr {
    border-top-color: #dfbdff;
}
.alert-primary .alert-link {
    color: #462a61;
}
.alert-secondary {
    color: #656262;
    background-color: #f3f2f2;
    border-color: #eeeded;
}
.alert-secondary hr {
    border-top-color: #e2e0e0;
}
.alert-secondary .alert-link {
    color: #4b4949;
}
.alert-success {
    color: #0e6c5e;
    background-color: #d1f5f0;
    border-color: #bff2ea;
}
.alert-success hr {
    border-top-color: #aaeee3;
}
.alert-success .alert-link {
    color: #083f37;
}
.alert-info {
    color: #0d4876;
    background-color: #d1e8f9;
    border-color: #bfdef7;
}
.alert-info hr {
    border-top-color: #a8d2f4;
}
.alert-info .alert-link {
    color: #082c48;
}
.alert-warning {
    color: #84700a;
    background-color: #fff7d0;
    border-color: #fff4bd;
}
.alert-warning hr {
    border-top-color: #fff0a4;
}
.alert-warning .alert-link {
    color: #554806;
}
.alert-danger {
    color: #84404e;
    background-color: #ffe5ea;
    border-color: #ffdae2;
}
.alert-danger hr {
    border-top-color: #ffc1ce;
}
.alert-danger .alert-link {
    color: #622f3a;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-light hr {
    border-top-color: #ececf6;
}
.alert-light .alert-link {
    color: #686868;
}
.alert-dark {
    color: #20272f;
    background-color: #d8dbde;
    border-color: #c9cdd1;
}
.alert-dark hr {
    border-top-color: #bbc0c5;
}
.alert-dark .alert-link {
    color: #0b0e11;
}
@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}
.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}
.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.list-group-item+.list-group-item {
    border-top-width: 0;
}
.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal>.list-group-item:first-child {
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
}
.list-group-horizontal>.list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
}
.list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}
.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
.list-group-flush {
    border-radius: 0;
}
.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}
.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}
.list-group-item-primary {
    color: #5f3985;
    background-color: #ebd6ff;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #5f3985;
    background-color: #dfbdff;
}
.list-group-item-primary.list-group-item-action.active {
    color: #ffffff;
    background-color: #5f3985;
    border-color: #5f3985;
}
.list-group-item-secondary {
    color: #656262;
    background-color: #eeeded;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #656262;
    background-color: #e2e0e0;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #ffffff;
    background-color: #656262;
    border-color: #656262;
}
.list-group-item-success {
    color: #0e6c5e;
    background-color: #bff2ea;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0e6c5e;
    background-color: #aaeee3;
}
.list-group-item-success.list-group-item-action.active {
    color: #ffffff;
    background-color: #0e6c5e;
    border-color: #0e6c5e;
}
.list-group-item-info {
    color: #0d4876;
    background-color: #bfdef7;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0d4876;
    background-color: #a8d2f4;
}
.list-group-item-info.list-group-item-action.active {
    color: #ffffff;
    background-color: #0d4876;
    border-color: #0d4876;
}
.list-group-item-warning {
    color: #84700a;
    background-color: #fff4bd;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #84700a;
    background-color: #fff0a4;
}
.list-group-item-warning.list-group-item-action.active {
    color: #ffffff;
    background-color: #84700a;
    border-color: #84700a;
}
.list-group-item-danger {
    color: #84404e;
    background-color: #ffdae2;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #84404e;
    background-color: #ffc1ce;
}
.list-group-item-danger.list-group-item-action.active {
    color: #ffffff;
    background-color: #84404e;
    border-color: #84404e;
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
    color: #ffffff;
    background-color: #818182;
    border-color: #818182;
}
.list-group-item-dark {
    color: #20272f;
    background-color: #c9cdd1;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #20272f;
    background-color: #bbc0c5;
}
.list-group-item-dark.list-group-item-action.active {
    color: #ffffff;
    background-color: #20272f;
    border-color: #20272f;
}
.close {
    float: left;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.close:hover {
    color: #000;
    text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
a.close.disabled {
    pointer-events: none;
}
.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}
.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}
.toast.showing {
    opacity: 1;
}
.toast.show {
    display: block;
    opacity: 1;
}
.toast.hide {
    display: none;
}
.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.toast-body {
    padding: 0.75rem;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.4s ease;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 20px);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 20px);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 20px);
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 20px);
    height: -moz-min-content;
    height: min-content;
    content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #f2edf3;
    background-clip: padding-box;
    border: 1px solid #ebedf2;
    border-radius: 0.3rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #ebedf2;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -25px auto -25px -26px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0.937rem;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.687rem;
    border-top: 1px solid #ebedf2;
    border-bottom-left-radius: calc(0.3rem - 1px);
    border-bottom-right-radius: calc(0.3rem - 1px);
}
.modal-footer>* {
    margin: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 60px);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 60px);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 60px);
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 60px);
        height: -moz-min-content;
        height: min-content;
    }

    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 90%;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.75rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.4rem 0.75rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.375rem;
}
.popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}
.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^="top"]>.arrow {
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^="top"]>.arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^="top"]>.arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}
.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^="left"]>.arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^="left"]>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^="left"]>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}
.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^="bottom"]>.arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: 1rem;
    margin-right: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}
.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^="right"]>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^="right"]>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^="right"]>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}
.carousel {
    position: relative;
}
.carousel.pointer-event {
    touch-action: pan-y;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}
.carousel-item {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    margin-left: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    transform: translateX(-100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    transform: translateX(100%);
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-prev {
    right: 0;
}
.carousel-control-next {
    left: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50% / 100% 100% no-repeat;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-right: 0;
    margin-left: 15%;
    margin-right: 15%;
    list-style: none;
}
.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}
.carousel-indicators .active {
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 20px;
    right: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-left-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
@media (prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.bg-primary,
.settings-panel .color-tiles .tiles.primary {
    background-color: var(--theme-color) !important;
}
a.bg-primary:hover,
.settings-panel .color-tiles a.tiles.primary:hover,
a.bg-primary:focus,
.settings-panel .color-tiles a.tiles.primary:focus,
button.bg-primary:hover,
.settings-panel .color-tiles button.tiles.primary:hover,
button.bg-primary:focus,
.settings-panel .color-tiles button.tiles.primary:focus {
    background-color: #9d3aff !important;
}
.bg-secondary {
    background-color: #c3bdbd !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #aba2a2 !important;
}
.bg-success,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.settings-panel .color-tiles .tiles.success {
    background-color: #1bcfb4 !important;
}
a.bg-success:hover,
.swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm:hover,
.settings-panel .color-tiles a.tiles.success:hover,
a.bg-success:focus,
.swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm:focus,
.settings-panel .color-tiles a.tiles.success:focus,
button.bg-success:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm:hover,
.settings-panel .color-tiles button.tiles.success:hover,
button.bg-success:focus,
.swal2-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm:focus,
.settings-panel .color-tiles button.tiles.success:focus {
    background-color: #15a28d !important;
}
.bg-info,
.settings-panel .color-tiles .tiles.info {
    background-color: #198ae3 !important;
}
a.bg-info:hover,
.settings-panel .color-tiles a.tiles.info:hover,
a.bg-info:focus,
.settings-panel .color-tiles a.tiles.info:focus,
button.bg-info:hover,
.settings-panel .color-tiles button.tiles.info:hover,
button.bg-info:focus,
.settings-panel .color-tiles button.tiles.info:focus {
    background-color: #146eb5 !important;
}
.bg-warning,
.settings-panel .color-tiles .tiles.warning {
    background-color: #fed713 !important;
}
a.bg-warning:hover,
.settings-panel .color-tiles a.tiles.warning:hover,
a.bg-warning:focus,
.settings-panel .color-tiles a.tiles.warning:focus,
button.bg-warning:hover,
.settings-panel .color-tiles button.tiles.warning:hover,
button.bg-warning:focus,
.settings-panel .color-tiles button.tiles.warning:focus {
    background-color: #ddb901 !important;
}
.bg-danger,
.settings-panel .color-tiles .tiles.danger {
    background-color: #fe7c96 !important;
}
a.bg-danger:hover,
.settings-panel .color-tiles a.tiles.danger:hover,
a.bg-danger:focus,
.settings-panel .color-tiles a.tiles.danger:focus,
button.bg-danger:hover,
.settings-panel .color-tiles button.tiles.danger:hover,
button.bg-danger:focus,
.settings-panel .color-tiles button.tiles.danger:focus {
    background-color: #fe496d !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}
.bg-dark,
.settings-panel .color-tiles .tiles.dark {
    background-color: #3e4b5b !important;
}
a.bg-dark:hover,
.settings-panel .color-tiles a.tiles.dark:hover,
a.bg-dark:focus,
.settings-panel .color-tiles a.tiles.dark:focus,
button.bg-dark:hover,
.settings-panel .color-tiles button.tiles.dark:hover,
button.bg-dark:focus,
.settings-panel .color-tiles button.tiles.dark:focus {
    background-color: #29323d !important;
}
.bg-white {
    background-color: #ffffff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.border,
.loader-demo-box {
    border: 1px solid #ebedf2 !important;
}
.border-top {
    border-top: 1px solid #ebedf2 !important;
}
.border-right {
    border-left: 1px solid #ebedf2 !important;
}
.border-bottom {
    border-bottom: 1px solid #ebedf2 !important;
}
.border-left {
    border-right: 1px solid #ebedf2 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-left: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-right: 0 !important;
}
.border-primary {
    border-color: var(--theme-color) !important;
}
.border-secondary,
.loader-demo-box {
    border-color: #c3bdbd !important;
}
.border-success,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
    border-color: #1bcfb4 !important;
}
.border-info {
    border-color: #198ae3 !important;
}
.border-warning {
    border-color: #fed713 !important;
}
.border-danger {
    border-color: #fe7c96 !important;
}
.border-light {
    border-color: #f8f9fa !important;
}
.border-dark {
    border-color: #3e4b5b !important;
}
.border-white {
    border-color: #ffffff !important;
}
.rounded-sm {
    border-radius: 0.2rem !important;
}
.rounded,
.loader-demo-box {
    border-radius: 0.25rem !important;
}
.rounded-top {
    border-top-right-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}
.rounded-right {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-left {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-lg {
    border-radius: 0.3rem !important;
}
.rounded-circle,
.settings-panel .color-tiles .tiles {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex,
.page-header,
.loader-demo-box,
.list-wrapper ul li,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user,
.email-wrapper .mail-list-container .mail-list .details,
.email-wrapper .message-body .attachments-sections ul li .thumb,
.email-wrapper .message-body .attachments-sections ul li .details .buttons,
.lightGallery .image-tile .demo-gallery-poster,
.swal2-modal,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link {
    display: flex !important;
}
.d-inline-flex,
.email-wrapper .message-body .attachments-sections ul li {
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.flex-row,
.email-wrapper .message-body .attachments-sections ul li {
    flex-direction: row !important;
}
.flex-column,
.nav-tabs.nav-tabs-vertical,
.nav-tabs.nav-tabs-vertical-custom,
.nav-pills.nav-pills-vertical,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.justify-content-start,
.list-wrapper ul li {
    justify-content: flex-start !important;
}
.justify-content-end,
.email-wrapper .mail-list-container .mail-list .details {
    justify-content: flex-end !important;
}
.justify-content-center,
.email-wrapper .message-body .attachments-sections ul li .thumb {
    justify-content: center !important;
}
.justify-content-between,
.page-header {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center,
.page-header,
.loader-demo-box,
.list-wrapper ul li,
.email-wrapper .message-body .attachments-sections ul li .thumb,
.email-wrapper .message-body .attachments-sections ul li .details .buttons,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch,
.email-wrapper .message-body .attachments-sections ul li {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}
.float-left {
    float: right !important;
}
.float-right {
    float: left !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 576px) {
    .float-sm-left {
        float: right !important;
    }

    .float-sm-right {
        float: left !important;
    }

    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-md-left {
        float: right !important;
    }

    .float-md-right {
        float: left !important;
    }

    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 992px) {
    .float-lg-left {
        float: right !important;
    }

    .float-lg-right {
        float: left !important;
    }

    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .float-xl-left {
        float: right !important;
    }

    .float-xl-right {
        float: left !important;
    }

    .float-xl-none {
        float: none !important;
    }
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: sticky !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1030;
}
@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}
.vh-100 {
    height: 100vh !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.demo-modal .modal-dialog,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.rtl .settings-panel .sidebar-bg-options .rounded-circle,
.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.rtl .settings-panel .events i,
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i,
.mx-0 {
    margin-left: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.rtl .preview-list .preview-item .preview-thumbnail .preview-icon i,
.rtl .list-wrapper .remove,
.rtl .navbar .navbar-menu-wrapper .search-field,
.mx-0 {
    margin-right: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.template-demo>.btn-group,
.fc .template-demo>.fc-button-group,
.template-demo>.btn-group-vertical,
.template-demo .circle-progress,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.template-demo>.btn-group,
.fc .template-demo>.fc-button-group,
.template-demo>.btn-group-vertical,
.template-demo>.dropdown,
.mx-2 {
    margin-left: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.btn-toolbar .btn-group+.btn-group,
.btn-toolbar .fc .fc-button-group+.btn-group,
.fc .btn-toolbar .fc-button-group+.btn-group,
.btn-toolbar .fc .btn-group+.fc-button-group,
.fc .btn-toolbar .btn-group+.fc-button-group,
.btn-toolbar .fc .fc-button-group+.fc-button-group,
.fc .btn-toolbar .fc-button-group+.fc-button-group,
.rtl .settings-panel .events i,
.mx-2 {
    margin-right: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.template-demo>.btn,
.fc .template-demo>button,
.ajax-upload-dragdrop .template-demo>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
.wizard>.actions .template-demo>a,
.template-demo>.btn-toolbar,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.template-demo>.btn,
.fc .template-demo>button,
.ajax-upload-dragdrop .template-demo>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
.wizard>.actions .template-demo>a,
.template-demo>.btn-toolbar,
.mx-3 {
    margin-left: 1rem !important;
}
.mb-3,
.template-demo .circle-progress-block,
.lock-screen .card .card-body img,
.lock-screen .card .card-body p,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.rtl .settings-panel .sidebar-bg-options .rounded-circle,
.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.mx-3 {
    margin-right: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.mr-4,
.rtl .navbar .navbar-menu-wrapper .search-field,
.mx-4 {
    margin-left: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-left: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-right: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.card-revenue-table .revenue-item:first-child,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-left: 0 !important;
}
.pb-0,
.card-revenue-table .revenue-item:last-child,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-right: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2,
.template-demo .circle-progress-block {
    padding-left: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2,
.template-demo .circle-progress-block {
    padding-right: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3,
.card-revenue-table .revenue-item {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-left: 1rem !important;
}
.pb-3,
.py-3,
.card-revenue-table .revenue-item {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-right: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-left: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-right: 3rem !important;
}
.m-n1 {
    margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}
.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}
.m-n2 {
    margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}
.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}
.m-n3 {
    margin: -1rem !important;
}
.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
    margin-left: -1rem !important;
}
.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
    margin-right: -1rem !important;
}
.m-n4 {
    margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}
.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}
.m-n5 {
    margin: -3rem !important;
}
.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
    margin-left: -3rem !important;
}
.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
    margin-right: -3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.rtl .list-wrapper .remove,
.mx-auto {
    margin-left: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.list-wrapper .remove,
.mx-auto {
    margin-right: auto !important;
}
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
}
.stretched-link::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
    text-align: justify !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: right !important;
}
.text-right {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: right !important;
    }

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

    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: right !important;
    }

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

    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .text-lg-left {
        text-align: right !important;
    }

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

    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .text-xl-left {
        text-align: right !important;
    }

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

    .text-xl-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-lighter {
    font-weight: lighter !important;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-bolder {
    font-weight: bolder !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white,
.navbar.navbar-primary .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-secondary .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-success .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-info .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-warning .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-danger .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-light .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-dark .navbar-menu-wrapper .nav-profile-text p {
    color: #ffffff !important;
}
.text-primary,
.list-wrapper .completed .remove {
    color: var(--theme-color) !important;
}
a.text-primary:hover,
.list-wrapper .completed a.remove:hover,
a.text-primary:focus,
.list-wrapper .completed a.remove:focus {
    color: #9021ff !important;
}
.text-secondary,
.list-wrapper .remove {
    color: #c3bdbd !important;
}
a.text-secondary:hover,
.list-wrapper a.remove:hover,
a.text-secondary:focus,
.list-wrapper a.remove:focus {
    color: #9f9595 !important;
}
.text-success {
    color: #1bcfb4 !important;
}
a.text-success:hover,
a.text-success:focus {
    color: #128b79 !important;
}
.text-info {
    color: #198ae3 !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #11609e !important;
}
.text-warning {
    color: #fed713 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #c4a301 !important;
}
.text-danger {
    color: #fe7c96 !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #fd3059 !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}
.text-dark {
    color: #3e4b5b !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #1f262e !important;
}
.text-body {
    color: #343a40 !important;
}
.text-muted,
.preview-list .preview-item .preview-item-content p .content-category,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation,
.email-wrapper .mail-list-container .mail-list .content .message_text,
.email-wrapper .mail-list-container .mail-list .details .date {
    color: #9c9fa6 !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table,
    .jsgrid .jsgrid-table {
        border-collapse: collapse !important;
    }

    .table td,
    .jsgrid .jsgrid-table td,
    .table th,
    .jsgrid .jsgrid-table th {
        background-color: #ffffff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #ebedf2;
    }

    .table .thead-dark th,
    .jsgrid .jsgrid-table .thead-dark th {
        color: inherit;
        border-color: #ebedf2;
    }
}
.list-wrapper ul li .form-check,
.list-wrapper ul li .form-check .form-check-label,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation,
.email-wrapper .mail-list-container .mail-list .content .sender-name,
.email-wrapper .message-body .attachments-sections ul li .details p.file-name,
.settings-panel .chat-list .list .info p {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}
@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0, 0px, 0);
    }
}
.dropdownAnimation,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    animation-name: dropdownAnimation;
    animation-duration: 0.25s;
    animation-fill-mode: both;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
.fadeOut {
    animation-name: fadeOut;
}
.infinite-spin {
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint,
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    box-shadow: none;
}
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    outline: 0;
    box-shadow: none;
}
a,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
    text-shadow: none;
}
[type=button]:focus,
a:active,
a:focus,
a:visited,
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
select::-moz-focus-inner {
    outline: 0;
}
input,
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
    outline-style: none;
}
textarea {
    resize: none;
    overflow-x: hidden;
}
.btn,
.fc button,
.ajax-upload-dragdrop .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
.wizard>.actions a,
.btn-group.open .dropdown-toggle,
.fc .open.fc-button-group .dropdown-toggle,
.btn:active,
.fc button:active,
.ajax-upload-dragdrop .ajax-file-upload:active,
.swal2-modal .swal2-buttonswrapper .swal2-styled:active,
.wizard>.actions a:active,
.btn:focus,
.fc button:focus,
.ajax-upload-dragdrop .ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.wizard>.actions a:focus,
.btn:hover,
.fc button:hover,
.ajax-upload-dragdrop .ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .swal2-styled:hover,
.wizard>.actions a:hover,
.btn:visited,
.fc button:visited,
.ajax-upload-dragdrop .ajax-file-upload:visited,
.swal2-modal .swal2-buttonswrapper .swal2-styled:visited,
.wizard>.actions a:visited,
a,
a:active,
a:checked,
a:focus,
a:hover,
a:visited,
body,
button,
button:active,
button:hover,
button:visited,
div,
input,
input:active,
input:focus,
input:hover,
input:visited,
select,
select:active,
select:focus,
select:visited,
textarea,
textarea:active,
textarea:focus,
textarea:hover,
textarea:visited {
    box-shadow: none;
}
.btn.active.focus,
.fc button.active.focus,
.ajax-upload-dragdrop .active.focus.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled,
.wizard>.actions a.active.focus,
.btn.active:focus,
.fc button.active:focus,
.ajax-upload-dragdrop .active.ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus,
.wizard>.actions a.active:focus,
.btn.focus,
.fc button.focus,
.ajax-upload-dragdrop .focus.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .focus.swal2-styled,
.wizard>.actions a.focus,
.btn:active.focus,
.fc button:active.focus,
.ajax-upload-dragdrop .ajax-file-upload:active.focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus,
.wizard>.actions a:active.focus,
.btn:active:focus,
.fc button:active:focus,
.ajax-upload-dragdrop .ajax-file-upload:active:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus,
.wizard>.actions a:active:focus,
.btn:focus,
.fc button:focus,
.ajax-upload-dragdrop .ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.wizard>.actions a:focus,
button,
button:active,
button:checked,
button:focus,
button:hover,
button:visited {
    outline: 0;
    outline-offset: 0;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: 0;
    outline-offset: 0;
}
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:visited {
    outline: 0;
}
a:focus,
input:focus {
    border-color: transparent;
    outline: none;
}
@font-face {
    font-family: 'ubuntu-light';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Light.eot");
    src: url("../fonts/Ubuntu-Light.woff2") format("woff2"), url("../fonts/Ubuntu-Light.woff") format("woff"), url("../onts/Ubuntu-Light.ttf") format("truetype");
}
@font-face {
    font-family: 'ubuntu-regular';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Regular.eot");
    src: url("../fonts/Ubuntu-Regular.woff2") format("woff2"), url("../fonts/Ubuntu-Regular.woff") format("woff"), url("../fonts/Ubuntu-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'ubuntu-medium';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Medium.eot");
    src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu-Medium.woff") format("woff"), url("../fonts/Ubuntu-Medium.ttf") format("truetype");
}
@font-face {
    font-family: 'ubuntu-bold';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Bold.eot");
    src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"), url("../fonts/Ubuntu-Bold.woff") format("woff"), url("../fonts/Ubuntu-Bold.ttf") format("truetype");
}
.text-twitter {
    color: #2caae1;
}
.text-facebook {
    color: #3b579d;
}
.text-google {
    color: #dc4a38;
}
.text-linkedin {
    color: #0177b5;
}
.text-pinterest {
    color: #cc2127;
}
.text-youtube {
    color: #e52d27;
}
.text-github {
    color: #333333;
}
.text-behance {
    color: #1769ff;
}
.text-dribbble {
    color: #ea4c89;
}
.text-reddit {
    color: #ff4500;
}
.bg-twitter {
    background: #2caae1;
}
.bg-facebook {
    background: #3b579d;
}
.bg-google {
    background: #dc4a38;
}
.bg-linkedin {
    background: #0177b5;
}
.bg-pinterest {
    background: #cc2127;
}
.bg-youtube {
    background: #e52d27;
}
.bg-github {
    background: #333333;
}
.bg-behance {
    background: #1769ff;
}
.bg-dribbble {
    background: #ea4c89;
}
.bg-reddit {
    background: #ff4500;
}
body {
    font-size: 1rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: initial;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "ubuntu-medium", sans-serif;
}
p {
    font-size: 0.875rem;
}
h1,
.h1 {
    font-size: 2.19rem;
}
h2,
.h2 {
    font-size: 1.88rem;
}
h3,
.h3 {
    font-size: 1.56rem;
}
h4,
.h4 {
    font-size: 1.13rem;
}
h5,
.h5 {
    font-size: 1rem;
}
h6,
.h6 {
    font-size: .9375rem;
}
p {
    font-size: .9375rem;
    line-height: 1.5;
}
.display-1 {
    font-size: 3.75rem;
}
@media (max-width: 991px) {
    .display-1 {
        font-size: 3rem;
    }
}
.display-2 {
    font-size: 3.125rem;
}
@media (max-width: 991px) {
    .display-2 {
        font-size: 2.5rem;
    }
}
.display-3 {
    font-size: 2.5rem;
}
@media (max-width: 991px) {
    .display-3 {
        font-size: 2rem;
    }
}
.display-4 {
    font-size: 1.875rem;
}
@media (max-width: 991px) {
    .display-4 {
        font-size: 1.5rem;
    }
}
.display-5 {
    font-size: 1.25rem;
}
@media (max-width: 991px) {
    .display-5 {
        font-size: 1rem;
    }
}
.blockquote {
    padding: 1.25rem;
    border: 1px solid #ebedf2;
}
address p {
    margin-bottom: 0;
}
.blockquote-primary {
    border-color: var(--theme-color);
}
.blockquote-primary .blockquote-footer {
    color: var(--theme-color);
}
.blockquote-secondary {
    border-color: #c3bdbd;
}
.blockquote-secondary .blockquote-footer {
    color: #c3bdbd;
}
.blockquote-success {
    border-color: #1bcfb4;
}
.blockquote-success .blockquote-footer {
    color: #1bcfb4;
}
.blockquote-info {
    border-color: #198ae3;
}
.blockquote-info .blockquote-footer {
    color: #198ae3;
}
.blockquote-warning {
    border-color: #fed713;
}
.blockquote-warning .blockquote-footer {
    color: #fed713;
}
.blockquote-danger {
    border-color: #fe7c96;
}
.blockquote-danger .blockquote-footer {
    color: #fe7c96;
}
.blockquote-light {
    border-color: #f8f9fa;
}
.blockquote-light .blockquote-footer {
    color: #f8f9fa;
}
.blockquote-dark {
    border-color: #3e4b5b;
}
.blockquote-dark .blockquote-footer {
    color: #3e4b5b;
}
.error-page h1 {
    font-size: 12rem;
}
@media (max-width: 991px) {
    .error-page h1 {
        font-size: 8rem;
    }
}
.icon-lg {
    font-size: 2.5rem;
}
.icon-md {
    font-size: 1.875rem;
}
.icon-sm {
    font-size: 1rem;
}
body,
html {
    overflow-x: hidden;
    padding-left: 0 !important;
}
*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {
    overflow: auto;
}
.container-scroller {
    overflow: hidden;
}
pre {
    background: #e8eff4;
    padding: 15px;
    font-size: 14px;
}
code {
    padding: 5px;
    color: #fe7c96;
    font-family: "ubuntu-light", sans-serif;
    font-size: 0.875rem;
    border-radius: 4px;
}
.page-header {
    margin: 0 0 1.5rem 0;
}
.page-header .breadcrumb {
    border: 0;
    margin-bottom: 0;
}
.page-title {
    color: #343a40;
    font-size: 1.125rem;
    margin-bottom: 0;
}
.page-title .page-title-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
}
.page-title .page-title-icon i {
    font-size: .9375rem;
    line-height: 36px;
}
.pro-banner {
    width: 100%;
    margin-bottom: 1.5rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.pro-banner .pro-banner-bg {
    background: #000;
    width: 100%;
}
.footer {
    background: #f2edf3;
    border-top: 1px solid #e7dee9;
    padding: 30px 1rem;
    transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    font-size: calc(0.875rem - 0.05rem);
    font-family: "ubuntu-regular", sans-serif;
}
.footer a {
    color: #1bcfb4;
    font-size: inherit;
}
@media (max-width: 991px) {
    .footer {
        margin-right: 0;
        width: 100%;
    }
}
.grid-margin {
    margin-bottom: 2.5rem;
}
@media (min-width: 576px) {
    .grid-margin-sm-0 {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .grid-margin-md-0 {
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .grid-margin-lg-0 {
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .grid-margin-xl-0 {
        margin-bottom: 0;
    }
}
.img-lg {
    width: 92px;
    height: 92px;
}
.img-sm {
    width: 43px;
    height: 43px;
}
.img-xs {
    width: 37px;
    height: 37px;
}
.img-ss,
.image-grouped .text-avatar,
.image-grouped img,
.settings-panel .color-tiles .tiles {
    width: 35px;
    height: 35px;
}
.img-es {
    width: 25px;
    height: 25px;
}
.stretch-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}
.stretch-card>.card {
    width: 100%;
    min-width: 100%;
}
@media (min-width: 576px) {
    .border-right-sm {
        border-left: 1px solid #ebedf2;
    }
}
@media (min-width: 768px) {
    .border-right-md {
        border-left: 1px solid #ebedf2;
    }
}
@media (min-width: 992px) {
    .border-right-lg {
        border-left: 1px solid #ebedf2;
    }
}
@media (min-width: 576px) {
    .border-left-sm {
        border-right: 1px solid #ebedf2;
    }
}
@media (min-width: 768px) {
    .border-left-md {
        border-right: 1px solid #ebedf2;
    }
}
@media (min-width: 992px) {
    .border-left-lg {
        border-right: 1px solid #ebedf2;
    }
}
.text-gray,
.card .card-subtitle {
    color: #8c8c8c;
}
.text-black {
    color: #000;
}
.text-small {
    font-size: 12px;
}
.text-medium {
    font-size: 14px;
}
.flex-grow {
    flex-grow: 1;
}
.font-weight-light {
    font-family: "ubuntu-light", sans-serif;
}
.font-weight-bold {
    font-family: "ubuntu-bold", sans-serif;
}
.font-weight-normal {
    font-family: "ubuntu-regular", sans-serif;
}
.font-weight-medium {
    font-weight: 500;
}
.font-weight-semi-bold {
    font-weight: 600;
}
.grid-margin-sm {
    margin-bottom: 1.25rem;
}
.image-grouped {
    display: flex;
}
.image-grouped .text-avatar,
.image-grouped img {
    border-radius: 100%;
    margin-right: -10px;
    z-index: 0;
    border: 4px solid #fff;
    transform: scale(1);
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform";
    transition-property: "box-shadow", "z-index", "transform", "border-width";
}
.image-grouped .text-avatar:first-child,
.image-grouped img:first-child {
    margin-right: 0;
}
.image-grouped .text-avatar:hover,
.image-grouped img:hover {
    z-index: 1;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);
    transform: scale(1.05);
    border-width: 0;
}
.image-grouped .text-avatar {
    color: var(--theme-color);
    font-size: 11px;
    font-weight: 600;
}
.aligner-wrapper {
    position: relative;
}
.aligner-wrapper .absolute {
    position: absolute;
}
.aligner-wrapper .absolute.absolute-center {
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.aligner-wrapper .absolute.left {
    right: 0;
}
.aligner-wrapper .absolute.right {
    left: 0;
}
.aligner-wrapper .absolute.bottom {
    bottom: 0;
}
.aligner-wrapper .absolute.top {
    top: 0;
}
.v-strock-1 {
    width: 2px;
}
.v-strock-2 {
    width: 3px;
}
.v-strock-3 {
    width: 4px;
}
.v-strock-4 {
    width: 5px;
}
.dot-indicator {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.dot-indicator.dot-indicator-sm {
    width: 6px;
    height: 6px;
}
.bg-gradient-primary {
    background: linear-gradient(to left, #da8cff, #9a55ff) !important;
}
.bg-gradient-secondary {
    background: linear-gradient(to left, #e7ebf0, #868e96) !important;
}
.bg-gradient-success,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today:before {
    background: linear-gradient(to left, #84d9d2, #07cdae) !important;
}
.bg-gradient-info {
    background: linear-gradient(to left, #90caf9, #047edf 1%) !important;
}
.bg-gradient-warning,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.active:before {
    background: linear-gradient(to left, #f6e384, #ffd500) !important;
}
.bg-gradient-danger {
    background: linear-gradient(to left, #ffbf96, #fe7096) !important;
}
.bg-gradient-light {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important;
}
.bg-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b) !important;
}
.template-demo .slider-wrap {
    height: 100px;
}
.template-demo .progress {
    margin-top: 1.5rem;
}
.template-demo>h2,
.template-demo>h3,
.template-demo>h4,
.template-demo>h5,
.template-demo>h6,
.template-demo>h1 {
    border-top: 1px solid #ebedf2;
    padding: 0.5rem 0 0;
}
.template-demo .ul-slider.noUi-horizontal {
    margin-top: 2rem;
}
.template-demo .ul-slider.noUi-vertical {
    margin-left: 2rem;
}
.template-demo>.dropdown {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.template-demo nav .breadcrumb {
    margin-bottom: 1.375rem;
}
.template-demo nav:last-child .breadcrumb {
    margin-bottom: 0;
}
.template-demo .editable-form>.form-group {
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
}
.template-demo .circle-progress {
    padding: 15px;
}
.demo-modal {
    position: static;
    display: block;
}
.demo-modal .modal-dialog.modal-lg {
    max-width: 100%;
}
.loader-demo-box {
    width: 100%;
    height: 200px;
}
.dropdown-menu-static-demo {
    height: 250px;
    margin-bottom: 20px;
}
.rtl .rounded-legend ul {
    padding-left: 0;
}
.rounded-legend ul li {
    list-style-type: none;
    color: #9c9fa6;
    font-size: .75rem;
}
.rounded-legend ul li .legend-dots {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: .5rem;
}
.rtl .rounded-legend ul li .legend-dots {
    margin-right: .5rem;
}
.rounded-legend.legend-horizontal {
    display: flex;
}
.rounded-legend.legend-horizontal ul li {
    display: inline-block;
    margin-left: 1.5rem;
}
.rtl .rounded-legend.legend-horizontal ul li {
    margin-left: auto;
    margin-right: 1.5rem;
}
.rounded-legend.legend-top-right ul {
    float: left;
}
.rtl .rounded-legend.legend-top-right ul {
    float: right;
}
.rounded-legend.legend-vertical ul li {
    margin-top: 1rem;
}
#proBanner {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #000;
}
#proBanner .card-body-padding {
    padding-top: .55rem;
    padding-bottom: .55rem;
}
#proBanner .buy-now-text {
    color: #ffffff;
}
@media (max-width: 766px) {
    #proBanner .buy-now-text {
        font-size: 10px;
        line-height: 1.5;
    }
}
#proBanner .btn.buy-now-btn,
#proBanner .fc button.buy-now-btn,
.fc #proBanner button.buy-now-btn,
#proBanner .ajax-upload-dragdrop .buy-now-btn.ajax-file-upload,
.ajax-upload-dragdrop #proBanner .buy-now-btn.ajax-file-upload,
#proBanner .swal2-modal .swal2-buttonswrapper .buy-now-btn.swal2-styled,
.swal2-modal .swal2-buttonswrapper #proBanner .buy-now-btn.swal2-styled,
#proBanner .wizard>.actions a.buy-now-btn,
.wizard>.actions #proBanner a.buy-now-btn {
    background: transparent;
    color: #88b6ff;
    padding: 1rem 0;
    border-radius: 4px;
    font-weight: bold;
}
@media (max-width: 766px) {

    #proBanner .btn.buy-now-btn,
    #proBanner .fc button.buy-now-btn,
    .fc #proBanner button.buy-now-btn,
    #proBanner .ajax-upload-dragdrop .buy-now-btn.ajax-file-upload,
    .ajax-upload-dragdrop #proBanner .buy-now-btn.ajax-file-upload,
    #proBanner .swal2-modal .swal2-buttonswrapper .buy-now-btn.swal2-styled,
    .swal2-modal .swal2-buttonswrapper #proBanner .buy-now-btn.swal2-styled,
    #proBanner .wizard>.actions a.buy-now-btn,
    .wizard>.actions #proBanner a.buy-now-btn {
        min-width: 80px;
        padding: 1rem .5rem;
        font-size: 12px;
    }
}
#proBanner .btn#bannerClose i,
#proBanner .fc button#bannerClose i,
.fc #proBanner button#bannerClose i,
#proBanner .ajax-upload-dragdrop #bannerClose.ajax-file-upload i,
.ajax-upload-dragdrop #proBanner #bannerClose.ajax-file-upload i,
#proBanner .swal2-modal .swal2-buttonswrapper #bannerClose.swal2-styled i,
.swal2-modal .swal2-buttonswrapper #proBanner #bannerClose.swal2-styled i,
#proBanner .wizard>.actions a#bannerClose i,
.wizard>.actions #proBanner a#bannerClose i {
    margin-left: 1rem;
    font-size: 1.5rem;
}
@media (max-width: 766px) {

    #proBanner .btn#bannerClose i,
    #proBanner .fc button#bannerClose i,
    .fc #proBanner button#bannerClose i,
    #proBanner .ajax-upload-dragdrop #bannerClose.ajax-file-upload i,
    .ajax-upload-dragdrop #proBanner #bannerClose.ajax-file-upload i,
    #proBanner .swal2-modal .swal2-buttonswrapper #bannerClose.swal2-styled i,
    .swal2-modal .swal2-buttonswrapper #proBanner #bannerClose.swal2-styled i,
    #proBanner .wizard>.actions a#bannerClose i,
    .wizard>.actions #proBanner a#bannerClose i {
        font-size: 1rem;
        margin-left: 0;
    }
}
#proBanner a {
    text-decoration: none;
}
#proBanner a i {
    font-size: 1.5rem;
}
@media (max-width: 766px) {
    #proBanner a i {
        font-size: 1rem;
    }
}
.proBanner-padding-top {
    padding-top: 70px !important;
}
.card-statistics .highlight-icon {
    height: 53px;
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.card-statistics .highlight-icon i {
    font-size: 27px;
}
.card-statistics .card-col {
    border-left: 1px solid #ebedf2;
}
.card-statistics .card-col:last-child {
    border-left: none;
}
@media (max-width: 767.98px) {
    .card-statistics .card-col {
        padding-right: 0;
        padding-left: 0;
        position: relative;
        border: none;
    }

    .card-statistics .card-col:first-child:after,
    .card-statistics .card-col:first-child:before,
    .card-statistics .card-col:nth-child(2):after,
    .card-statistics .card-col:nth-child(2):before,
    .card-statistics .card-col:nth-child(3):after,
    .card-statistics .card-col:nth-child(3):before {
        content: "";
        position: absolute;
        background: #ebedf2;
    }

    .card-statistics .card-col:first-child:before {
        bottom: 0;
        width: 94.2%;
        height: 1px;
        left: 0;
    }

    .card-statistics .card-col:first-child:after {
        bottom: 0;
        width: 1px;
        height: 100%;
        left: 0;
    }

    .card-statistics .card-col:nth-child(2):before {
        bottom: 0;
        width: 94.2%;
        height: 1px;
        right: 0;
    }

    .card-statistics .card-col:nth-child(3):before {
        width: 1px;
        height: 100%;
        left: 0;
    }
}
.card-revenue-table .revenue-item {
    border-bottom: 1px solid #ebedf2;
}
.card-revenue-table .revenue-item:last-child {
    border-bottom: 0;
}
.card-revenue-table .revenue-item .revenue-desc {
    margin-left: auto;
    width: 80%;
}
.card-revenue-table .revenue-item .revenue-desc p {
    margin-bottom: 0;
}
.card-revenue-table .revenue-item .revenue-amount {
    margin-right: auto;
    width: 40%;
}
.card-revenue-table .revenue-item .revenue-amount p {
    font-size: 1.25rem;
    font-family: "roboto", sans-serif;
    font-weight: 600;
    text-align: left;
}
.rtl .card-revenue-table .revenue-item .revenue-amount p {
    text-align: right;
}
.card-revenue {
    background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);
    background-size: cover;
    color: #ffffff;
}
.card-revenue .highlight-text {
    font-size: 1.875rem;
    font-family: "roboto", sans-serif;
    font-weight: 500;
}
.card-revenue .badge {
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 1.125rem;
    padding: 0.5rem 1.25rem;
}
.card-weather {
    background: #fff;
}
.card-weather .card-body {
    background: #ffffff;
}
.card-weather .card-body:first-child {
    background: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/images/samples/weather.svg") no-repeat center;
    background-size: cover;
}
.card-weather .weather-date-location {
    padding: 0 0 38px;
}
.card-weather .weather-data {
    padding: 0 0 4.75rem;
}
.card-weather .weather-data i {
    font-size: 5.313rem;
    line-height: 1;
}
.card-weather .weakly-weather {
    background: #fff;
    overflow-x: auto;
}
.card-weather .weakly-weather .weakly-weather-item {
    flex: 0 0 14.28%;
    border-left: 1px solid #ebedf2;
    padding: 1rem;
    text-align: center;
}
.card-weather .weakly-weather .weakly-weather-item i {
    font-size: 1.2rem;
}
.card-weather .weakly-weather .weakly-weather-item:last-child {
    border-left: 0;
}
.card-weather .weakly-weather .weakly-weather-item .symbol {
    color: #9c9fa6;
    font-size: 1.875rem;
    font-weight: 300;
}
.product-chart-wrapper {
    height: 92%;
}
#dashboardTrendingProgress {
    width: 60px;
}
.dashboard-bar-chart-legend .col {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.dashboard-bar-chart-legend .col .bg {
    margin-right: auto;
    margin-left: auto;
    height: 5px;
    width: 30px;
    display: block;
    margin-top: 5px;
}
.dashboard-bar-chart-legend .col:nth-child(1) .bg {
    background: #198ae3;
}
.dashboard-bar-chart-legend .col:nth-child(2) .bg {
    background: var(--theme-color);
}
.dashboard-bar-chart-legend .col:nth-child(3) .bg {
    background: #fe7c96;
}
.intro-banner {
    background: #dbe4ec;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 2px;
}
.intro-banner .banner-image {
    width: 24%;
    max-width: 100%;
}
.intro-banner .banner-image img {
    display: block;
    margin: auto;
}
.intro-banner .content-area {
    width: 58%;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.sales-mini-tabs {
    border-bottom: none;
}
.sales-mini-tabs .nav-item .nav-link {
    border: none;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 2px;
    transition-duration: 0.7s;
    transition-property: "color";
}
.sales-mini-tabs .nav-item .nav-link.active {
    font-weight: 600;
    background: white;
    color: var(--theme-color);
}
.dashboard-chat-height {
    height: 40px;
}
.product-item img {
    border-radius: 0.3125rem 0.3125rem 0 0;
}
.search-food {
    height: 40px;
}
.search-food .form-control,
.search-food .asColorPicker-input,
.search-food .dataTables_wrapper select,
.dataTables_wrapper .search-food select,
.search-food .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .search-food input[type=text],
.search-food .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .search-food select,
.search-food .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .search-food input[type=number],
.search-food .select2-container--default .select2-selection--single,
.select2-container--default .search-food .select2-selection--single,
.search-food .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .search-food .select2-search__field,
.search-food .typeahead,
.search-food .tt-query,
.search-food .tt-hint {
    background: #ffffff;
    height: 100%;
}
.search-food .map-icon {
    position: relative;
}
.search-food .map-icon:after {
    position: absolute;
    left: 10px;
    top: 25%;
    content: "\F34E";
    font-family: "Material Design Icons";
    display: block;
    color: #a7afb7;
    font-size: 1rem;
}
.erp-banner-img {
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 200px;
}
@media screen and (max-width: 991px) {
    .erp-banner-img {
        position: static;
        margin-top: 1rem;
    }
}
.erp-icon-rectangle {
    width: 61px;
    height: 61px;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 1rem;
    color: #ffffff;
    padding-top: 15px;
}
.erp-icon-rectangle i {
    font-size: 30px;
}
.ecommerce-banner-image-position {
    position: absolute;
    left: 40px;
    bottom: 0;
    width: 230px;
}
@media screen and (max-width: 1024px) {
    .ecommerce-banner-image-position {
        position: static;
        margin-top: 1rem;
    }
}
.grey-circle-profile-icon {
    width: 55px;
    height: 55px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 100%;
    padding-top: 10px;
}
.grey-circle-profile-icon i {
    color: #343a40;
    font-size: 30px;
}
.rouded-flag {
    font-size: 2.25rem;
}
.flag-icon-wrap {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 10px;
}
.accordion .card {
    margin-bottom: .75rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
    border-radius: .25rem;
}
.accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding: 2rem;
}
.accordion .card .card-header * {
    font-family: "ubuntu-regular", sans-serif;
    font-size: 1rem;
}
.accordion .card .card-header a {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    position: relative;
    transition: color 0.5s ease;
    padding-left: .5rem;
}
.accordion .card .card-header a:before {
    font-family: "Material Design Icons";
    position: absolute;
    left: 7px;
    top: 0;
    font-size: 18px;
    display: block;
}
.accordion .card .card-header a[aria-expanded="true"] {
    color: var(--theme-color);
}
.accordion .card .card-header a[aria-expanded="true"]:before {
    content: "\F0374";
}
.accordion .card .card-header a[aria-expanded="false"]:before {
    content: "\F0415";
}
.accordion .card .card-body {
    font-size: 14px;
    padding: 0 2rem 2rem 2rem;
    font-family: "ubuntu-regular", sans-serif;
    line-height: 1.5;
}
.accordion .card .card-body i {
    font-size: 1.25rem;
}
.accordion.accordion-bordered {
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
}
.accordion.accordion-bordered .card {
    margin: 0 2rem;
    border-top: 1px solid #ebedf2;
    box-shadow: none;
    border-radius: 0;
}
.accordion.accordion-bordered .card .card-header,
.accordion.accordion-bordered .card .card-body {
    padding-right: 0;
    padding-left: 0;
}
.accordion.accordion-bordered .card .card-header a:before {
    color: #fe7c96;
}
.accordion.accordion-bordered .card .card-header a[aria-expanded="true"] {
    color: inherit;
}
.accordion.accordion-bordered .card .card-header a[aria-expanded="true"]:before {
    content: "\F0062";
}
.accordion.accordion-bordered .card .card-header a[aria-expanded="false"]:before {
    content: "\F004A";
}
.accordion.accordion-bordered .card:first-child {
    border-top: 0;
}
.accordion.accordion-filled .card {
    padding: 0;
}
.accordion.accordion-filled .card .card-header {
    padding: 0;
}
.accordion.accordion-filled .card .card-header a {
    padding: 2rem 2rem 2rem 4.5rem;
    transition: all 0.2s linear;
}
.accordion.accordion-filled .card .card-header a:before {
    top: 40%;
    left: 40px;
}
.accordion.accordion-filled .card .card-header a[aria-expanded="true"] {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.accordion.accordion-filled .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
    color: #ffffff;
}
.accordion.accordion-filled .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.accordion.accordion-filled .card .card-body {
    padding: 0 2rem 2rem 2rem;
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.accordion.accordion-solid-header .card {
    padding: 0;
}
.accordion.accordion-solid-header .card .card-header {
    padding: 0;
}
.accordion.accordion-solid-header .card .card-header a {
    padding: 2rem 2rem 2rem 4.5rem;
    transition: all 0.2s linear;
}
.accordion.accordion-solid-header .card .card-header a:before {
    top: 40%;
    left: 40px;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
    color: #ffffff;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.accordion.accordion-solid-header .card .card-body {
    padding: 2rem;
}
.accordion.accordion-solid-content .card {
    padding: 0;
}
.accordion.accordion-solid-content .card .card-header {
    padding: 0;
}
.accordion.accordion-solid-content .card .card-header a {
    padding: 2rem 2rem 2rem 4.5rem;
    transition: all 0.2s linear;
}
.accordion.accordion-solid-content .card .card-header a:before {
    top: 40%;
    left: 40px;
}
.accordion.accordion-solid-content .card .card-header a[aria-expanded="true"] {
    color: inherit;
}
.accordion.accordion-solid-content .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
}
.accordion.accordion-solid-content .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.accordion.accordion-solid-content .card .card-body {
    padding: 2rem;
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.accordion.accordion-multi-colored .card .card-header,
.accordion.accordion-multi-colored .card .card-body {
    background: transparent;
    color: #ffffff;
}
.accordion.accordion-multi-colored .card:nth-child(1) {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.accordion.accordion-multi-colored .card:nth-child(2) {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.accordion.accordion-multi-colored .card:nth-child(3) {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.accordion.accordion-multi-colored .card:nth-child(4) {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.accordion.accordion-multi-colored .card:nth-child(5) {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.accordion.accordion-multi-colored .card .card-header a[aria-expanded="true"] {
    color: inherit;
}
.accordion.accordion-multi-colored .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
}
.accordion.accordion-multi-colored .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.badge {
    border-radius: .125rem;
    font-size: 11px;
    font-weight: initial;
    line-height: 1;
    padding: .375rem .5625rem;
    font-family: "ubuntu-medium", sans-serif;
}
.badge.badge-pill {
    border-radius: 10rem;
}
.badge-primary {
    border: 1px solid var(--theme-color);
    color: #ffffff;
}
.badge-secondary {
    border: 1px solid #c3bdbd;
    color: #ffffff;
}
.badge-success,
.preview-list .preview-item .preview-thumbnail .badge.badge-online {
    border: 1px solid #1bcfb4;
    color: #ffffff;
}
.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    border: 1px solid #198ae3;
    color: #ffffff;
}
.badge-warning,
.preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    border: 1px solid #fed713;
    color: #ffffff;
}
.badge-danger {
    border: 1px solid #fe7c96;
    color: #ffffff;
}
.badge-light {
    border: 1px solid #f8f9fa;
    color: #ffffff;
}
.badge-dark {
    border: 1px solid #3e4b5b;
    color: #ffffff;
}
.badge-gradient-primary {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.badge-gradient-secondary {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
}
.badge-gradient-success {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.badge-gradient-info {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.badge-gradient-warning {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
}
.badge-gradient-danger {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.badge-gradient-light {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
}
.badge-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
}
.badge-outline-primary {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.badge-outline-secondary {
    color: #c3bdbd;
    border: 1px solid #c3bdbd;
}
.badge-outline-success {
    color: #1bcfb4;
    border: 1px solid #1bcfb4;
}
.badge-outline-info {
    color: #198ae3;
    border: 1px solid #198ae3;
}
.badge-outline-warning {
    color: #fed713;
    border: 1px solid #fed713;
}
.badge-outline-danger {
    color: #fe7c96;
    border: 1px solid #fe7c96;
}
.badge-outline-light {
    color: #f8f9fa;
    border: 1px solid #f8f9fa;
}
.badge-outline-dark {
    color: #3e4b5b;
    border: 1px solid #3e4b5b;
}
.alert {
    font-size: 0.875rem;
}
.alert i {
    font-size: 1.25rem;
    margin-left: 1.25rem;
    vertical-align: middle;
    line-height: .5;
}
.alert-primary {
    color: #8a53c2;
    background-color: rgba(182, 109, 255, 0.2);
    border-color: #a764eb;
}
.alert-primary hr {
    border-top-color: #9a4de8;
}
.alert-primary .alert-link {
    color: #713ba7;
}
.alert-secondary {
    color: #949090;
    background-color: rgba(195, 189, 189, 0.2);
    border-color: #b3aeae;
}
.alert-secondary hr {
    border-top-color: #a7a1a1;
}
.alert-secondary .alert-link {
    color: #7b7676;
}
.alert-success {
    color: #159d89;
    background-color: rgba(27, 207, 180, 0.2);
    border-color: #19bea6;
}
.alert-success hr {
    border-top-color: #16a792;
}
.alert-success .alert-link {
    color: #0f7062;
}
.alert-info {
    color: #1369ad;
    background-color: rgba(25, 138, 227, 0.2);
    border-color: #177fd1;
}
.alert-info hr {
    border-top-color: #1471ba;
}
.alert-info .alert-link {
    color: #0e4d7f;
}
.alert-warning {
    color: #c1a30e;
    background-color: rgba(254, 215, 19, 0.2);
    border-color: #eac611;
}
.alert-warning hr {
    border-top-color: #d2b20f;
}
.alert-warning .alert-link {
    color: #917b0b;
}
.alert-danger {
    color: #c15e72;
    background-color: rgba(254, 124, 150, 0.2);
    border-color: #ea728a;
}
.alert-danger hr {
    border-top-color: #e75c78;
}
.alert-danger .alert-link {
    color: #aa4257;
}
.alert-light {
    color: #bcbdbe;
    background-color: rgba(248, 249, 250, 0.2);
    border-color: #e4e5e6;
}
.alert-light hr {
    border-top-color: #d7d8da;
}
.alert-light .alert-link {
    color: #a2a4a5;
}
.alert-dark {
    color: #2f3945;
    background-color: rgba(62, 75, 91, 0.2);
    border-color: #394554;
}
.alert-dark hr {
    border-top-color: #2f3945;
}
.alert-dark .alert-link {
    color: #1a2027;
}
.alert-fill-primary {
    color: #ffffff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.alert-fill-primary hr {
    border-top-color: #a954ff;
}
.alert-fill-primary .alert-link {
    color: #e6e6e6;
}
.alert-fill-secondary {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.alert-fill-secondary hr {
    border-top-color: #b7b0b0;
}
.alert-fill-secondary .alert-link {
    color: #e6e6e6;
}
.alert-fill-success {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.alert-fill-success hr {
    border-top-color: #18b8a0;
}
.alert-fill-success .alert-link {
    color: #e6e6e6;
}
.alert-fill-info {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.alert-fill-info hr {
    border-top-color: #167ccc;
}
.alert-fill-info .alert-link {
    color: #e6e6e6;
}
.alert-fill-warning {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.alert-fill-warning hr {
    border-top-color: #f6ce01;
}
.alert-fill-warning .alert-link {
    color: #e6e6e6;
}
.alert-fill-danger {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.alert-fill-danger hr {
    border-top-color: #fe6382;
}
.alert-fill-danger .alert-link {
    color: #e6e6e6;
}
.alert-fill-light {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.alert-fill-light hr {
    border-top-color: #e9ecef;
}
.alert-fill-light .alert-link {
    color: #e6e6e6;
}
.alert-fill-dark {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.alert-fill-dark hr {
    border-top-color: #343f4c;
}
.alert-fill-dark .alert-link {
    color: #e6e6e6;
}
.progress {
    border-radius: 3px;
    height: 8px;
}
.progress .progress-bar {
    border-radius: 3px;
}
.progress.progress-sm {
    height: 0.375rem;
}
.progress.progress-md {
    height: 8px;
}
.progress.progress-lg {
    height: 15px;
}
.progress.progress-xl {
    height: 18px;
}
.btn,
.fc button,
.ajax-upload-dragdrop .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
.wizard>.actions a {
    font-size: 0.875rem;
    line-height: 1;
    font-family: "ubuntu-bold", sans-serif;
}
.btn i,
.fc button i,
.ajax-upload-dragdrop .ajax-file-upload i,
.swal2-modal .swal2-buttonswrapper .swal2-styled i,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i,
.wizard>.actions a i {
    font-size: 1rem;
}
.btn.btn-rounded,
.fc button.btn-rounded,
.ajax-upload-dragdrop .btn-rounded.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled,
.wizard>.actions a.btn-rounded {
    border-radius: 50px;
}
.btn.btn-fw,
.fc button.btn-fw,
.ajax-upload-dragdrop .btn-fw.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled,
.wizard>.actions a.btn-fw {
    min-width: 150px;
}
.btn.btn-sm,
.btn-group-sm>.btn,
.fc .btn-group-sm>button,
.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled,
.wizard>.actions .btn-group-sm>a,
.fc button,
.ajax-upload-dragdrop .btn-sm.ajax-file-upload,
.ajax-upload-dragdrop .fc button.ajax-file-upload,
.fc .ajax-upload-dragdrop button.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc button.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper button.swal2-styled,
.wizard>.actions a.btn-sm {
    font-size: 0.875rem;
}
.btn.btn-lg,
.btn-group-lg>.btn,
.fc .btn-group-lg>button,
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled,
.wizard>.actions .btn-group-lg>a,
.fc button.btn-lg,
.ajax-upload-dragdrop .btn-lg.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled,
.wizard>.actions a.btn-lg {
    font-size: 0.875rem;
}
.btn.btn-xs,
.fc button.btn-xs,
.fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-submit,
.fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-cancel,
.ajax-upload-dragdrop .btn-xs.ajax-file-upload,
.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit,
.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel,
.swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled,
.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit,
.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-submit,
.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-cancel,
.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel,
.wizard>.actions a.btn-xs {
    padding: 0.5rem 0.75rem;
    font-size: 0.625rem;
}
.btn.btn-icon,
.fc button.btn-icon,
.ajax-upload-dragdrop .btn-icon.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-icon.swal2-styled,
.wizard>.actions a.btn-icon {
    width: 42px;
    height: 42px;
    padding: 0;
}
.btn.btn-icon-text .btn-icon-prepend,
.fc button.btn-icon-text .btn-icon-prepend,
.ajax-upload-dragdrop .btn-icon-text.ajax-file-upload .btn-icon-prepend,
.swal2-modal .swal2-buttonswrapper .btn-icon-text.swal2-styled .btn-icon-prepend,
.wizard>.actions a.btn-icon-text .btn-icon-prepend {
    margin-left: .5rem;
}
.btn.btn-icon-text .btn-icon-append,
.fc button.btn-icon-text .btn-icon-append,
.ajax-upload-dragdrop .btn-icon-text.ajax-file-upload .btn-icon-append,
.swal2-modal .swal2-buttonswrapper .btn-icon-text.swal2-styled .btn-icon-append,
.wizard>.actions a.btn-icon-text .btn-icon-append {
    margin-right: .5rem;
}
.btn.btn-social-icon,
.fc button.btn-social-icon,
.ajax-upload-dragdrop .btn-social-icon.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-social-icon.swal2-styled,
.wizard>.actions a.btn-social-icon {
    width: 50px;
    height: 50px;
    padding: 0;
}
.btn-group .btn+.btn,
.fc .fc-button-group .btn+.btn,
.btn-group .fc button+.btn,
.fc .btn-group button+.btn,
.fc .fc-button-group button+.btn,
.btn-group .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .btn-group .ajax-file-upload+.btn,
.fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+.btn,
.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.btn,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+.btn,
.btn-group .wizard>.actions a+.btn,
.wizard>.actions .btn-group a+.btn,
.fc .fc-button-group .wizard>.actions a+.btn,
.wizard>.actions .fc .fc-button-group a+.btn,
.btn-group .fc .btn+button,
.fc .btn-group .btn+button,
.fc .fc-button-group .btn+button,
.btn-group .fc button+button,
.fc .btn-group button+button,
.fc .fc-button-group button+button,
.btn-group .ajax-upload-dragdrop .fc .ajax-file-upload+button,
.fc .btn-group .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .btn-group .fc .ajax-file-upload+button,
.fc .ajax-upload-dragdrop .btn-group .ajax-file-upload+button,
.fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+button,
.btn-group .swal2-modal .swal2-buttonswrapper .fc .swal2-styled+button,
.fc .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .btn-group .fc .swal2-styled+button,
.fc .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+button,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+button,
.btn-group .wizard>.actions .fc a+button,
.fc .btn-group .wizard>.actions a+button,
.wizard>.actions .btn-group .fc a+button,
.fc .wizard>.actions .btn-group a+button,
.fc .fc-button-group .wizard>.actions a+button,
.wizard>.actions .fc .fc-button-group a+button,
.btn-group .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .btn+.ajax-file-upload,
.fc .fc-button-group .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .btn+.ajax-file-upload,
.btn-group .fc .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .fc button+.ajax-file-upload,
.fc .btn-group .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group button+.ajax-file-upload,
.fc .fc-button-group .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group button+.ajax-file-upload,
.btn-group .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .ajax-file-upload+.ajax-file-upload,
.fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+.ajax-file-upload,
.btn-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.ajax-file-upload,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+.ajax-file-upload,
.btn-group .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .btn-group .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .btn-group a+.ajax-file-upload,
.fc .fc-button-group .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .fc .fc-button-group .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .fc .fc-button-group a+.ajax-file-upload,
.btn-group .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .btn+.swal2-styled,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .btn+.swal2-styled,
.btn-group .fc .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .fc button+.swal2-styled,
.fc .btn-group .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group button+.swal2-styled,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group button+.swal2-styled,
.btn-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group .ajax-file-upload+.swal2-styled,
.fc .fc-button-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+.swal2-styled,
.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.swal2-styled,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+.swal2-styled,
.btn-group .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .wizard>.actions a+.swal2-styled,
.wizard>.actions .btn-group .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .btn-group a+.swal2-styled,
.fc .fc-button-group .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard>.actions a+.swal2-styled,
.wizard>.actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .fc .fc-button-group a+.swal2-styled,
.btn-group .wizard>.actions .btn+a,
.wizard>.actions .btn-group .btn+a,
.fc .fc-button-group .wizard>.actions .btn+a,
.wizard>.actions .fc .fc-button-group .btn+a,
.btn-group .fc .wizard>.actions button+a,
.wizard>.actions .btn-group .fc button+a,
.fc .btn-group .wizard>.actions button+a,
.wizard>.actions .fc .btn-group button+a,
.fc .fc-button-group .wizard>.actions button+a,
.wizard>.actions .fc .fc-button-group button+a,
.btn-group .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .btn-group .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .btn-group .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .btn-group .ajax-file-upload+a,
.fc .fc-button-group .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .fc .fc-button-group .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+a,
.btn-group .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .btn-group .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+a,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+a,
.btn-group .wizard>.actions a+a,
.wizard>.actions .btn-group a+a,
.fc .fc-button-group .wizard>.actions a+a,
.wizard>.actions .fc .fc-button-group a+a {
    border-right: 0;
}
.btn-twitter {
    background: #2caae1;
    color: #ffffff;
}
.btn-twitter:hover,
.btn-twitter:focus {
    background: #1b8dbf;
    color: #ffffff;
}
.btn-twitter.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #59bce7;
}
.btn-twitter.btn-social-icon-text i {
    background: #2caae1;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-twitter {
    border: 1px solid #2caae1;
    color: #2caae1;
}
.btn-outline-twitter:hover {
    background: #2caae1;
    color: #ffffff;
}
.btn-facebook {
    background: #3b579d;
    color: #ffffff;
}
.btn-facebook:hover,
.btn-facebook:focus {
    background: #2d4278;
    color: #ffffff;
}
.btn-facebook.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #4e6ebd;
}
.btn-facebook.btn-social-icon-text i {
    background: #3b579d;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-facebook {
    border: 1px solid #3b579d;
    color: #3b579d;
}
.btn-outline-facebook:hover {
    background: #3b579d;
    color: #ffffff;
}
.btn-google {
    background: #dc4a38;
    color: #ffffff;
}
.btn-google:hover,
.btn-google:focus {
    background: #bf3322;
    color: #ffffff;
}
.btn-google.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #e47163;
}
.btn-google.btn-social-icon-text i {
    background: #dc4a38;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-google {
    border: 1px solid #dc4a38;
    color: #dc4a38;
}
.btn-outline-google:hover {
    background: #dc4a38;
    color: #ffffff;
}
.btn-linkedin {
    background: #0177b5;
    color: #ffffff;
}
.btn-linkedin:hover,
.btn-linkedin:focus {
    background: #015682;
    color: #ffffff;
}
.btn-linkedin.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #0198e8;
}
.btn-linkedin.btn-social-icon-text i {
    background: #0177b5;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-linkedin {
    border: 1px solid #0177b5;
    color: #0177b5;
}
.btn-outline-linkedin:hover {
    background: #0177b5;
    color: #ffffff;
}
.btn-pinterest {
    background: #cc2127;
    color: #ffffff;
}
.btn-pinterest:hover,
.btn-pinterest:focus {
    background: #a01a1f;
    color: #ffffff;
}
.btn-pinterest.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #e04046;
}
.btn-pinterest.btn-social-icon-text i {
    background: #cc2127;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-pinterest {
    border: 1px solid #cc2127;
    color: #cc2127;
}
.btn-outline-pinterest:hover {
    background: #cc2127;
    color: #ffffff;
}
.btn-youtube {
    background: #e52d27;
    color: #ffffff;
}
.btn-youtube:hover,
.btn-youtube:focus {
    background: #c21d17;
    color: #ffffff;
}
.btn-youtube.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #ea5955;
}
.btn-youtube.btn-social-icon-text i {
    background: #e52d27;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-youtube {
    border: 1px solid #e52d27;
    color: #e52d27;
}
.btn-outline-youtube:hover {
    background: #e52d27;
    color: #ffffff;
}
.btn-github {
    background: #333333;
    color: #ffffff;
}
.btn-github:hover,
.btn-github:focus {
    background: #1a1a1a;
    color: #ffffff;
}
.btn-github.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #4d4d4d;
}
.btn-github.btn-social-icon-text i {
    background: #333333;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-github {
    border: 1px solid #333333;
    color: #333333;
}
.btn-outline-github:hover {
    background: #333333;
    color: #ffffff;
}
.btn-behance {
    background: #1769ff;
    color: #ffffff;
}
.btn-behance:hover,
.btn-behance:focus {
    background: #0050e3;
    color: #ffffff;
}
.btn-behance.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #4a8aff;
}
.btn-behance.btn-social-icon-text i {
    background: #1769ff;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-behance {
    border: 1px solid #1769ff;
    color: #1769ff;
}
.btn-outline-behance:hover {
    background: #1769ff;
    color: #ffffff;
}
.btn-dribbble {
    background: #ea4c89;
    color: #ffffff;
}
.btn-dribbble:hover,
.btn-dribbble:focus {
    background: #e51e6b;
    color: #ffffff;
}
.btn-dribbble.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #ef7aa7;
}
.btn-dribbble.btn-social-icon-text i {
    background: #ea4c89;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-dribbble {
    border: 1px solid #ea4c89;
    color: #ea4c89;
}
.btn-outline-dribbble:hover {
    background: #ea4c89;
    color: #ffffff;
}
.btn-reddit {
    background: #ff4500;
    color: #ffffff;
}
.btn-reddit:hover,
.btn-reddit:focus {
    background: #cc3700;
    color: #ffffff;
}
.btn-reddit.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #ff6a33;
}
.btn-reddit.btn-social-icon-text i {
    background: #ff4500;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-reddit {
    border: 1px solid #ff4500;
    color: #ff4500;
}
.btn-outline-reddit:hover {
    background: #ff4500;
    color: #ffffff;
}
.btn-inverse-primary {
    background-color: rgba(182, 109, 255, 0.2);
    background-image: none;
    border-color: rgba(182, 109, 255, 0);
}
.btn-inverse-primary:not(.btn-inverse-light) {
    color: var(--theme-color);
}
.btn-inverse-primary:hover {
    color: #ffffff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-inverse-primary.focus,
.btn-inverse-primary:focus {
    box-shadow: 0 0 0 3px rgba(182, 109, 255, 0.5);
}
.btn-inverse-primary.disabled,
.btn-inverse-primary:disabled {
    color: var(--theme-color);
    background-color: transparent;
}
.btn-inverse-primary.active,
.btn-inverse-primary:active,
.show>.btn-inverse-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-primary:not(.btn-light),
.wizard>.actions a:not(.btn-light) {
    color: #ffffff;
}
.btn-primary:not(.btn-light):hover,
.wizard>.actions a:not(.btn-light):hover,
.btn-primary:not(.btn-light):focus,
.wizard>.actions a:not(.btn-light):focus,
.btn-primary:not(.btn-light):active,
.wizard>.actions a:not(.btn-light):active {
    color: #ffffff;
}
.btn-primary:not(.btn-light):focus,
.wizard>.actions a:not(.btn-light):focus,
.btn-primary:not(.btn-light):active,
.wizard>.actions a:not(.btn-light):active {
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:hover,
.wizard>.actions .disabled a:hover,
.btn-outline-primary:focus,
.wizard>.actions .disabled a:focus,
.btn-outline-primary:active,
.wizard>.actions .disabled a:active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #000;
}
.btn-inverse-secondary {
    background-color: rgba(195, 189, 189, 0.2);
    background-image: none;
    border-color: rgba(195, 189, 189, 0);
}
.btn-inverse-secondary:not(.btn-inverse-light) {
    color: #c3bdbd;
}
.btn-inverse-secondary:hover {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-inverse-secondary.focus,
.btn-inverse-secondary:focus {
    box-shadow: 0 0 0 3px rgba(195, 189, 189, 0.5);
}
.btn-inverse-secondary.disabled,
.btn-inverse-secondary:disabled {
    color: #c3bdbd;
    background-color: transparent;
}
.btn-inverse-secondary.active,
.btn-inverse-secondary:active,
.show>.btn-inverse-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:not(.btn-light) {
    color: #ffffff;
}
.btn-secondary:not(.btn-light):hover,
.btn-secondary:not(.btn-light):focus,
.btn-secondary:not(.btn-light):active {
    color: #ffffff;
}
.btn-secondary:not(.btn-light):focus,
.btn-secondary:not(.btn-light):active {
    background: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover,
.btn-outline-secondary:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus,
.btn-outline-secondary:active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:active {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #000;
}
.btn-inverse-success {
    background-color: rgba(27, 207, 180, 0.2);
    background-image: none;
    border-color: rgba(27, 207, 180, 0);
}
.btn-inverse-success:not(.btn-inverse-light) {
    color: #1bcfb4;
}
.btn-inverse-success:hover {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-inverse-success.focus,
.btn-inverse-success:focus {
    box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5);
}
.btn-inverse-success.disabled,
.btn-inverse-success:disabled {
    color: #1bcfb4;
    background-color: transparent;
}
.btn-inverse-success.active,
.btn-inverse-success:active,
.show>.btn-inverse-success.dropdown-toggle {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:not(.btn-light) {
    color: #ffffff;
}
.btn-success:not(.btn-light):hover,
.btn-success:not(.btn-light):focus,
.btn-success:not(.btn-light):active {
    color: #ffffff;
}
.btn-success:not(.btn-light):focus,
.btn-success:not(.btn-light):active {
    background: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover,
.btn-outline-success:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus,
.btn-outline-success:active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:active {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #000;
}
.btn-inverse-info {
    background-color: rgba(25, 138, 227, 0.2);
    background-image: none;
    border-color: rgba(25, 138, 227, 0);
}
.btn-inverse-info:not(.btn-inverse-light) {
    color: #198ae3;
}
.btn-inverse-info:hover {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-inverse-info.focus,
.btn-inverse-info:focus {
    box-shadow: 0 0 0 3px rgba(25, 138, 227, 0.5);
}
.btn-inverse-info.disabled,
.btn-inverse-info:disabled {
    color: #198ae3;
    background-color: transparent;
}
.btn-inverse-info.active,
.btn-inverse-info:active,
.show>.btn-inverse-info.dropdown-toggle {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:not(.btn-light) {
    color: #ffffff;
}
.btn-info:not(.btn-light):hover,
.btn-info:not(.btn-light):focus,
.btn-info:not(.btn-light):active {
    color: #ffffff;
}
.btn-info:not(.btn-light):focus,
.btn-info:not(.btn-light):active {
    background: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #000;
}
.btn-inverse-warning {
    background-color: rgba(254, 215, 19, 0.2);
    background-image: none;
    border-color: rgba(254, 215, 19, 0);
}
.btn-inverse-warning:not(.btn-inverse-light) {
    color: #fed713;
}
.btn-inverse-warning:hover {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-inverse-warning.focus,
.btn-inverse-warning:focus {
    box-shadow: 0 0 0 3px rgba(254, 215, 19, 0.5);
}
.btn-inverse-warning.disabled,
.btn-inverse-warning:disabled {
    color: #fed713;
    background-color: transparent;
}
.btn-inverse-warning.active,
.btn-inverse-warning:active,
.show>.btn-inverse-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:not(.btn-light) {
    color: #ffffff;
}
.btn-warning:not(.btn-light):hover,
.btn-warning:not(.btn-light):focus,
.btn-warning:not(.btn-light):active {
    color: #ffffff;
}
.btn-warning:not(.btn-light):focus,
.btn-warning:not(.btn-light):active {
    background: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #000;
}
.btn-inverse-danger {
    background-color: rgba(254, 124, 150, 0.2);
    background-image: none;
    border-color: rgba(254, 124, 150, 0);
}
.btn-inverse-danger:not(.btn-inverse-light) {
    color: #fe7c96;
}
.btn-inverse-danger:hover {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-inverse-danger.focus,
.btn-inverse-danger:focus {
    box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5);
}
.btn-inverse-danger.disabled,
.btn-inverse-danger:disabled {
    color: #fe7c96;
    background-color: transparent;
}
.btn-inverse-danger.active,
.btn-inverse-danger:active,
.show>.btn-inverse-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:not(.btn-light) {
    color: #ffffff;
}
.btn-danger:not(.btn-light):hover,
.btn-danger:not(.btn-light):focus,
.btn-danger:not(.btn-light):active {
    color: #ffffff;
}
.btn-danger:not(.btn-light):focus,
.btn-danger:not(.btn-light):active {
    background: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #000;
}
.btn-inverse-light {
    background-color: rgba(248, 249, 250, 0.2);
    background-image: none;
    border-color: rgba(248, 249, 250, 0);
}
.btn-inverse-light:not(.btn-inverse-light) {
    color: #f8f9fa;
}
.btn-inverse-light:hover {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-inverse-light.focus,
.btn-inverse-light:focus {
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}
.btn-inverse-light.disabled,
.btn-inverse-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-inverse-light.active,
.btn-inverse-light:active,
.show>.btn-inverse-light.dropdown-toggle {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(.btn-light) {
    color: #ffffff;
}
.btn-light:not(.btn-light):hover,
.btn-light:not(.btn-light):focus,
.btn-light:not(.btn-light):active {
    color: #ffffff;
}
.btn-light:not(.btn-light):focus,
.btn-light:not(.btn-light):active {
    background: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #000;
}
.btn-inverse-dark {
    background-color: rgba(62, 75, 91, 0.2);
    background-image: none;
    border-color: rgba(62, 75, 91, 0);
}
.btn-inverse-dark:not(.btn-inverse-light) {
    color: #3e4b5b;
}
.btn-inverse-dark:hover {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-inverse-dark.focus,
.btn-inverse-dark:focus {
    box-shadow: 0 0 0 3px rgba(62, 75, 91, 0.5);
}
.btn-inverse-dark.disabled,
.btn-inverse-dark:disabled {
    color: #3e4b5b;
    background-color: transparent;
}
.btn-inverse-dark.active,
.btn-inverse-dark:active,
.show>.btn-inverse-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:not(.btn-light) {
    color: #ffffff;
}
.btn-dark:not(.btn-light):hover,
.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active {
    color: #ffffff;
}
.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active {
    background: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #000;
}
.btn-gradient-primary {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-primary:not([disabled]):not(.disabled):active,
.btn-gradient-primary:not([disabled]):not(.disabled).active,
.show>.btn-gradient-primary.dropdown-toggle {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.btn-gradient-primary:hover {
    opacity: .8;
}
.btn-gradient-primary:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-primary:not(.btn-gradient-light):hover,
.btn-gradient-primary:not(.btn-gradient-light):focus,
.btn-gradient-primary:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-secondary {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-secondary:not([disabled]):not(.disabled):active,
.btn-gradient-secondary:not([disabled]):not(.disabled).active,
.show>.btn-gradient-secondary.dropdown-toggle {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.btn-gradient-secondary:hover {
    opacity: .8;
}
.btn-gradient-secondary:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-secondary:not(.btn-gradient-light):hover,
.btn-gradient-secondary:not(.btn-gradient-light):focus,
.btn-gradient-secondary:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-success {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-success:not([disabled]):not(.disabled):active,
.btn-gradient-success:not([disabled]):not(.disabled).active,
.show>.btn-gradient-success.dropdown-toggle {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.btn-gradient-success:hover {
    opacity: .8;
}
.btn-gradient-success:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-success:not(.btn-gradient-light):hover,
.btn-gradient-success:not(.btn-gradient-light):focus,
.btn-gradient-success:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-info {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-info:not([disabled]):not(.disabled):active,
.btn-gradient-info:not([disabled]):not(.disabled).active,
.show>.btn-gradient-info.dropdown-toggle {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.btn-gradient-info:hover {
    opacity: .8;
}
.btn-gradient-info:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-info:not(.btn-gradient-light):hover,
.btn-gradient-info:not(.btn-gradient-light):focus,
.btn-gradient-info:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-warning {
    background: linear-gradient(to left, #f6e384, #ffd500);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-warning:not([disabled]):not(.disabled):active,
.btn-gradient-warning:not([disabled]):not(.disabled).active,
.show>.btn-gradient-warning.dropdown-toggle {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.btn-gradient-warning:hover {
    opacity: .8;
}
.btn-gradient-warning:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-warning:not(.btn-gradient-light):hover,
.btn-gradient-warning:not(.btn-gradient-light):focus,
.btn-gradient-warning:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-danger {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-danger:not([disabled]):not(.disabled):active,
.btn-gradient-danger:not([disabled]):not(.disabled).active,
.show>.btn-gradient-danger.dropdown-toggle {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.btn-gradient-danger:hover {
    opacity: .8;
}
.btn-gradient-danger:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-danger:not(.btn-gradient-light):hover,
.btn-gradient-danger:not(.btn-gradient-light):focus,
.btn-gradient-danger:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-light {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-light:not([disabled]):not(.disabled):active,
.btn-gradient-light:not([disabled]):not(.disabled).active,
.show>.btn-gradient-light.dropdown-toggle {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.btn-gradient-light:hover {
    opacity: .8;
}
.btn-gradient-light:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-light:not(.btn-gradient-light):hover,
.btn-gradient-light:not(.btn-gradient-light):focus,
.btn-gradient-light:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-dark:not([disabled]):not(.disabled):active,
.btn-gradient-dark:not([disabled]):not(.disabled).active,
.show>.btn-gradient-dark.dropdown-toggle {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.btn-gradient-dark:hover {
    opacity: .8;
}
.btn-gradient-dark:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-dark:not(.btn-gradient-light):hover,
.btn-gradient-dark:not(.btn-gradient-light):focus,
.btn-gradient-dark:not(.btn-gradient-light):active {
    color: #ffffff;
}
.breadcrumb {
    border: 1px solid #ebedf2;
}
.breadcrumb .breadcrumb-item {
    font-size: 0.875rem;
}
.breadcrumb .breadcrumb-item.active {
    color: rgba(52, 58, 64, 0.8);
}
.breadcrumb.breadcrumb-custom {
    padding: 0 0;
    border-color: #dbe3e6;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item {
    font-size: 0.875rem;
    background: #dbe3e6;
    padding: 0.56rem 10px;
    color: #000;
    display: inline-block;
    vertical-align: top;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
    content: "";
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a {
    position: relative;
    color: inherit;
    border: 1px solid #dbe3e6;
    display: inline-block;
    vertical-align: top;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:before,
.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    position: absolute;
    top: -9px;
    width: 0;
    height: 0;
    content: "";
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
    left: -22px;
    z-index: 3;
    border-right-color: #dbe3e6;
    border-right-style: solid;
    border-right-width: 12px;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    border-top: 21px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 12px solid #ffffff;
    top: -9px;
    left: -23px;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item span {
    display: inline-block;
    vertical-align: top;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item.active {
    color: rgba(52, 58, 64, 0.8);
}
.breadcrumb.bg-success,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm,
.settings-panel .color-tiles .breadcrumb.tiles.success,
.breadcrumb.bg-dark,
.settings-panel .color-tiles .breadcrumb.tiles.dark,
.breadcrumb.bg-danger,
.settings-panel .color-tiles .breadcrumb.tiles.danger,
.breadcrumb.bg-warning,
.settings-panel .color-tiles .breadcrumb.tiles.warning,
.breadcrumb.bg-primary,
.settings-panel .color-tiles .breadcrumb.tiles.primary,
.breadcrumb.bg-info,
.settings-panel .color-tiles .breadcrumb.tiles.info {
    border: none;
}
.breadcrumb.bg-success .breadcrumb-item,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item,
.breadcrumb.bg-dark .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item,
.breadcrumb.bg-danger .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item,
.breadcrumb.bg-warning .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item,
.breadcrumb.bg-primary .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item,
.breadcrumb.bg-info .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item {
    color: #ffffff;
}
.breadcrumb.bg-success .breadcrumb-item:before,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before,
.breadcrumb.bg-dark .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before,
.breadcrumb.bg-danger .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before,
.breadcrumb.bg-warning .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before,
.breadcrumb.bg-primary .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before,
.breadcrumb.bg-info .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before {
    color: inherit;
}
.breadcrumb.bg-success .breadcrumb-item a,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a,
.breadcrumb.bg-success .breadcrumb-item span,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span,
.breadcrumb.bg-dark .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a,
.breadcrumb.bg-dark .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span,
.breadcrumb.bg-danger .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a,
.breadcrumb.bg-danger .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span,
.breadcrumb.bg-warning .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a,
.breadcrumb.bg-warning .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span,
.breadcrumb.bg-primary .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a,
.breadcrumb.bg-primary .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span,
.breadcrumb.bg-info .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a,
.breadcrumb.bg-info .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span {
    color: inherit;
}
.bg-inverse-primary,
.image-grouped .text-avatar {
    background: #f6edff;
    border-color: var(--theme-color);
}
.bg-inverse-primary .breadcrumb-item,
.image-grouped .text-avatar .breadcrumb-item {
    color: var(--theme-color);
}
.bg-inverse-primary .breadcrumb-item:before,
.image-grouped .text-avatar .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-primary .breadcrumb-item a,
.image-grouped .text-avatar .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-primary.breadcrumb-custom,
.image-grouped .breadcrumb-custom.text-avatar {
    background: transparent;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item {
    background: #f6edff;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item a {
    color: var(--theme-color);
    border: none;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a:before,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item a:before {
    border-right-color: #f6edff;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item span,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item span {
    color: var(--theme-color);
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item:last-child,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-secondary {
    background: white;
    border-color: #c3bdbd;
}
.bg-inverse-secondary .breadcrumb-item {
    color: #c3bdbd;
}
.bg-inverse-secondary .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-secondary .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-secondary.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item {
    background: white;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a {
    color: #c3bdbd;
    border: none;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: white;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item span {
    color: #c3bdbd;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-success {
    background: #7ceedd;
    border-color: #1bcfb4;
}
.bg-inverse-success .breadcrumb-item {
    color: #1bcfb4;
}
.bg-inverse-success .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-success .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-success.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item {
    background: #7ceedd;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item a {
    color: #1bcfb4;
    border: none;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #7ceedd;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item span {
    color: #1bcfb4;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-info {
    background: #89c4f2;
    border-color: #198ae3;
}
.bg-inverse-info .breadcrumb-item {
    color: #198ae3;
}
.bg-inverse-info .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-info .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-info.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item {
    background: #89c4f2;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item a {
    color: #198ae3;
    border: none;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #89c4f2;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item span {
    color: #198ae3;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-warning {
    background: #ffed92;
    border-color: #fed713;
}
.bg-inverse-warning .breadcrumb-item {
    color: #fed713;
}
.bg-inverse-warning .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-warning .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-warning.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item {
    background: #ffed92;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item a {
    color: #fed713;
    border: none;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #ffed92;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item span {
    color: #fed713;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-danger {
    background: #fffbfb;
    border-color: #fe7c96;
}
.bg-inverse-danger .breadcrumb-item {
    color: #fe7c96;
}
.bg-inverse-danger .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-danger .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-danger.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item {
    background: #fffbfb;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item a {
    color: #fe7c96;
    border: none;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #fffbfb;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item span {
    color: #fe7c96;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-light {
    background: white;
    border-color: #f8f9fa;
}
.bg-inverse-light .breadcrumb-item {
    color: #f8f9fa;
}
.bg-inverse-light .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-light .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-light.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item {
    background: white;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item a {
    color: #f8f9fa;
    border: none;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: white;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item span {
    color: #f8f9fa;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-dark {
    background: #778aa2;
    border-color: #3e4b5b;
}
.bg-inverse-dark .breadcrumb-item {
    color: #3e4b5b;
}
.bg-inverse-dark .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-dark .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-dark.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item {
    background: #778aa2;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item a {
    color: #3e4b5b;
    border: none;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #778aa2;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item span {
    color: #3e4b5b;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.card {
    border: 0;
    background: #fff;
}
.card .card-body {
    padding: 2.5rem 2.5rem;
}
.card .card-body+.card-body {
    padding-top: 1rem;
}
.card .card-title {
    color: #343a40;
    margin-bottom: 0.75rem;
    text-transform: capitalize;
    font-family: "ubuntu-medium", sans-serif;
    font-size: 1.125rem;
}
.card .card-subtitle {
    font-family: "ubuntu-regular", sans-serif;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}
.card .card-description {
    color: #76838f;
    margin-bottom: 1.5rem;
    font-family: "ubuntu-regular", sans-serif;
}
.card.card-outline-success {
    border: 1px solid #1bcfb4;
}
.card.card-outline-primary {
    border: 1px solid var(--theme-color);
}
.card.card-outline-warning {
    border: 1px solid #fed713;
}
.card.card-outline-danger {
    border: 1px solid #fe7c96;
}
.card.card-rounded {
    border-radius: 5px;
}
.card.card-faded {
    background: #b5b0b2;
    border-color: #b5b0b2;
}
.card.card-circle-progress {
    color: #ffffff;
    text-align: center;
}
.card.card-img-holder {
    position: relative;
}
.card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.card.bg-blue-gradient {
    background: linear-gradient(to left, #065efd, #3169fd, #6f79fc);
    color: #fff;
}
.card.bg-orange-gradient {
    background: linear-gradient(to left, #ff7f2e, #fe7452);
    color: #fff;
}
.card.bg-green-gradient {
    background: linear-gradient(to left, #24e8a6, #09cdd1);
    color: #fff;
}
.card.card-no-shadow {
    box-shadow: none;
}
.card-grey {
    background: #dde1e1;
}
.card-banner {
    background: #f7e9cc;
    border-bottom: 7px solid #fed713;
}
.card-blue {
    background: #b5d3f5;
    color: #075fa5;
}
.card-blue a {
    color: #075fa5;
}
.card-inverse-primary {
    background: rgba(182, 109, 255, 0.2);
    border: 1px solid #a764eb;
    color: #8a53c2;
}
.card-inverse-secondary {
    background: rgba(195, 189, 189, 0.2);
    border: 1px solid #b3aeae;
    color: #949090;
}
.card-inverse-success {
    background: rgba(27, 207, 180, 0.2);
    border: 1px solid #19bea6;
    color: #159d89;
}
.card-inverse-info {
    background: rgba(25, 138, 227, 0.2);
    border: 1px solid #177fd1;
    color: #1369ad;
}
.card-inverse-warning {
    background: rgba(254, 215, 19, 0.2);
    border: 1px solid #eac611;
    color: #c1a30e;
}
.card-inverse-danger {
    background: rgba(254, 124, 150, 0.2);
    border: 1px solid #ea728a;
    color: #c15e72;
}
.card-inverse-light {
    background: rgba(248, 249, 250, 0.2);
    border: 1px solid #e4e5e6;
    color: #bcbdbe;
}
.card-inverse-dark {
    background: rgba(62, 75, 91, 0.2);
    border: 1px solid #394554;
    color: #2f3945;
}
.form-check {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-right: 0;
}
.form-check .form-check-label {
    display: block;
    margin-right: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.rtl .form-check .form-check-label {
    margin-right: 0;
    margin-left: 1.75rem;
}
.form-check .form-check-label input {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.rtl .form-check .form-check-label input {
    right: auto;
    left: 0;
}
.form-check .form-check-label input[type="checkbox"]+.input-helper:before,
.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    position: absolute;
    top: 0;
    right: 0;
}
.rtl .form-check .form-check-label input[type="checkbox"]+.input-helper:before,
.rtl .form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    right: auto;
    left: 0;
}
.form-check .form-check-label input[type="checkbox"]+.input-helper:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid var(--theme-color) !important;
    border-width: 2px;
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
}
.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
    font-family: Material Design Icons;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    content: '\F012C';
    font-size: .9375rem;
    font-weight: bold;
    color: #ffffff;
}
.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:before {
    background: linear-gradient(to left, var(--theme-color), var(--theme-color));
    border-width: 0;
}
.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:after {
    width: 18px;
    opacity: 1;
    line-height: 18px;
    filter: alpha(opacity=100);
    transform: scale(1);
}
.form-check .form-check-label input[type="checkbox"]:disabled+.input-helper:before {
    border-color: #ebedf2;
}
.form-check .form-check-label input[type="checkbox"]:disabled:checked+.input-helper:after {
    background: #ebedf2;
    color: #ffffff;
}
.form-check .form-check-label input[type="radio"]+.input-helper:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    border: solid var(--theme-color);
    border-width: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
}
.rtl .form-check .form-check-label input[type="radio"]+.input-helper:before {
    right: auto;
    left: 0;
}
.form-check .form-check-label input[type="radio"]+.input-helper:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    top: 6px;
    right: 6px;
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    position: absolute;
}
.rtl .form-check .form-check-label input[type="radio"]+.input-helper:after {
    right: auto;
    left: 6px;
}
.form-check .form-check-label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-width: 0;
}
.form-check .form-check-label input[type="radio"]:checked+.input-helper:after {
    opacity: 1;
    line-height: 1.5;
    filter: alpha(opacity=100);
    transform: scale(1);
}
.form-check .form-check-label input[type="radio"]:disabled+.input-helper:before {
    border-color: #ebedf2;
}
.form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:before {
    background: #ebedf2;
}
.form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:after {
    background: #ffffff;
}
.form-check-primary.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-primary.form-check label input[type="radio"]+.input-helper:before {
    border-color: var(--theme-color);
}
.form-check-primary.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.form-check-secondary.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-secondary.form-check label input[type="radio"]+.input-helper:before {
    border-color: #c3bdbd;
}
.form-check-secondary.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-secondary.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.form-check-success.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-success.form-check label input[type="radio"]+.input-helper:before {
    border-color: #1bcfb4;
}
.form-check-success.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-success.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.form-check-info.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-info.form-check label input[type="radio"]+.input-helper:before {
    border-color: #198ae3;
}
.form-check-info.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-info.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.form-check-warning.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-warning.form-check label input[type="radio"]+.input-helper:before {
    border-color: #fed713;
}
.form-check-warning.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-warning.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.form-check-danger.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-danger.form-check label input[type="radio"]+.input-helper:before {
    border-color: #fe7c96;
}
.form-check-danger.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-danger.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.form-check-light.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-light.form-check label input[type="radio"]+.input-helper:before {
    border-color: #f8f9fa;
}
.form-check-light.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-light.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.form-check-dark.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-dark.form-check label input[type="radio"]+.input-helper:before {
    border-color: #3e4b5b;
}
.form-check-dark.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-dark.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.dropdown .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: .75rem;
}
.dropdown .dropdown-menu {
    margin-top: .75rem;
    font-size: 0.875rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
}
.dropdown .dropdown-menu .dropdown-item {
    font-size: 1rem;
    padding: .25rem 1.5rem;
}
.dropdown .dropdown-menu .dropdown-item:active {
    background: initial;
}
.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
}
.form-group {
    margin-bottom: 1.5rem;
}
.input-group-append,
.input-group-prepend {
    color: #c9c8c8;
    width: auto;
    border: none;
}
.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
    border-color: #ebedf2;
    padding: 0.94rem 0.75rem;
    color: #c9c8c8;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    border: 1px solid #ebedf2;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.8125rem;
}
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    background-color: #ffffff;
    color: #000;
    outline: none;
}
select.form-control,
select.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.select2-container--default select.select2-selection--single,
.select2-container--default .select2-selection--single select.select2-search__field,
select.typeahead,
select.tt-query,
select.tt-hint {
    padding: .4375rem .75rem;
    border: 0;
    outline: 1px solid #ebedf2;
}
select.form-control:focus,
select.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.select2-container--default select.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.select2-search__field:focus,
select.typeahead:focus,
select.tt-query:focus,
select.tt-hint:focus {
    outline: 1px solid #ebedf2;
}
select.form-control.border-primary,
select.border-primary.asColorPicker-input,
.dataTables_wrapper select.border-primary,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-primary,
.select2-container--default select.border-primary.select2-selection--single,
.select2-container--default .select2-selection--single select.border-primary.select2-search__field,
select.border-primary.typeahead,
select.border-primary.tt-query,
select.border-primary.tt-hint {
    outline: 1px solid var(--theme-color);
}
select.form-control.border-primary:focus,
select.border-primary.asColorPicker-input:focus,
.dataTables_wrapper select.border-primary:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-primary:focus,
.select2-container--default select.border-primary.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-primary.select2-search__field:focus,
select.border-primary.typeahead:focus,
select.border-primary.tt-query:focus,
select.border-primary.tt-hint:focus {
    outline: 1px solid var(--theme-color);
}
select.form-control.border-secondary,
select.form-control.loader-demo-box,
select.loader-demo-box.asColorPicker-input,
.dataTables_wrapper select.loader-demo-box,
.jsgrid .jsgrid-table .jsgrid-filter-row select.loader-demo-box,
.select2-container--default select.loader-demo-box.select2-selection--single,
.select2-container--default .select2-selection--single select.loader-demo-box.select2-search__field,
select.loader-demo-box.typeahead,
select.loader-demo-box.tt-query,
select.loader-demo-box.tt-hint,
select.border-secondary.asColorPicker-input,
.dataTables_wrapper select.border-secondary,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-secondary,
.select2-container--default select.border-secondary.select2-selection--single,
.select2-container--default .select2-selection--single select.border-secondary.select2-search__field,
select.border-secondary.typeahead,
select.border-secondary.tt-query,
select.border-secondary.tt-hint {
    outline: 1px solid #c3bdbd;
}
select.form-control.border-secondary:focus,
select.form-control.loader-demo-box:focus,
select.loader-demo-box.asColorPicker-input:focus,
.dataTables_wrapper select.loader-demo-box:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.loader-demo-box:focus,
.select2-container--default select.loader-demo-box.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.loader-demo-box.select2-search__field:focus,
select.loader-demo-box.typeahead:focus,
select.loader-demo-box.tt-query:focus,
select.loader-demo-box.tt-hint:focus,
select.border-secondary.asColorPicker-input:focus,
.dataTables_wrapper select.border-secondary:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-secondary:focus,
.select2-container--default select.border-secondary.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-secondary.select2-search__field:focus,
select.border-secondary.typeahead:focus,
select.border-secondary.tt-query:focus,
select.border-secondary.tt-hint:focus {
    outline: 1px solid #c3bdbd;
}
select.form-control.border-success,
select.border-success.asColorPicker-input,
.swal2-modal .swal2-buttonswrapper select.asColorPicker-input.swal2-styled.swal2-confirm,
.dataTables_wrapper select.border-success,
.dataTables_wrapper .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper select.swal2-styled.swal2-confirm,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-success,
.jsgrid .jsgrid-table .jsgrid-filter-row .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .jsgrid .jsgrid-table .jsgrid-filter-row select.swal2-styled.swal2-confirm,
.select2-container--default select.border-success.select2-selection--single,
.select2-container--default .swal2-modal .swal2-buttonswrapper select.select2-selection--single.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .select2-container--default select.select2-selection--single.swal2-styled.swal2-confirm,
.select2-container--default .select2-selection--single select.border-success.select2-search__field,
.select2-container--default .select2-selection--single .swal2-modal .swal2-buttonswrapper select.select2-search__field.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .select2-container--default .select2-selection--single select.select2-search__field.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper select.form-control.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.typeahead,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-query,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-hint,
select.border-success.typeahead,
select.border-success.tt-query,
select.border-success.tt-hint {
    outline: 1px solid #1bcfb4;
}
select.form-control.border-success:focus,
select.border-success.asColorPicker-input:focus,
.swal2-modal .swal2-buttonswrapper select.asColorPicker-input.swal2-styled.swal2-confirm:focus,
.dataTables_wrapper select.border-success:focus,
.dataTables_wrapper .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper select.swal2-styled.swal2-confirm:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-success:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .jsgrid .jsgrid-table .jsgrid-filter-row select.swal2-styled.swal2-confirm:focus,
.select2-container--default select.border-success.select2-selection--single:focus,
.select2-container--default .swal2-modal .swal2-buttonswrapper select.select2-selection--single.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .select2-container--default select.select2-selection--single.swal2-styled.swal2-confirm:focus,
.select2-container--default .select2-selection--single select.border-success.select2-search__field:focus,
.select2-container--default .select2-selection--single .swal2-modal .swal2-buttonswrapper select.select2-search__field.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .select2-container--default .select2-selection--single select.select2-search__field.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper select.form-control.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.typeahead:focus,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-query:focus,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-hint:focus,
select.border-success.typeahead:focus,
select.border-success.tt-query:focus,
select.border-success.tt-hint:focus {
    outline: 1px solid #1bcfb4;
}
select.form-control.border-info,
select.border-info.asColorPicker-input,
.dataTables_wrapper select.border-info,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-info,
.select2-container--default select.border-info.select2-selection--single,
.select2-container--default .select2-selection--single select.border-info.select2-search__field,
select.border-info.typeahead,
select.border-info.tt-query,
select.border-info.tt-hint {
    outline: 1px solid #198ae3;
}
select.form-control.border-info:focus,
select.border-info.asColorPicker-input:focus,
.dataTables_wrapper select.border-info:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-info:focus,
.select2-container--default select.border-info.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-info.select2-search__field:focus,
select.border-info.typeahead:focus,
select.border-info.tt-query:focus,
select.border-info.tt-hint:focus {
    outline: 1px solid #198ae3;
}
select.form-control.border-warning,
select.border-warning.asColorPicker-input,
.dataTables_wrapper select.border-warning,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-warning,
.select2-container--default select.border-warning.select2-selection--single,
.select2-container--default .select2-selection--single select.border-warning.select2-search__field,
select.border-warning.typeahead,
select.border-warning.tt-query,
select.border-warning.tt-hint {
    outline: 1px solid #fed713;
}
select.form-control.border-warning:focus,
select.border-warning.asColorPicker-input:focus,
.dataTables_wrapper select.border-warning:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-warning:focus,
.select2-container--default select.border-warning.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-warning.select2-search__field:focus,
select.border-warning.typeahead:focus,
select.border-warning.tt-query:focus,
select.border-warning.tt-hint:focus {
    outline: 1px solid #fed713;
}
select.form-control.border-danger,
select.border-danger.asColorPicker-input,
.dataTables_wrapper select.border-danger,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-danger,
.select2-container--default select.border-danger.select2-selection--single,
.select2-container--default .select2-selection--single select.border-danger.select2-search__field,
select.border-danger.typeahead,
select.border-danger.tt-query,
select.border-danger.tt-hint {
    outline: 1px solid #fe7c96;
}
select.form-control.border-danger:focus,
select.border-danger.asColorPicker-input:focus,
.dataTables_wrapper select.border-danger:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-danger:focus,
.select2-container--default select.border-danger.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-danger.select2-search__field:focus,
select.border-danger.typeahead:focus,
select.border-danger.tt-query:focus,
select.border-danger.tt-hint:focus {
    outline: 1px solid #fe7c96;
}
select.form-control.border-light,
select.border-light.asColorPicker-input,
.dataTables_wrapper select.border-light,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-light,
.select2-container--default select.border-light.select2-selection--single,
.select2-container--default .select2-selection--single select.border-light.select2-search__field,
select.border-light.typeahead,
select.border-light.tt-query,
select.border-light.tt-hint {
    outline: 1px solid #f8f9fa;
}
select.form-control.border-light:focus,
select.border-light.asColorPicker-input:focus,
.dataTables_wrapper select.border-light:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-light:focus,
.select2-container--default select.border-light.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-light.select2-search__field:focus,
select.border-light.typeahead:focus,
select.border-light.tt-query:focus,
select.border-light.tt-hint:focus {
    outline: 1px solid #f8f9fa;
}
select.form-control.border-dark,
select.border-dark.asColorPicker-input,
.dataTables_wrapper select.border-dark,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-dark,
.select2-container--default select.border-dark.select2-selection--single,
.select2-container--default .select2-selection--single select.border-dark.select2-search__field,
select.border-dark.typeahead,
select.border-dark.tt-query,
select.border-dark.tt-hint {
    outline: 1px solid #3e4b5b;
}
select.form-control.border-dark:focus,
select.border-dark.asColorPicker-input:focus,
.dataTables_wrapper select.border-dark:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-dark:focus,
.select2-container--default select.border-dark.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-dark.select2-search__field:focus,
select.border-dark.typeahead:focus,
select.border-dark.tt-query:focus,
select.border-dark.tt-hint:focus {
    outline: 1px solid #3e4b5b;
}
.form-group label {
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: top;
    margin-bottom: .5rem;
}
.has-danger .form-control,
.form-group.has-danger .asColorPicker-input,
.form-group.has-danger .dataTables_wrapper select,
.dataTables_wrapper .form-group.has-danger select,
.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text],
.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select,
.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number],
.form-group.has-danger .select2-container--default .select2-selection--single,
.select2-container--default .form-group.has-danger .select2-selection--single,
.form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field,
.form-group.has-danger .typeahead,
.form-group.has-danger .tt-query,
.form-group.has-danger .tt-hint {
    border: 1px solid #fe7c96;
}
.form-group .file-upload-default {
    visibility: hidden;
    position: absolute;
}
.form-group .file-upload-info {
    background: white;
}
.map-container {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    display: block;
    padding: 35% 0;
    overflow: hidden;
    border-radius: 5px;
}
.map-container .google-map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.map-container .google-map.no-controls .gmnoprint,
.map-container .google-map.no-controls .gm-style-cc {
    display: none;
}
.icons-list {
    border-right: 1px solid #ebedf2;
    border-top: 1px solid #ebedf2;
}
.icons-list>div {
    border-bottom: 1px solid #ebedf2;
    border-left: 1px solid #ebedf2;
    display: flex;
    align-items: center;
    padding: 15px 15px;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem;
}
.icons-list>div i {
    display: inline-block;
    font-size: 20px;
    width: 40px;
    text-align: right;
    color: var(--theme-color);
}
#pgloading {
    position: static;
}
#pgloading .bokeh {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    border: 0.01em solid #ebedf2;
    list-style: none;
    padding: 0;
}
#pgloading .bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}
#pgloading .bokeh li:nth-child(1) {
    right: 50%;
    top: 0;
    margin: 0 -.1em 0 0;
    background: #1bcfb4;
    transform-origin: 50% 250%;
    animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
#pgloading .bokeh li:nth-child(2) {
    top: 50%;
    left: 0;
    margin: -.1em 0 0 0;
    background: #fe7c96;
    transform-origin: -150% 50%;
    animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
#pgloading .bokeh li:nth-child(3) {
    right: 50%;
    bottom: 0;
    margin: 0 -.1em 0 0;
    background: #fed713;
    transform-origin: 50% -150%;
    animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
#pgloading .bokeh li:nth-child(4) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0 0;
    background: var(--theme-color);
    transform-origin: 250% 50%;
    animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@keyframes rota {
    from {}

    to {
        transform: rotate(360deg);
    }
}
@keyframes opa {
    0% {}

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}
.glowing-loader {
    position: relative;
}
.s2 {
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50px;
    background-color: transparent;
    right: 50%;
    transform: translate(50%, -50%);
}
.s1 {
    position: absolute;
    height: 70px;
    width: 70px;
    right: 50%;
    top: 50px;
    transform-origin: center;
    transform: translate(50%, -50%) rotate(45deg);
    background-color: transparent;
}
.bigcon {
    position: absolute;
    height: 75px;
    width: 75px;
    right: 50%;
    top: 50px;
    transform-origin: center;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: transparent;
    animation: bigcon 2s infinite linear;
    animation-delay: 0.25s;
}
.b {
    border-radius: 50%;
    position: absolute;
}
.s {
    width: 15px;
    height: 15px;
    animation: small 2s infinite ease;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
    background-color: var(--theme-color);
}
.s:nth-child(1) {
    top: 0%;
    right: 0%;
}
.s:nth-child(2) {
    top: 0%;
    left: 0%;
}
.s:nth-child(3) {
    left: 0%;
    bottom: 0%;
}
.s:nth-child(4) {
    bottom: 0%;
    right: 0%;
}
.big {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px var(--theme-color), 0px 0px 20px var(--theme-color), 0px 0px 30px var(--theme-color), 0px 0px 50px var(--theme-color), 0px 0px 60px var(--theme-color);
    z-index: 1;
    background-color: var(--theme-color);
    animation: bigball 1s infinite linear;
}
.sb1 {
    animation-delay: -1.75s;
}
.sb6 {
    animation-delay: -1.5s;
}
.sb2 {
    animation-delay: -1.25s;
}
.sb7 {
    animation-delay: -1s;
}
.sb3 {
    animation-delay: -0.75s;
}
.sb8 {
    animation-delay: -0.5s;
}
.sb4 {
    animation-delay: -0.25s;
}
.sb5 {
    animation-delay: -0s;
}
@keyframes bigcon {
    0% {
        transform-origin: center;
        transform: translate(50%, -50%) rotate(45deg);
    }

    100% {
        transform-origin: center;
        transform: translate(50%, -50%) rotate(405deg);
    }
}
@keyframes small {
    0% {
        transform: scale(1);
        background-color: #e9d3ff;
    }

    10% {
        transform: scale(1.3);
        background-color: var(--theme-color);
    }

    15% {
        transform: scale(1);
    }

    25% {
        transform: scale(1);
        background-color: var(--theme-color);
    }

    100% {
        transform: scale(1);
        background-color: var(--theme-color);
    }
}
.pixel-loader {
    width: 10px;
    height: 10px;
    background: #fed713;
    color: #fed713;
    margin: 80px auto;
    box-shadow: -15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;
    animation: anim 2s linear infinite;
}
@keyframes anim {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    50% {
        box-shadow: -20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    75% {
        box-shadow: -20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    100% {
        transform: rotate(360deg);
        -webkit-filter: hue-rotate(360deg);
    }
}
@keyframes dyinglight {
    15% {
        transform: scale(1.6);
    }

    50% {
        transform: rotate(-89deg);
    }

    100% {
        transform: rotate(-90deg);
    }
}
.square-box-loader {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    display: inline-block;
}
.square-box-loader-square {
    display: block;
    width: 30px;
    height: 30px;
    background: var(--theme-color);
}
.square-box-loader-container {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    transform-origin: 50% 50% 0;
    animation: dyinglight 1s ease infinite;
    backface-visibility: hidden;
}
.square-box-loader-corner-top:before,
.square-box-loader-corner-top:after,
.square-box-loader-corner-bottom:before,
.square-box-loader-corner-bottom:after {
    position: absolute;
    width: 10px;
    height: 10px;
    color: var(--theme-color);
    content: '';
}
.square-box-loader-corner-top:before {
    border-right: 1px solid;
    border-top: 1px solid;
    top: -4px;
    right: -4px;
}
.square-box-loader-corner-top:after {
    border-left: 1px solid;
    border-top: 1px solid;
    top: -4px;
    left: -4px;
}
.square-box-loader-corner-bottom:before {
    border-right: 1px solid;
    border-bottom: 1px solid;
    bottom: -4px;
    right: -4px;
}
.square-box-loader-corner-bottom:after {
    border-left: 1px solid;
    border-bottom: 1px solid;
    bottom: -4px;
    left: -4px;
}
.circle-loader {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.circle-loader:before,
.circle-loader:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #fed713;
}
.circle-loader:before {
    z-index: 100;
    animation: spin 1s infinite;
}
.circle-loader:after {
    border: 10px solid #c3bdbd;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.jumping-dots-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.jumping-dots-loader span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgba(254, 124, 150, 0.8);
    margin: 35px 5px;
}
.jumping-dots-loader span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
}
.jumping-dots-loader span:nth-child(2) {
    animation: bounce 1s ease-in-out 0.33s infinite;
}
.jumping-dots-loader span:nth-child(3) {
    animation: bounce 1s ease-in-out 0.66s infinite;
}
@keyframes bounce {

    0%,
    75%,
    100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-20px);
    }
}
.bar-loader {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.bar-loader span {
    display: inline-block;
    width: 5px;
    height: 30px;
    background-color: rgba(254, 124, 150, 0.7);
}
.bar-loader span:nth-child(1) {
    animation: grow 1s ease-in-out infinite;
}
.bar-loader span:nth-child(2) {
    animation: grow 1s ease-in-out 0.15s infinite;
}
.bar-loader span:nth-child(3) {
    animation: grow 1s ease-in-out 0.30s infinite;
}
.bar-loader span:nth-child(4) {
    animation: grow 1s ease-in-out 0.45s infinite;
}
@keyframes grow {

    0%,
    100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(1.8);
    }
}
.square-path-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.square-path-loader:before,
.square-path-loader:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: calc(50% - 10px);
    background-color: rgba(27, 207, 180, 0.7);
    animation: squaremove 1s ease-in-out infinite;
}
.square-path-loader:after {
    bottom: 0;
    animation-delay: 0.5s;
}
@keyframes squaremove {

    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }

    25% {
        transform: translate(-40px, 40px) rotate(45deg);
    }

    50% {
        transform: translate(0px, 80px) rotate(0deg);
    }

    75% {
        transform: translate(40px, 40px) rotate(45deg);
    }
}
.dot-opacity-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.dot-opacity-loader span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: var(--theme-color);
    margin: 35px 5px;
    opacity: 0;
}
.dot-opacity-loader span:nth-child(1) {
    animation: opacitychange 1s ease-in-out infinite;
}
.dot-opacity-loader span:nth-child(2) {
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}
.dot-opacity-loader span:nth-child(3) {
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}
@keyframes opacitychange {

    0%,
    100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}
.flip-square-loader {
    -ms-perspective: 120px;
    perspective: 120px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.flip-square-loader:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 25px;
    width: 50px;
    height: 50px;
    background-color: rgba(27, 207, 180, 0.7);
    animation: flip 1s infinite;
}
@keyframes flip {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(180deg) rotateX(180deg);
    }
}
.moving-square-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.moving-square-loader:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: calc(50% - 10px);
    right: 0px;
    background-color: rgba(254, 124, 150, 0.7);
    animation: rotatemove 1s infinite;
}
@keyframes rotatemove {
    0% {
        transform: scale(1) translateX(0px);
    }

    100% {
        transform: scale(2) translateX(-45px);
    }
}
ul,
ol,
dl {
    padding-right: 1rem;
    font-size: 0.875rem;
}
ul li,
ol li,
dl li {
    line-height: 1.8;
}
.list-ticked,
.list-arrow,
.list-star {
    list-style: none;
    padding: 0;
}
.list-ticked li,
.list-arrow li,
.list-star li {
    padding-right: 1.5rem;
}
.list-ticked li:before,
.list-arrow li:before,
.list-star li:before {
    font-family: "Material Design Icons";
    margin-right: -1.5rem;
    width: 1.5rem;
    margin-left: .5rem;
}
.list-ticked li:before {
    content: '\F12D';
    color: #fe7c96;
}
.list-arrow li:before {
    content: '\F142';
    color: #1bcfb4;
}
.list-star li:before {
    content: '\F4CE';
    color: #fed713;
}
.gradient-bullet-list {
    padding-right: 0;
}
.rtl .gradient-bullet-list {
    padding-left: 0;
}
.gradient-bullet-list li {
    position: relative;
    list-style-type: none;
    padding-right: 25px;
    line-height: 1;
    padding-bottom: 25px;
}
.gradient-bullet-list li:before,
.gradient-bullet-list li:after {
    content: "";
    position: absolute;
}
.gradient-bullet-list li:before {
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
.gradient-bullet-list li:after {
    width: 11px;
    height: 11px;
    top: 2px;
    right: 2px;
    background: #fff;
    border-radius: 100%;
}
.gradient-bullet-list li:nth-child(1):before {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.gradient-bullet-list li:nth-child(2):before {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.gradient-bullet-list li:nth-child(3):before {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.gradient-bullet-list li:nth-child(4):before {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.gradient-bullet-list li:nth-child(5):before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.bullet-line-list {
    padding-right: 30px;
    margin-bottom: 0;
    position: relative;
    list-style-type: none;
}
.rtl .bullet-line-list {
    padding-left: 0px;
}
.bullet-line-list li {
    position: relative;
    line-height: 1;
    padding-bottom: 10px;
}
.bullet-line-list li:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    right: -28px;
    top: 6px;
    border: 3px solid var(--theme-color);
    margin-left: 15px;
    z-index: 2;
    background: #ffffff;
}
.bullet-line-list li:after {
    content: "";
    border: 1px solid #ebedf2;
    position: absolute;
    bottom: 0;
    right: -23px;
    height: 100%;
}
.bullet-line-list li:first-child:after {
    content: "";
    height: 80%;
}
.bullet-line-list li:last-child {
    padding-bottom: 0;
}
.bullet-line-list li:last-child:after {
    content: "";
    top: 0;
    height: 30%;
}
.modal .modal-dialog {
    margin-top: 100px;
}
.modal .modal-dialog .modal-content .modal-header {
    padding: 25px 26px;
}
.modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 20px;
    font-weight: 400;
    color: #6a6a6a;
}
.modal .modal-dialog .modal-content .modal-body {
    padding: 35px 26px;
}
.modal .modal-dialog .modal-content .modal-footer {
    padding: 15px 31px;
}
.pagination .page-item .page-link,
.jsgrid .jsgrid-pager .page-item .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    border-color: #ebedf2;
    color: #343a40;
    font-size: .875rem;
    transition-duration: 0.3s;
}
.pagination .page-item .page-link:focus,
.jsgrid .jsgrid-pager .page-item .page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
    background: inherit;
}
.pagination .page-item .page-link i:before,
.jsgrid .jsgrid-pager .page-item .page-link i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-page a i:before {
    font-size: inherit;
    line-height: 1;
    vertical-align: middle;
}
.pagination .page-item.active .page-link,
.jsgrid .jsgrid-pager .page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.pagination .page-item:hover .page-link,
.jsgrid .jsgrid-pager .page-item:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a,
.pagination .page-item:focus .page-link,
.jsgrid .jsgrid-pager .page-item:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a,
.pagination .page-item:active .page-link,
.jsgrid .jsgrid-pager .page-item:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #ffffff;
}
.pagination.flat .page-item .page-link,
.jsgrid .flat.jsgrid-pager .page-item .page-link,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-page a {
    border: none;
    border-radius: 2px;
}
.pagination.separated .page-item,
.jsgrid .separated.jsgrid-pager .page-item,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page {
    margin-right: 2px;
    margin-left: 2px;
}
.pagination.separated .page-item:first-child,
.jsgrid .separated.jsgrid-pager .page-item:first-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:first-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child {
    margin-right: 0;
}
.pagination.separated .page-item:last-child,
.jsgrid .separated.jsgrid-pager .page-item:last-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child {
    margin-left: 0;
}
.pagination.separated .page-item .page-link,
.jsgrid .separated.jsgrid-pager .page-item .page-link,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.separated .page-item a,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page a {
    border-radius: 2px;
}
.pagination.rounded .page-item:first-child .page-link,
.pagination.loader-demo-box .page-item:first-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link,
.jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:first-child a,
.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:first-child a,
.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child a {
    border-radius: 0 25px 25px 0;
}
.pagination.rounded .page-item:last-child .page-link,
.pagination.loader-demo-box .page-item:last-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link,
.jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:last-child a,
.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:last-child a,
.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child a {
    border-radius: 25px 0 0 25px;
}
.pagination.rounded-flat .page-item,
.jsgrid .rounded-flat.jsgrid-pager .page-item,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page {
    margin-left: 3px;
    margin-right: 3px;
}
.pagination.rounded-flat .page-item .page-link,
.jsgrid .rounded-flat.jsgrid-pager .page-item .page-link,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button .page-link,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-flat .page-item a,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a {
    border: none;
    border-radius: 50px;
}
.pagination.rounded-separated .page-item,
.jsgrid .rounded-separated.jsgrid-pager .page-item,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page {
    margin-right: 2px;
    margin-left: 2px;
}
.pagination.rounded-separated .page-item:first-child,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child {
    margin-right: 0;
}
.pagination.rounded-separated .page-item:first-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a {
    border-radius: 0 10px 10px 0;
}
.pagination.rounded-separated .page-item:last-child,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child {
    margin-left: 0;
}
.pagination.rounded-separated .page-item:last-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a {
    border-radius: 10px 0 0 10px;
}
.pagination.rounded-separated .page-item .page-link,
.jsgrid .rounded-separated.jsgrid-pager .page-item .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a {
    border-radius: 2px;
}
.pagination-primary .page-item.active .page-link,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link,
.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a,
.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.pagination-primary .page-item .page-link:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {
    background: #c387ff;
    border-color: var(--theme-color);
    color: #ffffff;
}
.pagination-secondary .page-item.active .page-link,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link,
.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a,
.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a {
    background: #c3bdbd;
    border-color: #c3bdbd;
}
.pagination-secondary .page-item .page-link:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item a:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover {
    background: #cfcaca;
    border-color: #c3bdbd;
    color: #ffffff;
}
.pagination-success .page-item.active .page-link,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link,
.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a,
.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {
    background: #1bcfb4;
    border-color: #1bcfb4;
}
.pagination-success .page-item .page-link:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover {
    background: #21e2c5;
    border-color: #1bcfb4;
    color: #ffffff;
}
.pagination-info .page-item.active .page-link,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link,
.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a,
.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {
    background: #198ae3;
    border-color: #198ae3;
}
.pagination-info .page-item .page-link:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover {
    background: #2e96e8;
    border-color: #198ae3;
    color: #ffffff;
}
.pagination-warning .page-item.active .page-link,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link,
.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a,
.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a {
    background: #fed713;
    border-color: #fed713;
}
.pagination-warning .page-item .page-link:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover {
    background: #fedb2c;
    border-color: #fed713;
    color: #ffffff;
}
.pagination-danger .page-item.active .page-link,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link,
.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a,
.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a {
    background: #fe7c96;
    border-color: #fe7c96;
}
.pagination-danger .page-item .page-link:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover {
    background: #fe95aa;
    border-color: #fe7c96;
    color: #ffffff;
}
.pagination-light .page-item.active .page-link,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link,
.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a,
.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {
    background: #f8f9fa;
    border-color: #f8f9fa;
}
.pagination-light .page-item .page-link:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover {
    background: white;
    border-color: #f8f9fa;
    color: #ffffff;
}
.pagination-dark .page-item.active .page-link,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link,
.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a,
.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {
    background: #3e4b5b;
    border-color: #3e4b5b;
}
.pagination-dark .page-item .page-link:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover {
    background: #48586a;
    border-color: #3e4b5b;
    color: #ffffff;
}
.popover-static-demo .popover {
    width: 185px;
    position: relative;
    display: block;
    float: right;
    margin: 1rem .5rem;
    background: inherit;
}
.popover-static-demo .popover.bs-popover-bottom-demo .arrow,
.popover-static-demo .popover.bs-popover-top-demo .arrow {
    right: 50%;
}
.popover-static-demo .popover.bs-popover-left-demo .arrow,
.popover-static-demo .popover.bs-popover-right-demo .arrow {
    top: 50%;
}
.popover-static-demo .popover.popover-header {
    color: #000;
}
.popover {
    z-index: 1029;
}
.popover.bs-popover-top-demo .arrow:before {
    border-top-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-top-demo .arrow:after {
    border-top-color: #fff;
}
.popover.bs-popover-right-demo .arrow:before {
    border-left-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-right-demo .arrow:after {
    border-left-color: #fff;
}
.popover.bs-popover-bottom-demo .arrow:before {
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-bottom-demo .arrow:after {
    border-bottom-color: #fff;
}
.popover.bs-popover-bottom-demo .popover-header:before {
    border-bottom: 0;
}
.popover.bs-popover-left-demo .arrow:before {
    border-right-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-left-demo .arrow:after {
    border-right-color: #fff;
}
.popover .popover-header {
    font-size: .9375rem;
    border-bottom: 0;
    background: #ffffff;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.popover .popover-body {
    color: #9c9fa6;
}
.popover.left .arrow:before {
    border-right-color: rgba(0, 0, 0, 0.2);
}
.popover.left .arrow:after {
    border-right-color: #fff;
}
.popover.right .arrow:before {
    border-left-color: rgba(0, 0, 0, 0.2);
}
.popover.right .arrow:after {
    border-left-color: #fff;
}
.popover.top .arrow:before {
    border-top-color: rgba(0, 0, 0, 0.2);
}
.popover.top .arrow:after {
    border-top-color: #fff;
}
.popover.bottom .arrow:before {
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
.popover.bottom .arrow:after {
    border-bottom-color: #fff;
}
.popover-primary {
    border-color: "primary";
}
.popover-primary .popover-header {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
    border-bottom: 0;
}
.popover-primary.bs-popover-top .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-primary.bs-popover-top .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: var(--theme-color);
}
.popover-primary.bs-popover-right .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-primary.bs-popover-right .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: var(--theme-color);
}
.popover-primary.bs-popover-bottom .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-primary.bs-popover-bottom .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: var(--theme-color);
}
.popover-primary.bs-popover-left .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-primary.bs-popover-left .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: var(--theme-color);
}
.popover-secondary {
    border-color: "secondary";
}
.popover-secondary .popover-header {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
    border-bottom: 0;
}
.popover-secondary.bs-popover-top .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-secondary.bs-popover-top .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #c3bdbd;
}
.popover-secondary.bs-popover-right .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-secondary.bs-popover-right .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #c3bdbd;
}
.popover-secondary.bs-popover-bottom .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-secondary.bs-popover-bottom .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #c3bdbd;
}
.popover-secondary.bs-popover-left .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-secondary.bs-popover-left .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #c3bdbd;
}
.popover-success {
    border-color: "success";
}
.popover-success .popover-header {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
    border-bottom: 0;
}
.popover-success.bs-popover-top .arrow:before,
.popover-success.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-success.bs-popover-top .arrow:after,
.popover-success.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #1bcfb4;
}
.popover-success.bs-popover-right .arrow:before,
.popover-success.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-success.bs-popover-right .arrow:after,
.popover-success.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #1bcfb4;
}
.popover-success.bs-popover-bottom .arrow:before,
.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-success.bs-popover-bottom .arrow:after,
.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #1bcfb4;
}
.popover-success.bs-popover-left .arrow:before,
.popover-success.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-success.bs-popover-left .arrow:after,
.popover-success.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #1bcfb4;
}
.popover-info {
    border-color: "info";
}
.popover-info .popover-header {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
    border-bottom: 0;
}
.popover-info.bs-popover-top .arrow:before,
.popover-info.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-info.bs-popover-top .arrow:after,
.popover-info.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #198ae3;
}
.popover-info.bs-popover-right .arrow:before,
.popover-info.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-info.bs-popover-right .arrow:after,
.popover-info.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #198ae3;
}
.popover-info.bs-popover-bottom .arrow:before,
.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-info.bs-popover-bottom .arrow:after,
.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #198ae3;
}
.popover-info.bs-popover-left .arrow:before,
.popover-info.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-info.bs-popover-left .arrow:after,
.popover-info.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #198ae3;
}
.popover-warning {
    border-color: "warning";
}
.popover-warning .popover-header {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
    border-bottom: 0;
}
.popover-warning.bs-popover-top .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-warning.bs-popover-top .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #fed713;
}
.popover-warning.bs-popover-right .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-warning.bs-popover-right .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #fed713;
}
.popover-warning.bs-popover-bottom .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-warning.bs-popover-bottom .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #fed713;
}
.popover-warning.bs-popover-left .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-warning.bs-popover-left .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #fed713;
}
.popover-danger {
    border-color: "danger";
}
.popover-danger .popover-header {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
    border-bottom: 0;
}
.popover-danger.bs-popover-top .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-danger.bs-popover-top .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #fe7c96;
}
.popover-danger.bs-popover-right .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-danger.bs-popover-right .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #fe7c96;
}
.popover-danger.bs-popover-bottom .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-danger.bs-popover-bottom .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #fe7c96;
}
.popover-danger.bs-popover-left .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-danger.bs-popover-left .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #fe7c96;
}
.popover-light {
    border-color: "light";
}
.popover-light .popover-header {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
    border-bottom: 0;
}
.popover-light.bs-popover-top .arrow:before,
.popover-light.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-light.bs-popover-top .arrow:after,
.popover-light.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #f8f9fa;
}
.popover-light.bs-popover-right .arrow:before,
.popover-light.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-light.bs-popover-right .arrow:after,
.popover-light.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #f8f9fa;
}
.popover-light.bs-popover-bottom .arrow:before,
.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-light.bs-popover-bottom .arrow:after,
.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #f8f9fa;
}
.popover-light.bs-popover-left .arrow:before,
.popover-light.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-light.bs-popover-left .arrow:after,
.popover-light.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #f8f9fa;
}
.popover-dark {
    border-color: "dark";
}
.popover-dark .popover-header {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
    border-bottom: 0;
}
.popover-dark.bs-popover-top .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-dark.bs-popover-top .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #3e4b5b;
}
.popover-dark.bs-popover-right .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-dark.bs-popover-right .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #3e4b5b;
}
.popover-dark.bs-popover-bottom .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-dark.bs-popover-bottom .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #3e4b5b;
}
.popover-dark.bs-popover-left .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-dark.bs-popover-left .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #3e4b5b;
}
.preview-list .preview-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: .75rem 1.5rem;
    font-size: .875rem;
}
.preview-list .preview-item:last-child {
    border-bottom: 0;
}
.preview-list .preview-item:hover {
    background: #e9ecef;
}
.preview-list .preview-item .form-check {
    margin-top: 8px;
    margin-left: 1rem;
}
.preview-list .preview-item .preview-thumbnail {
    color: #ffffff;
    position: relative;
}
.preview-list .preview-item .preview-thumbnail img,
.preview-list .preview-item .preview-thumbnail .preview-icon {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}
.preview-list .preview-item .preview-thumbnail .preview-icon {
    padding: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview-list .preview-item .preview-thumbnail .preview-icon i {
    font-size: 1.125rem;
    margin: 0;
}
.preview-list .preview-item .preview-thumbnail .badge {
    border: 2px solid #ffffff;
    border-radius: 100%;
    bottom: 5px;
    display: block;
    height: 14px;
    right: -5px;
    padding: 0;
    position: absolute;
    width: 14px;
}
.preview-list .preview-item .preview-item-content {
    line-height: 1;
    padding-right: 15px;
}
.preview-list .preview-item .preview-item-content:first-child {
    padding-right: 0;
}
.preview-list .preview-item .preview-item-content p {
    margin-bottom: 10px;
}
.preview-list .preview-item .preview-item-content p .content-category {
    font-family: 'source-sans-pro-semibold', sans-serif;
    padding-left: 15px;
    border-left: 1px solid #ebedf2;
}
.rtl .preview-list .preview-item .preview-item-content {
    padding-right: 0;
    padding-left: 1rem;
    margin-left: 0;
    margin-right: auto;
}
.preview-list .preview-item .preview-actions {
    display: flex;
    flex-direction: row;
}
.preview-list .preview-item .preview-actions i {
    width: 29px;
    color: #e6e9ed;
    height: 29px;
    border: 2px solid #e6e9ed;
    border-radius: 100%;
    padding: 3px 6px;
    display: inline-block;
}
.preview-list .preview-item .preview-actions i:first-child {
    margin-left: 10px;
}
.preview-list.comment-preview .preview-item {
    padding: .87rem 0;
}
.preview-list.comment-preview .preview-item:first-child {
    padding-top: 0;
}
.preview-list.comment-preview .preview-item p {
    line-height: 27px;
}
.preview-list.bordered .preview-item {
    border-bottom: 1px solid #ebedf2;
}
.preview-list.bordered .preview-item:last-child {
    border-bottom: 0;
}
.table,
.jsgrid .jsgrid-table {
    margin-bottom: 0;
}
.table thead th,
.jsgrid .jsgrid-table thead th {
    border-top: 0;
    border-bottom-width: 1px;
    font-family: "ubuntu-medium", sans-serif;
    font-weight: initial;
}
.table thead th i,
.jsgrid .jsgrid-table thead th i {
    margin-right: 0.325rem;
}
.jsgrid .jsgrid-table th,
.jsgrid .jsgrid-table td {
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1;
    white-space: nowrap;
}
.table th img,
.jsgrid .jsgrid-table th img,
.table td img,
.jsgrid .jsgrid-table td img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}
.table th img.img-45-30,
.jsgrid .jsgrid-table th img.img-45-30,
.table td img.img-45-30,
.jsgrid .jsgrid-table td img.img-45-30 {
    width: 45px;
    height: 30px;
}
.table th .badge,
.jsgrid .jsgrid-table th .badge,
.table td .badge,
.jsgrid .jsgrid-table td .badge {
    margin-bottom: 0;
}
.table.table-borderless,
.jsgrid .table-borderless.jsgrid-table {
    border: none;
}
.table.table-borderless tr,
.jsgrid .table-borderless.jsgrid-table tr,
.table.table-borderless td,
.jsgrid .table-borderless.jsgrid-table td,
.table.table-borderless th,
.jsgrid .table-borderless.jsgrid-table th {
    border: none;
}
.nav-tabs .nav-link {
    background: #f6f8fa;
    color: #000000;
    border-radius: 0;
    border: 1px solid #ebedf2;
    padding: .75rem 1.5rem;
}
.nav-tabs .nav-item:first-child .nav-link {
    border-radius: 0 4px 0 0;
}
.nav-tabs .nav-item:last-child .nav-link {
    border-radius: 4px 0 0 0;
}
.nav-tabs.nav-tabs-vertical,
.nav-tabs.nav-tabs-vertical-custom {
    border-bottom: 0;
}
.nav-tabs.nav-tabs-vertical .nav-link.active,
.nav-tabs.nav-tabs-vertical-custom .nav-link.active {
    border-bottom-color: #ebedf2;
}
.nav-tabs.nav-tabs-vertical .nav-item:first-child .nav-link,
.nav-tabs.nav-tabs-vertical-custom .nav-item:first-child .nav-link {
    border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-tabs-vertical .nav-item:last-child .nav-link,
.nav-tabs.nav-tabs-vertical-custom .nav-item:last-child .nav-link {
    border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-tabs-vertical-custom {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-radius: 4px;
}
.nav-tabs.nav-tabs-vertical-custom .nav-link {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    color: #6a00d3;
    font-family: "ubuntu-bold", sans-serif;
    padding: 1.75rem;
}
.nav-tabs.nav-tabs-vertical-custom .nav-link.active {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}
.nav-pills {
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 1rem;
}
.nav-pills .nav-link {
    border: 1px solid #ebedf2;
    padding: .5rem 2rem;
}
.nav-pills .nav-item {
    margin-left: 1rem;
}
.nav-pills.nav-pills-vertical {
    border-bottom: 0;
}
.nav-pills.nav-pills-vertical .nav-item {
    margin-left: 0;
    margin-bottom: 1rem;
}
.nav-pills.nav-pills-custom {
    border-bottom: 0;
}
.nav-pills.nav-pills-custom .nav-link {
    border-radius: 20px;
    padding: .5rem 2.5rem;
    background: #fcfcfd;
    color: #000;
}
.nav-pills.nav-pills-custom .nav-link.active {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.nav-pills-primary .nav-link {
    color: var(--theme-color);
}
.nav-pills-primary .nav-link.active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.nav-pills-secondary .nav-link {
    color: #c3bdbd;
}
.nav-pills-secondary .nav-link.active {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.nav-pills-success .nav-link {
    color: #1bcfb4;
}
.nav-pills-success .nav-link.active {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.nav-pills-info .nav-link {
    color: #198ae3;
}
.nav-pills-info .nav-link.active {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.nav-pills-warning .nav-link {
    color: #fed713;
}
.nav-pills-warning .nav-link.active {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.nav-pills-danger .nav-link {
    color: #fe7c96;
}
.nav-pills-danger .nav-link.active {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.nav-pills-light .nav-link {
    color: #f8f9fa;
}
.nav-pills-light .nav-link.active {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.nav-pills-dark .nav-link {
    color: #3e4b5b;
}
.nav-pills-dark .nav-link.active {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.tab-content {
    border: 1px solid #ebedf2;
    border-top: 0;
    padding: 2rem 1rem;
    text-align: justify;
}
.tab-content.tab-content-vertical {
    border-top: 1px solid #ebedf2;
}
.tab-content.tab-content-vertical-custom {
    border: 0;
    padding-top: 0;
}
.tab-content.tab-content-custom-pill {
    border: 0;
    padding-right: 0;
}
.timeline {
    list-style: none;
    padding: 0;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #c3bdbd;
    right: 50%;
    margin-right: -1.5px;
}
.timeline .timeline-wrapper {
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    padding-left: 90px;
}
.timeline .timeline-wrapper:before {
    content: " ";
    display: table;
}
.timeline .timeline-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.timeline .timeline-wrapper .timeline-panel {
    padding: 20px;
    position: relative;
    background: #f2edf3;
    border-radius: 6px;
    box-shadow: -1px 2px 35px 0 rgba(1, 1, 1, 0.1);
    width: 35%;
    margin-right: 15%;
}
.timeline .timeline-wrapper .timeline-panel:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    content: "";
    right: 0;
    left: 0;
}
.timeline .timeline-wrapper .timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 14px solid #ffffff;
    border-left: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline .timeline-wrapper .timeline-panel .timeline-title {
    margin-top: 0;
    text-transform: uppercase;
}
.timeline .timeline-wrapper .timeline-panel .timeline-body p {
    margin-bottom: 0;
}
.timeline .timeline-wrapper .timeline-panel .timeline-body p+p {
    margin-top: 5px;
}
.timeline .timeline-wrapper .timeline-panel .timeline-body ul {
    margin-bottom: 0;
}
.timeline .timeline-wrapper .timeline-panel .timeline-footer span {
    font-size: 0.6875rem;
}
.timeline .timeline-wrapper .timeline-panel .timeline-footer i {
    font-size: 1.5rem;
}
.timeline .timeline-wrapper .timeline-badge {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    right: calc(50% - 7px);
    z-index: 100;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border: 2px solid #ffffff;
}
.timeline .timeline-wrapper .timeline-badge i {
    color: #ffffff;
}
.timeline .timeline-wrapper.timeline-inverted {
    padding-left: 0;
    padding-right: 90px;
}
.timeline .timeline-wrapper.timeline-inverted .timeline-panel {
    margin-right: auto;
    margin-left: 15%;
}
.timeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-right-width: 0;
    border-left-width: 14px;
    right: -14px;
    left: auto;
}
@media (max-width: 767px) {
    .timeline .timeline-wrapper {
        padding-left: 150px;
    }

    .timeline .timeline-wrapper.timeline-inverted {
        padding-right: 150px;
    }

    .timeline .timeline-wrapper .timeline-panel {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}
.timeline-wrapper-primary .timeline-panel:before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.timeline-wrapper-primary .timeline-badge {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.timeline-wrapper-secondary .timeline-panel:before {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.timeline-wrapper-secondary .timeline-badge {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.timeline-wrapper-success .timeline-panel:before {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.timeline-wrapper-success .timeline-badge {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.timeline-wrapper-info .timeline-panel:before {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.timeline-wrapper-info .timeline-badge {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.timeline-wrapper-warning .timeline-panel:before {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.timeline-wrapper-warning .timeline-badge {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.timeline-wrapper-danger .timeline-panel:before {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.timeline-wrapper-danger .timeline-badge {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.timeline-wrapper-light .timeline-panel:before {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.timeline-wrapper-light .timeline-badge {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.timeline-wrapper-dark .timeline-panel:before {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.timeline-wrapper-dark .timeline-badge {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.add-items {
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.add-items input[type="text"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    background: transparent;
}
.add-items .btn,
.add-items .fc button,
.fc .add-items button,
.add-items .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .add-items .ajax-file-upload,
.add-items .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .add-items .swal2-styled,
.add-items .wizard>.actions a,
.wizard>.actions .add-items a {
    margin-right: .5rem;
}
.rtl .add-items .btn,
.rtl .add-items .fc button,
.fc .rtl .add-items button,
.rtl .add-items .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .rtl .add-items .ajax-file-upload,
.rtl .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .rtl .add-items .swal2-styled,
.rtl .add-items .wizard>.actions a,
.wizard>.actions .rtl .add-items a {
    margin-right: auto;
    margin-left: .5rem;
}
.list-wrapper {
    height: 100%;
    max-height: 100%;
}
.list-wrapper ul {
    padding: 0;
    text-align: right;
    list-style: none;
    margin-bottom: 0;
}
.list-wrapper ul li {
    font-size: .9375rem;
    padding: .4rem 0;
    border-bottom: 1px solid #ebedf2;
}
.list-wrapper ul li:first-child {
    border-bottom: none;
}
.list-wrapper ul li .form-check {
    max-width: 90%;
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.list-wrapper input[type="checkbox"] {
    margin-left: 15px;
}
.list-wrapper .remove {
    cursor: pointer;
    font-size: 1.438rem;
    font-weight: 600;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 20px;
    text-align: center;
}
.list-wrapper .completed {
    text-decoration: line-through;
    text-decoration-color: #198ae3;
}
.tooltip-static-demo .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    margin: 0 0 10px 10px;
}
.tooltip-static-demo .bs-tooltip-bottom-demo .arrow,
.tooltip-static-demo .bs-tooltip-top-demo .arrow {
    right: 50%;
}
.tooltip-static-demo .bs-tooltip-right-demo .arrow:before,
.tooltip-static-demo .bs-tooltip-left-demo .arrow:before {
    top: calc((100% - 0.8rem) / 2);
}
.tooltip {
    font-size: 0.75rem;
    min-width: 5.625rem;
    z-index: 1029;
}
.tooltip .tooltip-inner {
    font-family: "ubuntu-regular", sans-serif;
}
.tooltip-primary .tooltip-inner {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--theme-color);
}
.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: var(--theme-color);
}
.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--theme-color);
}
.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--theme-color);
}
.tooltip-secondary .tooltip-inner {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
}
.tooltip-secondary.bs-tooltip-top .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #c3bdbd;
}
.tooltip-secondary.bs-tooltip-right .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #c3bdbd;
}
.tooltip-secondary.bs-tooltip-bottom .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #c3bdbd;
}
.tooltip-secondary.bs-tooltip-left .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #c3bdbd;
}
.tooltip-success .tooltip-inner {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.tooltip-success.bs-tooltip-top .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #1bcfb4;
}
.tooltip-success.bs-tooltip-right .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #1bcfb4;
}
.tooltip-success.bs-tooltip-bottom .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #1bcfb4;
}
.tooltip-success.bs-tooltip-left .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #1bcfb4;
}
.tooltip-info .tooltip-inner {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.tooltip-info.bs-tooltip-top .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #198ae3;
}
.tooltip-info.bs-tooltip-right .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #198ae3;
}
.tooltip-info.bs-tooltip-bottom .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #198ae3;
}
.tooltip-info.bs-tooltip-left .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #198ae3;
}
.tooltip-warning .tooltip-inner {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
}
.tooltip-warning.bs-tooltip-top .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fed713;
}
.tooltip-warning.bs-tooltip-right .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fed713;
}
.tooltip-warning.bs-tooltip-bottom .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fed713;
}
.tooltip-warning.bs-tooltip-left .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fed713;
}
.tooltip-danger .tooltip-inner {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.tooltip-danger.bs-tooltip-top .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fe7c96;
}
.tooltip-danger.bs-tooltip-right .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fe7c96;
}
.tooltip-danger.bs-tooltip-bottom .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fe7c96;
}
.tooltip-danger.bs-tooltip-left .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fe7c96;
}
.tooltip-light .tooltip-inner {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
}
.tooltip-light.bs-tooltip-top .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f8f9fa;
}
.tooltip-light.bs-tooltip-right .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #f8f9fa;
}
.tooltip-light.bs-tooltip-bottom .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f8f9fa;
}
.tooltip-light.bs-tooltip-left .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #f8f9fa;
}
.tooltip-dark .tooltip-inner {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
}
.tooltip-dark.bs-tooltip-top .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #3e4b5b;
}
.tooltip-dark.bs-tooltip-right .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #3e4b5b;
}
.tooltip-dark.bs-tooltip-bottom .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #3e4b5b;
}
.tooltip-dark.bs-tooltip-left .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #3e4b5b;
}
.profile-navbar .nav-item .nav-link {
    color: #343a40;
}
.profile-navbar .nav-item .nav-link.active {
    color: var(--theme-color);
}
.profile-navbar .nav-item .nav-link i {
    font-size: 1.25rem;
}
.profile-feed-item {
    padding: 1.5rem 0;
    border-bottom: 1px solid #ebedf2;
}
.pricing-table .pricing-card .pricing-card-body {
    padding: 50px 56px 43px 56px;
}
.pricing-table .pricing-card .pricing-card-body .plan-features {
    width: 100%;
    margin-bottom: 32px;
}
.pricing-table .pricing-card .pricing-card-body .plan-features li {
    text-align: right;
    padding: 4px 0px;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem;
}
.calendar-aside {
    display: block;
}
.calendar-aside .list {
    position: relative;
    padding: 10px 8px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    transition-duration: 0.25s;
    transition-property: background;
}
.calendar-aside .list .user-text {
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 0.875rem;
}
.calendar-aside .list .count {
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 50px;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-property: opacity;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar-aside .list .count:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    display: block;
    height: 10px;
    width: 10px;
    margin: auto;
    border-radius: 50px;
    transform: translateY(-50%);
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.calendar-aside .list .count.online:before {
    background: #1bcfb4;
}
.calendar-aside .list .count.offline:before {
    background: #fe7c96;
}
.calendar-aside .list .count .close {
    font-size: 15px;
    margin: auto;
    opacity: 0;
    color: #fe7c96;
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.calendar-aside .list:hover {
    background: #f8f9fa;
}
.calendar-aside .list:hover .count:before {
    z-index: 0;
    height: 20px;
    width: 20px;
    background: #f8f9fa;
}
.calendar-aside .list:hover .count .close {
    z-index: 2;
    opacity: 1;
}
.data-list {
    width: 100%;
    overflow: auto;
}
.data-list .list-item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ebedf2;
}
.data-list .list-item:last-child {
    border-bottom: none;
}
.data-list .list-item .graph {
    margin-right: auto;
    width: 110px;
}
#sourceLineChartLegend {
    padding-right: 0;
    margin-bottom: 0;
    list-style-type: none;
}
#sourceLineChartLegend li {
    display: inline-block;
    margin-left: 20px;
    color: #9c9fa6;
}
#sourceLineChartLegend li .chart-color {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 100%;
}
.rtl #sourceLineChartLegend li .chart-color {
    margin-left: 0px;
    margin-right: 5px;
}
#sourceLineChartLegend li:last-child {
    margin-left: 0;
}
.rtl #sourceLineChartLegend li {
    margin-left: 0px;
    margin-right: 20px;
}
.rtl #sourceLineChartLegend li:last-child {
    margin-right: 0px;
}
.social-card.card-default .action-bar i {
    color: #c3bdbd;
}
.social-card.card-default .comment {
    color: #9c9fa6;
}
.social-card.card-default .posted-date {
    color: var(--theme-color);
}
.social-card.card-colored .card-header {
    background: inherit;
}
.social-card.card-colored.facebook-card {
    background: #3b579d;
}
.social-card.card-colored.facebook-card .card-header {
    border-bottom-color: #344d8a;
}
.social-card.card-colored.twitter-card {
    background: #2caae1;
}
.social-card.card-colored.twitter-card .card-header {
    border-bottom-color: #1e9ed5;
}
.social-card.card-colored.google-card {
    background: #dc4a38;
}
.social-card.card-colored.google-card .card-header {
    border-bottom-color: #d53925;
}
.social-card.card-colored.linkedin-card {
    background: #0177b5;
}
.social-card.card-colored.linkedin-card .card-header {
    border-bottom-color: #01669c;
}
.social-card.card-colored a,
.social-card.card-colored .media-info,
.social-card.card-colored .user-name,
.social-card.card-colored .comment,
.social-card.card-colored .posted-date,
.social-card.card-colored .platform-name,
.social-card.card-colored .headline,
.social-card.card-colored .action-bar {
    color: #ffffff;
}
.top-selling-card .column-wrapper {
    display: flex;
    justify-content: space-around;
}
.top-selling-card .column-wrapper .column {
    width: 45%;
    padding: 25px 26px;
    border-radius: 3px;
    background: white;
    transform: translateY(-25px);
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
    z-index: 10;
}
.top-selling-card .column-wrapper .column i {
    font-size: 20px;
}
.top-selling-card .item-wrapper {
    max-height: 210px;
    overflow-y: auto;
}
.review-card .comment-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 70%;
}
.list-item {
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ebedf2;
}
.list-item:first-child {
    padding-top: 30px;
}
.list-item:last-child {
    border-bottom: none;
}
.list-item .preview-image {
    max-width: 80px;
    width: 80px;
    min-width: 80px;
}
.list-item .preview-image img {
    display: block;
    margin: auto;
}
.list-item .content {
    width: calc(100% - 80px);
    padding-left: 30px;
}
.list-item .content .user-name {
    margin-bottom: 0;
    margin-left: 10px;
    color: #9c9fa6;
    white-space: nowrap;
}
.list-item .content .time {
    color: #9c9fa6;
    margin-bottom: 3px;
}
.list-item .content .product-name {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}
.list-item .content .review-text {
    margin-bottom: 0;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 95%;
}
.todo-list .todo-item {
    border: 1px solid #ebedf2;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}
.todo-list .todo-item form {
    display: flex;
}
.todo-list .todo-item form .checkbox {
    width: 40px;
}
.todo-list .todo-item form .checkbox .form-check {
    margin-right: 10px;
}
.todo-list .todo-item form .checkbox .form-check .input-helper:after {
    line-height: 0px;
}
.todo-list .todo-item form .field-wrapper {
    width: calc(100% - 40px);
}
.todo-list .todo-item form .field-wrapper .form-group .form-control,
.todo-list .todo-item form .field-wrapper .form-group .asColorPicker-input,
.todo-list .todo-item form .field-wrapper .form-group .dataTables_wrapper select,
.dataTables_wrapper .todo-list .todo-item form .field-wrapper .form-group select,
.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=text],
.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group select,
.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=number],
.todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single,
.select2-container--default .todo-list .todo-item form .field-wrapper .form-group .select2-selection--single,
.todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .todo-list .todo-item form .field-wrapper .form-group .select2-search__field,
.todo-list .todo-item form .field-wrapper .form-group .typeahead,
.todo-list .todo-item form .field-wrapper .form-group .tt-query,
.todo-list .todo-item form .field-wrapper .form-group .tt-hint {
    font-weight: 500;
}
.todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag {
    color: #9c9fa6;
}
.todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag:before {
    content: "#";
    display: inline-block;
}
.todo-list .todo-item form .field-wrapper .form-group .btn,
.todo-list .todo-item form .field-wrapper .form-group .fc button,
.fc .todo-list .todo-item form .field-wrapper .form-group button,
.todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload,
.todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled,
.todo-list .todo-item form .field-wrapper .form-group .wizard>.actions a,
.wizard>.actions .todo-list .todo-item form .field-wrapper .form-group a {
    margin-left: 10px;
}
.todo-list .todo-item form .field-wrapper .form-group .btn:last-child,
.todo-list .todo-item form .field-wrapper .form-group .fc button:last-child,
.fc .todo-list .todo-item form .field-wrapper .form-group button:last-child,
.todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload:last-child,
.ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload:last-child,
.todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child,
.swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled:last-child,
.todo-list .todo-item form .field-wrapper .form-group .wizard>.actions a:last-child,
.wizard>.actions .todo-list .todo-item form .field-wrapper .form-group a:last-child {
    margin-left: 0;
}
.todo-list .todo-item:not(.edit-mode) {
    position: relative;
}
.todo-list .todo-item:not(.edit-mode) .edit-icon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    cursor: pointer;
}
.todo-list .todo-item:not(.edit-mode):hover {
    background: #f8f9fa;
}
.todo-list .todo-item:not(.edit-mode):hover .edit-icon {
    display: block;
}
.todo-list .todo-item:not(.edit-mode):hover * {
    background: #f8f9fa;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group {
    margin-bottom: 0;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput {
    border: none;
    height: 25px;
    max-height: 25px !important;
    min-height: 25px !important;
    padding: 0px 13px !important;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag a {
    display: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput #todo-tags-1_addTag,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tags_clear {
    display: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .form-control,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .asColorPicker-input,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .dataTables_wrapper select,
.dataTables_wrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=text],
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=number],
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single,
.select2-container--default .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-selection--single,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-search__field,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .typeahead,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-query,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-hint {
    border: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .btn,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .fc button,
.fc .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group button,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-file-upload,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-styled,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .wizard>.actions a,
.wizard>.actions .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group a {
    display: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group.hidden-field {
    display: none;
}
.todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag {
    color: #ffffff;
}
.activity-timeline .activity {
    position: relative;
}
.activity-timeline .activity:before {
    content: "";
    position: absolute;
    right: 21px;
    top: 5px;
    bottom: 0px;
    height: 100%;
    display: block;
    width: 2px;
    background: #dee2e6;
}
.activity-timeline .activity .icon-wrapper {
    border: 3px solid #fff;
}
.activity-timeline .activity:last-child:before {
    display: none;
}
.product-info-card .product-image {
    height: 100px;
}
@media (max-width: 769px) {
    .email-wrapper .mail-sidebar {
        position: relative;
    }
}
@media (max-width: 767.98px) {
    .email-wrapper .mail-sidebar {
        position: fixed;
        z-index: 99;
        background: #ffffff;
        width: 45%;
        min-width: 300px;
        right: -100%;
        display: block;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease;
        -moz-transition: 0.4s ease;
    }
}
.email-wrapper .mail-sidebar .menu-bar {
    width: 100%;
    float: left;
    height: 100%;
    min-height: 100%;
}
@media (max-width: 767.98px) {
    .email-wrapper .mail-sidebar .menu-bar {
        min-height: 100vh;
        max-height: 100%;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
.email-wrapper .mail-sidebar .menu-bar .menu-items {
    padding: 0;
    margin-bottom: 0;
    height: auto;
    list-style-type: none;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li {
    padding: 10px 15px;
    transition: 0.4s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {
    background: rgba(240, 244, 249, 0.8);
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li a {
    color: #303a40;
    font-size: 0.875rem;
    text-decoration: none;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li a i {
    margin-left: 8px;
    font-size: 0.875rem;
    line-height: 1.5;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.active {
    background: #434a54;
    border-radius: 4px;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {
    color: var(--theme-color);
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {
    background: transparent;
}
.email-wrapper .mail-sidebar .menu-bar .online-status {
    margin-top: 1rem;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .chat {
    font-size: 0.875rem;
    color: var(--theme-color);
    margin-bottom: 0;
    font-family: "ubuntu-bold", sans-serif;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: flex-start;
    transform: translateX(43px) translateY(2px);
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status:after {
    font-size: 12px;
    margin: -5px 18px 0 0;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {
    background: #fe7c96;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {
    content: "Offline";
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.online {
    background: #1bcfb4;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {
    content: "Online";
}
.email-wrapper .mail-sidebar .menu-bar .profile-list {
    padding: 10px 0;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item {
    border-bottom: 1px solid #ebedf2;
    padding: 6px 0;
    display: block;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {
    border-bottom: 0;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a {
    text-decoration: none;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic {
    display: flex;
    align-items: center;
    padding: 0;
    width: 20%;
    max-width: 40px;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img {
    max-width: 100%;
    width: 100%;
    border-radius: 100%;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
    width: 100%;
    padding: 5px 15px 0 10px;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {
    margin: 0;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    color: #000000;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation {
    font-size: calc(0.875rem - 0.1rem);
    margin-bottom: 0;
}
.email-wrapper .mail-view .message-body .attachments-sections .details .file-name {
    color: #000;
}
.email-wrapper .sidebar.open {
    right: 0;
}
.email-wrapper .mail-list-container {
    border-right: 1px solid #ebedf2;
    height: 100%;
    padding-right: 0;
    padding-left: 0;
}
.email-wrapper .mail-list-container a {
    text-decoration: none;
}
.email-wrapper .mail-list-container .mail-list {
    border-bottom: 1px solid #ebedf2;
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
    width: 100%;
}
.email-wrapper .mail-list-container .mail-list:last-child {
    border-bottom: none;
}
.email-wrapper .mail-list-container .mail-list .form-check {
    margin-top: 12px;
    width: 11%;
    min-width: 20px;
}
.email-wrapper .mail-list-container .mail-list .content {
    width: 83%;
    padding-right: 0;
    padding-left: 0;
}
.email-wrapper .mail-list-container .mail-list .content .sender-name {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    max-width: 95%;
}
.email-wrapper .mail-list-container .mail-list .content .message_text {
    margin: 0;
    max-width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email-wrapper .mail-list-container .mail-list .details {
    width: 5.5%;
}
.email-wrapper .mail-list-container .mail-list .details .date {
    text-align: left;
    margin: auto 0 auto 15px;
    white-space: nowrap;
}
.email-wrapper .mail-list-container .mail-list .details i {
    margin: auto 0;
    color: #ddd;
}
.email-wrapper .mail-list-container .mail-list .details i.favorite {
    color: #fed713;
}
.email-wrapper .mail-list-container .mail-list.new_mail {
    background: #434a54;
    color: #ffffff;
}
.email-wrapper .mail-list-container .mail-list.new_mail .details .date {
    color: #000000;
}
.email-wrapper .message-body .sender-details {
    padding: 20px 15px 0;
    border-bottom: 1px solid #ebedf2;
    display: flex;
}
.email-wrapper .message-body .sender-details .details {
    padding-bottom: 0;
}
.email-wrapper .message-body .sender-details .details .msg-subject {
    margin-bottom: 0;
    font-family: "ubuntu-bold", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
    margin-bottom: 20px;
    font-family: "ubuntu-regular", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
    font-size: 1rem;
    font-family: "ubuntu-bold", sans-serif;
    margin: 0 7px 0 1px;
}
.email-wrapper .message-body .message-content {
    padding: 50px 15px;
}
.email-wrapper .message-body .attachments-sections ul {
    list-style: none;
    border-top: 1px solid #ebedf2;
    padding: 30px 15px 20px;
}
.email-wrapper .message-body .attachments-sections ul li {
    padding: 10px;
    margin-left: 20px;
    border: 1px solid #ebedf2;
    border-radius: 5px;
}
.email-wrapper .message-body .attachments-sections ul li .thumb {
    display: inline-block;
    margin-left: 10px;
}
.email-wrapper .message-body .attachments-sections ul li .thumb i {
    font-size: 30px;
    margin: 0;
    color: #2e383e;
}
.email-wrapper .message-body .attachments-sections ul li .details p.file-name {
    display: block;
    margin-bottom: 0;
    color: #2e383e;
}
.email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
}
.email-wrapper .message-body .attachments-sections ul li .details .buttons a {
    font-size: 13px;
    margin-left: 10px;
}
.email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {
    margin-left: 0;
}
.ace_editor {
    margin: auto;
    height: 300px;
    width: 100%;
    font: 14px/normal SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.ace_editor .ace_content {
    font-size: 0.875rem;
}
.avgrund-popin {
    position: absolute;
    background: #fff;
    padding: 37px 33px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 50%;
    right: 50%;
    z-index: 1000;
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: initial;
    line-height: 1.85;
    border-radius: 10px;
    transform: scale(0.8);
}
.avgrund-popin p {
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: initial;
}
.avgrund-overlay {
    background: #000;
    width: 100%;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}
body.avgrund-ready,
.avgrund-ready .avgrund-popin,
.avgrund-ready .avgrund-overlay {
    transform-origin: 50% 50%;
    transition: 0.3s all ease-out;
}
body.avgrund-active {
    overflow: hidden;
}
.avgrund-active .avgrund-popin {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1.1);
}
.avgrund-active .avgrund-overlay {
    visibility: visible;
    opacity: .5;
    filter: alpha(opacity=50);
    height: 20000px;
}
.avgrund-popin.stack {
    transform: scale(1.5);
}
.avgrund-active .avgrund-popin.stack {
    transform: scale(1.1);
}
.avgrund-close {
    display: block;
    color: #fff;
    background: #343a40;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    border-radius: 50px;
}
.avgrund-close:hover {
    color: #fff;
    text-decoration: none;
}
.ct-series-a .ct-line {
    stroke: #a29afc;
    stroke-width: 3px;
    stroke-dasharray: 10px 20px;
}
.ct-series-a .ct-point {
    stroke: #6355f9;
    stroke-width: 10px;
    stroke-linecap: round;
}
.ct-series-b .ct-line {
    stroke: #80d691;
    stroke-width: 3px;
    stroke-dasharray: 10px 20px;
}
.ct-series-b .ct-point {
    stroke: #4ac462;
    stroke-width: 10px;
    stroke-linecap: round;
}
.ct-series-c .ct-line {
    stroke: #f7cb9b;
    stroke-width: 3px;
    stroke-dasharray: 10px 20px;
}
.ct-series-c .ct-point {
    stroke: #f2a859;
    stroke-width: 10px;
    stroke-linecap: round;
}
.ct-series-a .ct-bar {
    stroke: #a29afc;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-b .ct-bar {
    stroke: #80d691;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-c .ct-bar {
    stroke: #f7cb9b;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-d .ct-bar {
    stroke: #fcb2b2;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-a .ct-slice-pie {
    fill: #a29afc;
    stroke-width: 4px;
}
.ct-series-b .ct-slice-pie {
    fill: #80d691;
    stroke-width: 4px;
}
.ct-series-c .ct-slice-pie {
    fill: #fcb2b2;
    stroke-width: 4px;
}
.ct-series-d .ct-slice-pie {
    fill: #f7cb9b;
    stroke-width: 4px;
}
.ct-series-a .ct-slice-donut-solid {
    fill: #a29afc;
}
.ct-series-b .ct-slice-donut-solid {
    fill: #80d691;
}
.ct-series-c .ct-slice-donut-solid {
    fill: #fcb2b2;
}
.ct-series-a .ct-slice-donut-solid {
    fill: #f7cb9b;
}
#ct-chart-dash-barChart .ct-series-a .ct-bar {
    stroke: #fb9999;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
#ct-chart-dash-barChart .ct-series-b .ct-bar {
    stroke: #8b81fb;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
#ct-chart-dash-barChart .ct-series-c .ct-bar {
    stroke: #a29afc;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
#ct-chart-dash-barChart .ct-series-d .ct-bar {
    stroke: #b9b3fc;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.CodeMirror {
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    height: auto;
    text-align: right;
    min-height: auto;
}
.CodeMirror-scroll {
    min-height: auto;
}
* {
    box-sizing: border-box;
}
.grid {
    border: 1px solid #aab2bd est;
}
.grid:after {
    display: block;
    content: '';
    clear: both;
}
.grid-col {
    float: right;
    width: 49%;
    margin-left: 2%;
    background: rgba(182, 109, 255, 0.2);
}
.grid-col--4 {
    margin-left: 0;
}
.grid-col--2,
.grid-col--3 {
    display: none;
}
@media (min-width: 768px) {
    .grid-col {
        width: 32%;
    }

    .grid-col--2 {
        display: block;
    }
}
@media (min-width: 1200px) {
    .grid-col {
        width: 23.5%;
    }

    .grid-col--2,
    .grid-col--3 {
        display: block;
    }
}
.grid-item {
    background: var(--theme-color);
    margin-bottom: 20px;
}
.grid-item--a {
    height: 80px;
}
.grid-item--b {
    height: 140px;
}
.grid-item--c {
    height: 300px;
}
.asColorPicker-dropdown {
    max-width: initial;
}
.asColorPicker-trigger {
    height: auto;
    border: 0;
}
.asColorPicker-trigger span {
    border-radius: 2px;
    width: 35px;
}
.context-menu-icon:before {
    color: #000;
    font: normal normal normal 15px/1 "Material Design Icons";
}
.context-menu-icon.context-menu-icon-cut:before {
    content: '\F190';
}
.context-menu-icon.context-menu-icon-edit:before {
    content: '\F3EF';
}
.context-menu-icon.context-menu-icon-copy:before {
    content: '\F18F';
}
.context-menu-icon.context-menu-icon-paste:before {
    content: '\F613';
}
.context-menu-icon.context-menu-icon-delete:before {
    content: '\F6CB';
}
.context-menu-icon.context-menu-icon-quit:before {
    content: '\F156';
}
.context-menu-list {
    box-shadow: none;
    border: 1px solid #ebedf2;
}
.context-menu-list .context-menu-item span {
    color: #000;
    font-size: .75rem;
    font-family: "ubuntu-bold", sans-serif;
}
.context-menu-list .context-menu-item.context-menu-hover {
    background: #000;
}
.context-menu-list .context-menu-item.context-menu-hover span {
    color: #ffffff;
}
.dataTables_wrapper {
    padding-right: 0;
    padding-left: 0;
}
.dataTables_wrapper label {
    font-size: .8125rem;
}
.dataTables_wrapper select {
    padding: .4rem;
}
.dataTables_wrapper .dataTables_length select {
    min-width: 65px;
    margin-right: .25rem;
    margin-left: .25rem;
}
.dataTables_wrapper .dataTable .btn,
.dataTables_wrapper .dataTable .fc button,
.fc .dataTables_wrapper .dataTable button,
.dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload,
.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled,
.dataTables_wrapper .dataTable .wizard>.actions a,
.wizard>.actions .dataTables_wrapper .dataTable a {
    padding: 0.1rem 1rem;
    vertical-align: top;
}
.dataTables_wrapper .dataTable thead th {
    border-bottom-width: 0;
}
.dataTables_wrapper .dataTable thead .sorting:before,
.dataTables_wrapper .dataTable thead .sorting:after,
.dataTables_wrapper .dataTable thead .sorting_asc:before,
.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:before,
.dataTables_wrapper .dataTable thead .sorting_desc:after,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    line-height: 2.5;
    font-family: Material Design Icons;
    font-size: .65rem;
}
.dataTables_wrapper .dataTable thead .sorting:before,
.dataTables_wrapper .dataTable thead .sorting_asc:before,
.dataTables_wrapper .dataTable thead .sorting_desc:before,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
    content: "\F005D";
    left: 1.2em;
}
.dataTables_wrapper .dataTable thead .sorting:after,
.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:after,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    content: "\F0045";
    left: 0.2em;
}
.dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
}
.dataTables_wrapper .dataTables_info {
    font-size: 0.875rem;
}
.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
    padding: 0 25px;
    width: 30%;
    max-width: 500px;
    min-width: 250px;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {
    text-align: center;
    padding: .5rem 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
    color: #434a54;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: right;
    background: #ffffff;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
    color: #434a54;
    background: #ffffff;
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
    color: grey;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: left;
    background: #ffffff;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
    font-family: "ubuntu-regular", sans-serif;
    color: #434a54;
    font-size: .875rem;
    font-weight: initial;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child {
    text-align: right;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {
    text-align: left;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
    position: relative;
    top: 13px;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {
    text-align: center;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {
    font-size: .9375rem;
    padding: .5rem 0;
    color: #434a54;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {
    background: #ffffff;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
    color: #fff;
    background: transparent;
    position: relative;
    z-index: 1;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {
    content: "";
    width: 38px;
    height: 38px;
    background: #1bcfb4;
    border-radius: 100%;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 1px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {
    color: #fff;
    background: transparent;
    position: relative;
    z-index: 1;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {
    content: "";
    width: 38px;
    height: 38px;
    background: #198ae3;
    border-radius: 100%;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 1px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {
    color: #d9dde3;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-start,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-end,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-start,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-end {
    background: transparent;
    position: relative;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-start::before,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-end::before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-start::before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-end::before {
    content: "";
    width: 28px;
    height: 28px;
    background: rgba(27, 207, 180, 0.2);
    border-radius: 4px;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range {
    position: relative;
    background: transparent;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range::before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range::before {
    content: "";
    width: 28px;
    height: 28px;
    background: #eee;
    border-radius: 4px;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days,
.datepicker.datepicker-dropdown .datepicker-months,
.datepicker.datepicker-dropdown .datepicker-years,
.datepicker.datepicker-dropdown .datepicker-decades,
.datepicker.datepicker-dropdown .datepicker-centuries,
.datepicker.datepicker-inline .datepicker-days,
.datepicker.datepicker-inline .datepicker-months,
.datepicker.datepicker-inline .datepicker-years,
.datepicker.datepicker-inline .datepicker-decades,
.datepicker.datepicker-inline .datepicker-centuries {
    padding: .8rem .7rem;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-months table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-years table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-decades table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-centuries table.table-condensed,
.datepicker.datepicker-inline .datepicker-days table.table-condensed,
.datepicker.datepicker-inline .datepicker-months table.table-condensed,
.datepicker.datepicker-inline .datepicker-years table.table-condensed,
.datepicker.datepicker-inline .datepicker-decades table.table-condensed,
.datepicker.datepicker-inline .datepicker-centuries table.table-condensed {
    width: 100%;
}
.datepicker.datepicker-inline {
    width: 100%;
    max-width: 100%;
    min-width: 250px;
}
.datepicker.datepicker-inline thead tr th.prev {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.datepicker.datepicker-inline thead tr th.datepicker-switch {
    color: var(--theme-color);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.datepicker.datepicker-inline thead tr th.next {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.datepicker>div {
    display: initial;
}
.datepicker-custom {
    width: 100%;
    padding: 0;
}
.datepicker-custom .datepicker.datepicker-inline {
    display: block;
    padding: 0;
    height: 100%;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days {
    display: block;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td {
    padding: 1rem;
    text-align: center;
}
@media (max-width: 991px) {
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td {
        padding: 1rem .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today:before {
    top: 13px;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.active:before {
    top: 13px;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child {
    padding-right: 2.5rem;
}
@media (max-width: 991px) {
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child {
        padding-right: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.today:before,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.active:before {
    right: 1.5rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.today:before,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.active:before {
        right: .25rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child {
    padding-left: 2.5rem;
}
@media (max-width: 991px) {
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child {
        padding-left: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child.today:before,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child.active:before {
    left: 1.5rem;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries {
    height: 100%;
    padding: 0 0 1rem 0;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed {
    height: 100%;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow {
    background: transparent;
    border-radius: 0;
    color: #ffffff;
    padding: 2rem 1rem;
    font-family: "ubuntu-bold", sans-serif;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow {
        padding: 2rem .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:first-child {
    padding-right: 2.5rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:first-child {
        padding-right: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:last-child {
    padding-left: 2.5rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:last-child {
        padding-left: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch {
    font-size: 2rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch {
        font-size: 1rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev {
    font-size: 1.5rem;
}
.dropify-wrapper {
    border: 2px dashed #ebedf2;
    border-radius: 7px;
}
.dropify-wrapper:hover {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
    animation: stripes 2s linear infinite;
}
.dropify-wrapper .dropify-message span.file-icon:before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\F552';
    color: #343a40;
    font-size: 1.25rem;
}
.dropify-wrapper .dropify-message p {
    font-size: .8125rem;
    color: #343a40;
}
.dropify-wrapper .dropify-preview .dropify-infos {
    background: rgba(255, 255, 255, 0.9);
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
    color: var(--theme-color);
    font-size: 20px;
    font-weight: 400;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {
    color: #333;
    font-weight: 500;
}
.dropify-wrapper .dropify-preview .dropify-render img {
    opacity: 0.7;
}
.dropify-wrapper .dropify-clear {
    background: #fff;
    border: none;
    font-weight: 700;
    color: #434a54;
}
.dropzone {
    border: 1px solid #ebedf2;
    min-height: 200px;
}
.dropzone .dz-message {
    text-align: center;
    width: 100%;
}
.dropzone .dz-message span {
    font-size: .8125rem;
    color: #343a40;
}
.dropzone .dz-preview {
    margin: 5px;
}
.dropzone .dz-preview .dz-image {
    width: 63px;
    height: 63px;
    border-radius: 6px;
}
.dropzone .dz-preview .dz-error-message {
    top: 80px;
    right: -35px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    margin-right: -17px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    width: 35px;
    height: 35px;
}
.flot-chart-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 100%;
}
.flot-chart {
    width: 100%;
    position: relative;
    max-width: none;
    height: 400px;
}
.flot-chart canvas {
    position: absolute;
    top: 0;
    bottom: 0;
}
.fc button {
    height: auto;
    background-image: none;
    text-shadow: none;
    font-family: "ubuntu-regular", sans-serif;
    background-color: #ffffff;
    border-color: #ebedf2;
    text-transform: capitalize;
    color: #a8b2b9;
}
.fc button .fc-icon-right-single-arrow:after,
.fc button .fc-icon-left-single-arrow:after {
    color: #a8b2b9;
    font: normal normal normal 20px/1 "Material Design Icons";
}
.fc button .fc-icon-right-single-arrow:after {
    content: "\F0142";
}
.fc button .fc-icon-left-single-arrow:after {
    content: "\f0141";
}
.fc .fc-button-group .fc-button {
    background-color: #ffffff;
    margin: 0;
}
.fc .fc-button-group .fc-button.fc-state-active {
    color: #fe7c96;
}
.fc .fc-header-toolbar {
    margin-top: 2rem;
}
.fc .fc-header-toolbar .fc-center h2 {
    font-size: 1rem;
}
.fc .fc-widget-header {
    border: 0;
}
.fc .fc-widget-header table tr th {
    border-width: 0 0 1px 0;
    text-align: left;
    padding: 1rem;
}
.fc .fc-widget-header table tr th span {
    font-size: 10px;
    text-transform: uppercase;
    color: #a8b2b9;
    letter-spacing: 1px;
}
.fc .fc-content-skeleton table tr td {
    padding: .5rem;
    font-size: .875rem;
}
.fc .fc-event {
    border: 0;
    color: #ffffff;
    padding: .5rem;
}
.fc .fc-event.fc-start {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-radius: 4px;
    border-right: 4px solid var(--theme-color);
}
.fc .fc-event.fc-not-start,
.fc .fc-event.fc-not-end {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    border-right: 4px solid #fe7c96;
    padding-right: .5rem;
}
.fc .fc-event.fc-not-end {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc .fc-event .fc-title,
.fc .fc-event .fc-time {
    color: #ffffff;
}
.fc-external-events .fc-event {
    background: #ffffff;
    color: #000;
    border-width: 0 4px 0 0;
    padding: 16px;
    border-radius: 0;
    margin-bottom: 10px;
}
.fc-external-events .fc-event:nth-child(1) {
    border-color: var(--theme-color);
}
.fc-external-events .fc-event:nth-child(2) {
    border-color: #fe7c96;
}
.fc-external-events .fc-event:nth-child(3) {
    border-color: #1bcfb4;
}
.fc-external-events .fc-event:nth-child(4) {
    border-color: #198ae3;
    border-color: #fed713;
}
.google-chart-container .google-charts {
    width: 100%;
    height: 280px;
    min-height: 280px;
    min-width: 100%;
}
.icheck,
.icheck-flat,
.icheck-square,
.icheck-line {
    margin-bottom: .5rem;
}
.icheck label,
.icheck-flat label,
.icheck-square label,
.icheck-line label {
    font-size: .8125rem;
    line-height: 1.5;
    margin-right: 5px;
    margin-bottom: 0;
}
.ajax-upload-dragdrop {
    border-color: #ebedf2;
    border-style: dotted;
    max-width: 100%;
}
.ajax-upload-dragdrop span b {
    font-size: .8125rem;
    color: #343a40;
    font-weight: initial;
}
.ajax-upload-dragdrop .ajax-file-upload {
    background: #198ae3;
    box-shadow: none;
    height: auto;
}
.ajax-file-upload-container {
    min-height: 100px;
}
.ajax-file-upload-container .ajax-file-upload-statusbar {
    max-width: 100%;
}
.jsgrid .jsgrid-button {
    background-image: url("../../images/sprites/jsgrid-icons.png");
}
.jsgrid .jsgrid-grid-header {
    border: 1px solid #ebedf2;
    border-top: 0;
}
.jsgrid .jsgrid-table th {
    font-weight: initial;
    font-family: "ubuntu-bold", sans-serif;
}
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number] {
    padding: .56rem 0;
}
.jsgrid .jsgrid-header-sort:before {
    margin-top: 10px;
    float: left;
}
.jsgrid .jsgrid-header-sort-asc:before {
    border-color: transparent transparent #343a40;
}
.jsgrid .jsgrid-header-sort-desc:before {
    border-color: #343a40 transparent transparent;
}
.jsgrid .jsgrid-pager {
    line-height: 2;
}
.jsgrid .jsgrid-pager-current-page {
    padding: 0.5rem 0.75rem;
    font-weight: initial;
    line-height: 1.25;
}
.jvectormap-container {
    background: #ffffff;
}
.lightGallery {
    width: 100%;
    margin: 0;
}
.lightGallery .image-tile {
    position: relative;
    margin-bottom: 30px;
}
.lightGallery .image-tile .demo-gallery-poster {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.lightGallery .image-tile .demo-gallery-poster img {
    display: block;
    margin: auto;
    width: 40%;
    max-width: 60px;
    min-width: 20px;
}
.lightGallery .image-tile img {
    max-width: 100%;
    width: 100%;
}
.listify-list input {
    border: 1px solid #f2f7f8;
    color: #aab2bd;
    background: #fff;
}
.listify-list ul.list {
    list-style: none;
    padding-right: 0;
}
.listify-list ul.list li {
    display: block;
    border-bottom: 1px solid #ebedf2;
    padding: 15px 10px;
}
.listify-list ul.list li h5 {
    color: var(--theme-color);
}
.listify-list ul.list li p {
    color: #aab2bd;
    margin: 0;
}
.noUi-target {
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
.noUi-target .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.noUi-target .noUi-handle:before {
    display: none;
}
.noUi-target .noUi-handle:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    right: 4px;
    top: 4px;
}
.noUi-target.noUi-horizontal {
    height: 0.25rem;
}
.noUi-target.noUi-horizontal .noUi-handle {
    top: -8px;
}
.noUi-target.noUi-vertical {
    width: 0.25rem;
    height: 156px;
    display: inline-block;
}
.noUi-target.noUi-vertical .noUi-handle {
    right: -7px;
}
.noUi-target .noUi-base {
    background: #e6e9ed;
    box-shadow: none;
    border: none;
}
.noUi-target .noUi-base .noUi-connect {
    background: var(--theme-color);
    box-shadow: none;
}
.noUi-target .noUi-base .noUi-origin {
    background: #1bcfb4;
}
.noUi-target .noUi-pips .noUi-marker-horizontal,
.noUi-target .noUi-pips .noUi-marker-vertical {
    background: #ebedf2;
}
.noUi-target .noUi-pips .noUi-marker-horizontal {
    height: 9px;
    width: 1px;
}
.noUi-target .noUi-pips .noUi-marker-vertical {
    height: 1px;
    width: 9px;
}
.noUi-target .noUi-pips .noUi-value {
    color: #000;
    font-size: 0.94rem;
    font-family: "ubuntu-bold", sans-serif;
}
.slider-primary .noUi-base .noUi-connect {
    background: var(--theme-color);
}
.slider-primary .noUi-base .noUi-origin {
    background: var(--theme-color);
}
.slider-primary .noUi-base .noUi-origin .noUi-handle:after {
    background: var(--theme-color);
}
.slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: var(--theme-color);
    color: #ffffff;
}
.slider-secondary .noUi-base .noUi-connect {
    background: #c3bdbd;
}
.slider-secondary .noUi-base .noUi-origin {
    background: #c3bdbd;
}
.slider-secondary .noUi-base .noUi-origin .noUi-handle:after {
    background: #c3bdbd;
}
.slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #c3bdbd;
    color: #ffffff;
}
.slider-success .noUi-base .noUi-connect {
    background: #1bcfb4;
}
.slider-success .noUi-base .noUi-origin {
    background: #1bcfb4;
}
.slider-success .noUi-base .noUi-origin .noUi-handle:after {
    background: #1bcfb4;
}
.slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #1bcfb4;
    color: #ffffff;
}
.slider-info .noUi-base .noUi-connect {
    background: #198ae3;
}
.slider-info .noUi-base .noUi-origin {
    background: #198ae3;
}
.slider-info .noUi-base .noUi-origin .noUi-handle:after {
    background: #198ae3;
}
.slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #198ae3;
    color: #ffffff;
}
.slider-warning .noUi-base .noUi-connect {
    background: #fed713;
}
.slider-warning .noUi-base .noUi-origin {
    background: #fed713;
}
.slider-warning .noUi-base .noUi-origin .noUi-handle:after {
    background: #fed713;
}
.slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #fed713;
    color: #ffffff;
}
.slider-danger .noUi-base .noUi-connect {
    background: #fe7c96;
}
.slider-danger .noUi-base .noUi-origin {
    background: #fe7c96;
}
.slider-danger .noUi-base .noUi-origin .noUi-handle:after {
    background: #fe7c96;
}
.slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #fe7c96;
    color: #ffffff;
}
.slider-light .noUi-base .noUi-connect {
    background: #f8f9fa;
}
.slider-light .noUi-base .noUi-origin {
    background: #f8f9fa;
}
.slider-light .noUi-base .noUi-origin .noUi-handle:after {
    background: #f8f9fa;
}
.slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #f8f9fa;
    color: #ffffff;
}
.slider-dark .noUi-base .noUi-connect {
    background: #3e4b5b;
}
.slider-dark .noUi-base .noUi-origin {
    background: #3e4b5b;
}
.slider-dark .noUi-base .noUi-origin .noUi-handle:after {
    background: #3e4b5b;
}
.slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #3e4b5b;
    color: #ffffff;
}
.owl-carousel img {
    border-radius: 4px;
}
.owl-carousel.full-width .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    margin-top: 0;
}
.owl-carousel.full-width .owl-nav .owl-prev,
.owl-carousel.full-width .owl-nav .owl-next {
    background: transparent;
    color: #ffffff;
}
.owl-carousel.full-width .owl-nav .owl-prev i:before,
.owl-carousel.full-width .owl-nav .owl-next i:before {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 2;
}
.owl-carousel.full-width .owl-nav .owl-prev {
    float: right;
}
.owl-carousel.full-width .owl-nav .owl-next {
    float: left;
}
.owl-carousel.full-width .owl-dots {
    margin-top: 1rem;
}
.owl-carousel .item-video {
    width: 200px;
    height: 200px;
}
.progress-bar-js-line {
    height: 6px;
}
.progressbar-js-circle {
    width: 100%;
    position: relative;
}
.pws_tabs_container ul.pws_tabs_controll {
    border-bottom: 1px solid var(--theme-color);
}
.pws_tabs_container ul.pws_tabs_controll li:first-child a {
    border-radius: 0px 5px 0px 0px;
}
.pws_tabs_container ul.pws_tabs_controll li:last-child a {
    border-left: 1px solid var(--theme-color);
    border-radius: 5px 0px 0px 0px;
}
.pws_tabs_container ul.pws_tabs_controll li a {
    border: 1px solid var(--theme-color);
    border-bottom: none;
    border-left: none;
    background: #fff;
    color: var(--theme-color);
    padding: 0.6em 1.3em;
    margin-left: 0;
}
.pws_tabs_container ul.pws_tabs_controll li a:hover {
    background: #fff;
    color: var(--theme-color);
}
.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #fff;
}
.pws_tabs_container .demo-tabs {
    border: 1px solid var(--theme-color);
    border-radius: 5px 0px 5px 5px;
    overflow: hidden;
    margin-bottom: 45px;
    padding-top: 3.5rem;
}
.pws_tabs_container .demo-tabs .CodeMirror {
    margin-bottom: 20px;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll {
    border-left: none;
    border-bottom: none;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a {
    border-radius: 0px 5px 0px 0px;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a {
    border-bottom: 1px solid var(--theme-color);
    border-radius: 0px 0px 5px 0px;
    border-left: 0px;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {
    border-radius: 0px;
    border: 1px solid var(--theme-color);
    border-left: none;
    border-bottom: none;
    margin-bottom: 0;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list {
    margin-bottom: 0;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {
    border-top: 1px solid var(--theme-color);
    border-left: none;
    border-bottom: none;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a {
    border-radius: 0px 0px 5px 0px;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a {
    border-radius: 0px 0px 0px 5px;
    border-left: 1px solid var(--theme-color);
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {
    border-radius: 0px;
    border: 1px solid var(--theme-color);
    border-top: none;
    border-left: none;
    margin-left: 0;
    margin-bottom: 0;
}
.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {
    border-radius: 5px 0px 0px 0px;
    border-left: 1px solid var(--theme-color);
}
.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a {
    border-left: none;
    border-radius: 0px 5px 0px 0px;
}
.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {
    border: 1px solid var(--theme-color);
    border-bottom: none;
    border-left: none;
    margin-left: 0;
    margin-right: 0;
}
.quill-container {
    height: 300px;
}
.ql-toolbar.ql-snow,
.quill-container.ql-snow {
    border-color: #ebedf2;
}
.br-theme-fontawesome-stars .br-widget a,
.br-theme-css-stars .br-widget a {
    font-size: 20px;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after,
.br-theme-css-stars .br-widget a.br-active:after {
    color: var(--theme-color);
}
.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
    background-color: rgba(182, 109, 255, 0.6);
    color: var(--theme-color);
}
.br-theme-bars-1to10 .br-widget a.br-selected,
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected,
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected,
.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected,
.br-theme-bars-horizontal .br-widget a.br-active {
    background-color: var(--theme-color);
}
.br-theme-bars-square .br-widget a {
    border-color: rgba(182, 109, 255, 0.6);
    color: rgba(182, 109, 255, 0.6);
}
.br-theme-bars-square .br-widget a.br-selected,
.br-theme-bars-square .br-widget a.br-active {
    border-color: var(--theme-color);
    color: var(--theme-color);
}
.br-theme-bars-movie .br-widget .br-current-rating,
.br-theme-bars-reversed .br-widget .br-current-rating,
.br-theme-bars-1to10 .br-widget .br-current-rating,
.br-theme-bars-horizontal .br-widget .br-current-rating {
    color: #343a40;
    font-size: 0.875rem;
    font-weight: initial;
}
.br-theme-bars-1to10 {
    height: 26px;
}
.br-theme-bars-1to10 .br-widget {
    height: 24px;
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
    line-height: 1;
}
.br-theme-bars-pill .br-widget a {
    line-height: 2.5;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ddd;
    color: #343a40;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--multiple {
    border-color: #ebedf2;
}
.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-search__field {
    border-color: #ebedf2;
}
.select2-container--default .select2-selection--single {
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px;
}
.select2-container--default .select2-dropdown {
    font-size: .8125rem;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ebedf2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    padding: 6px;
    font-size: .625rem;
    font-family: inherit;
    line-height: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #ffffff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {
    background: var(--theme-color);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {
    background: #1bcfb4;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {
    background: #198ae3;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {
    background: #fe7c96;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {
    background: #fed713;
}
.note-editor.note-frame {
    border: 1px solid #ebedf2;
}
.note-popover {
    border: 1px solid #ebedf2;
}
.swal2-container {
    z-index: 1500;
}
.swal2-modal {
    min-height: 315px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
}
.swal2-modal .swal2-title {
    font-size: 25px;
    line-height: 1;
    font-family: "ubuntu-medium", sans-serif;
    color: #343a40;
    font-weight: initial;
    margin-bottom: 0;
}
.swal2-modal .swal2-icon,
.swal2-modal .swal2-success-ring {
    margin-bottom: 42px;
}
.swal2-modal .swal2-buttonswrapper {
    margin-top: 0;
    padding: 0;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled {
    margin-top: 0;
    font-weight: initial;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
    font-weight: initial;
    margin-top: 32px;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {
    margin-top: 32px;
    border: 1px solid #ebedf2;
    color: #ffffff;
    font-weight: initial;
}
.swal2-modal .swal2-content {
    font-size: 0.875rem;
    font-family: "ubuntu-medium", sans-serif;
    color: #343a40;
    font-weight: initial;
    margin-top: 11px;
}
.swal2-modal .swal2-close {
    font-size: 20px;
}
.swal2-modal .swal2-success-ring {
    right: -30px;
}
.switchery {
    width: 35px;
    height: 21px;
    border-radius: 11px;
}
.switchery>small {
    width: 20px;
    height: 20px;
}
.switchery-small {
    width: 25px;
    height: 13px;
}
.switchery-small>small {
    width: 13px;
    height: 13px;
}
.switchery-large {
    width: 50px;
    height: 28px;
    border-radius: 14px;
}
.switchery-large>small {
    width: 27px;
    height: 27px;
}
div.tagsinput {
    padding: 15px 15px 10px;
    border-color: #ebedf2;
}
div.tagsinput span.tag {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border: 0;
    color: #ffffff;
    padding: 6px 14px;
    font-size: .8125rem;
    font-family: inherit;
    line-height: 1;
}
div.tagsinput span.tag a {
    color: #ffffff;
}
.mce-tinymce.mce-panel,
.mce-tinymce .mce-panel {
    border-color: #ebedf2;
}
.jq-toast-wrap .jq-icon-success {
    background-color: #1bcfb4;
}
.jq-toast-wrap .jq-icon-info {
    background-color: #198ae3;
}
.jq-toast-wrap .jq-icon-warning {
    background-color: #fed713;
}
.jq-toast-wrap .jq-icon-error {
    background-color: #fe7c96;
}
.tt-menu,
.gist {
    text-align: right;
}
.twitter-typeahead {
    max-width: 100%;
}
.typeahead {
    background-color: #ffffff;
}
.typeahead:focus {
    border-color: #ebedf2;
}
.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #434a54;
}
.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #ffffff;
    border: 1px solid #ebedf2;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: inherit;
}
.tt-suggestion:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: var(--theme-color);
}
.tt-suggestion .tt-cursor {
    color: #ffffff;
    background-color: var(--theme-color);
}
.tt-suggestion p {
    margin: 0;
}
.wysi-editor #toolbar [data-wysihtml-action] {
    float: left;
}
.wysi-editor #toolbar,
.wysi-editor textarea {
    width: 920px;
    padding: 5px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.wysi-editor textarea {
    height: 280px;
    border: 1px solid #ebedf2;
    font-family: inherit;
    font-size: 1rem;
}
.wysi-editor textarea:focus {
    color: black;
    border: 1px solid #ebedf2;
}
.wysi-editor .wysihtml-action-active,
.wysi-editor .wysihtml-command-active {
    font-weight: bold;
}
.wysi-editor [data-wysihtml-dialog] {
    margin: 5px 0 0;
    padding: 5px;
    border: 1px solid #666;
}
.wysi-editor a[data-wysihtml-command-value="red"] {
    color: #fe7c96;
}
.wysi-editor a[data-wysihtml-command-value="green"] {
    color: #1bcfb4;
}
.wysi-editor a[data-wysihtml-command-value="blue"] {
    color: #198ae3;
}
.wysi-editor .wysihtml-editor,
.wysi-editor .wysihtml-editor table td {
    outline: 1px dotted #ebedf2;
}
.wysi-editor code {
    background: #ddd;
    padding: 10px;
    white-space: pre;
    display: block;
    margin: 1em 0;
}
.wysi-editor .toolbar {
    display: block;
    border-radius: 3px;
    border: 1px solid #fff;
    margin-bottom: 9px;
    line-height: 1em;
}
.wysi-editor .toolbar a {
    display: inline-block;
    height: 1.5em;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #ebedf2;
    padding: 0 0.2em;
    margin: 1px 0;
    color: var(--theme-color);
}
.wysi-editor .toolbar .wysihtml-action-active,
.wysi-editor .toolbar a.wysihtml-command-active {
    background: #222;
    color: white;
}
.wysi-editor .toolbar .block {
    padding: 1px;
    display: inline-block;
    background: #eee;
    border-radius: 3px;
    margin: 0 0 1px 1px;
}
.wysi-editor div[data-wysihtml-dialog="createTable"] {
    position: absolute;
    background: white;
}
.wysi-editor div[data-wysihtml-dialog="createTable"] td {
    width: 10px;
    height: 5px;
    border: 1px solid #ebedf2;
}
.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {
    outline: 2px solid #1bcfb4;
}
.wysi-editor .editor-container-tag {
    padding: 5px 10px;
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, 0.8);
    width: 100px;
    margin-right: -50px;
    -webkit-transition: 0.1s right, 0.1s top;
}
.wysi-editor .wrap {
    max-width: 700px;
    margin: 40px;
}
.wysi-editor .editable .wysihtml-uneditable-container {
    outline: 1px dotted #ebedf2;
    position: relative;
}
.wysi-editor .editable .wysihtml-uneditable-container-right {
    float: left;
    width: 50%;
    margin-right: 2em;
    margin-bottom: 1em;
}
.wysi-editor .editable .wysihtml-uneditable-container-left {
    float: right;
    width: 50%;
    margin-left: 2em;
    margin-bottom: 1em;
}
.editable-form .editable {
    color: #343a40;
    font-size: .8125rem;
}
.editable-form .editable-click {
    border-color: #343a40;
}
.editable-container.editable-inline {
    max-width: 100%;
}
.editable-container.editable-inline .editableform {
    max-width: 100%;
}
.editable-container.editable-inline .editableform .control-group {
    max-width: 100%;
    white-space: initial;
}
.editable-container.editable-inline .editableform .control-group>div {
    max-width: 100%;
}
.editable-container.editable-inline .editableform .control-group .editable-input input,
.editable-container.editable-inline .editableform .control-group .editable-input textarea {
    max-width: 100%;
}
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select,
.dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text],
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number],
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single,
.select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 991px) {
    .editable-container.editable-inline .editableform .control-group .editable-buttons {
        display: block;
        margin-top: 10px;
    }
}
.wizard {
    display: block;
    width: 100%;
    overflow: hidden;
}
.wizard a {
    outline: 0;
}
.wizard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wizard ul>li {
    display: block;
    padding: 0;
}
.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}
.wizard>.steps .current-info {
    position: absolute;
    right: -999em;
}
.wizard>.steps .number {
    font-size: 0.875rem;
}
.wizard>.steps>ul>li {
    width: 25%;
    float: right;
    text-align: center;
}
@media (max-width: 767px) {
    .wizard>.steps>ul>li {
        width: 50%;
    }
}
.wizard>.steps a {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 5px;
    font-size: 0.875rem;
    font-family: "ubuntu-medium", sans-serif;
}
.wizard>.steps a:hover {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px;
}
.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px;
}
.wizard>.steps .disabled a {
    background: #e6e9ed;
    color: #434a54;
    cursor: default;
}
.wizard>.steps .disabled a:hover {
    background: #e6e9ed;
    color: #434a54;
    cursor: default;
}
.wizard>.steps .disabled a:active {
    background: #e6e9ed e;
    color: #434a54;
    cursor: default;
}
.wizard>.steps .current a {
    background: var(--theme-color);
    color: #ffffff;
    cursor: default;
}
.wizard>.steps .current a:hover {
    background: var(--theme-color);
    color: #ffffff;
    cursor: default;
}
.wizard>.steps .current a:active {
    background: var(--theme-color);
    color: #ffffff;
    cursor: default;
}
.wizard>.steps .done a {
    background: #e9d3ff;
    color: #ffffff;
}
.wizard>.steps .done a:hover {
    background: #e9d3ff;
    color: #ffffff;
}
.wizard>.steps .done a:active {
    background: #e9d3ff;
    color: #ffffff;
}
.wizard>.steps .error a {
    background: #fe7c96;
    color: #fff;
}
.wizard>.steps .error a:hover {
    background: #fe7c96;
    color: #fff;
}
.wizard>.steps .error a:active {
    background: #fe7c96;
    color: #fff;
}
.wizard>.content {
    background: #f2edf3;
    display: block;
    margin: 0.5em;
    min-height: 24em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-radius: 5px;
}
.wizard>.content>.title {
    position: absolute;
    right: -999em;
}
.wizard>.content>.body {
    float: right;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
    overflow-y: auto;
}
.wizard>.content>.body ul {
    list-style: disc;
}
.wizard>.content>.body ul>li {
    display: list-item;
}
.wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}
.wizard>.content>.body input {
    display: block;
    border: 1px solid #ebedf2;
}
.wizard>.content>.body input[type="checkbox"] {
    display: inline-block;
}
.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #ffe1e7;
    color: #fe7c96;
}
.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: 0.5em;
}
.wizard>.content>.body label.error {
    color: #fe7c96;
    display: inline-block;
    margin-right: 1.5em;
}
.wizard>.actions {
    padding-top: 20px;
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
}
.wizard>.actions>ul {
    display: inline-block;
    text-align: left;
}
.wizard>.actions>ul>li {
    float: right;
    margin: 0 0.5em;
}
.wizard.vertical>.steps {
    display: inline;
    float: right;
    width: 30%;
}
@media (max-width: 767px) {
    .wizard.vertical>.steps {
        width: 42%;
    }
}
.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%;
    text-align: right;
}
.wizard.vertical>.content {
    display: inline;
    float: right;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}
@media (max-width: 767px) {
    .wizard.vertical>.content {
        width: 52%;
    }
}
.wizard.vertical>.actions {
    display: inline;
    float: left;
    margin: 0 2.5%;
    width: 95%;
}
@media (max-width: 767px) {
    .wizard.vertical>.actions {
        margin: 0;
        width: 100%;
    }
}
.wizard.vertical>.actions>ul>li {
    margin: 0 1em 0 0;
}
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}
.tabcontrol a {
    outline: 0;
}
.tabcontrol ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tabcontrol ul>li {
    display: block;
    padding: 0;
}
.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%;
}
.tabcontrol>.steps .current-info {
    position: absolute;
    right: -999em;
}
.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}
.tabcontrol>.steps>ul>li {
    float: right;
    margin: 5px 0 0 2px;
    padding: 1px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #ebedf2;
    padding: 0;
}
.tabcontrol>.steps>ul>li>a {
    color: #aab2bd;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}
.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
}
.tabcontrol>.steps>ul>li.current {
    background: #ffffff;
    border: 1px solid #ebedf2;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}
.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px;
}
.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #ebedf2;
    padding-top: 20px;
}
.tabcontrol>.content>.title {
    position: absolute;
    right: -999em;
}
.tabcontrol>.content>.body {
    float: right;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.tabcontrol>.content>.body ul {
    list-style: disc;
}
.tabcontrol>.content>.body ul>li {
    display: list-item;
}
.jstree-default .jstree-clicked {
    background-color: #beebff;
}
.jstree-default .jstree-hovered {
    background-color: #e7f4f9;
}
.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px;
}
.auth .login-half-bg {
    background: url("../../images/auth/login-bg.jpg");
    background-size: cover;
}
.auth .register-half-bg {
    background: url("../../images/auth/register-bg.jpg");
    background-size: cover;
}
.auth.lock-full-bg {
    background: url("../../images/auth/lockscreen-bg.jpg");
    background-size: cover;
}
.auth .lock-profile-img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
}
.auth .auth-form-dark {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}
.auth .auth-form-dark .form-control,
.auth .auth-form-dark .asColorPicker-input,
.auth .auth-form-dark .dataTables_wrapper select,
.dataTables_wrapper .auth .auth-form-dark select,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text],
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number],
.auth .auth-form-dark .select2-container--default .select2-selection--single,
.select2-container--default .auth .auth-form-dark .select2-selection--single,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field,
.auth .auth-form-dark .typeahead,
.auth .auth-form-dark .tt-query,
.auth .auth-form-dark .tt-hint {
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}
.auth .auth-form-dark .form-control:-ms-input-placeholder,
.auth .auth-form-dark .asColorPicker-input:-ms-input-placeholder,
.auth .auth-form-dark .dataTables_wrapper select:-ms-input-placeholder,
.dataTables_wrapper .auth .auth-form-dark select:-ms-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-ms-input-placeholder[type=text],
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select:-ms-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-ms-input-placeholder[type=number],
.auth .auth-form-dark .select2-container--default .select2-selection--single:-ms-input-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single:-ms-input-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field:-ms-input-placeholder,
.auth .auth-form-dark .typeahead:-ms-input-placeholder,
.auth .auth-form-dark .tt-query:-ms-input-placeholder,
.auth .auth-form-dark .tt-hint:-ms-input-placeholder {
    color: #ffffff;
}
.auth .auth-form-dark .form-control:-moz-placeholder,
.auth .auth-form-dark .asColorPicker-input:-moz-placeholder,
.auth .auth-form-dark .dataTables_wrapper select:-moz-placeholder,
.dataTables_wrapper .auth .auth-form-dark select:-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-moz-placeholder[type=text],
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select:-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-moz-placeholder[type=number],
.auth .auth-form-dark .select2-container--default .select2-selection--single:-moz-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single:-moz-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field:-moz-placeholder,
.auth .auth-form-dark .typeahead:-moz-placeholder,
.auth .auth-form-dark .tt-query:-moz-placeholder,
.auth .auth-form-dark .tt-hint:-moz-placeholder {
    color: #ffffff;
}
.auth .auth-form-dark .form-control::-moz-placeholder,
.auth .auth-form-dark .asColorPicker-input::-moz-placeholder,
.auth .auth-form-dark .dataTables_wrapper select::-moz-placeholder,
.dataTables_wrapper .auth .auth-form-dark select::-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text]::-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select::-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number]::-moz-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single::-moz-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single::-moz-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field::-moz-placeholder,
.auth .auth-form-dark .typeahead::-moz-placeholder,
.auth .auth-form-dark .tt-query::-moz-placeholder,
.auth .auth-form-dark .tt-hint::-moz-placeholder {
    color: #ffffff;
}
.auth .auth-form-dark .form-control::-webkit-input-placeholder,
.auth .auth-form-dark .asColorPicker-input::-webkit-input-placeholder,
.auth .auth-form-dark .dataTables_wrapper select::-webkit-input-placeholder,
.dataTables_wrapper .auth .auth-form-dark select::-webkit-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text]::-webkit-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select::-webkit-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number]::-webkit-input-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single::-webkit-input-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single::-webkit-input-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field::-webkit-input-placeholder,
.auth .auth-form-dark .typeahead::-webkit-input-placeholder,
.auth .auth-form-dark .tt-query::-webkit-input-placeholder,
.auth .auth-form-dark .tt-hint::-webkit-input-placeholder {
    color: #ffffff;
}
.auth .auth-form-light {
    background: #ffffff;
}
.auth .auth-form-light select {
    color: #c9c8c8;
}
.auth .auth-form-light .input-group .form-control:focus,
.auth .auth-form-light .asColorPicker-wrap .form-control:focus,
.auth .auth-form-light .input-group .asColorPicker-input:focus,
.auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:focus,
.auth .auth-form-light .input-group .dataTables_wrapper select:focus,
.dataTables_wrapper .auth .auth-form-light .input-group select:focus,
.auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:focus,
.dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:focus,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=text],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=text],
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:focus,
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:focus,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=number],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=number],
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single:focus,
.select2-container--default .auth .auth-form-light .input-group .select2-selection--single:focus,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:focus,
.select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:focus,
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:focus,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:focus,
.auth .auth-form-light .input-group .typeahead:focus,
.auth .auth-form-light .asColorPicker-wrap .typeahead:focus,
.auth .auth-form-light .input-group .tt-query:focus,
.auth .auth-form-light .asColorPicker-wrap .tt-query:focus,
.auth .auth-form-light .input-group .tt-hint:focus,
.auth .auth-form-light .asColorPicker-wrap .tt-hint:focus,
.auth .auth-form-light .input-group .form-control:active,
.auth .auth-form-light .asColorPicker-wrap .form-control:active,
.auth .auth-form-light .input-group .asColorPicker-input:active,
.auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:active,
.auth .auth-form-light .input-group .dataTables_wrapper select:active,
.dataTables_wrapper .auth .auth-form-light .input-group select:active,
.auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:active,
.dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:active,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=text],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=text],
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:active,
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:active,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=number],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=number],
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single:active,
.select2-container--default .auth .auth-form-light .input-group .select2-selection--single:active,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:active,
.select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:active,
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:active,
.select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:active,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:active,
.select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:active,
.auth .auth-form-light .input-group .typeahead:active,
.auth .auth-form-light .asColorPicker-wrap .typeahead:active,
.auth .auth-form-light .input-group .tt-query:active,
.auth .auth-form-light .asColorPicker-wrap .tt-query:active,
.auth .auth-form-light .input-group .tt-hint:active,
.auth .auth-form-light .asColorPicker-wrap .tt-hint:active {
    border-color: #ebedf2;
}
.auth .auth-form-transparent {
    background: transparent;
}
.auth .auth-form-transparent .form-control,
.auth .auth-form-transparent .asColorPicker-input,
.auth .auth-form-transparent .dataTables_wrapper select,
.dataTables_wrapper .auth .auth-form-transparent select,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=text],
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=number],
.auth .auth-form-transparent .select2-container--default .select2-selection--single,
.select2-container--default .auth .auth-form-transparent .select2-selection--single,
.auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field,
.auth .auth-form-transparent .typeahead,
.auth .auth-form-transparent .tt-query,
.auth .auth-form-transparent .tt-hint,
.auth .auth-form-transparent .input-group-text {
    border-color: #c3bdbd;
}
.auth .auth-form-transparent .form-control:focus,
.auth .auth-form-transparent .asColorPicker-input:focus,
.auth .auth-form-transparent .dataTables_wrapper select:focus,
.dataTables_wrapper .auth .auth-form-transparent select:focus,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=text],
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:focus,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=number],
.auth .auth-form-transparent .select2-container--default .select2-selection--single:focus,
.select2-container--default .auth .auth-form-transparent .select2-selection--single:focus,
.auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:focus,
.auth .auth-form-transparent .typeahead:focus,
.auth .auth-form-transparent .tt-query:focus,
.auth .auth-form-transparent .tt-hint:focus,
.auth .auth-form-transparent .form-control:active,
.auth .auth-form-transparent .asColorPicker-input:active,
.auth .auth-form-transparent .dataTables_wrapper select:active,
.dataTables_wrapper .auth .auth-form-transparent select:active,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=text],
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:active,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=number],
.auth .auth-form-transparent .select2-container--default .select2-selection--single:active,
.select2-container--default .auth .auth-form-transparent .select2-selection--single:active,
.auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:active,
.select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:active,
.auth .auth-form-transparent .typeahead:active,
.auth .auth-form-transparent .tt-query:active,
.auth .auth-form-transparent .tt-hint:active,
.auth .auth-form-transparent .input-group-text:focus,
.auth .auth-form-transparent .input-group-text:active {
    border-color: #c3bdbd;
}
.auth .auth-form-transparent select {
    outline-color: #c3bdbd;
}
.auth.auth-img-bg {
    padding: 0;
}
@media (min-width: 768px) {
    .auth.auth-img-bg .auth-form-transparent {
        width: 55%;
        margin: auto;
    }
}
.auth .brand-logo {
    margin-bottom: 2rem;
}
.auth .brand-logo img {
    width: 150px;
}
.auth form .form-group {
    margin-bottom: 1.5rem;
}
.auth form .form-group label {
    font-size: .8125rem;
}
.auth form .form-group .form-control,
.auth form .form-group .asColorPicker-input,
.auth form .form-group .dataTables_wrapper select,
.dataTables_wrapper .auth form .form-group select,
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=text],
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group select,
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=number],
.auth form .form-group .select2-container--default .select2-selection--single,
.select2-container--default .auth form .form-group .select2-selection--single,
.auth form .form-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth form .form-group .select2-search__field,
.auth form .form-group .typeahead,
.auth form .form-group .tt-query,
.auth form .form-group .tt-hint {
    background: transparent;
    border-radius: 0;
    font-size: .9375rem;
}
.auth form .auth-form-btn {
    height: 50px;
    line-height: 1.5;
}
.auth form .auth-link {
    font-size: 0.875rem;
}
.auth form .auth-link:hover {
    color: initial;
}
.auth.multi-step-login {
    height: 100%;
    min-height: 100vh;
    background: #f2edf3;
}
.auth.multi-step-login .step-form {
    position: relative;
    width: auto;
    margin: 50px auto;
    text-align: center;
}
.auth.multi-step-login .step-form .step-progress {
    padding-right: 0;
    list-style-type: none;
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    justify-content: space-around;
}
.auth.multi-step-login .step-form .step-progress li {
    position: relative;
    list-style-type: none;
    color: #343a40;
    font-size: 18px;
    font-weight: 500;
    float: right;
}
.auth.multi-step-login .step-form .step-progress li:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #343a40;
    background: #e7dee9;
    border-radius: 100px;
    margin: 0 auto 5px auto;
}
.auth.multi-step-login .step-form .step-progress li.active:before {
    background: #1bcfb4;
    color: #fff;
}
.auth.multi-step-login .step-form .step-progress li:first-child:after {
    content: none;
}
.auth.multi-step-login .step-form fieldset {
    background: #fff;
    border-radius: 10px;
    padding: 30px 30px;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.auth.multi-step-login .step-form fieldset:not(:first-of-type) {
    display: none;
}
.auth.multi-step-login .step-form .form-control,
.auth.multi-step-login .step-form .asColorPicker-input,
.auth.multi-step-login .step-form .dataTables_wrapper select,
.dataTables_wrapper .auth.multi-step-login .step-form select,
.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=text],
.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form select,
.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=number],
.auth.multi-step-login .step-form .select2-container--default .select2-selection--single,
.select2-container--default .auth.multi-step-login .step-form .select2-selection--single,
.auth.multi-step-login .step-form .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth.multi-step-login .step-form .select2-search__field,
.auth.multi-step-login .step-form .typeahead,
.auth.multi-step-login .step-form .tt-query,
.auth.multi-step-login .step-form .tt-hint {
    height: 40px;
    border-radius: 4px;
}
@media (max-width: 576px) {
    .auth.multi-step-login .step-form {
        width: 100%;
    }
}
.lock-screen {
    position: relative;
    overflow: hidden;
}
.lock-screen .backhground-bg {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background: url("../images/samples/lockscreen-bg.html") no-repeat center center;
    background-size: cover;
    overflow: hidden;
    min-height: 100%;
}
.lock-screen .card {
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
}
.lock-screen .card .card-body img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, 0.2);
}
.lock-screen .card .card-body input[type="text"] {
    background: rgba(255, 255, 255, 0.55);
    border: none;
    width: 80%;
    margin: auto;
}
.banner-wrapper {
    background-color: #1a142dfa;
}
.banner-wrapper .navbar {
    background: none;
    padding: 50px 0;
}
.banner-wrapper .navbar .navbar-brand {
    width: 170px;
}
.banner-wrapper .navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 20px;
    padding-right: 18px;
}
.banner-wrapper .navbar .navbar-toggler {
    border: 1px solid #ffffff;
    color: #ffffff;
}
.banner-wrapper .banner-content {
    padding: 45px 15px;
}
.banner-wrapper .banner-content h1 {
    font-size: 46px;
}
.banner-wrapper .banner-content h3 {
    font-size: 36px;
}
.details-wrapper {
    padding: 140px 0 50px 0;
    background: #ffffff;
}
.details-wrapper .card-icon-top {
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.details-wrapper .card-icon-top .card-icon {
    top: -38px;
    right: calc(50% - 30px);
    height: 70px;
    width: 70px;
    position: absolute;
}
.details-wrapper .card-icon-top h4 {
    font-size: 30px;
}
.details-wrapper .card-icon-top .card-text {
    font-size: 18px;
}
.details-wrapper .card-item-preview {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    position: relative;
}
.details-wrapper .card-item-preview .badge {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: absolute;
    left: -32px;
    top: -38px;
    padding-top: 25px;
    font-size: 24px;
}
.details-wrapper .feature-list-row .feature-list-item i {
    font-size: 45px;
    display: block;
    padding: 40px 0;
}
.details-wrapper .feature-list-row .feature-list-item .feature-description {
    font-size: 17px;
    padding-bottom: 20px;
}
footer {
    padding: 85px 0 30px 0;
    background-color: #007bff;
}
footer img {
    width: 170px;
}
footer .social-icons {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-left: 15px;
    cursor: pointer;
}
footer .social-icons span {
    padding: 16px 17px 0 0;
    display: block;
    font-size: 26px;
}
footer i {
    color: #ffffff;
    padding: 0 0 10px 10px;
}
footer h6 {
    font-size: 18px;
    color: #ffffff;
}
footer .nav .nav-item .nav-link {
    color: #ffffff;
    font-size: 18px;
}
footer .nav .nav-item .nav-link:not(:last-child) {
    border-left: 1px solid #ffffff;
}
footer p {
    color: #ffffff;
    font-size: 17px;
}
footer .form-control,
footer .asColorPicker-input,
footer .dataTables_wrapper select,
.dataTables_wrapper footer select,
footer .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row footer input[type=text],
footer .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row footer select,
footer .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row footer input[type=number],
footer .select2-container--default .select2-selection--single,
.select2-container--default footer .select2-selection--single,
footer .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single footer .select2-search__field,
footer .typeahead,
footer .tt-query,
footer .tt-hint {
    border-radius: 25px 25px;
}
footer h4 {
    padding-top: 35px;
    color: #ffffff;
}
footer h4 a {
    color: #dc3545;
}
.user-avatar {
    position: relative;
}
.user-avatar .edit-avatar-icon {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    position: absolute;
    background-color: #d8d8d8;
    bottom: 0;
    left: 0;
}
.user-avatar .edit-avatar-icon i {
    padding: 8px 7px 0 0;
    display: block;
}
@media (max-width: 768px) {
    .user-avatar .edit-avatar-icon {
        left: 165px;
    }
}
@media (max-width: 567px) {
    .user-avatar .edit-avatar-icon {
        left: 35px;
    }
}
.wrapper .image-grouped .text-avatar {
    border: 4px solid #ffffff;
    text-align: center;
}
.wrapper .image-grouped .text-avatar:hover {
    border: 0;
}
.portfolio-grid figure {
    position: relative;
    float: right;
    overflow: hidden;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.portfolio-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
    opacity: 0.8;
}
.portfolio-grid figure figcaption {
    padding: 2em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25em;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.portfolio-grid figure figcaption:after,
.portfolio-grid figure figcaption:before {
    pointer-events: none;
}
.portfolio-grid figure.effect-text-in {
    border-radius: 0.25rem;
}
.portfolio-grid figure.effect-text-in h4,
.portfolio-grid figure.effect-text-in img {
    transition: transform 0.35s;
}
.portfolio-grid figure.effect-text-in img {
    backface-visibility: hidden;
}
.portfolio-grid figure.effect-text-in h4,
.portfolio-grid figure.effect-text-in p {
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 10px;
    margin-bottom: 0;
    width: 100%;
}
.portfolio-grid figure.effect-text-in p {
    text-transform: none;
    opacity: 0;
    background: var(--theme-color);
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(0, 50px, 0);
}
.portfolio-grid figure.effect-text-in:hover img {
    transform: translate3d(0, -80px, 0);
}
.portfolio-grid figure.effect-text-in:hover h4 {
    transform: translate3d(0, -100px, 0);
}
.portfolio-grid figure.effect-text-in:hover p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.board-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.board-wrapper .board-portlet {
    background: #eae2ec;
    margin: 0px 15px;
    padding: 22px 20px;
    min-width: 345px;
    width: 345px;
    border-radius: 4px;
}
.board-wrapper .portlet-heading {
    font-weight: 500;
    margin-bottom: 5px;
}
.board-wrapper .task-number {
    color: #9c9fa6;
}
.board-wrapper .portlet-card-list {
    padding-right: 0;
    list-style: none;
    min-height: 70px;
}
.board-wrapper .portlet-card {
    width: 100%;
    padding: 20px 20px 20px 20px;
    background: #fff;
    display: grid;
    grid-template-rows: 5;
    grid-template-columns: 2;
    border-radius: 6px;
    position: relative;
    margin-bottom: 15px;
    cursor: grab;
}
.board-wrapper .portlet-card .progress {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    border-radius: 6px 6px 0px 0px;
    height: 4px;
}
.board-wrapper .portlet-card .progress .progress-bar {
    border-radius: 0px;
}
.board-wrapper .portlet-card .task-date {
    margin-bottom: 5px;
    color: #9c9fa6;
    grid-row-start: 1;
    grid-column-start: 1;
}
.board-wrapper .portlet-card .action-dropdown {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-right: auto;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle {
    border: none;
    background: inherit;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle i {
    font-size: 20px;
    line-height: 20px;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle i:before {
    margin-left: -10px;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle:after {
    display: none;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-menu-right {
    right: 0 !important;
}
.board-wrapper .portlet-card .task-title {
    font-weight: 500;
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 16px;
    margin-bottom: 15px;
}
.board-wrapper .portlet-card .image-grouped {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}
.board-wrapper .portlet-card .portlet-image {
    width: 100%;
    display: block;
    grid-row-start: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 5px;
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
}
.board-wrapper .portlet-card .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row-start: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    margin-top: 20px;
}
.board-wrapper .portlet-card .due-date {
    grid-row-start: 5;
    grid-column-start: 2;
    grid-column-end: 3;
    margin-bottom: 0;
    text-align: left;
    margin-top: 20px;
    color: #9c9fa6;
    font-weight: 500;
}
.board-wrapper .add-portlet {
    background: #fff;
    border-radius: 6px;
    padding: 25px 10px;
    text-align: center;
    color: #9c9fa6;
    font-weight: 500;
    border: none;
    width: 100%;
    transition-duration: 0.4s;
    transition-property: "background";
}
.board-wrapper .add-portlet:hover {
    background: #f2f2f2;
}
@media (max-width: 768px) {
    .board-wrapper {
        overflow-x: auto;
    }

    .board-wrapper .board-portlet {
        min-width: 100%;
        width: 100%;
    }
}
.kanban-toolbar .btn,
.kanban-toolbar .fc button,
.fc .kanban-toolbar button,
.kanban-toolbar .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .kanban-toolbar .ajax-file-upload,
.kanban-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .kanban-toolbar .swal2-styled,
.kanban-toolbar .wizard>.actions a,
.wizard>.actions .kanban-toolbar a {
    margin-right: 10px;
}
.wrapper .private-btn {
    background-color: #eae2ec;
}
.tickets-tab-switch {
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    margin-right: -10px;
    margin-left: -10px;
}
.tickets-tab-switch .nav-item {
    display: block;
    width: 33.33%;
    padding: 0 10px;
}
@media (max-width: 767.98px) {
    .tickets-tab-switch .nav-item {
        width: 100%;
    }
}
.tickets-tab-switch .nav-item .nav-link {
    display: flex;
    align-items: center;
    background: #eee7ef;
    padding: 20px;
    text-align: right;
    font-weight: 600;
    border: none;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    transition-property: "background", "color";
}
.tickets-tab-switch .nav-item .nav-link .badge {
    margin-right: auto;
    background: var(--theme-color);
    color: #ffffff;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    transition-property: "background", "color";
}
.tickets-tab-switch .nav-item .nav-link.active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-radius: 4px;
    color: #ffffff;
    border: none;
}
.tickets-tab-switch .nav-item .nav-link.active .badge {
    background: #fed713;
    color: #ffffff;
}
.tickets-date-group {
    display: flex;
    align-items: center;
    color: #9c9fa6;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 500;
}
.tickets-date-group i {
    margin-left: 10px;
    font-size: 20px;
}
.tickets-card {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #ebedf2;
    border-radius: 4px;
    padding: 15px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    text-decoration: none;
    color: #343a40;
    transition-duration: 0.3s;
    transition-property: "background";
}
.tickets-card .tickets-details {
    margin-left: auto;
}
.tickets-card .tickets-details .wrapper {
    display: flex;
    align-items: center;
}
.tickets-card .tickets-details .wrapper span {
    margin-right: 10px;
}
.tickets-card .tickets-details .wrapper span:first-child {
    margin-right: 0;
}
.tickets-card .tickets-details .wrapper span i {
    margin-left: 5px;
    font-size: 15px;
}
.tickets-card .tickets-details h5 {
    margin-bottom: 0;
}
.tickets-card .tickets-details .badge {
    margin-right: 15px;
}
.tickets-card .tickets-details .assignee-avatar {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 10px;
}
.tickets-card .ticket-float {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .tickets-card .ticket-float {
        margin-top: 20px;
    }
}
.tickets-card .ticket-float img,
.tickets-card .ticket-float .category-icon {
    margin-left: 10px;
}
.tickets-card .ticket-float .category-icon {
    font-size: 22px;
    color: #9c9fa6;
}
.tickets-card:hover {
    text-decoration: none;
    color: inherit;
    background: #fafafa;
}
@media (max-width: 567px) {
    .tickets-card {
        padding: 15px 0;
    }
}
.chat-app-wrapper {
    position: relative;
    overflow: hidden;
}
.chat-app-wrapper .chat-list-wrapper {
    overflow-y: auto;
    border-left: 1px solid #ebedf2;
    padding-bottom: 30px;
}
@media (max-width: 768px) {
    .chat-app-wrapper .chat-list-wrapper {
        position: absolute;
        right: -300px;
        top: 0;
        z-index: 99;
        bottom: 0px;
        background: #fff;
        width: 300px;
        height: 100%;
        border-left: none;
        transition-duration: 0.3s;
        transition-property: "box-shadow", "right", "box-shadow";
        transition-property: "box-shadow", "right";
    }

    .chat-app-wrapper .chat-list-wrapper.menu-open {
        right: 0px;
        box-shadow: -6px 4px 15px -5px rgba(0, 0, 0, 0.25);
    }
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper {
    padding-top: 20px;
    padding-bottom: 40px;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item {
    display: grid;
    grid-template-columns: 45px auto auto;
    grid-template-rows: 30px auto;
    padding: 15px 20px;
    transition-duration: 0.5s;
    transition-property: "background";
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image {
    position: relative;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator {
    position: absolute;
    top: 15px;
    left: -5px;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name {
    color: #9c9fa6;
    padding-right: 20px;
    margin-bottom: 0;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-time {
    color: #9c9fa6;
    text-align: left;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-text {
    padding-right: 20px;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    margin-bottom: 0;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item:hover {
    background: rgba(182, 109, 255, 0.1);
    cursor: pointer;
}
.chat-app-wrapper .slide {
    right: -21px;
}
.chat-app-wrapper .chat-search-input {
    padding-top: 30px;
    padding-bottom: 10px;
}
.chat-app-wrapper .chat-search-input .form-control,
.chat-app-wrapper .chat-search-input .asColorPicker-input,
.chat-app-wrapper .chat-search-input .dataTables_wrapper select,
.dataTables_wrapper .chat-app-wrapper .chat-search-input select,
.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=text],
.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input select,
.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=number],
.chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single,
.select2-container--default .chat-app-wrapper .chat-search-input .select2-selection--single,
.chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-search-input .select2-search__field,
.chat-app-wrapper .chat-search-input .typeahead,
.chat-app-wrapper .chat-search-input .tt-query,
.chat-app-wrapper .chat-search-input .tt-hint {
    height: 40px;
    border-left: none;
    border-radius: 0px 4px 4px 0px;
    color: #9c9fa6;
}
.chat-app-wrapper .chat-search-input .input-group-text {
    padding: 8px 15px;
    font-size: 20px;
    border-radius: 4px 0px 0px 4px;
}
.chat-app-wrapper .chat-search-input .input-group-text i {
    color: #9c9fa6;
}
.chat-app-wrapper .sidebar-spacer {
    padding-right: 20px;
    padding-left: 20px;
}
.chat-app-wrapper .chat-container-wrapper {
    height: 100%;
    min-height: 100vh;
    max-height: 100% s;
    overflow-y: auto;
    padding-bottom: 20px;
    padding: 0 15px 30px 15px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble {
    margin-top: 30px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message {
    border-radius: 4px;
    padding: 20px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message p:last-child {
    margin-bottom: 0;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details .seen-text {
    margin-bottom: 0;
    color: #9c9fa6;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message {
    background: #f2edf3;
    margin-right: 45px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .sender-details .seen-text {
    padding-right: 10px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message {
    background: var(--theme-color);
    margin-right: auto;
    max-width: 290px;
    margin-left: 45px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message p {
    color: #ffffff;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details {
    flex-direction: row-reverse;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details .seen-text {
    padding-left: 10px;
}
.chat-app-wrapper .chat-sidebar {
    height: 100%;
    max-height: 100% s;
    overflow-y: auto;
    border-right: 1px solid #ebedf2;
}
.chat-app-wrapper .chat-text-field {
    border-top: 1px solid #ebedf2;
    padding: 10px 0;
}
.chat-app-wrapper .chat-text-field .input-group .input-group-prepend .input-group-text,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-prepend .input-group-text,
.chat-app-wrapper .chat-text-field .input-group .input-group-append .input-group-text,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-append .input-group-text {
    border: none;
    background: #ffffff;
}
.chat-app-wrapper .chat-text-field .input-group .form-control,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control,
.chat-app-wrapper .chat-text-field .input-group .asColorPicker-input,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input,
.chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=text],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=text],
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=number],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=number],
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single,
.select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single,
.select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single,
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field,
.chat-app-wrapper .chat-text-field .input-group .typeahead,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead,
.chat-app-wrapper .chat-text-field .input-group .tt-query,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query,
.chat-app-wrapper .chat-text-field .input-group .tt-hint,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint {
    height: 45px;
    border: none;
}
.chat-app-wrapper .chat-text-field .input-group .form-control:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control:focus,
.chat-app-wrapper .chat-text-field .input-group .asColorPicker-input:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input:focus,
.chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select:focus,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select:focus,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select:focus,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input:focus[type=text],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input:focus[type=text],
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select:focus,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input:focus[type=number],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input:focus[type=number],
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single:focus,
.select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single:focus,
.select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single:focus,
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field:focus,
.chat-app-wrapper .chat-text-field .input-group .typeahead:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead:focus,
.chat-app-wrapper .chat-text-field .input-group .tt-query:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query:focus,
.chat-app-wrapper .chat-text-field .input-group .tt-hint:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint:focus {
    background: #ffffff;
}
.product-nav-wrapper {
    display: flex;
    align-items: center;
}
.product-nav-wrapper .product-filter-nav {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-nav li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-nav li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
    color: #343a40;
}
.product-nav-wrapper .product-filter-nav li.active a {
    color: var(--theme-color);
}
.product-nav-wrapper .product-filter-options {
    margin-right: auto;
    padding-right: 0;
    display: flex;
    align-items: center;
}
.product-nav-wrapper .product-filter-options .account-user-info {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-info li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-options .account-user-info li a {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 1;
    color: #343a40;
    border-left: 1px solid #ebedf2;
}
.product-nav-wrapper .product-filter-options .account-user-info li:last-child a {
    border-left: none;
}
.product-nav-wrapper .product-filter-options .account-user-info {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-info li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-options .account-user-info li a {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 1;
    color: #343a40;
    border-left: 1px solid #ebedf2;
    text-decoration: none;
}
.product-nav-wrapper .product-filter-options .account-user-info li:last-child a {
    border-left: none;
}
.product-nav-wrapper .product-filter-options .account-user-link {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-link li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-options .account-user-link li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #343a40;
    text-decoration: none;
}
.product-nav-wrapper .product-filter-options .account-user-link li a:after {
    content: "/";
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}
.product-nav-wrapper .product-filter-options .account-user-link li:last-child a:after {
    display: none;
    margin-right: 0px;
}
.product-nav-wrapper .product-filter-options .account-user-actions {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-actions li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}
.product-nav-wrapper .product-filter-options .account-user-actions li .badge {
    position: absolute;
    top: -12px;
    left: -7px;
}
.product-nav-wrapper .product-filter-options .account-user-actions li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #343a40;
    text-decoration: none;
}
.product-nav-wrapper .product-filter-options .account-user-actions li:last-child {
    margin-left: 0;
}
.product-item-wrapper {
    margin-bottom: -15px;
}
.product-item-wrapper .product-item {
    box-shadow: none;
    margin-bottom: 20px;
}
.product-item-wrapper .product-item .card {
    box-shadow: none;
    border: 1px solid #ebedf2;
}
.product-item-wrapper .product-item .card-body {
    padding: 20px 25px;
    display: grid;
    position: relative;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    grid-template-areas: "product-image product-image" "product-title product-price" "product-variation product-actual-price" "product-description product-description";
}
.product-item-wrapper .product-item .card-body .action-holder {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 35px 40px;
    display: flex;
    align-items: center;
    z-index: 2;
}
.product-item-wrapper .product-item .card-body .action-holder .sale-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.product-item-wrapper .product-item .card-body .action-holder .favorite-button {
    margin-right: auto;
    color: #fff;
    font-size: 22px;
}
.product-item-wrapper .product-item .card-body .product-img-outer {
    width: 100%;
    grid-area: product-image;
    overflow: hidden;
    margin-bottom: 10px;
}
.product-item-wrapper .product-item .card-body .product-img-outer .product_image {
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    z-index: 1;
    border-radius: 0px;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-timing-function: "ease";
    transition-property: "transform", "border-radius", "box-shadow", "transform", "box-shadow";
    transition-property: "transform", "border-radius", "box-shadow";
}
.product-item-wrapper .product-item .card-body .product-img-outer:hover .product_image {
    transform: scale(1.3);
    border-radius: 4px;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58);
    overflow: hidden;
}
.product-item-wrapper .product-item .card-body .product-title {
    grid-area: product-title;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.product-item-wrapper .product-item .card-body .product-price {
    grid-area: product-price;
    font-size: 19px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}
.product-item-wrapper .product-item .card-body .product-actual-price {
    grid-area: product-actual-price;
    font-size: 15px;
    color: gray;
    text-align: left;
    text-decoration: line-through;
}
.product-item-wrapper .product-item .card-body .product-variation {
    grid-area: product-variation;
    list-style-type: none;
    display: inline-block;
    padding-right: 0;
    padding-bottom: 0;
}
.product-item-wrapper .product-item .card-body .product-variation li {
    display: inline-block;
    border: 1px solid #ebedf2;
    padding: 0px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    transition-duration: 0.3s;
    transition-property: "background";
}
.product-item-wrapper .product-item .card-body .product-variation li a {
    color: inherit;
    text-decoration: none;
}
.product-item-wrapper .product-item .card-body .product-variation li:hover {
    background: #c3bdbd;
}
.product-item-wrapper .product-item .card-body .product-description {
    grid-area: product-description;
    line-height: 1.71;
    font-size: 0.875rem;
}
.project-list-showcase {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -20px;
}
.project-list-showcase .project-grid {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}
.project-list-showcase .project-grid .img-holder {
    width: 100%;
    height: 140px;
    border-radius: 4px 4px 0 0;
}
.project-list-showcase .project-grid .img-holder.img-bg-1 {
    background: url("../../images/samples/300x300/1.jpg") no-repeat center;
    background-size: cover;
}
.project-list-showcase .project-grid .img-holder.img-bg-2 {
    background: url("../../images/samples/300x300/2.jpg") no-repeat center;
    background-size: cover;
}
.project-list-showcase .project-grid .img-holder.img-bg-3 {
    background: url("../../images/samples/300x300/3.jpg") no-repeat center;
    background-size: cover;
}
.project-list-showcase .project-grid .project-grid-inner {
    border: 1px solid #ebedf2;
    border-radius: 0 0 4px 4px;
    padding: 30px 25px 30px 25px;
}
.project-list-showcase .project-grid .project-title {
    margin-bottom: 0;
    font-weight: 500;
}
.project-list-showcase .project-grid .project-location {
    margin-bottom: 0;
    font-weight: 500;
    color: #3f474e;
    margin-bottom: 15px;
}
.project-list-showcase .project-grid .action-tags {
    font-weight: 500;
    color: #343a40;
}
.settings-panel {
    display: block;
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 300px;
    height: 100vh;
    min-height: 100%;
    background: #fff;
    padding-top: 50px;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-property: left, box-shadow;
    z-index: 9999;
}
.settings-panel .nav-tabs {
    display: flex;
    justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    background: linear-gradient(to left, #da8cff, #9a55ff) !important;
}
.settings-panel .nav-tabs .nav-item {
    border: none;
}
.settings-panel .nav-tabs .nav-item .nav-link {
    text-align: center;
    border: none;
    display: flex;
    align-items: center;
    color: rgba(52, 58, 64, 0.5);
    transition-duration: 0.4s;
    transition-property: color;
    justify-content: center;
}
.settings-panel .nav-tabs .nav-item .nav-link.active {
    background: transparent;
    color: #343a40;
}
.settings-panel .tab-content {
    border: none;
    padding: 20px 0 0;
}
.settings-panel .tab-content .tab-pane.scroll-wrapper {
    position: relative;
    max-height: 100vh;
    height: 100%;
    padding-bottom: 150px;
}
.settings-panel .settings-heading {
    padding: 16px 20px 13px 0;
}
.rtl .settings-panel .settings-heading {
    padding: 16px 0 13px 35px;
    text-align: left;
}
.rtl .settings-panel small.settings-heading {
    padding: 16px 12px 13px 0;
}
.settings-panel .sidebar-bg-options {
    padding: 13px 35px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1;
    color: #595959;
    background: #ffffff;
    transition-duration: 0.25s;
    transition-property: background;
}
.settings-panel .sidebar-bg-options.selected {
    background: #e6e9ed;
}
.settings-panel .color-tiles {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 35px 10px;
    padding-top: 15px;
}
.settings-panel .color-tiles .tiles {
    margin: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings-panel .color-tiles .tiles:before {
    content: "";
    width: 0;
    height: 0;
    opacity: 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    border: 0 solid rgba(255, 255, 255, 0.4);
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.settings-panel .color-tiles .tiles.selected:before {
    width: 10px;
    height: 10px;
    opacity: 1;
    border-width: 1px;
}
.settings-panel .color-tiles .tiles.pink {
    background: #E91E63;
}
.settings-panel .color-tiles .tiles.default {
    border: 1px solid #e2e4e7;
    background: linear-gradient(to left, #da8cff, #9a55ff) !important;
}
.settings-panel .chat-list {
    padding-right: 0;
}
.settings-panel .chat-list .list {
    padding: 0.4rem 0.8rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebedf2;
}
.settings-panel .chat-list .list:last-child {
    border-bottom: none;
}
.settings-panel .chat-list .list .profile {
    position: relative;
    margin-left: 1rem;
}
.settings-panel .chat-list .list .profile img {
    width: 2.50rem;
    height: 2.50rem;
    border-radius: 100%;
}
.settings-panel .chat-list .list .profile span {
    height: 0.75rem;
    width: 0.75rem;
    position: absolute;
    bottom: 0.34rem;
    left: 0;
    border: 0.13rem solid #ffffff;
    border-radius: 100%;
}
.settings-panel .chat-list .list .profile span.online {
    background: #1bcfb4;
}
.settings-panel .chat-list .list .profile span.offline {
    background: #fed713;
}
.settings-panel .chat-list .list .info {
    margin-left: auto;
}
.settings-panel .chat-list .list .info p {
    display: block;
    margin-bottom: 0;
}
.settings-panel .chat-list .list .info p:last-child {
    opacity: 0.5;
    font-size: 0.8rem;
}
.rtl .settings-panel .chat-list .list .info p:last-child {
    text-align: left;
}
.settings-panel .chat-list .list.active {
    background: #fdfcfd;
}
.settings-panel.open {
    left: 0;
    box-shadow: -7px 0 80px -9px rgba(0, 0, 0, 0.2);
}
.settings-panel .settings-close {
    position: absolute;
    top: 15px;
    left: 10px;
    color: var(--theme-color);
    background: transparent;
    border-radius: 4px;
    padding: 0 3px;
    cursor: pointer;
    transition-duration: 0.2s;
    z-index: 999;
}
.settings-panel .settings-close:hover {
    background: rgba(255, 255, 255, 0.3);
}
.rtl .settings-panel .settings-close {
    left: unset;
    right: 10px;
}
.rtl .settings-panel .events p {
    text-align: left;
}
.rtl .settings-panel {
    left: unset;
    right: -300px;
    transition-property: right;
}
.rtl .settings-panel .chat-list {
    padding-left: 0;
}
.rtl .settings-panel .chat-list .list .profile {
    margin-left: 0;
    margin-right: 1rem;
}
.rtl .settings-panel .chat-list .list .info {
    margin-left: 0;
    margin-right: auto;
}
.rtl .settings-panel .chat-list .list .info .badge {
    margin-left: 10px;
}
.rtl .settings-panel.open {
    right: 0;
    left: unset;
}
.settings-panel .demo-screen-wrapper {
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
    padding-top: 20px;
}
.settings-panel .demo-screen-wrapper .demo-thumb-image {
    display: block;
    margin-bottom: 5px;
    padding: 10px 25px;
}
.settings-panel .demo-screen-wrapper .demo-thumb-image img {
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    transform: scale(1);
    border-radius: 4px;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-property: "transform", "box-shadow", "transform", "box-shadow";
    transition-property: "transform", "box-shadow";
}
.settings-panel .demo-screen-wrapper .demo-thumb-image img:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
}
.right-sidebar-toggler-wrapper {
    position: fixed;
    bottom: 50px;
    left: 10px;
    z-index: 99;
    padding: 5px;
    background: #f2edf3;
    border-radius: 4px;
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4);
}
.right-sidebar-toggler-wrapper .sidebar-toggler {
    padding: 7px 10px;
    color: #343a40;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 4px;
}
.right-sidebar-toggler-wrapper .sidebar-toggler:last-child {
    margin-bottom: 0;
}
.right-sidebar-toggler-wrapper .sidebar-toggler:hover {
    background: rgba(182, 109, 255, 0.2);
    color: var(--theme-color);
}
.right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler {
    background: rgba(27, 207, 180, 0.2);
    color: #1bcfb4;
}
.right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler i {
    animation: spin 4s linear infinite;
    display: block;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.right-sidebar-toggler-wrapper .sidebar-toggler a {
    color: inherit;
}
.right-sidebar-toggler-wrapper .sidebar-toggler:last-child {
    border-bottom: none;
}
.navbar {
    font-family: "ubuntu-light", sans-serif;
    background: #fff;
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
}
.navbar .navbar-brand {
    width: 110px;
}
.navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #fff;
    width: 260px;
    height: 70px;
}
@media (max-width: 991px) {
    .navbar .navbar-brand-wrapper {
        width: 55px;
    }
}
.navbar .navbar-brand-wrapper .navbar-brand {
    color: #27367f;
    font-size: 1.5rem;
    line-height: 48px;
    margin-left: 0;
    padding: .25rem 0;
    width: 100%;
    text-align: center;
}
.navbar .navbar-brand-wrapper .navbar-brand:active,
.navbar .navbar-brand-wrapper .navbar-brand:focus,
.navbar .navbar-brand-wrapper .navbar-brand:hover {
    color: #1b2658;
}
.navbar .navbar-brand-wrapper .navbar-brand img {
    width: calc(260px - 120px);
    max-width: 100%;
    height: 40px;
    margin: auto;
    vertical-align: middle;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
    display: none;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: calc(70px - 50px);
    max-width: 100%;
    height: 28px;
    margin: auto;
}
.navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #9c9fa6;
    padding-right: 24px;
    padding-left: 24px;
    width: calc(100% - 260px);
    height: 70px;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        width: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
}
.navbar .navbar-menu-wrapper .navbar-toggler {
    border: 0;
    color: inherit;
    height: 70px;
    border-radius: 0px;
    padding-right: 5px;
    padding-left: 20px;
}
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
    font-size: 1.5rem;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        display: none;
    }
    .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-right: 15px;
        padding-left: 11px;
        border-left: none;
    }
}
.navbar .navbar-menu-wrapper .search-field .input-group input,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input {
    font-size: 0.875rem;
    padding: .5rem;
}
.navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group i,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    font-size: 17px;
    margin-left: 0;
    color: #9c9fa6;
}
.navbar .navbar-menu-wrapper .search-field .input-group .input-group-text,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap .input-group-text {
    background: transparent;
}
.navbar .navbar-menu-wrapper .count-indicator {
    position: relative;
}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol,
.navbar .navbar-menu-wrapper .count-indicator .count-number {
    position: absolute;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol {
    top: 17px;
    left: -3px;
    width: 10px;
    height: 10px;
}
.navbar .navbar-menu-wrapper .count-indicator .count-number {
    min-width: 14px;
    height: 14px;
    font-size: .5rem;
    color: #ffffff;
    bottom: 16px;
    left: -5px;
    line-height: 1;
    text-align: center;
}
.navbar .navbar-menu-wrapper .count-indicator:after {
    display: none;
}
.navbar .navbar-menu-wrapper .navbar-nav {
    flex-direction: row;
    align-items: center;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    color: inherit;
    font-size: 0.875rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    height: 70px;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        margin-right: .8rem;
        margin-left: .8rem;
    }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
    font-size: 1.25rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
    color: var(--theme-color);
    font-size: 1rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    padding: 0;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    left: auto;
    right: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    margin-bottom: 0;
    padding: 11px 13px;
    cursor: pointer;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
    font-size: 17px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .tickets-card .ticket-float span,
.tickets-card .ticket-float .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item span,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name,
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .user-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
    margin-right: 10px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {
    margin: 0;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        position: static;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        right: 20px;
        left: 20px;
        top: 70px;
        width: calc(100% - 40px);
    }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
    padding-right: 20px;
    padding-left: 5px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
    margin-left: 0;
    margin-right: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
    position: relative;
    width: 32px;
    height: 32px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    bottom: 5px;
    left: -5px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
    background: #1bcfb4;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline {
    background: #fe7c96;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy {
    background: #fed713;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: 1.25rem;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: 0;
    margin-left: 1.25rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
    line-height: 1;
}
@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        display: none;
    }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after {
    line-height: 2;
}
@media (min-width: 992px) {
    .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-right: auto;
    }

    .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-right: 0;
        margin-left: auto;
    }
}
@media (max-width: 991px) {
    .navbar {
        flex-direction: row;
    }

    .navbar .navbar-brand-wrapper {
        width: 75px;
    }

    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: inline-block;
    }

    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: none;
    }

    .navbar-collapse {
        display: flex;
        margin-top: 0.5rem;
    }
}
@media (max-width: 480px) {
    .navbar .navbar-brand-wrapper {
        width: 210px;
    }

    .navbar .navbar-brand-wrapper .brand-logo-mini {
        padding-top: 0px;
    }
}
.navbar.navbar-primary .navbar-menu-wrapper {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.sidebar {
    min-height: calc(100vh - 70px);
    background: #ffffff;
    font-family: "ubuntu-regular", sans-serif;
    padding: 0;
    width: 260px;
    z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
}
.sidebar .nav {
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 60px;
}
.sidebar .nav .nav-item {
    padding: 0 2.25rem;
    transition-duration: 0.25s;
    transition-property: background;
    -webkit-transition-property: background;
}
.sidebar .nav .nav-item .collapse {
    z-index: 999;
}
.sidebar .nav .nav-item .nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 1.125rem 0 1.125rem 0;
    color: #3e4b5b;
    transition-duration: 0.45s;
    transition-property: color;
    -webkit-transition-property: color;
}
.sidebar .nav .nav-item .nav-link i {
    color: inherit;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
    font-size: 1.125rem;
    line-height: 1;
    margin-right: auto;
    color: #bba8bff5;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-right: 0;
    margin-left: auto;
}
.sidebar .nav .nav-item .nav-link i.menu-icon:before {
    vertical-align: middle;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow {
    font: normal normal normal 24px/1 "Material Design Icons";
    line-height: 1;
    font-size: 1.125rem;
    margin-right: auto;
    color: #9e9da0;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
    margin-right: 0;
    margin-left: auto;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\f0141";
    font-size: inherit;
    color: inherit;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\F0142";
}
.sidebar .nav .nav-item .nav-link i.menu-arrow+.menu-icon {
    margin-right: .25rem;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow+.menu-icon {
    margin-right: 0;
    margin-left: .25rem;
}
.sidebar .nav .nav-item .nav-link .menu-title {
    color: inherit;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
    white-space: normal;
}
.sidebar .nav .nav-item .nav-link .badge {
    margin-left: auto;
    margin-right: 1rem;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
    content: "\f0140";
}
.sidebar .nav .nav-item.active {
    background: #ffffff;
}
.sidebar .nav .nav-item.active>.nav-link .menu-title {
    color: var(--theme-color);
    font-family: "ubuntu-medium", sans-serif;
}
.sidebar .nav .nav-item.active>.nav-link i {
    color: var(--theme-color);
}
.sidebar .nav .nav-item:hover {
    background: #fcfcfc;
}
.sidebar .nav .nav-item.nav-profile .nav-link {
    height: auto;
    line-height: 1;
    border-top: 0;
    padding: 1.25rem 0;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
    width: 44px;
    height: 44px;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: 1rem;
}
.rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: auto;
    margin-left: 1rem;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
    font-size: 1.125rem;
    margin-right: auto;
}
.rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
    margin-right: 0;
    margin-left: auto;
}
.sidebar .nav .nav-item.sidebar-actions {
    margin-top: 1rem;
}
.sidebar .nav .nav-item.sidebar-actions .nav-link {
    border-top: 0;
    display: block;
    height: auto;
}
.sidebar .nav .nav-item.sidebar-actions:hover {
    background: initial;
}
.sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
    color: initial;
}
.sidebar .nav:not(.sub-menu)>.nav-item:hover:not(.nav-category):not(.nav-profile)>.nav-link {
    color: #29323d;
}
.sidebar .nav.sub-menu {
    margin-bottom: 20px;
    margin-top: 0;
    list-style: none;
}
.sidebar .nav.sub-menu .nav-item {
    padding: 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
    color: #888;
    padding: 0.75rem 2rem 0.75rem 2rem;
    position: relative;
    font-size: 0.8125rem;
    line-height: 1;
    height: auto;
    border-top: 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link:before {
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    color: #a2a2a2;
    font-size: .75rem;
}
.rtl .sidebar .nav.sub-menu .nav-item .nav-link:before {
    content: "\F04D";
    right: auto;
    left: 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: var(--theme-color);
    background: transparent;
}
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
    color: #555555;
}
.sidebar .nav.sub-menu .nav-item:hover {
    background: transparent;
}
.sidebar-dark .sidebar {
    background: #18151e;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link {
    color: #ffffff;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i {
    color: inherit;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #bba8bff5;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-arrow {
    color: #9e9da0;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    color: inherit;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link .menu-title {
    color: inherit;
}
.sidebar-dark .sidebar .nav .nav-item.active {
    background: #282037;
}
.sidebar-dark .sidebar .nav .nav-item.active>.nav-link .menu-title {
    color: #b3b3b3;
}
.sidebar-dark .sidebar .nav .nav-item.active>.nav-link i {
    color: var(--theme-color);
}
.sidebar-dark .sidebar .nav .nav-item:hover {
    background: #302a3c;
}
.sidebar-dark .sidebar .nav .nav-item.sidebar-actions:hover {
    background: initial;
}
.sidebar-dark .sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
    color: initial;
}
.sidebar-dark .sidebar .nav:not(.sub-menu)>.nav-item:hover:not(.nav-category):not(.nav-profile)>.nav-link {
    color: #ffffff;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
    color: #ffffff;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:before {
    color: white;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: #b3b3b3;
    background: transparent;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:hover {
    color: #b3b3b3;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item:hover {
    background: transparent;
}
@media screen and (max-width: 991px) {
    .sidebar-offcanvas {
        position: fixed;
        max-height: calc(100vh - 70px);
        top: 70px;
        bottom: 0;
        overflow: auto;
        left: -260px;
        transition: all 0.25s ease-out;
    }

    .sidebar-offcanvas.active {
        left: 0;
    }
}
.navbar.fixed-top+.page-body-wrapper {
    padding-top: 70px;
}
@media (min-width: 992px) {
    .sidebar-mini .navbar .navbar-brand-wrapper {
        width: 185px;
    }

    .sidebar-mini .navbar .navbar-menu-wrapper {
        width: calc(100% - 185px);
    }

    .sidebar-mini .sidebar {
        width: 185px;
    }

    .sidebar-mini .sidebar .nav .nav-item {
        padding: 0;
        margin: 0;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        text-align: center;
        position: relative;
        border-bottom: none;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {
        display: block;
        margin: auto;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-sub-title {
        margin: auto;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link .badge {
        margin-right: 5px;
        display: none;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-icon {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-arrow {
        display: inline-block;
        margin-right: 5px;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
        content: "\f0140";
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
        content: "\F0143";
    }

    .sidebar-mini .main-panel {
        width: calc(100% - 185px);
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item .nav-link {
        height: auto;
        padding: 0.8125rem 1rem 0.8125rem 1rem;
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item .nav-link i.menu-icon {
        margin-bottom: .5rem;
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu {
        padding: 0;
        border-top: none;
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu .nav-item .nav-link {
        padding: 7px 25px 7px 0;
        margin-right: auto;
        margin-left: auto;
        display: block;
        text-align: right;
        width: 66%;
    }
    .sidebar-icon-only .navbar .navbar-brand-wrapper {
        width: 70px;
    }

    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {
        display: none;
    }

    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
        display: inline-block;
    }

    .sidebar-icon-only .navbar .navbar-menu-wrapper {
        width: calc(100% - 70px);
    }

    .sidebar-icon-only .sidebar {
        width: 70px;
    }

    .sidebar-icon-only .sidebar .nav {
        overflow: visible;
    }

    .sidebar-icon-only .sidebar .nav .nav-item {
        position: relative;
        padding: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
        display: block;
        text-align: center;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
        border-radius: 5px 0 0px 5px;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
        border-radius: 0 5px 5px 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
        border-radius: 5px 0 0px 0;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
        border-radius: 0 5px 0 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-profile {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-category {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-doc {
        margin: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-doc i {
        display: block;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .collapse {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        display: flex;
        align-items: center;
        background: #fcfcfc;
        padding: 0.5rem 1.4rem;
        right: 70px;
        position: absolute;
        text-align: right;
        top: 0;
        bottom: 0;
        width: 190px;
        z-index: 1;
        line-height: 1.8;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        background: #282037;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        right: auto;
        left: 70px;
        text-align: right;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        color: #ffffff;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        display: block;
        padding: .5rem 0;
        background: #fcfcfc;
        border-radius: 0 0 0 5px;
        position: absolute;
        right: 70px;
        width: 190px;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        background: #18151e;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        right: auto;
        left: 70px;
        border-radius: 0 0 5px 0;
    }

    .sidebar-icon-only .sidebar .nav.sub-menu {
        padding: 0 1.5rem 0 0;
    }

    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
        text-align: right;
        padding-right: 20px;
    }

    .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
        text-align: left;
    }

    .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
        right: 0;
        left: unset;
    }

    .sidebar-icon-only .sidebar .sidebar-actions {
        display: none;
    }

    .sidebar-icon-only .main-panel {
        width: calc(100% - 70px);
    }
    .sidebar-hidden .sidebar {
        transition: width 0.25s ease;
        -webkit-transition: width 0.25s ease;
        -moz-transition: width 0.25s ease;
        -ms-transition: width 0.25s ease;
        width: 0;
    }

    .sidebar-hidden .main-panel {
        width: 100%;
    }
    .sidebar-absolute .page-body-wrapper {
        position: relative;
    }

    .sidebar-absolute .page-body-wrapper .sidebar {
        transition: none;
    }

    .sidebar-absolute:not(.sidebar-hidden) .sidebar {
        position: absolute;
        height: 100%;
        box-shadow: 0 0 3px 1px #a7a3a3;
    }

    .sidebar-absolute .main-panel {
        width: 100%;
        transition: none;
    }
    .sidebar-fixed .sidebar {
        position: fixed;
        max-height: auto;
    }

    .sidebar-fixed .sidebar .nav {
        max-height: calc(100vh - 70px);
        overflow: auto;
        position: relative;
    }

    .sidebar-fixed .sidebar .nav.sub-menu {
        max-height: none;
    }

    .sidebar-fixed .main-panel {
        margin-right: 260px;
    }

    .sidebar-fixed.sidebar-icon-only .main-panel {
        margin-right: 70px;
    }
    .boxed-layout .container-scroller {
        background: #e1d7ea;
        padding: 0 calc((100% - 1200px) / 2);
    }

    .boxed-layout .navbar.fixed-top {
        margin: auto;
        max-width: 1200px;
    }
}
.rtl {
    direction: ltr;
    text-align: left;
}
.rtl .sidebar .nav {
    padding-left: 0;
}
.rtl .product-chart-wrapper::-webkit-scrollbar,
.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar,
.rtl .sidebar-fixed .nav::-webkit-scrollbar,
.rtl .table-responsive::-webkit-scrollbar,
.rtl ul.chats::-webkit-scrollbar {
    width: 0.5em;
}
.rtl .product-chart-wrapper::-webkit-scrollbar-track,
.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track,
.rtl .sidebar-fixed .nav::-webkit-scrollbar-track,
.rtl .table-responsive::-webkit-scrollbar-track,
.rtl ul.chats::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.rtl .product-chart-wrapper::-webkit-scrollbar-thumb,
.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb,
.rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,
.rtl .table-responsive::-webkit-scrollbar-thumb,
.rtl ul.chats::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
.page-body-wrapper {
    min-height: calc(100vh - 70px);
    display: flex;
    flex-direction: row;
    padding-right: 0;
    padding-left: 0;
}
.page-body-wrapper.full-page-wrapper {
    width: 100%;
    min-height: 100vh;
}
.main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 260px);
    min-height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
}
@media (max-width: 991px) {
    .main-panel {
        margin-right: 0;
        width: 100%;
    }
}
.content-wrapper {
    background: #f2edf3;
    padding: 2.75rem 2.25rem;
    width: 100%;
    flex-grow: 1;
}
.text-theme {
    color: var(--theme-color) !important;
}
.btn-theme,
.btn-theme:hover {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.bg-theme {
    background-color: var(--theme-color) !important;
}
.fa-sync:before {
    content: "\f021";
}
.color-code-box {
    border-radius: 10px;
    height: 40px;
    padding: 9px;
    text-align: center;
}
a.btn-icon {
    line-height: 47px;
}
.elective-subject-div div,
#elective-subject-div span {
    margin-top: 10px;
    margin-bottom: 10px;
}
span.select2 {
    width: 100% !important;
}
tr .card-view {
    padding: 15px 0px;
    align-items: center;
}
tr .card-view .card-view-value {
    margin-right: 3px;
}
@media only screen and (max-device-width: 480px) {
    .btn-group button.btn {
        padding: 0.875rem 1.5rem !important;
    }
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #999 !important;
}
.theme-color {
    color: var(--theme-color);
}
@keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(0);
    }

    60% {
        transform: translateY(-15px);
    }

    80% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes shake {
    0% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(10px);
    }

    20% {
        transform: translateX(-10px);
    }

    30% {
        transform: translateX(10px);
    }

    40% {
        transform: translateX(-10px);
    }

    50% {
        transform: translateX(10px);
    }

    60% {
        transform: translateX(-10px);
    }

    70% {
        transform: translateX(10px);
    }

    80% {
        transform: translateX(-10px);
    }

    90% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}
@keyframes tada {
    0% {
        transform: scale(1, 1);
    }

    10% {
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}
@keyframes swing {

    20%,
    40%,
    60%,
    80%,
    100% {
        transform-origin: top center 50%;
    }

    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(25%) rotate(-5deg);
    }

    30% {
        transform: translateX(-20%) rotate(3deg);
    }

    45% {
        transform: translateX(15%) rotate(-3deg);
    }

    60% {
        transform: translateX(-10%) rotate(2deg);
    }

    75% {
        transform: translateX(5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }

    10% {
        transform: skewX(-8deg);
    }

    20% {
        transform: skewX(7deg);
    }

    30% {
        transform: skewX(-6deg);
    }

    40% {
        transform: skewX(5deg);
    }

    50% {
        transform: skewX(-4deg);
    }

    60% {
        transform: skewX(3deg);
    }

    70% {
        transform: skewX(-2deg);
    }

    80% {
        transform: skewX(1deg);
    }

    90% {
        transform: skewX(0deg);
    }

    100% {
        transform: skewX(0deg);
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0.3, 0.3);
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05, 1.05);
    }

    70% {
        transform: scale(0.9, 0.9);
    }

    100% {
        transform: scale(1, 1);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes fadeOutUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-20px);
        opacity: 0;
    }
}
@keyframes fadeOutDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}
@keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-20px);
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(20px);
        opacity: 0;
    }
}
@keyframes fadeOutUpBig {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-2000px);
        opacity: 0;
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadeInUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInDown {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeInLeft {
    0% {
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeInUpBig {
    0% {
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(-100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        transform: translateX(20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        transform: translateX(-100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center 50%;
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center 50%;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: right bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: left bottom 50%;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom 50%;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform-origin: top right 50%;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}
@keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        transform: translateX(100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}
@keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        transform: translateX(100%) rotate(-120deg);
    }
}
:root {
    --gray: #6c757d;
    --gray-dark: #0f1531;
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #434a54;
    --gray-light: #aab2bd;
    --gray-lighter: #e8eff4;
    --gray-lightest: #e6e9ed;
    --black: #000000;
    --primary: var(--theme-color);
    --secondary: #c3bdbd;
    --success: #1bcfb4;
    --info: #198ae3;
    --warning: #fed713;
    --danger: #fe7c96;
    --light: #f8f9fa;
    --dark: #3e4b5b;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --theme-color: #35b74d;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343a40;
    text-align: right;
    background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: .5rem;
    margin-right: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    color: #6c757d;
    text-align: right;
    caption-side: bottom;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1,
.h1 {
    font-size: 2.5rem;
}
h2,
.h2 {
    font-size: 2rem;
}
h3,
.h3 {
    font-size: 1.75rem;
}
h4,
.h4 {
    font-size: 1.5rem;
}
h5,
.h5 {
    font-size: 1.25rem;
}
h6,
.h6 {
    font-size: 1rem;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
    font-size: 80%;
    font-weight: 400;
}
mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.list-unstyled {
    padding-right: 0;
    list-style: none;
}
.list-inline {
    padding-right: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.blockquote-footer::before {
    content: "\2014\00A0";
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 90%;
    color: #6c757d;
}
code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}
a>code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}
pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}
@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.lightGallery .image-tile,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%;
}
.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%;
}
.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%;
}
.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%;
}
.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.col-6,
.lightGallery .image-tile {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 13;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.offset-1 {
    margin-right: 8.33333%;
}
.offset-2 {
    margin-right: 16.66667%;
}
.offset-3 {
    margin-right: 25%;
}
.offset-4 {
    margin-right: 33.33333%;
}
.offset-5 {
    margin-right: 41.66667%;
}
.offset-6 {
    margin-right: 50%;
}
.offset-7 {
    margin-right: 58.33333%;
}
.offset-8 {
    margin-right: 66.66667%;
}
.offset-9 {
    margin-right: 75%;
}
.offset-10 {
    margin-right: 83.33333%;
}
.offset-11 {
    margin-right: 91.66667%;
}
@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-right: 0;
    }

    .offset-sm-1 {
        margin-right: 8.33333%;
    }

    .offset-sm-2 {
        margin-right: 16.66667%;
    }

    .offset-sm-3 {
        margin-right: 25%;
    }

    .offset-sm-4 {
        margin-right: 33.33333%;
    }

    .offset-sm-5 {
        margin-right: 41.66667%;
    }

    .offset-sm-6 {
        margin-right: 50%;
    }

    .offset-sm-7 {
        margin-right: 58.33333%;
    }

    .offset-sm-8 {
        margin-right: 66.66667%;
    }

    .offset-sm-9 {
        margin-right: 75%;
    }

    .offset-sm-10 {
        margin-right: 83.33333%;
    }

    .offset-sm-11 {
        margin-right: 91.66667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3,
    .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4,
    .lightGallery .image-tile {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-right: 0;
    }

    .offset-md-1 {
        margin-right: 8.33333%;
    }

    .offset-md-2 {
        margin-right: 16.66667%;
    }

    .offset-md-3 {
        margin-right: 25%;
    }

    .offset-md-4 {
        margin-right: 33.33333%;
    }

    .offset-md-5 {
        margin-right: 41.66667%;
    }

    .offset-md-6 {
        margin-right: 50%;
    }

    .offset-md-7 {
        margin-right: 58.33333%;
    }

    .offset-md-8 {
        margin-right: 66.66667%;
    }

    .offset-md-9 {
        margin-right: 75%;
    }

    .offset-md-10 {
        margin-right: 83.33333%;
    }

    .offset-md-11 {
        margin-right: 91.66667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3,
    .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-right: 0;
    }

    .offset-lg-1 {
        margin-right: 8.33333%;
    }

    .offset-lg-2 {
        margin-right: 16.66667%;
    }

    .offset-lg-3 {
        margin-right: 25%;
    }

    .offset-lg-4 {
        margin-right: 33.33333%;
    }

    .offset-lg-5 {
        margin-right: 41.66667%;
    }

    .offset-lg-6 {
        margin-right: 50%;
    }

    .offset-lg-7 {
        margin-right: 58.33333%;
    }

    .offset-lg-8 {
        margin-right: 66.66667%;
    }

    .offset-lg-9 {
        margin-right: 75%;
    }

    .offset-lg-10 {
        margin-right: 83.33333%;
    }

    .offset-lg-11 {
        margin-right: 91.66667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3,
    .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-right: 0;
    }

    .offset-xl-1 {
        margin-right: 8.33333%;
    }

    .offset-xl-2 {
        margin-right: 16.66667%;
    }

    .offset-xl-3 {
        margin-right: 25%;
    }

    .offset-xl-4 {
        margin-right: 33.33333%;
    }

    .offset-xl-5 {
        margin-right: 41.66667%;
    }

    .offset-xl-6 {
        margin-right: 50%;
    }

    .offset-xl-7 {
        margin-right: 58.33333%;
    }

    .offset-xl-8 {
        margin-right: 66.66667%;
    }

    .offset-xl-9 {
        margin-right: 75%;
    }

    .offset-xl-10 {
        margin-right: 83.33333%;
    }

    .offset-xl-11 {
        margin-right: 91.66667%;
    }
}
.table,
.jsgrid .jsgrid-table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
    padding: 0.9375rem;
    vertical-align: top;
    border-top: 1px solid #ebedf2;
}
.table thead th,
.jsgrid .jsgrid-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ebedf2;
}
.table tbody+tbody,
.jsgrid .jsgrid-table tbody+tbody {
    border-top: 2px solid #ebedf2;
}
.table-sm th,
.table-sm td {
    padding: 0.3rem;
}
.table-bordered {
    border: 1px solid #ebedf2;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #ebedf2;
}
.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f2edf3;
}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: #f2edf3;
}
.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #ebd6ff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #d9b3ff;
}
.table-hover .table-primary:hover {
    background-color: #dfbdff;
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #dfbdff;
}
.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #eeeded;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #e0dddd;
}
.table-hover .table-secondary:hover {
    background-color: #e2e0e0;
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #e2e0e0;
}
.table-success,
.table-success>th,
.table-success>td {
    background-color: #bff2ea;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #88e6d8;
}
.table-hover .table-success:hover {
    background-color: #aaeee3;
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #aaeee3;
}
.table-info,
.table-info>th,
.table-info>td {
    background-color: #bfdef7;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #87c2f0;
}
.table-hover .table-info:hover {
    background-color: #a8d2f4;
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #a8d2f4;
}
.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #fff4bd;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #feea84;
}
.table-hover .table-warning:hover {
    background-color: #fff0a4;
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fff0a4;
}
.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #ffdae2;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #febbc8;
}
.table-hover .table-danger:hover {
    background-color: #ffc1ce;
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ffc1ce;
}
.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fbfcfc;
}
.table-hover .table-light:hover {
    background-color: #ececf6;
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6;
}
.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c9cdd1;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #9ba1aa;
}
.table-hover .table-dark:hover {
    background-color: #bbc0c5;
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #bbc0c5;
}
.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th,
.jsgrid .jsgrid-table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}
.table .thead-light th,
.jsgrid .jsgrid-table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #ebedf2;
}
.table-dark {
    color: #fff;
    background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55;
}
.table-dark.table-bordered {
    border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-md>.table-bordered {
        border: 0;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive>.table-bordered {
    border: 0;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    display: block;
    width: 100%;
    height: 2.875rem;
    padding: 0.94rem 1.375rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

    .form-control,
    .asColorPicker-input,
    .dataTables_wrapper select,
    .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single .select2-search__field,
    .typeahead,
    .tt-query,
    .tt-hint {
        transition: none;
    }
}
.form-control::-ms-expand,
.asColorPicker-input::-ms-expand,
.dataTables_wrapper select::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand,
.select2-container--default .select2-selection--single::-ms-expand,
.select2-container--default .select2-selection--single .select2-search__field::-ms-expand,
.typeahead::-ms-expand,
.tt-query::-ms-expand,
.tt-hint::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control:-moz-focusring,
.asColorPicker-input:-moz-focusring,
.dataTables_wrapper select:-moz-focusring,
.jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-focusring[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-focusring,
.jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-focusring[type=number],
.select2-container--default .select2-selection--single:-moz-focusring,
.select2-container--default .select2-selection--single .select2-search__field:-moz-focusring,
.typeahead:-moz-focusring,
.tt-query:-moz-focusring,
.tt-hint:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-moz-placeholder,
.asColorPicker-input::-moz-placeholder,
.dataTables_wrapper select::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder,
.select2-container--default .select2-selection--single::-moz-placeholder,
.select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder,
.typeahead::-moz-placeholder,
.tt-query::-moz-placeholder,
.tt-hint::-moz-placeholder {
    color: #c9c8c8;
    opacity: 1;
}
.form-control::-moz-placeholder, .asColorPicker-input::-moz-placeholder, .dataTables_wrapper select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder, .select2-container--default .select2-selection--single::-moz-placeholder, .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder, .typeahead::-moz-placeholder, .tt-query::-moz-placeholder, .tt-hint::-moz-placeholder {
    color: #c9c8c8;
    opacity: 1;
}
.form-control::placeholder,
.asColorPicker-input::placeholder,
.dataTables_wrapper select::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder,
.select2-container--default .select2-selection--single::placeholder,
.select2-container--default .select2-selection--single .select2-search__field::placeholder,
.typeahead::placeholder,
.tt-query::placeholder,
.tt-hint::placeholder {
    color: #c9c8c8;
    opacity: 1;
}
.form-control:disabled,
.asColorPicker-input:disabled,
.dataTables_wrapper select:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number],
.select2-container--default .select2-selection--single:disabled,
.select2-container--default .select2-selection--single .select2-search__field:disabled,
.typeahead:disabled,
.tt-query:disabled,
.tt-hint:disabled,
.form-control[readonly],
.asColorPicker-input[readonly],
.dataTables_wrapper select[readonly],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number],
.select2-container--default .select2-selection--single[readonly],
.select2-container--default .select2-selection--single .select2-search__field[readonly],
.typeahead[readonly],
.tt-query[readonly],
.tt-hint[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
input[type="date"].form-control,
input.asColorPicker-input[type="date"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="date"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="date"][type=number],
.select2-container--default input.select2-selection--single[type="date"],
.select2-container--default .select2-selection--single input.select2-search__field[type="date"],
input.typeahead[type="date"],
input.tt-query[type="date"],
input.tt-hint[type="date"],
input[type="time"].form-control,
input.asColorPicker-input[type="time"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="time"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="time"][type=number],
.select2-container--default input.select2-selection--single[type="time"],
.select2-container--default .select2-selection--single input.select2-search__field[type="time"],
input.typeahead[type="time"],
input.tt-query[type="time"],
input.tt-hint[type="time"],
input[type="datetime-local"].form-control,
input.asColorPicker-input[type="datetime-local"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="datetime-local"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="datetime-local"][type=number],
.select2-container--default input.select2-selection--single[type="datetime-local"],
.select2-container--default .select2-selection--single input.select2-search__field[type="datetime-local"],
input.typeahead[type="datetime-local"],
input.tt-query[type="datetime-local"],
input.tt-hint[type="datetime-local"],
input[type="month"].form-control,
input.asColorPicker-input[type="month"],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="month"][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="month"][type=number],
.select2-container--default input.select2-selection--single[type="month"],
.select2-container--default .select2-selection--single input.select2-search__field[type="month"],
input.typeahead[type="month"],
input.tt-query[type="month"],
input.tt-hint[type="month"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.form-control:focus::-ms-value,
select.asColorPicker-input:focus::-ms-value,
.dataTables_wrapper select:focus::-ms-value,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value,
.select2-container--default select.select2-selection--single:focus::-ms-value,
.select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value,
select.typeahead:focus::-ms-value,
select.tt-query:focus::-ms-value,
select.tt-hint:focus::-ms-value {
    color: #495057;
    background-color: #ffffff;
}
select.form-control>option {
    margin: 5px 0;
    padding: 5px 0;
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.col-form-label {
    padding-top: calc(0.94rem + 1px);
    padding-bottom: calc(0.94rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1;
}
.col-form-label-lg {
    padding-top: calc(0.94rem + 1px);
    padding-bottom: calc(0.94rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}
.col-form-label-sm {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.94rem 0;
    margin-bottom: 0;
    font-size: 0.8125rem;
    line-height: 1;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-left: 0;
    padding-right: 0;
}
.form-control-sm {
    height: 2.575rem;
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.form-control-lg {
    height: 3.175rem;
    padding: 0.94rem 1.94rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
select.form-control[size],
select.asColorPicker-input[size],
.dataTables_wrapper select[size],
.jsgrid .jsgrid-table .jsgrid-filter-row select[size],
.select2-container--default select.select2-selection--single[size],
.select2-container--default .select2-selection--single select.select2-search__field[size],
select.typeahead[size],
select.tt-query[size],
select.tt-hint[size],
select.form-control[multiple],
select.asColorPicker-input[multiple],
.dataTables_wrapper select[multiple],
.jsgrid .jsgrid-table .jsgrid-filter-row select[multiple],
.select2-container--default select.select2-selection--single[multiple],
.select2-container--default .select2-selection--single select.select2-search__field[multiple],
select.typeahead[multiple],
select.tt-query[multiple],
select.tt-hint[multiple] {
    height: auto;
}
textarea.form-control,
textarea.asColorPicker-input,
.select2-container--default textarea.select2-selection--single,
.select2-container--default .select2-selection--single textarea.select2-search__field,
textarea.typeahead,
textarea.tt-query,
textarea.tt-hint {
    height: auto;
}
.form-group {
    margin-bottom: 1rem;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.form-row>.col,
.form-row>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
.form-check {
    position: relative;
    display: block;
    padding-right: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-right: -1.25rem;
}
.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    color: #9c9fa6;
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-right: 0;
    margin-left: 0.75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-left: 0.3125rem;
    margin-right: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}
.form-row>.col>.valid-tooltip,
.form-row>[class*="col-"]>.valid-tooltip {
    right: 5px;
}
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block;
}
.was-validated .form-control:valid,
.was-validated .asColorPicker-input:valid,
.was-validated .dataTables_wrapper select:valid,
.dataTables_wrapper .was-validated select:valid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid[type=number],
.was-validated .select2-container--default .select2-selection--single:valid,
.select2-container--default .was-validated .select2-selection--single:valid,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid,
.was-validated .typeahead:valid,
.was-validated .tt-query:valid,
.was-validated .tt-hint:valid,
.form-control.is-valid,
.is-valid.asColorPicker-input,
.dataTables_wrapper select.is-valid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number],
.select2-container--default .is-valid.select2-selection--single,
.select2-container--default .select2-selection--single .is-valid.select2-search__field,
.is-valid.typeahead,
.is-valid.tt-query,
.is-valid.tt-hint {
    border-color: #28a745;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.was-validated .asColorPicker-input:valid:focus,
.was-validated .dataTables_wrapper select:valid:focus,
.dataTables_wrapper .was-validated select:valid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:valid:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:valid:focus[type=number],
.was-validated .select2-container--default .select2-selection--single:valid:focus,
.select2-container--default .was-validated .select2-selection--single:valid:focus,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus,
.was-validated .typeahead:valid:focus,
.was-validated .tt-query:valid:focus,
.was-validated .tt-hint:valid:focus,
.form-control.is-valid:focus,
.is-valid.asColorPicker-input:focus,
.dataTables_wrapper select.is-valid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid:focus[type=number],
.select2-container--default .is-valid.select2-selection--single:focus,
.select2-container--default .select2-selection--single .is-valid.select2-search__field:focus,
.is-valid.typeahead:focus,
.is-valid.tt-query:focus,
.is-valid.tt-hint:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated textarea.form-control:valid,
.was-validated textarea.asColorPicker-input:valid,
.was-validated .select2-container--default textarea.select2-selection--single:valid,
.select2-container--default .was-validated textarea.select2-selection--single:valid,
.was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:valid,
.select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:valid,
.was-validated textarea.typeahead:valid,
.was-validated textarea.tt-query:valid,
.was-validated textarea.tt-hint:valid,
textarea.form-control.is-valid,
textarea.is-valid.asColorPicker-input,
.select2-container--default textarea.is-valid.select2-selection--single,
.select2-container--default .select2-selection--single textarea.is-valid.select2-search__field,
textarea.is-valid.typeahead,
textarea.is-valid.tt-query,
textarea.is-valid.tt-hint {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
    padding-left: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") left 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745;
}
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745;
}
.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745;
}
.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}
.form-row>.col>.invalid-tooltip,
.form-row>[class*="col-"]>.invalid-tooltip {
    right: 5px;
}
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block;
}
.was-validated .form-control:invalid,
.was-validated .asColorPicker-input:invalid,
.was-validated .dataTables_wrapper select:invalid,
.dataTables_wrapper .was-validated select:invalid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid[type=number],
.was-validated .select2-container--default .select2-selection--single:invalid,
.select2-container--default .was-validated .select2-selection--single:invalid,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid,
.was-validated .typeahead:invalid,
.was-validated .tt-query:invalid,
.was-validated .tt-hint:invalid,
.form-control.is-invalid,
.is-invalid.asColorPicker-input,
.dataTables_wrapper select.is-invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number],
.select2-container--default .is-invalid.select2-selection--single,
.select2-container--default .select2-selection--single .is-invalid.select2-search__field,
.is-invalid.typeahead,
.is-invalid.tt-query,
.is-invalid.tt-hint {
    border-color: #dc3545;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.was-validated .asColorPicker-input:invalid:focus,
.was-validated .dataTables_wrapper select:invalid:focus,
.dataTables_wrapper .was-validated select:invalid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=text],
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus,
.was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input:invalid:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input:invalid:focus[type=number],
.was-validated .select2-container--default .select2-selection--single:invalid:focus,
.select2-container--default .was-validated .select2-selection--single:invalid:focus,
.was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus,
.select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus,
.was-validated .typeahead:invalid:focus,
.was-validated .tt-query:invalid:focus,
.was-validated .tt-hint:invalid:focus,
.form-control.is-invalid:focus,
.is-invalid.asColorPicker-input:focus,
.dataTables_wrapper select.is-invalid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid:focus[type=number],
.select2-container--default .is-invalid.select2-selection--single:focus,
.select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus,
.is-invalid.typeahead:focus,
.is-invalid.tt-query:focus,
.is-invalid.tt-hint:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
.was-validated textarea.asColorPicker-input:invalid,
.was-validated .select2-container--default textarea.select2-selection--single:invalid,
.select2-container--default .was-validated textarea.select2-selection--single:invalid,
.was-validated .select2-container--default .select2-selection--single textarea.select2-search__field:invalid,
.select2-container--default .select2-selection--single .was-validated textarea.select2-search__field:invalid,
.was-validated textarea.typeahead:invalid,
.was-validated textarea.tt-query:invalid,
.was-validated textarea.tt-hint:invalid,
textarea.form-control.is-invalid,
textarea.is-invalid.asColorPicker-input,
.select2-container--default textarea.is-invalid.select2-selection--single,
.select2-container--default .select2-selection--single textarea.is-invalid.select2-search__field,
textarea.is-invalid.typeahead,
textarea.is-invalid.tt-query,
textarea.is-invalid.tt-hint {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
    padding-left: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") left 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545;
}
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545;
}
.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
    border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545;
}
.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.form-inline .form-check {
    width: 100%;
}
@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control,
    .form-inline .asColorPicker-input,
    .form-inline .dataTables_wrapper select,
    .dataTables_wrapper .form-inline select,
    .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text],
    .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select,
    .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number],
    .form-inline .select2-container--default .select2-selection--single,
    .select2-container--default .form-inline .select2-selection--single,
    .form-inline .select2-container--default .select2-selection--single .select2-search__field,
    .select2-container--default .select2-selection--single .form-inline .select2-search__field,
    .form-inline .typeahead,
    .form-inline .tt-query,
    .form-inline .tt-hint {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .asColorPicker-wrap,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-right: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-left: 0.25rem;
        margin-right: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}
.btn,
.fc button,
.ajax-upload-dragdrop .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
.wizard>.actions a {
    display: inline-block;
    font-weight: 400;
    color: #343a40;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.875rem 2.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

    .btn,
    .fc button,
    .ajax-upload-dragdrop .ajax-file-upload,
    .swal2-modal .swal2-buttonswrapper .swal2-styled,
    .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
    .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
    .wizard>.actions a {
        transition: none;
    }
}
.btn:hover,
.fc button:hover,
.ajax-upload-dragdrop .ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .swal2-styled:hover,
.wizard>.actions a:hover {
    color: #343a40;
    text-decoration: none;
}
.btn:focus,
.fc button:focus,
.ajax-upload-dragdrop .ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.wizard>.actions a:focus,
.btn.focus,
.fc button.focus,
.ajax-upload-dragdrop .focus.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .focus.swal2-styled,
.wizard>.actions a.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.fc button.disabled,
.ajax-upload-dragdrop .disabled.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .disabled.swal2-styled,
.wizard>.actions a.disabled,
.btn:disabled,
.fc button:disabled,
.ajax-upload-dragdrop .ajax-file-upload:disabled,
.swal2-modal .swal2-buttonswrapper .swal2-styled:disabled,
.wizard>.actions a:disabled {
    opacity: 0.65;
}
.btn:not(:disabled):not(.disabled),
.fc button:not(:disabled):not(.disabled),
.ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled),
.swal2-modal .swal2-buttonswrapper .swal2-styled:not(:disabled):not(.disabled),
.wizard>.actions a:not(:disabled):not(.disabled) {
    cursor: pointer;
}
a.btn.disabled,
.ajax-upload-dragdrop a.disabled.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled,
.wizard>.actions a.disabled,
fieldset:disabled a.btn,
fieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload,
.ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload,
fieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled,
.swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled,
fieldset:disabled .wizard>.actions a,
.wizard>.actions fieldset:disabled a {
    pointer-events: none;
}
.btn-primary,
.wizard>.actions a {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-primary:hover,
.wizard>.actions a:hover {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff;
}
.btn-primary:focus,
.wizard>.actions a:focus,
.btn-primary.focus,
.wizard>.actions a.focus {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff;
    box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
}
.btn-primary.disabled,
.wizard>.actions a.disabled,
.btn-primary:disabled,
.wizard>.actions a:disabled {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-primary:not(:disabled):not(.disabled):active,
.wizard>.actions a:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.wizard>.actions a:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.wizard>.actions .show>a.dropdown-toggle {
    color: #fff;
    background-color: #9d3aff;
    border-color: #962dff;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.wizard>.actions a:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.wizard>.actions a:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.wizard>.actions .show>a.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(193, 131, 255, 0.5);
}
.btn-secondary {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:hover {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2;
}
.btn-secondary:focus,
.btn-secondary.focus {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2;
    box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #aba2a2;
    border-color: #a59c9c;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(171, 166, 167, 0.5);
}
.btn-success {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:hover {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d;
    box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #15a28d;
    border-color: #149783;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 182, 159, 0.5);
}
.btn-info {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:hover {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5;
    box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #146eb5;
    border-color: #1367aa;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 156, 231, 0.5);
}
.btn-warning {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:hover {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901;
    box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #ddb901;
    border-color: #d0ae01;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 188, 22, 0.5);
}
.btn-danger {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:hover {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d;
    box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #fe496d;
    border-color: #fe3d63;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 111, 134, 0.5);
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:hover {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d;
}
.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d;
    box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #29323d;
    border-color: #242c35;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(91, 102, 116, 0.5);
}
.btn-outline-primary,
.wizard>.actions .disabled a {
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:hover,
.wizard>.actions .disabled a:hover {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:focus,
.wizard>.actions .disabled a:focus,
.btn-outline-primary.focus,
.wizard>.actions .disabled a.focus {
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.btn-outline-primary.disabled,
.wizard>.actions .disabled a.disabled,
.btn-outline-primary:disabled,
.wizard>.actions .disabled a:disabled {
    color: var(--theme-color);
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.wizard>.actions .disabled a:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.wizard>.actions .disabled a:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle,
.wizard>.actions .disabled .show>a.dropdown-toggle {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.wizard>.actions .disabled a:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.wizard>.actions .disabled a:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus,
.wizard>.actions .disabled .show>a.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.btn-outline-secondary,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {
    color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus,
.btn-outline-secondary.focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel {
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.btn-outline-secondary.disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel,
.btn-outline-secondary:disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled {
    color: #c3bdbd;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-cancel {
    color: #212529;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-cancel:focus {
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.btn-outline-success,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {
    color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus,
.btn-outline-success.focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit {
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.btn-outline-success.disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit,
.btn-outline-success:disabled,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled {
    color: #1bcfb4;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit {
    color: #212529;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .show>.dropdown-toggle.editable-submit:focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.btn-outline-info {
    color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #198ae3;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.btn-outline-warning {
    color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #fed713;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.btn-outline-danger {
    color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:hover {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #fe7c96;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #212529;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
    color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #3e4b5b;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}
.btn-lg,
.btn-group-lg>.btn,
.fc .btn-group-lg>button,
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled,
.wizard>.actions .btn-group-lg>a {
    padding: 1rem 3rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}
.btn-sm,
.btn-group-sm>.btn,
.fc .btn-group-sm>button,
.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled,
.wizard>.actions .btn-group-sm>a,
.fc button {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block+.btn-block {
    margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ebedf2;
    border-radius: 0.25rem;
}
.dropdown-menu-left {
    left: auto;
    right: 0;
}
.dropdown-menu-right {
    left: 0;
    right: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-sm-right {
        left: 0;
        right: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-md-right {
        left: 0;
        right: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-lg-right {
        left: 0;
        right: auto;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        left: auto;
        right: 0;
    }

    .dropdown-menu-xl-right {
        left: 0;
        right: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-left: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropright .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0;
    border-bottom: 0.3em solid transparent;
    border-right: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropright .dropdown-toggle::after {
    vertical-align: 0;
}
.dropleft .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
    margin-right: 0;
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="right"] {
    left: auto;
    bottom: auto;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #ebedf2;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #343a40;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #343a40;
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #343a40;
}
.btn-group,
.fc .fc-button-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group>.btn,
.fc .fc-button-group>.btn,
.fc .btn-group>button,
.fc .fc-button-group>button,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled,
.wizard>.actions .btn-group>a,
.fc .wizard>.actions .fc-button-group>a,
.wizard>.actions .fc .fc-button-group>a,
.btn-group-vertical>.btn,
.fc .btn-group-vertical>button,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled,
.wizard>.actions .btn-group-vertical>a {
    position: relative;
    flex: 1 1 auto;
}
.btn-group>.btn:hover,
.fc .fc-button-group>.btn:hover,
.fc .btn-group>button:hover,
.fc .fc-button-group>button:hover,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:hover,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:hover,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:hover,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:hover,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:hover,
.wizard>.actions .btn-group>a:hover,
.fc .wizard>.actions .fc-button-group>a:hover,
.wizard>.actions .fc .fc-button-group>a:hover,
.btn-group-vertical>.btn:hover,
.fc .btn-group-vertical>button:hover,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:hover,
.wizard>.actions .btn-group-vertical>a:hover {
    z-index: 1;
}
.btn-group>.btn:focus,
.fc .fc-button-group>.btn:focus,
.fc .btn-group>button:focus,
.fc .fc-button-group>button:focus,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:focus,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:focus,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:focus,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:focus,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:focus,
.wizard>.actions .btn-group>a:focus,
.fc .wizard>.actions .fc-button-group>a:focus,
.wizard>.actions .fc .fc-button-group>a:focus,
.btn-group>.btn:active,
.fc .fc-button-group>.btn:active,
.fc .btn-group>button:active,
.fc .fc-button-group>button:active,
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:active,
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:active,
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:active,
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:active,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:active,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:active,
.wizard>.actions .btn-group>a:active,
.fc .wizard>.actions .fc-button-group>a:active,
.wizard>.actions .fc .fc-button-group>a:active,
.btn-group>.btn.active,
.fc .fc-button-group>.btn.active,
.fc .btn-group>button.active,
.fc .fc-button-group>button.active,
.ajax-upload-dragdrop .btn-group>.active.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.active.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.active.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.active.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.active.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.active.swal2-styled,
.wizard>.actions .btn-group>a.active,
.fc .wizard>.actions .fc-button-group>a.active,
.wizard>.actions .fc .fc-button-group>a.active,
.btn-group-vertical>.btn:focus,
.fc .btn-group-vertical>button:focus,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:focus,
.wizard>.actions .btn-group-vertical>a:focus,
.btn-group-vertical>.btn:active,
.fc .btn-group-vertical>button:active,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:active,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:active,
.wizard>.actions .btn-group-vertical>a:active,
.btn-group-vertical>.btn.active,
.fc .btn-group-vertical>button.active,
.ajax-upload-dragdrop .btn-group-vertical>.active.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.active.swal2-styled,
.wizard>.actions .btn-group-vertical>a.active {
    z-index: 1;
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group,
.btn-toolbar .asColorPicker-wrap {
    width: auto;
}
.btn-group>.btn:not(:first-child),
.fc .fc-button-group>.btn:not(:first-child),
.fc .btn-group>button:not(:first-child),
.fc .fc-button-group>button:not(:first-child),
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child),
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:not(:first-child),
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child),
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:not(:first-child),
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group>a:not(:first-child),
.fc .wizard>.actions .fc-button-group>a:not(:first-child),
.wizard>.actions .fc .fc-button-group>a:not(:first-child),
.btn-group>.btn-group:not(:first-child),
.fc .fc-button-group>.btn-group:not(:first-child),
.fc .btn-group>.fc-button-group:not(:first-child),
.fc .fc-button-group>.fc-button-group:not(:first-child) {
    margin-right: -1px;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.fc .fc-button-group>.btn:not(:last-child):not(.dropdown-toggle),
.fc .btn-group>button:not(:last-child):not(.dropdown-toggle),
.fc .fc-button-group>button:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .btn-group>a:not(:last-child):not(.dropdown-toggle),
.fc .wizard>.actions .fc-button-group>a:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .fc .fc-button-group>a:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn,
.fc .fc-button-group>.btn-group:not(:last-child)>.btn,
.fc .btn-group>.fc-button-group:not(:last-child)>.btn,
.fc .fc-button-group>.fc-button-group:not(:last-child)>.btn,
.fc .btn-group>.btn-group:not(:last-child)>button,
.fc .fc-button-group>.btn-group:not(:last-child)>button,
.fc .btn-group>.fc-button-group:not(:last-child)>button,
.fc .fc-button-group>.fc-button-group:not(:last-child)>button,
.ajax-upload-dragdrop .btn-group>.btn-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.btn-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.btn-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.fc-button-group:not(:last-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.btn-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.btn-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.btn-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group>.fc-button-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group>.fc-button-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.fc-button-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.fc-button-group:not(:last-child)>.swal2-styled,
.wizard>.actions .btn-group>.btn-group:not(:last-child)>a,
.fc .wizard>.actions .fc-button-group>.btn-group:not(:last-child)>a,
.wizard>.actions .fc .fc-button-group>.btn-group:not(:last-child)>a,
.fc .wizard>.actions .btn-group>.fc-button-group:not(:last-child)>a,
.wizard>.actions .fc .btn-group>.fc-button-group:not(:last-child)>a,
.fc .wizard>.actions .fc-button-group>.fc-button-group:not(:last-child)>a,
.wizard>.actions .fc .fc-button-group>.fc-button-group:not(:last-child)>a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.btn:not(:first-child),
.fc .fc-button-group>.btn:not(:first-child),
.fc .btn-group>button:not(:first-child),
.fc .fc-button-group>button:not(:first-child),
.ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child),
.fc .ajax-upload-dragdrop .fc-button-group>.ajax-file-upload:not(:first-child),
.ajax-upload-dragdrop .fc .fc-button-group>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child),
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.swal2-styled:not(:first-child),
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group>a:not(:first-child),
.fc .wizard>.actions .fc-button-group>a:not(:first-child),
.wizard>.actions .fc .fc-button-group>a:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn,
.fc .fc-button-group>.btn-group:not(:first-child)>.btn,
.fc .btn-group>.fc-button-group:not(:first-child)>.btn,
.fc .fc-button-group>.fc-button-group:not(:first-child)>.btn,
.fc .btn-group>.btn-group:not(:first-child)>button,
.fc .fc-button-group>.btn-group:not(:first-child)>button,
.fc .btn-group>.fc-button-group:not(:first-child)>button,
.fc .fc-button-group>.fc-button-group:not(:first-child)>button,
.ajax-upload-dragdrop .btn-group>.btn-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.btn-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.btn-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .fc-button-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group>.fc-button-group:not(:first-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group>.btn-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.btn-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.btn-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group>.fc-button-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group>.fc-button-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .fc-button-group>.fc-button-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group>.fc-button-group:not(:first-child)>.swal2-styled,
.wizard>.actions .btn-group>.btn-group:not(:first-child)>a,
.fc .wizard>.actions .fc-button-group>.btn-group:not(:first-child)>a,
.wizard>.actions .fc .fc-button-group>.btn-group:not(:first-child)>a,
.fc .wizard>.actions .btn-group>.fc-button-group:not(:first-child)>a,
.wizard>.actions .fc .btn-group>.fc-button-group:not(:first-child)>a,
.fc .wizard>.actions .fc-button-group>.fc-button-group:not(:first-child)>a,
.wizard>.actions .fc .fc-button-group>.fc-button-group:not(:first-child)>a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown-toggle-split {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-right: 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-left: 0;
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split,
.fc .btn-group-sm>button+.dropdown-toggle-split,
.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload+.dropdown-toggle-split,
.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled+.dropdown-toggle-split,
.wizard>.actions .btn-group-sm>a+.dropdown-toggle-split,
.fc button+.dropdown-toggle-split {
    padding-left: 0.6075rem;
    padding-right: 0.6075rem;
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split,
.fc .btn-group-lg>button+.dropdown-toggle-split,
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload+.dropdown-toggle-split,
.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled+.dropdown-toggle-split,
.wizard>.actions .btn-group-lg>a+.dropdown-toggle-split {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical>.btn,
.fc .btn-group-vertical>button,
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled,
.wizard>.actions .btn-group-vertical>a,
.btn-group-vertical>.btn-group,
.fc .btn-group-vertical>.fc-button-group {
    width: 100%;
}
.btn-group-vertical>.btn:not(:first-child),
.fc .btn-group-vertical>button:not(:first-child),
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group-vertical>a:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child),
.fc .btn-group-vertical>.fc-button-group:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.fc .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .btn-group-vertical>a:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.fc .btn-group-vertical>.fc-button-group:not(:last-child)>.btn,
.fc .btn-group-vertical>.btn-group:not(:last-child)>button,
.fc .btn-group-vertical>.fc-button-group:not(:last-child)>button,
.ajax-upload-dragdrop .btn-group-vertical>.btn-group:not(:last-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group-vertical>.fc-button-group:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group-vertical>.fc-button-group:not(:last-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn-group:not(:last-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical>.fc-button-group:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical>.fc-button-group:not(:last-child)>.swal2-styled,
.wizard>.actions .btn-group-vertical>.btn-group:not(:last-child)>a,
.fc .wizard>.actions .btn-group-vertical>.fc-button-group:not(:last-child)>a,
.wizard>.actions .fc .btn-group-vertical>.fc-button-group:not(:last-child)>a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group-vertical>.btn:not(:first-child),
.fc .btn-group-vertical>button:not(:first-child),
.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:not(:first-child),
.wizard>.actions .btn-group-vertical>a:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.fc .btn-group-vertical>.fc-button-group:not(:first-child)>.btn,
.fc .btn-group-vertical>.btn-group:not(:first-child)>button,
.fc .btn-group-vertical>.fc-button-group:not(:first-child)>button,
.ajax-upload-dragdrop .btn-group-vertical>.btn-group:not(:first-child)>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group-vertical>.fc-button-group:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group-vertical>.fc-button-group:not(:first-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn-group:not(:first-child)>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical>.fc-button-group:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical>.fc-button-group:not(:first-child)>.swal2-styled,
.wizard>.actions .btn-group-vertical>.btn-group:not(:first-child)>a,
.fc .wizard>.actions .btn-group-vertical>.fc-button-group:not(:first-child)>a,
.wizard>.actions .fc .btn-group-vertical>.fc-button-group:not(:first-child)>a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.btn-group-toggle>.btn,
.fc .btn-group-toggle>button,
.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled,
.wizard>.actions .btn-group-toggle>a,
.btn-group-toggle>.btn-group>.btn,
.fc .btn-group-toggle>.fc-button-group>.btn,
.fc .btn-group-toggle>.btn-group>button,
.fc .btn-group-toggle>.fc-button-group>button,
.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload,
.fc .ajax-upload-dragdrop .btn-group-toggle>.fc-button-group>.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group-toggle>.fc-button-group>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle>.fc-button-group>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle>.fc-button-group>.swal2-styled,
.wizard>.actions .btn-group-toggle>.btn-group>a,
.fc .wizard>.actions .btn-group-toggle>.fc-button-group>a,
.wizard>.actions .fc .btn-group-toggle>.fc-button-group>a {
    margin-bottom: 0;
}
.btn-group-toggle>.btn input[type="radio"],
.fc .btn-group-toggle>button input[type="radio"],
.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="radio"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled input[type="radio"],
.wizard>.actions .btn-group-toggle>a input[type="radio"],
.btn-group-toggle>.btn input[type="checkbox"],
.fc .btn-group-toggle>button input[type="checkbox"],
.ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="checkbox"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled input[type="checkbox"],
.wizard>.actions .btn-group-toggle>a input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"],
.fc .btn-group-toggle>.fc-button-group>.btn input[type="radio"],
.fc .btn-group-toggle>.btn-group>button input[type="radio"],
.fc .btn-group-toggle>.fc-button-group>button input[type="radio"],
.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload input[type="radio"],
.fc .ajax-upload-dragdrop .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="radio"],
.ajax-upload-dragdrop .fc .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="radio"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled input[type="radio"],
.fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle>.fc-button-group>.swal2-styled input[type="radio"],
.swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle>.fc-button-group>.swal2-styled input[type="radio"],
.wizard>.actions .btn-group-toggle>.btn-group>a input[type="radio"],
.fc .wizard>.actions .btn-group-toggle>.fc-button-group>a input[type="radio"],
.wizard>.actions .fc .btn-group-toggle>.fc-button-group>a input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"],
.fc .btn-group-toggle>.fc-button-group>.btn input[type="checkbox"],
.fc .btn-group-toggle>.btn-group>button input[type="checkbox"],
.fc .btn-group-toggle>.fc-button-group>button input[type="checkbox"],
.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload input[type="checkbox"],
.fc .ajax-upload-dragdrop .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="checkbox"],
.ajax-upload-dragdrop .fc .btn-group-toggle>.fc-button-group>.ajax-file-upload input[type="checkbox"],
.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.btn-group>.swal2-styled input[type="checkbox"],
.fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle>.fc-button-group>.swal2-styled input[type="checkbox"],
.swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle>.fc-button-group>.swal2-styled input[type="checkbox"],
.wizard>.actions .btn-group-toggle>.btn-group>a input[type="checkbox"],
.fc .wizard>.actions .btn-group-toggle>.fc-button-group>a input[type="checkbox"],
.wizard>.actions .fc .btn-group-toggle>.fc-button-group>a input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.input-group,
.asColorPicker-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group>.form-control,
.asColorPicker-wrap>.form-control,
.input-group>.asColorPicker-input,
.asColorPicker-wrap>.asColorPicker-input,
.dataTables_wrapper .input-group>select,
.dataTables_wrapper .asColorPicker-wrap>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number],
.select2-container--default .input-group>.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field,
.input-group>.typeahead,
.asColorPicker-wrap>.typeahead,
.input-group>.tt-query,
.asColorPicker-wrap>.tt-query,
.input-group>.tt-hint,
.asColorPicker-wrap>.tt-hint,
.input-group>.form-control-plaintext,
.asColorPicker-wrap>.form-control-plaintext,
.input-group>.custom-select,
.asColorPicker-wrap>.custom-select,
.input-group>.custom-file,
.asColorPicker-wrap>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group>.form-control+.form-control,
.asColorPicker-wrap>.form-control+.form-control,
.input-group>.asColorPicker-input+.form-control,
.asColorPicker-wrap>.asColorPicker-input+.form-control,
.dataTables_wrapper .input-group>select+.form-control,
.dataTables_wrapper .asColorPicker-wrap>select+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.form-control,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.form-control,
.select2-container--default .input-group>.select2-selection--single+.form-control,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.form-control,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.form-control,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.form-control,
.input-group>.typeahead+.form-control,
.asColorPicker-wrap>.typeahead+.form-control,
.input-group>.tt-query+.form-control,
.asColorPicker-wrap>.tt-query+.form-control,
.input-group>.tt-hint+.form-control,
.asColorPicker-wrap>.tt-hint+.form-control,
.input-group>.form-control+.asColorPicker-input,
.asColorPicker-wrap>.form-control+.asColorPicker-input,
.input-group>.asColorPicker-input+.asColorPicker-input,
.asColorPicker-wrap>.asColorPicker-input+.asColorPicker-input,
.dataTables_wrapper .input-group>select+.asColorPicker-input,
.dataTables_wrapper .asColorPicker-wrap>select+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.asColorPicker-input,
.select2-container--default .input-group>.select2-selection--single+.asColorPicker-input,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.asColorPicker-input,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.asColorPicker-input,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.asColorPicker-input,
.input-group>.typeahead+.asColorPicker-input,
.asColorPicker-wrap>.typeahead+.asColorPicker-input,
.input-group>.tt-query+.asColorPicker-input,
.asColorPicker-wrap>.tt-query+.asColorPicker-input,
.input-group>.tt-hint+.asColorPicker-input,
.asColorPicker-wrap>.tt-hint+.asColorPicker-input,
.dataTables_wrapper .input-group>.form-control+select,
.dataTables_wrapper .asColorPicker-wrap>.form-control+select,
.dataTables_wrapper .input-group>.asColorPicker-input+select,
.dataTables_wrapper .asColorPicker-wrap>.asColorPicker-input+select,
.dataTables_wrapper .input-group>select+select,
.dataTables_wrapper .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>input[type=text]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>input[type=text]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>input[type=number]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>input[type=number]+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+select,
.select2-container--default .dataTables_wrapper .input-group>.select2-selection--single+select,
.dataTables_wrapper .select2-container--default .input-group>.select2-selection--single+select,
.select2-container--default .dataTables_wrapper .asColorPicker-wrap>.select2-selection--single+select,
.dataTables_wrapper .select2-container--default .asColorPicker-wrap>.select2-selection--single+select,
.select2-container--default .select2-selection--single .dataTables_wrapper .input-group>.select2-search__field+select,
.dataTables_wrapper .select2-container--default .select2-selection--single .input-group>.select2-search__field+select,
.select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap>.select2-search__field+select,
.dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+select,
.dataTables_wrapper .input-group>.typeahead+select,
.dataTables_wrapper .asColorPicker-wrap>.typeahead+select,
.dataTables_wrapper .input-group>.tt-query+select,
.dataTables_wrapper .asColorPicker-wrap>.tt-query+select,
.dataTables_wrapper .input-group>.tt-hint+select,
.dataTables_wrapper .asColorPicker-wrap>.tt-hint+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+input[type=text],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+input[type=text],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+input[type=text],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+input[type=text],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+input[type=text],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+input[type=text],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+select,
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+select,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+select,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+select,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+select,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.asColorPicker-input+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.asColorPicker-input+input[type=number],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group>select+input[type=number],
.dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+input[type=number],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-selection--single+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>.select2-selection--single+input[type=number],
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-selection--single+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>.select2-selection--single+input[type=number],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.select2-search__field+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>.select2-search__field+input[type=number],
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.select2-search__field+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.typeahead+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-query+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.tt-hint+input[type=number],
.select2-container--default .input-group>.form-control+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.form-control+.select2-selection--single,
.select2-container--default .input-group>.asColorPicker-input+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.asColorPicker-input+.select2-selection--single,
.dataTables_wrapper .select2-container--default .input-group>select+.select2-selection--single,
.select2-container--default .dataTables_wrapper .input-group>select+.select2-selection--single,
.dataTables_wrapper .select2-container--default .asColorPicker-wrap>select+.select2-selection--single,
.select2-container--default .dataTables_wrapper .asColorPicker-wrap>select+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>input[type=text]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>input[type=text]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>select+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>select+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group>input[type=number]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap>input[type=number]+.select2-selection--single,
.select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.select2-selection--single,
.select2-container--default .input-group>.select2-selection--single+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.select2-selection--single,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.select2-selection--single,
.select2-container--default .input-group>.typeahead+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.typeahead+.select2-selection--single,
.select2-container--default .input-group>.tt-query+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.tt-query+.select2-selection--single,
.select2-container--default .input-group>.tt-hint+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.tt-hint+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.form-control+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.form-control+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.asColorPicker-input+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.asColorPicker-input+.select2-search__field,
.dataTables_wrapper .select2-container--default .select2-selection--single .input-group>select+.select2-search__field,
.select2-container--default .select2-selection--single .dataTables_wrapper .input-group>select+.select2-search__field,
.dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap>select+.select2-search__field,
.select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap>select+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>input[type=text]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>input[type=text]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>select+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>select+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group>input[type=number]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.select2-search__field,
.jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap>input[type=number]+.select2-search__field,
.select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.select2-selection--single+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-selection--single+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.typeahead+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.typeahead+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.tt-query+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.tt-query+.select2-search__field,
.select2-container--default .select2-selection--single .input-group>.tt-hint+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.tt-hint+.select2-search__field,
.input-group>.form-control+.typeahead,
.asColorPicker-wrap>.form-control+.typeahead,
.input-group>.asColorPicker-input+.typeahead,
.asColorPicker-wrap>.asColorPicker-input+.typeahead,
.dataTables_wrapper .input-group>select+.typeahead,
.dataTables_wrapper .asColorPicker-wrap>select+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.typeahead,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.typeahead,
.select2-container--default .input-group>.select2-selection--single+.typeahead,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.typeahead,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.typeahead,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.typeahead,
.input-group>.typeahead+.typeahead,
.asColorPicker-wrap>.typeahead+.typeahead,
.input-group>.tt-query+.typeahead,
.asColorPicker-wrap>.tt-query+.typeahead,
.input-group>.tt-hint+.typeahead,
.asColorPicker-wrap>.tt-hint+.typeahead,
.input-group>.form-control+.tt-query,
.asColorPicker-wrap>.form-control+.tt-query,
.input-group>.asColorPicker-input+.tt-query,
.asColorPicker-wrap>.asColorPicker-input+.tt-query,
.dataTables_wrapper .input-group>select+.tt-query,
.dataTables_wrapper .asColorPicker-wrap>select+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.tt-query,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.tt-query,
.select2-container--default .input-group>.select2-selection--single+.tt-query,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.tt-query,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.tt-query,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.tt-query,
.input-group>.typeahead+.tt-query,
.asColorPicker-wrap>.typeahead+.tt-query,
.input-group>.tt-query+.tt-query,
.asColorPicker-wrap>.tt-query+.tt-query,
.input-group>.tt-hint+.tt-query,
.asColorPicker-wrap>.tt-hint+.tt-query,
.input-group>.form-control+.tt-hint,
.asColorPicker-wrap>.form-control+.tt-hint,
.input-group>.asColorPicker-input+.tt-hint,
.asColorPicker-wrap>.asColorPicker-input+.tt-hint,
.dataTables_wrapper .input-group>select+.tt-hint,
.dataTables_wrapper .asColorPicker-wrap>select+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.tt-hint,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.tt-hint,
.select2-container--default .input-group>.select2-selection--single+.tt-hint,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.tt-hint,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.tt-hint,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.tt-hint,
.input-group>.typeahead+.tt-hint,
.asColorPicker-wrap>.typeahead+.tt-hint,
.input-group>.tt-query+.tt-hint,
.asColorPicker-wrap>.tt-query+.tt-hint,
.input-group>.tt-hint+.tt-hint,
.asColorPicker-wrap>.tt-hint+.tt-hint,
.input-group>.form-control+.custom-select,
.asColorPicker-wrap>.form-control+.custom-select,
.input-group>.asColorPicker-input+.custom-select,
.asColorPicker-wrap>.asColorPicker-input+.custom-select,
.dataTables_wrapper .input-group>select+.custom-select,
.dataTables_wrapper .asColorPicker-wrap>select+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.custom-select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.custom-select,
.select2-container--default .input-group>.select2-selection--single+.custom-select,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.custom-select,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.custom-select,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.custom-select,
.input-group>.typeahead+.custom-select,
.asColorPicker-wrap>.typeahead+.custom-select,
.input-group>.tt-query+.custom-select,
.asColorPicker-wrap>.tt-query+.custom-select,
.input-group>.tt-hint+.custom-select,
.asColorPicker-wrap>.tt-hint+.custom-select,
.input-group>.form-control+.custom-file,
.asColorPicker-wrap>.form-control+.custom-file,
.input-group>.asColorPicker-input+.custom-file,
.asColorPicker-wrap>.asColorPicker-input+.custom-file,
.dataTables_wrapper .input-group>select+.custom-file,
.dataTables_wrapper .asColorPicker-wrap>select+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=text]+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=text]+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type=number]+.custom-file,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input[type=number]+.custom-file,
.select2-container--default .input-group>.select2-selection--single+.custom-file,
.select2-container--default .asColorPicker-wrap>.select2-selection--single+.custom-file,
.select2-container--default .select2-selection--single .input-group>.select2-search__field+.custom-file,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field+.custom-file,
.input-group>.typeahead+.custom-file,
.asColorPicker-wrap>.typeahead+.custom-file,
.input-group>.tt-query+.custom-file,
.asColorPicker-wrap>.tt-query+.custom-file,
.input-group>.tt-hint+.custom-file,
.asColorPicker-wrap>.tt-hint+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.asColorPicker-wrap>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.asColorPicker-input,
.asColorPicker-wrap>.form-control-plaintext+.asColorPicker-input,
.dataTables_wrapper .input-group>.form-control-plaintext+select,
.dataTables_wrapper .asColorPicker-wrap>.form-control-plaintext+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control-plaintext+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.form-control-plaintext+input[type=number],
.select2-container--default .input-group>.form-control-plaintext+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.form-control-plaintext+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.form-control-plaintext+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.form-control-plaintext+.select2-search__field,
.input-group>.form-control-plaintext+.typeahead,
.asColorPicker-wrap>.form-control-plaintext+.typeahead,
.input-group>.form-control-plaintext+.tt-query,
.asColorPicker-wrap>.form-control-plaintext+.tt-query,
.input-group>.form-control-plaintext+.tt-hint,
.asColorPicker-wrap>.form-control-plaintext+.tt-hint,
.input-group>.form-control-plaintext+.custom-select,
.asColorPicker-wrap>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.asColorPicker-wrap>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.asColorPicker-wrap>.custom-select+.form-control,
.input-group>.custom-select+.asColorPicker-input,
.asColorPicker-wrap>.custom-select+.asColorPicker-input,
.dataTables_wrapper .input-group>.custom-select+select,
.dataTables_wrapper .asColorPicker-wrap>.custom-select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-select+input[type=number],
.select2-container--default .input-group>.custom-select+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.custom-select+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.custom-select+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.custom-select+.select2-search__field,
.input-group>.custom-select+.typeahead,
.asColorPicker-wrap>.custom-select+.typeahead,
.input-group>.custom-select+.tt-query,
.asColorPicker-wrap>.custom-select+.tt-query,
.input-group>.custom-select+.tt-hint,
.asColorPicker-wrap>.custom-select+.tt-hint,
.input-group>.custom-select+.custom-select,
.asColorPicker-wrap>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.asColorPicker-wrap>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.asColorPicker-wrap>.custom-file+.form-control,
.input-group>.custom-file+.asColorPicker-input,
.asColorPicker-wrap>.custom-file+.asColorPicker-input,
.dataTables_wrapper .input-group>.custom-file+select,
.dataTables_wrapper .asColorPicker-wrap>.custom-file+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>.custom-file+input[type=number],
.select2-container--default .input-group>.custom-file+.select2-selection--single,
.select2-container--default .asColorPicker-wrap>.custom-file+.select2-selection--single,
.select2-container--default .select2-selection--single .input-group>.custom-file+.select2-search__field,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.custom-file+.select2-search__field,
.input-group>.custom-file+.typeahead,
.asColorPicker-wrap>.custom-file+.typeahead,
.input-group>.custom-file+.tt-query,
.asColorPicker-wrap>.custom-file+.tt-query,
.input-group>.custom-file+.tt-hint,
.asColorPicker-wrap>.custom-file+.tt-hint,
.input-group>.custom-file+.custom-select,
.asColorPicker-wrap>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file,
.asColorPicker-wrap>.custom-file+.custom-file {
    margin-right: -1px;
}
.input-group>.form-control:focus,
.asColorPicker-wrap>.form-control:focus,
.input-group>.asColorPicker-input:focus,
.asColorPicker-wrap>.asColorPicker-input:focus,
.dataTables_wrapper .input-group>select:focus,
.dataTables_wrapper .asColorPicker-wrap>select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:focus[type=number],
.select2-container--default .input-group>.select2-selection--single:focus,
.select2-container--default .asColorPicker-wrap>.select2-selection--single:focus,
.select2-container--default .select2-selection--single .input-group>.select2-search__field:focus,
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:focus,
.input-group>.typeahead:focus,
.asColorPicker-wrap>.typeahead:focus,
.input-group>.tt-query:focus,
.asColorPicker-wrap>.tt-query:focus,
.input-group>.tt-hint:focus,
.asColorPicker-wrap>.tt-hint:focus,
.input-group>.custom-select:focus,
.asColorPicker-wrap>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.asColorPicker-wrap>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3;
}
.input-group>.custom-file .custom-file-input:focus,
.asColorPicker-wrap>.custom-file .custom-file-input:focus {
    z-index: 4;
}
.input-group>.form-control:not(:first-child),
.asColorPicker-wrap>.form-control:not(:first-child),
.input-group>.asColorPicker-input:not(:first-child),
.asColorPicker-wrap>.asColorPicker-input:not(:first-child),
.dataTables_wrapper .input-group>select:not(:first-child),
.dataTables_wrapper .asColorPicker-wrap>select:not(:first-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:first-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:first-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:not(:first-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:not(:first-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input:not(:first-child)[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>input:not(:first-child)[type=number],
.select2-container--default .input-group>.select2-selection--single:not(:first-child),
.select2-container--default .asColorPicker-wrap>.select2-selection--single:not(:first-child),
.select2-container--default .select2-selection--single .input-group>.select2-search__field:not(:first-child),
.select2-container--default .select2-selection--single .asColorPicker-wrap>.select2-search__field:not(:first-child),
.input-group>.typeahead:not(:first-child),
.asColorPicker-wrap>.typeahead:not(:first-child),
.input-group>.tt-query:not(:first-child),
.asColorPicker-wrap>.tt-query:not(:first-child),
.input-group>.tt-hint:not(:first-child),
.asColorPicker-wrap>.tt-hint:not(:first-child),
.input-group>.custom-select:not(:first-child),
.asColorPicker-wrap>.custom-select:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-file,
.asColorPicker-wrap>.custom-file {
    display: flex;
    align-items: center;
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.asColorPicker-wrap>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label,
.asColorPicker-wrap>.custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group:not(.has-validation)>.form-control:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.form-control:not(:last-child),
.input-group:not(.has-validation)>.asColorPicker-input:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.asColorPicker-input:not(:last-child),
.dataTables_wrapper .input-group:not(.has-validation)>select:not(:last-child),
.dataTables_wrapper .asColorPicker-wrap:not(.has-validation)>select:not(:last-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group:not(.has-validation)>input:not(:last-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap:not(.has-validation)>input:not(:last-child)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group:not(.has-validation)>select:not(:last-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap:not(.has-validation)>select:not(:last-child),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group:not(.has-validation)>input:not(:last-child)[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap:not(.has-validation)>input:not(:last-child)[type=number],
.select2-container--default .input-group:not(.has-validation)>.select2-selection--single:not(:last-child),
.select2-container--default .asColorPicker-wrap:not(.has-validation)>.select2-selection--single:not(:last-child),
.select2-container--default .select2-selection--single .input-group:not(.has-validation)>.select2-search__field:not(:last-child),
.select2-container--default .select2-selection--single .asColorPicker-wrap:not(.has-validation)>.select2-search__field:not(:last-child),
.input-group:not(.has-validation)>.typeahead:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.typeahead:not(:last-child),
.input-group:not(.has-validation)>.tt-query:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.tt-query:not(:last-child),
.input-group:not(.has-validation)>.tt-hint:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.tt-hint:not(:last-child),
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.asColorPicker-wrap:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.asColorPicker-wrap:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group.has-validation>.form-control:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.form-control:nth-last-child(n+3),
.input-group.has-validation>.asColorPicker-input:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.asColorPicker-input:nth-last-child(n+3),
.dataTables_wrapper .input-group.has-validation>select:nth-last-child(n+3),
.dataTables_wrapper .has-validation.asColorPicker-wrap>select:nth-last-child(n+3),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group.has-validation>input:nth-last-child(n+3)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .has-validation.asColorPicker-wrap>input:nth-last-child(n+3)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group.has-validation>select:nth-last-child(n+3),
.jsgrid .jsgrid-table .jsgrid-filter-row .has-validation.asColorPicker-wrap>select:nth-last-child(n+3),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group.has-validation>input:nth-last-child(n+3)[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .has-validation.asColorPicker-wrap>input:nth-last-child(n+3)[type=number],
.select2-container--default .input-group.has-validation>.select2-selection--single:nth-last-child(n+3),
.select2-container--default .has-validation.asColorPicker-wrap>.select2-selection--single:nth-last-child(n+3),
.select2-container--default .select2-selection--single .input-group.has-validation>.select2-search__field:nth-last-child(n+3),
.select2-container--default .select2-selection--single .has-validation.asColorPicker-wrap>.select2-search__field:nth-last-child(n+3),
.input-group.has-validation>.typeahead:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.typeahead:nth-last-child(n+3),
.input-group.has-validation>.tt-query:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.tt-query:nth-last-child(n+3),
.input-group.has-validation>.tt-hint:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.tt-hint:nth-last-child(n+3),
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.has-validation.asColorPicker-wrap>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.has-validation.asColorPicker-wrap>.custom-file:nth-last-child(n+3) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
    display: flex;
}
.input-group-prepend .btn,
.input-group-prepend .fc button,
.fc .input-group-prepend button,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled,
.input-group-prepend .wizard>.actions a,
.wizard>.actions .input-group-prepend a,
.input-group-append .btn,
.input-group-append .fc button,
.fc .input-group-append button,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled,
.input-group-append .wizard>.actions a,
.wizard>.actions .input-group-append a {
    position: relative;
    z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-prepend .fc button:focus,
.fc .input-group-prepend button:focus,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload:focus,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload:focus,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled:focus,
.input-group-prepend .wizard>.actions a:focus,
.wizard>.actions .input-group-prepend a:focus,
.input-group-append .btn:focus,
.input-group-append .fc button:focus,
.fc .input-group-append button:focus,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload:focus,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload:focus,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled:focus,
.input-group-append .wizard>.actions a:focus,
.wizard>.actions .input-group-append a:focus {
    z-index: 3;
}
.input-group-prepend .btn+.btn,
.input-group-prepend .fc button+.btn,
.fc .input-group-prepend button+.btn,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.btn,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.btn,
.input-group-prepend .wizard>.actions a+.btn,
.wizard>.actions .input-group-prepend a+.btn,
.input-group-prepend .fc .btn+button,
.fc .input-group-prepend .btn+button,
.input-group-prepend .fc button+button,
.fc .input-group-prepend button+button,
.input-group-prepend .ajax-upload-dragdrop .fc .ajax-file-upload+button,
.fc .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .input-group-prepend .fc .ajax-file-upload+button,
.fc .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+button,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .fc .swal2-styled+button,
.fc .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .fc .swal2-styled+button,
.fc .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+button,
.input-group-prepend .wizard>.actions .fc a+button,
.fc .input-group-prepend .wizard>.actions a+button,
.wizard>.actions .input-group-prepend .fc a+button,
.fc .wizard>.actions .input-group-prepend a+button,
.input-group-prepend .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .btn+.ajax-file-upload,
.input-group-prepend .fc .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .fc button+.ajax-file-upload,
.fc .input-group-prepend .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .input-group-prepend button+.ajax-file-upload,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.ajax-file-upload,
.input-group-prepend .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .input-group-prepend .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .input-group-prepend a+.ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .btn+.swal2-styled,
.input-group-prepend .fc .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .fc button+.swal2-styled,
.fc .input-group-prepend .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .input-group-prepend button+.swal2-styled,
.input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.swal2-styled,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.swal2-styled,
.input-group-prepend .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard>.actions a+.swal2-styled,
.wizard>.actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .input-group-prepend a+.swal2-styled,
.input-group-prepend .wizard>.actions .btn+a,
.wizard>.actions .input-group-prepend .btn+a,
.input-group-prepend .fc .wizard>.actions button+a,
.wizard>.actions .input-group-prepend .fc button+a,
.fc .input-group-prepend .wizard>.actions button+a,
.wizard>.actions .fc .input-group-prepend button+a,
.input-group-prepend .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .input-group-prepend .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+a,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+a,
.input-group-prepend .wizard>.actions a+a,
.wizard>.actions .input-group-prepend a+a,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .fc button+.input-group-text,
.fc .input-group-prepend button+.input-group-text,
.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.input-group-text,
.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.input-group-text,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.input-group-text,
.input-group-prepend .wizard>.actions a+.input-group-text,
.wizard>.actions .input-group-prepend a+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .fc .input-group-text+button,
.fc .input-group-prepend .input-group-text+button,
.input-group-prepend .ajax-upload-dragdrop .input-group-text+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-prepend .input-group-text+.ajax-file-upload,
.input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text+.swal2-styled,
.input-group-prepend .wizard>.actions .input-group-text+a,
.wizard>.actions .input-group-prepend .input-group-text+a,
.input-group-append .btn+.btn,
.input-group-append .fc button+.btn,
.fc .input-group-append button+.btn,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.btn,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.btn,
.input-group-append .wizard>.actions a+.btn,
.wizard>.actions .input-group-append a+.btn,
.input-group-append .fc .btn+button,
.fc .input-group-append .btn+button,
.input-group-append .fc button+button,
.fc .input-group-append button+button,
.input-group-append .ajax-upload-dragdrop .fc .ajax-file-upload+button,
.fc .input-group-append .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .input-group-append .fc .ajax-file-upload+button,
.fc .ajax-upload-dragdrop .input-group-append .ajax-file-upload+button,
.input-group-append .swal2-modal .swal2-buttonswrapper .fc .swal2-styled+button,
.fc .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .input-group-append .fc .swal2-styled+button,
.fc .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+button,
.input-group-append .wizard>.actions .fc a+button,
.fc .input-group-append .wizard>.actions a+button,
.wizard>.actions .input-group-append .fc a+button,
.fc .wizard>.actions .input-group-append a+button,
.input-group-append .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .btn+.ajax-file-upload,
.input-group-append .fc .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .fc button+.ajax-file-upload,
.fc .input-group-append .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .input-group-append button+.ajax-file-upload,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.ajax-file-upload,
.input-group-append .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .input-group-append .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .input-group-append a+.ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .btn+.swal2-styled,
.input-group-append .fc .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .fc button+.swal2-styled,
.fc .input-group-append .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .input-group-append button+.swal2-styled,
.input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload+.swal2-styled,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.swal2-styled,
.input-group-append .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .wizard>.actions a+.swal2-styled,
.wizard>.actions .input-group-append .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .input-group-append a+.swal2-styled,
.input-group-append .wizard>.actions .btn+a,
.wizard>.actions .input-group-append .btn+a,
.input-group-append .fc .wizard>.actions button+a,
.wizard>.actions .input-group-append .fc button+a,
.fc .input-group-append .wizard>.actions button+a,
.wizard>.actions .fc .input-group-append button+a,
.input-group-append .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .input-group-append .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload+a,
.input-group-append .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .input-group-append .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+a,
.input-group-append .wizard>.actions a+a,
.wizard>.actions .input-group-append a+a,
.input-group-append .btn+.input-group-text,
.input-group-append .fc button+.input-group-text,
.fc .input-group-append button+.input-group-text,
.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.input-group-text,
.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.input-group-text,
.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.input-group-text,
.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.input-group-text,
.input-group-append .wizard>.actions a+.input-group-text,
.wizard>.actions .input-group-append a+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .fc .input-group-text+button,
.fc .input-group-append .input-group-text+button,
.input-group-append .ajax-upload-dragdrop .input-group-text+.ajax-file-upload,
.ajax-upload-dragdrop .input-group-append .input-group-text+.ajax-file-upload,
.input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text+.swal2-styled,
.input-group-append .wizard>.actions .input-group-text+a,
.wizard>.actions .input-group-append .input-group-text+a {
    margin-right: -1px;
}
.input-group-prepend {
    margin-left: -1px;
}
.input-group-append {
    margin-right: -1px;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.94rem 1.375rem;
    margin-bottom: 0;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 2px;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0;
}
.input-group-lg>.form-control:not(textarea),
.input-group-lg>.asColorPicker-input:not(textarea),
.dataTables_wrapper .input-group-lg>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input:not(textarea)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input:not(textarea)[type=number],
.select2-container--default .input-group-lg>.select2-selection--single:not(textarea),
.select2-container--default .select2-selection--single .input-group-lg>.select2-search__field:not(textarea),
.input-group-lg>.typeahead:not(textarea),
.input-group-lg>.tt-query:not(textarea),
.input-group-lg>.tt-hint:not(textarea),
.input-group-lg>.custom-select {
    height: 3.175rem;
}
.input-group-lg>.form-control,
.input-group-lg>.asColorPicker-input,
.dataTables_wrapper .input-group-lg>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type=number],
.select2-container--default .input-group-lg>.select2-selection--single,
.select2-container--default .select2-selection--single .input-group-lg>.select2-search__field,
.input-group-lg>.typeahead,
.input-group-lg>.tt-query,
.input-group-lg>.tt-hint,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.fc .input-group-lg>.input-group-prepend>button,
.ajax-upload-dragdrop .input-group-lg>.input-group-prepend>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-lg>.input-group-prepend>.swal2-styled,
.wizard>.actions .input-group-lg>.input-group-prepend>a,
.input-group-lg>.input-group-append>.btn,
.fc .input-group-lg>.input-group-append>button,
.ajax-upload-dragdrop .input-group-lg>.input-group-append>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-lg>.input-group-append>.swal2-styled,
.wizard>.actions .input-group-lg>.input-group-append>a {
    padding: 0.94rem 1.94rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.input-group-sm>.form-control:not(textarea),
.input-group-sm>.asColorPicker-input:not(textarea),
.dataTables_wrapper .input-group-sm>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input:not(textarea)[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select:not(textarea),
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input:not(textarea)[type=number],
.select2-container--default .input-group-sm>.select2-selection--single:not(textarea),
.select2-container--default .select2-selection--single .input-group-sm>.select2-search__field:not(textarea),
.input-group-sm>.typeahead:not(textarea),
.input-group-sm>.tt-query:not(textarea),
.input-group-sm>.tt-hint:not(textarea),
.input-group-sm>.custom-select {
    height: 2.575rem;
}
.input-group-sm>.form-control,
.input-group-sm>.asColorPicker-input,
.dataTables_wrapper .input-group-sm>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select,
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type=number],
.select2-container--default .input-group-sm>.select2-selection--single,
.select2-container--default .select2-selection--single .input-group-sm>.select2-search__field,
.input-group-sm>.typeahead,
.input-group-sm>.tt-query,
.input-group-sm>.tt-hint,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.fc .input-group-sm>.input-group-prepend>button,
.ajax-upload-dragdrop .input-group-sm>.input-group-prepend>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-sm>.input-group-prepend>.swal2-styled,
.wizard>.actions .input-group-sm>.input-group-prepend>a,
.input-group-sm>.input-group-append>.btn,
.fc .input-group-sm>.input-group-append>button,
.ajax-upload-dragdrop .input-group-sm>.input-group-append>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-sm>.input-group-append>.swal2-styled,
.wizard>.actions .input-group-sm>.input-group-append>a {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-left: 1.75rem;
}
.input-group>.input-group-prepend>.btn,
.asColorPicker-wrap>.input-group-prepend>.btn,
.fc .input-group>.input-group-prepend>button,
.fc .asColorPicker-wrap>.input-group-prepend>button,
.ajax-upload-dragdrop .input-group>.input-group-prepend>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend>.swal2-styled,
.wizard>.actions .input-group>.input-group-prepend>a,
.wizard>.actions .asColorPicker-wrap>.input-group-prepend>a,
.input-group>.input-group-prepend>.input-group-text,
.asColorPicker-wrap>.input-group-prepend>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.fc .input-group:not(.has-validation)>.input-group-append:not(:last-child)>button,
.fc .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>button,
.ajax-upload-dragdrop .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.swal2-styled,
.wizard>.actions .input-group:not(.has-validation)>.input-group-append:not(:last-child)>a,
.wizard>.actions .asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>a,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.asColorPicker-wrap:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.btn,
.fc .input-group.has-validation>.input-group-append:nth-last-child(n+3)>button,
.fc .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>button,
.ajax-upload-dragdrop .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.ajax-file-upload,
.ajax-upload-dragdrop .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.swal2-styled,
.wizard>.actions .input-group.has-validation>.input-group-append:nth-last-child(n+3)>a,
.wizard>.actions .has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>a,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.has-validation.asColorPicker-wrap>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.asColorPicker-wrap>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.fc .input-group>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle),
.fc .asColorPicker-wrap>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .input-group>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .input-group>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle),
.wizard>.actions .asColorPicker-wrap>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.asColorPicker-wrap>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.input-group-append>.btn,
.asColorPicker-wrap>.input-group-append>.btn,
.fc .input-group>.input-group-append>button,
.fc .asColorPicker-wrap>.input-group-append>button,
.ajax-upload-dragdrop .input-group>.input-group-append>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-append>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-append>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-append>.swal2-styled,
.wizard>.actions .input-group>.input-group-append>a,
.wizard>.actions .asColorPicker-wrap>.input-group-append>a,
.input-group>.input-group-append>.input-group-text,
.asColorPicker-wrap>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.btn,
.fc .input-group>.input-group-prepend:not(:first-child)>button,
.fc .asColorPicker-wrap>.input-group-prepend:not(:first-child)>button,
.ajax-upload-dragdrop .input-group>.input-group-prepend:not(:first-child)>.ajax-file-upload,
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend:not(:first-child)>.swal2-styled,
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.swal2-styled,
.wizard>.actions .input-group>.input-group-prepend:not(:first-child)>a,
.wizard>.actions .asColorPicker-wrap>.input-group-prepend:not(:first-child)>a,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.asColorPicker-wrap>.input-group-prepend:first-child>.btn:not(:first-child),
.fc .input-group>.input-group-prepend:first-child>button:not(:first-child),
.fc .asColorPicker-wrap>.input-group-prepend:first-child>button:not(:first-child),
.ajax-upload-dragdrop .input-group>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child),
.ajax-upload-dragdrop .asColorPicker-wrap>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child),
.swal2-modal .swal2-buttonswrapper .input-group>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
.swal2-modal .swal2-buttonswrapper .asColorPicker-wrap>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
.wizard>.actions .input-group>.input-group-prepend:first-child>a:not(:first-child),
.wizard>.actions .asColorPicker-wrap>.input-group-prepend:first-child>a:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.asColorPicker-wrap>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.custom-control-inline {
    display: inline-flex;
    margin-left: 1rem;
}
.custom-control-input {
    position: absolute;
    right: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}
.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
    color: #6c757d;
}
.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
    padding-right: 2.25rem;
}
.custom-switch .custom-control-label::before {
    right: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    right: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(-0.75rem);
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") left 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #ffffff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-left: 0.75rem;
    background-image: none;
}
.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}
.custom-select::-ms-expand {
    display: none;
}
.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
}
.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    font-size: 1.25rem;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}
.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef;
}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}
.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}
.custom-file-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-right: inherit;
    border-radius: 0.25rem 0 0 0.25rem;
}
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-range:focus {
    outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
    border: 0;
}
.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}
.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}
.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}
.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}
.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
    margin-left: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
    cursor: default;
}
.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #ebedf2;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #ebedf2 #ebedf2 #ebedf2;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #343a40;
    background-color: #ffffff;
    border-color: #ebedf2 #ebedf2 #ffffff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.nav-pills .nav-link {
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50% / 100% 100% no-repeat;
}
.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}
@media (max-width: 575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (max-width: 767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-left: 0;
    padding-right: 0;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
    color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.3125rem;
}
.card>hr {
    margin-left: 0;
    margin-right: 0;
}
.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card>.list-group:first-child {
    border-top-width: 0;
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: 0.75rem;
}
.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link+.card-link {
    margin-right: 1.25rem;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
    margin-left: -0.625rem;
    margin-bottom: -0.75rem;
    margin-right: -0.625rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}
.card-img,
.card-img-top {
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-left: 15px;
        margin-bottom: 0;
        margin-right: 15px;
    }
}
.card-group>.card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group>.card+.card {
        margin-right: 0;
        border-right: 0;
    }

    .card-group>.card:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-left-radius: 0;
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-left-radius: 0;
    }

    .card-group>.card:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-right-radius: 0;
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-right-radius: 0;
    }
}
.card-columns .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.accordion {
    overflow-anchor: none;
}
.accordion>.card {
    overflow: hidden;
}
.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.accordion>.card:not(:first-of-type) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.56rem 1.13rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}
.breadcrumb-item+.breadcrumb-item {
    padding-right: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #495057;
}
.pagination,
.jsgrid .jsgrid-pager {
    display: flex;
    padding-right: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-right: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.page-item:last-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.page-item.disabled .page-link,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link,
.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a,
.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a,
.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.pagination-lg .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link,
.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a,
.pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link,
.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a,
.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a,
.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.pagination-sm .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link,
.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a,
.pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link,
.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a,
.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a,
.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}
.badge:empty {
    display: none;
}
.btn .badge,
.fc button .badge,
.ajax-upload-dragdrop .ajax-file-upload .badge,
.swal2-modal .swal2-buttonswrapper .swal2-styled .badge,
.wizard>.actions a .badge {
    position: relative;
    top: -1px;
}
.badge-pill {
    padding-left: 0.6em;
    padding-right: 0.6em;
    border-radius: 10rem;
}
.badge-primary {
    color: #fff;
    background-color: var(--theme-color);
}
a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #9d3aff;
}
a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(182, 109, 255, 0.5);
}
.badge-secondary {
    color: #212529;
    background-color: #c3bdbd;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #212529;
    background-color: #aba2a2;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(195, 189, 189, 0.5);
}
.badge-success,
.preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #212529;
    background-color: #1bcfb4;
}
a.badge-success:hover,
.preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover,
a.badge-success:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus {
    color: #212529;
    background-color: #15a28d;
}
a.badge-success:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus,
a.badge-success.focus,
.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(27, 207, 180, 0.5);
}
.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    color: #fff;
    background-color: #198ae3;
}
a.badge-info:hover,
.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover,
a.badge-info:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus {
    color: #fff;
    background-color: #146eb5;
}
a.badge-info:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus,
a.badge-info.focus,
.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(25, 138, 227, 0.5);
}
.badge-warning,
.preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    color: #212529;
    background-color: #fed713;
}
a.badge-warning:hover,
.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover,
a.badge-warning:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus {
    color: #212529;
    background-color: #ddb901;
}
a.badge-warning:focus,
.preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus,
a.badge-warning.focus,
.preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 215, 19, 0.5);
}
.badge-danger {
    color: #212529;
    background-color: #fe7c96;
}
a.badge-danger:hover,
a.badge-danger:focus {
    color: #212529;
    background-color: #fe496d;
}
a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 124, 150, 0.5);
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}
a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}
a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
    color: #fff;
    background-color: #3e4b5b;
}
a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #29323d;
}
a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(62, 75, 91, 0.5);
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}
.jumbotron-fluid {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-left: 4rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit;
}
.alert-primary {
    color: #5f3985;
    background-color: #f0e2ff;
    border-color: #ebd6ff;
}
.alert-primary hr {
    border-top-color: #dfbdff;
}
.alert-primary .alert-link {
    color: #462a61;
}
.alert-secondary {
    color: #656262;
    background-color: #f3f2f2;
    border-color: #eeeded;
}
.alert-secondary hr {
    border-top-color: #e2e0e0;
}
.alert-secondary .alert-link {
    color: #4b4949;
}
.alert-success {
    color: #0e6c5e;
    background-color: #d1f5f0;
    border-color: #bff2ea;
}
.alert-success hr {
    border-top-color: #aaeee3;
}
.alert-success .alert-link {
    color: #083f37;
}
.alert-info {
    color: #0d4876;
    background-color: #d1e8f9;
    border-color: #bfdef7;
}
.alert-info hr {
    border-top-color: #a8d2f4;
}
.alert-info .alert-link {
    color: #082c48;
}
.alert-warning {
    color: #84700a;
    background-color: #fff7d0;
    border-color: #fff4bd;
}
.alert-warning hr {
    border-top-color: #fff0a4;
}
.alert-warning .alert-link {
    color: #554806;
}
.alert-danger {
    color: #84404e;
    background-color: #ffe5ea;
    border-color: #ffdae2;
}
.alert-danger hr {
    border-top-color: #ffc1ce;
}
.alert-danger .alert-link {
    color: #622f3a;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-light hr {
    border-top-color: #ececf6;
}
.alert-light .alert-link {
    color: #686868;
}
.alert-dark {
    color: #20272f;
    background-color: #d8dbde;
    border-color: #c9cdd1;
}
.alert-dark hr {
    border-top-color: #bbc0c5;
}
.alert-dark .alert-link {
    color: #0b0e11;
}
@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}
.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}
.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.list-group-item+.list-group-item {
    border-top-width: 0;
}
.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal>.list-group-item:first-child {
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
}
.list-group-horizontal>.list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
}
.list-group-horizontal>.list-group-item.active {
    margin-top: 0;
}
.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 0;
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-left-radius: 0.25rem;
        border-bottom-right-radius: 0;
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-right-width: 0;
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-right: -1px;
        border-right-width: 1px;
    }
}
.list-group-flush {
    border-radius: 0;
}
.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}
.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}
.list-group-item-primary {
    color: #5f3985;
    background-color: #ebd6ff;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #5f3985;
    background-color: #dfbdff;
}
.list-group-item-primary.list-group-item-action.active {
    color: #ffffff;
    background-color: #5f3985;
    border-color: #5f3985;
}
.list-group-item-secondary {
    color: #656262;
    background-color: #eeeded;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #656262;
    background-color: #e2e0e0;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #ffffff;
    background-color: #656262;
    border-color: #656262;
}
.list-group-item-success {
    color: #0e6c5e;
    background-color: #bff2ea;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0e6c5e;
    background-color: #aaeee3;
}
.list-group-item-success.list-group-item-action.active {
    color: #ffffff;
    background-color: #0e6c5e;
    border-color: #0e6c5e;
}
.list-group-item-info {
    color: #0d4876;
    background-color: #bfdef7;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0d4876;
    background-color: #a8d2f4;
}
.list-group-item-info.list-group-item-action.active {
    color: #ffffff;
    background-color: #0d4876;
    border-color: #0d4876;
}
.list-group-item-warning {
    color: #84700a;
    background-color: #fff4bd;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #84700a;
    background-color: #fff0a4;
}
.list-group-item-warning.list-group-item-action.active {
    color: #ffffff;
    background-color: #84700a;
    border-color: #84700a;
}
.list-group-item-danger {
    color: #84404e;
    background-color: #ffdae2;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #84404e;
    background-color: #ffc1ce;
}
.list-group-item-danger.list-group-item-action.active {
    color: #ffffff;
    background-color: #84404e;
    border-color: #84404e;
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
    color: #ffffff;
    background-color: #818182;
    border-color: #818182;
}
.list-group-item-dark {
    color: #20272f;
    background-color: #c9cdd1;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #20272f;
    background-color: #bbc0c5;
}
.list-group-item-dark.list-group-item-action.active {
    color: #ffffff;
    background-color: #20272f;
    border-color: #20272f;
}
.close {
    float: left;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.close:hover {
    color: #000;
    text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
a.close.disabled {
    pointer-events: none;
}
.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}
.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}
.toast.showing {
    opacity: 1;
}
.toast.show {
    display: block;
    opacity: 1;
}
.toast.hide {
    display: none;
}
.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}
.toast-body {
    padding: 0.75rem;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.4s ease;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 20px);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 20px);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 20px);
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 20px);
    height: -moz-min-content;
    height: min-content;
    content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #f2edf3;
    background-clip: padding-box;
    border: 1px solid #ebedf2;
    border-radius: 0.3rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #ebedf2;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -25px auto -25px -26px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0.937rem;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.687rem;
    border-top: 1px solid #ebedf2;
    border-bottom-left-radius: calc(0.3rem - 1px);
    border-bottom-right-radius: calc(0.3rem - 1px);
}
.modal-footer>* {
    margin: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 60px);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 60px);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 60px);
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 60px);
        height: -moz-min-content;
        height: min-content;
    }

    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 90%;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.75rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.4rem 0.75rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.375rem;
}
.popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}
.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^="top"]>.arrow {
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^="top"]>.arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^="top"]>.arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}
.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^="left"]>.arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^="left"]>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^="left"]>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}
.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^="bottom"]>.arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: 1rem;
    margin-right: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}
.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^="right"]>.arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^="right"]>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^="right"]>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}
.carousel {
    position: relative;
}
.carousel.pointer-event {
    touch-action: pan-y;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}
.carousel-item {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    margin-left: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    transform: translateX(-100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    transform: translateX(100%);
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-prev {
    right: 0;
}
.carousel-control-next {
    left: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50% / 100% 100% no-repeat;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-right: 0;
    margin-left: 15%;
    margin-right: 15%;
    list-style: none;
}
.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}
.carousel-indicators .active {
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 20px;
    right: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-left-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
@media (prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.bg-primary,
.settings-panel .color-tiles .tiles.primary {
    background-color: var(--theme-color) !important;
}
a.bg-primary:hover,
.settings-panel .color-tiles a.tiles.primary:hover,
a.bg-primary:focus,
.settings-panel .color-tiles a.tiles.primary:focus,
button.bg-primary:hover,
.settings-panel .color-tiles button.tiles.primary:hover,
button.bg-primary:focus,
.settings-panel .color-tiles button.tiles.primary:focus {
    background-color: #9d3aff !important;
}
.bg-secondary {
    background-color: #c3bdbd !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #aba2a2 !important;
}
.bg-success,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.settings-panel .color-tiles .tiles.success {
    background-color: #1bcfb4 !important;
}
a.bg-success:hover,
.swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm:hover,
.settings-panel .color-tiles a.tiles.success:hover,
a.bg-success:focus,
.swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm:focus,
.settings-panel .color-tiles a.tiles.success:focus,
button.bg-success:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm:hover,
.settings-panel .color-tiles button.tiles.success:hover,
button.bg-success:focus,
.swal2-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm:focus,
.settings-panel .color-tiles button.tiles.success:focus {
    background-color: #15a28d !important;
}
.bg-info,
.settings-panel .color-tiles .tiles.info {
    background-color: #198ae3 !important;
}
a.bg-info:hover,
.settings-panel .color-tiles a.tiles.info:hover,
a.bg-info:focus,
.settings-panel .color-tiles a.tiles.info:focus,
button.bg-info:hover,
.settings-panel .color-tiles button.tiles.info:hover,
button.bg-info:focus,
.settings-panel .color-tiles button.tiles.info:focus {
    background-color: #146eb5 !important;
}
.bg-warning,
.settings-panel .color-tiles .tiles.warning {
    background-color: #fed713 !important;
}
a.bg-warning:hover,
.settings-panel .color-tiles a.tiles.warning:hover,
a.bg-warning:focus,
.settings-panel .color-tiles a.tiles.warning:focus,
button.bg-warning:hover,
.settings-panel .color-tiles button.tiles.warning:hover,
button.bg-warning:focus,
.settings-panel .color-tiles button.tiles.warning:focus {
    background-color: #ddb901 !important;
}
.bg-danger,
.settings-panel .color-tiles .tiles.danger {
    background-color: #fe7c96 !important;
}
a.bg-danger:hover,
.settings-panel .color-tiles a.tiles.danger:hover,
a.bg-danger:focus,
.settings-panel .color-tiles a.tiles.danger:focus,
button.bg-danger:hover,
.settings-panel .color-tiles button.tiles.danger:hover,
button.bg-danger:focus,
.settings-panel .color-tiles button.tiles.danger:focus {
    background-color: #fe496d !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}
.bg-dark,
.settings-panel .color-tiles .tiles.dark {
    background-color: #3e4b5b !important;
}
a.bg-dark:hover,
.settings-panel .color-tiles a.tiles.dark:hover,
a.bg-dark:focus,
.settings-panel .color-tiles a.tiles.dark:focus,
button.bg-dark:hover,
.settings-panel .color-tiles button.tiles.dark:hover,
button.bg-dark:focus,
.settings-panel .color-tiles button.tiles.dark:focus {
    background-color: #29323d !important;
}
.bg-white {
    background-color: #ffffff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.border,
.loader-demo-box {
    border: 1px solid #ebedf2 !important;
}
.border-top {
    border-top: 1px solid #ebedf2 !important;
}
.border-right {
    border-left: 1px solid #ebedf2 !important;
}
.border-bottom {
    border-bottom: 1px solid #ebedf2 !important;
}
.border-left {
    border-right: 1px solid #ebedf2 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-left: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-right: 0 !important;
}
.border-primary {
    border-color: var(--theme-color) !important;
}
.border-secondary,
.loader-demo-box {
    border-color: #c3bdbd !important;
}
.border-success,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
    border-color: #1bcfb4 !important;
}
.border-info {
    border-color: #198ae3 !important;
}
.border-warning {
    border-color: #fed713 !important;
}
.border-danger {
    border-color: #fe7c96 !important;
}
.border-light {
    border-color: #f8f9fa !important;
}
.border-dark {
    border-color: #3e4b5b !important;
}
.border-white {
    border-color: #ffffff !important;
}
.rounded-sm {
    border-radius: 0.2rem !important;
}
.rounded,
.loader-demo-box {
    border-radius: 0.25rem !important;
}
.rounded-top {
    border-top-right-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}
.rounded-right {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-left {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-lg {
    border-radius: 0.3rem !important;
}
.rounded-circle,
.settings-panel .color-tiles .tiles {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex,
.page-header,
.loader-demo-box,
.list-wrapper ul li,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user,
.email-wrapper .mail-list-container .mail-list .details,
.email-wrapper .message-body .attachments-sections ul li .thumb,
.email-wrapper .message-body .attachments-sections ul li .details .buttons,
.lightGallery .image-tile .demo-gallery-poster,
.swal2-modal,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link {
    display: flex !important;
}
.d-inline-flex,
.email-wrapper .message-body .attachments-sections ul li {
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.flex-row,
.email-wrapper .message-body .attachments-sections ul li {
    flex-direction: row !important;
}
.flex-column,
.nav-tabs.nav-tabs-vertical,
.nav-tabs.nav-tabs-vertical-custom,
.nav-pills.nav-pills-vertical,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.justify-content-start,
.list-wrapper ul li {
    justify-content: flex-start !important;
}
.justify-content-end,
.email-wrapper .mail-list-container .mail-list .details {
    justify-content: flex-end !important;
}
.justify-content-center,
.email-wrapper .message-body .attachments-sections ul li .thumb {
    justify-content: center !important;
}
.justify-content-between,
.page-header {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center,
.page-header,
.loader-demo-box,
.list-wrapper ul li,
.email-wrapper .message-body .attachments-sections ul li .thumb,
.email-wrapper .message-body .attachments-sections ul li .details .buttons,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch,
.email-wrapper .message-body .attachments-sections ul li {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}
.float-left {
    float: right !important;
}
.float-right {
    float: left !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 576px) {
    .float-sm-left {
        float: right !important;
    }

    .float-sm-right {
        float: left !important;
    }

    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-md-left {
        float: right !important;
    }

    .float-md-right {
        float: left !important;
    }

    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 992px) {
    .float-lg-left {
        float: right !important;
    }

    .float-lg-right {
        float: left !important;
    }

    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .float-xl-left {
        float: right !important;
    }

    .float-xl-right {
        float: left !important;
    }

    .float-xl-none {
        float: none !important;
    }
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: sticky !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1030;
}
@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}
.vh-100 {
    height: 100vh !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.demo-modal .modal-dialog,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.rtl .settings-panel .sidebar-bg-options .rounded-circle,
.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.rtl .settings-panel .events i,
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i,
.mx-0 {
    margin-left: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.rtl .preview-list .preview-item .preview-thumbnail .preview-icon i,
.rtl .list-wrapper .remove,
.rtl .navbar .navbar-menu-wrapper .search-field,
.mx-0 {
    margin-right: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.template-demo>.btn-group,
.fc .template-demo>.fc-button-group,
.template-demo>.btn-group-vertical,
.template-demo .circle-progress,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.template-demo>.btn-group,
.fc .template-demo>.fc-button-group,
.template-demo>.btn-group-vertical,
.template-demo>.dropdown,
.mx-2 {
    margin-left: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.btn-toolbar .btn-group+.btn-group,
.btn-toolbar .fc .fc-button-group+.btn-group,
.fc .btn-toolbar .fc-button-group+.btn-group,
.btn-toolbar .fc .btn-group+.fc-button-group,
.fc .btn-toolbar .btn-group+.fc-button-group,
.btn-toolbar .fc .fc-button-group+.fc-button-group,
.fc .btn-toolbar .fc-button-group+.fc-button-group,
.rtl .settings-panel .events i,
.mx-2 {
    margin-right: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.template-demo>.btn,
.fc .template-demo>button,
.ajax-upload-dragdrop .template-demo>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
.wizard>.actions .template-demo>a,
.template-demo>.btn-toolbar,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.template-demo>.btn,
.fc .template-demo>button,
.ajax-upload-dragdrop .template-demo>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
.wizard>.actions .template-demo>a,
.template-demo>.btn-toolbar,
.mx-3 {
    margin-left: 1rem !important;
}
.mb-3,
.template-demo .circle-progress-block,
.lock-screen .card .card-body img,
.lock-screen .card .card-body p,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.rtl .settings-panel .sidebar-bg-options .rounded-circle,
.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.mx-3 {
    margin-right: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.mr-4,
.rtl .navbar .navbar-menu-wrapper .search-field,
.mx-4 {
    margin-left: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-left: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-right: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.card-revenue-table .revenue-item:first-child,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-left: 0 !important;
}
.pb-0,
.card-revenue-table .revenue-item:last-child,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-right: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2,
.template-demo .circle-progress-block {
    padding-left: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2,
.template-demo .circle-progress-block {
    padding-right: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3,
.card-revenue-table .revenue-item {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-left: 1rem !important;
}
.pb-3,
.py-3,
.card-revenue-table .revenue-item {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-right: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-left: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-right: 3rem !important;
}
.m-n1 {
    margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}
.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}
.m-n2 {
    margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}
.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}
.m-n3 {
    margin: -1rem !important;
}
.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
    margin-left: -1rem !important;
}
.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
    margin-right: -1rem !important;
}
.m-n4 {
    margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}
.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}
.m-n5 {
    margin: -3rem !important;
}
.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
    margin-left: -3rem !important;
}
.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
    margin-right: -3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.rtl .list-wrapper .remove,
.mx-auto {
    margin-left: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.list-wrapper .remove,
.mx-auto {
    margin-right: auto !important;
}
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
}
.stretched-link::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
    text-align: justify !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: right !important;
}
.text-right {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: right !important;
    }

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

    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: right !important;
    }

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

    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .text-lg-left {
        text-align: right !important;
    }

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

    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .text-xl-left {
        text-align: right !important;
    }

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

    .text-xl-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-lighter {
    font-weight: lighter !important;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-bolder {
    font-weight: bolder !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white,
.navbar.navbar-primary .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-secondary .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-success .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-info .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-warning .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-danger .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-light .navbar-menu-wrapper .nav-profile-text p,
.navbar.navbar-dark .navbar-menu-wrapper .nav-profile-text p {
    color: #ffffff !important;
}
.text-primary,
.list-wrapper .completed .remove {
    color: var(--theme-color) !important;
}
a.text-primary:hover,
.list-wrapper .completed a.remove:hover,
a.text-primary:focus,
.list-wrapper .completed a.remove:focus {
    color: #9021ff !important;
}
.text-secondary,
.list-wrapper .remove {
    color: #c3bdbd !important;
}
a.text-secondary:hover,
.list-wrapper a.remove:hover,
a.text-secondary:focus,
.list-wrapper a.remove:focus {
    color: #9f9595 !important;
}
.text-success {
    color: #1bcfb4 !important;
}
a.text-success:hover,
a.text-success:focus {
    color: #128b79 !important;
}
.text-info {
    color: #198ae3 !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #11609e !important;
}
.text-warning {
    color: #fed713 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #c4a301 !important;
}
.text-danger {
    color: #fe7c96 !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #fd3059 !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}
.text-dark {
    color: #3e4b5b !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #1f262e !important;
}
.text-body {
    color: #343a40 !important;
}
.text-muted,
.preview-list .preview-item .preview-item-content p .content-category,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation,
.email-wrapper .mail-list-container .mail-list .content .message_text,
.email-wrapper .mail-list-container .mail-list .details .date {
    color: #9c9fa6 !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table,
    .jsgrid .jsgrid-table {
        border-collapse: collapse !important;
    }

    .table td,
    .jsgrid .jsgrid-table td,
    .table th,
    .jsgrid .jsgrid-table th {
        background-color: #ffffff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #ebedf2;
    }

    .table .thead-dark th,
    .jsgrid .jsgrid-table .thead-dark th {
        color: inherit;
        border-color: #ebedf2;
    }
}
.list-wrapper ul li .form-check,
.list-wrapper ul li .form-check .form-check-label,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation,
.email-wrapper .mail-list-container .mail-list .content .sender-name,
.email-wrapper .message-body .attachments-sections ul li .details p.file-name,
.settings-panel .chat-list .list .info p {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}
@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0, 0px, 0);
    }
}
.dropdownAnimation,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    animation-name: dropdownAnimation;
    animation-duration: 0.25s;
    animation-fill-mode: both;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
.fadeOut {
    animation-name: fadeOut;
}
.infinite-spin {
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint,
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    box-shadow: none;
}
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    outline: 0;
    box-shadow: none;
}
a,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
    text-shadow: none;
}
[type=button]:focus,
a:active,
a:focus,
a:visited,
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
select::-moz-focus-inner {
    outline: 0;
}
input,
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
    outline-style: none;
}
textarea {
    resize: none;
    overflow-x: hidden;
}
.btn,
.fc button,
.ajax-upload-dragdrop .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
.wizard>.actions a,
.btn-group.open .dropdown-toggle,
.fc .open.fc-button-group .dropdown-toggle,
.btn:active,
.fc button:active,
.ajax-upload-dragdrop .ajax-file-upload:active,
.swal2-modal .swal2-buttonswrapper .swal2-styled:active,
.wizard>.actions a:active,
.btn:focus,
.fc button:focus,
.ajax-upload-dragdrop .ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.wizard>.actions a:focus,
.btn:hover,
.fc button:hover,
.ajax-upload-dragdrop .ajax-file-upload:hover,
.swal2-modal .swal2-buttonswrapper .swal2-styled:hover,
.wizard>.actions a:hover,
.btn:visited,
.fc button:visited,
.ajax-upload-dragdrop .ajax-file-upload:visited,
.swal2-modal .swal2-buttonswrapper .swal2-styled:visited,
.wizard>.actions a:visited,
a,
a:active,
a:checked,
a:focus,
a:hover,
a:visited,
body,
button,
button:active,
button:hover,
button:visited,
div,
input,
input:active,
input:focus,
input:hover,
input:visited,
select,
select:active,
select:focus,
select:visited,
textarea,
textarea:active,
textarea:focus,
textarea:hover,
textarea:visited {
    box-shadow: none;
}
.btn.active.focus,
.fc button.active.focus,
.ajax-upload-dragdrop .active.focus.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled,
.wizard>.actions a.active.focus,
.btn.active:focus,
.fc button.active:focus,
.ajax-upload-dragdrop .active.ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus,
.wizard>.actions a.active:focus,
.btn.focus,
.fc button.focus,
.ajax-upload-dragdrop .focus.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .focus.swal2-styled,
.wizard>.actions a.focus,
.btn:active.focus,
.fc button:active.focus,
.ajax-upload-dragdrop .ajax-file-upload:active.focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus,
.wizard>.actions a:active.focus,
.btn:active:focus,
.fc button:active:focus,
.ajax-upload-dragdrop .ajax-file-upload:active:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus,
.wizard>.actions a:active:focus,
.btn:focus,
.fc button:focus,
.ajax-upload-dragdrop .ajax-file-upload:focus,
.swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
.wizard>.actions a:focus,
button,
button:active,
button:checked,
button:focus,
button:hover,
button:visited {
    outline: 0;
    outline-offset: 0;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: 0;
    outline-offset: 0;
}
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:visited {
    outline: 0;
}
a:focus,
input:focus {
    border-color: transparent;
    outline: none;
}
@font-face {
    font-family: 'ubuntu-light';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Light.eot");
    src: url("../fonts/Ubuntu-Light.woff2") format("woff2"), url("../fonts/Ubuntu-Light.woff") format("woff"), url("../onts/Ubuntu-Light.ttf") format("truetype");
}
@font-face {
    font-family: 'ubuntu-regular';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Regular.eot");
    src: url("../fonts/Ubuntu-Regular.woff2") format("woff2"), url("../fonts/Ubuntu-Regular.woff") format("woff"), url("../fonts/Ubuntu-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'ubuntu-medium';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Medium.eot");
    src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu-Medium.woff") format("woff"), url("../fonts/Ubuntu-Medium.ttf") format("truetype");
}
@font-face {
    font-family: 'ubuntu-bold';
    src: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/fonts/Ubuntu/Ubuntu-Bold.eot");
    src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"), url("../fonts/Ubuntu-Bold.woff") format("woff"), url("../fonts/Ubuntu-Bold.ttf") format("truetype");
}
.text-twitter {
    color: #2caae1;
}
.text-facebook {
    color: #3b579d;
}
.text-google {
    color: #dc4a38;
}
.text-linkedin {
    color: #0177b5;
}
.text-pinterest {
    color: #cc2127;
}
.text-youtube {
    color: #e52d27;
}
.text-github {
    color: #333333;
}
.text-behance {
    color: #1769ff;
}
.text-dribbble {
    color: #ea4c89;
}
.text-reddit {
    color: #ff4500;
}
.bg-twitter {
    background: #2caae1;
}
.bg-facebook {
    background: #3b579d;
}
.bg-google {
    background: #dc4a38;
}
.bg-linkedin {
    background: #0177b5;
}
.bg-pinterest {
    background: #cc2127;
}
.bg-youtube {
    background: #e52d27;
}
.bg-github {
    background: #333333;
}
.bg-behance {
    background: #1769ff;
}
.bg-dribbble {
    background: #ea4c89;
}
.bg-reddit {
    background: #ff4500;
}
body {
    font-size: 1rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: initial;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "ubuntu-medium", sans-serif;
}
p {
    font-size: 0.875rem;
}
h1,
.h1 {
    font-size: 2.19rem;
}
h2,
.h2 {
    font-size: 1.88rem;
}
h3,
.h3 {
    font-size: 1.56rem;
}
h4,
.h4 {
    font-size: 1.13rem;
}
h5,
.h5 {
    font-size: 1rem;
}
h6,
.h6 {
    font-size: .9375rem;
}
p {
    font-size: .9375rem;
    line-height: 1.5;
}
.display-1 {
    font-size: 3.75rem;
}
@media (max-width: 991px) {
    .display-1 {
        font-size: 3rem;
    }
}
.display-2 {
    font-size: 3.125rem;
}
@media (max-width: 991px) {
    .display-2 {
        font-size: 2.5rem;
    }
}
.display-3 {
    font-size: 2.5rem;
}
@media (max-width: 991px) {
    .display-3 {
        font-size: 2rem;
    }
}
.display-4 {
    font-size: 1.875rem;
}
@media (max-width: 991px) {
    .display-4 {
        font-size: 1.5rem;
    }
}
.display-5 {
    font-size: 1.25rem;
}
@media (max-width: 991px) {
    .display-5 {
        font-size: 1rem;
    }
}
.blockquote {
    padding: 1.25rem;
    border: 1px solid #ebedf2;
}
address p {
    margin-bottom: 0;
}
.blockquote-primary {
    border-color: var(--theme-color);
}
.blockquote-primary .blockquote-footer {
    color: var(--theme-color);
}
.blockquote-secondary {
    border-color: #c3bdbd;
}
.blockquote-secondary .blockquote-footer {
    color: #c3bdbd;
}
.blockquote-success {
    border-color: #1bcfb4;
}
.blockquote-success .blockquote-footer {
    color: #1bcfb4;
}
.blockquote-info {
    border-color: #198ae3;
}
.blockquote-info .blockquote-footer {
    color: #198ae3;
}
.blockquote-warning {
    border-color: #fed713;
}
.blockquote-warning .blockquote-footer {
    color: #fed713;
}
.blockquote-danger {
    border-color: #fe7c96;
}
.blockquote-danger .blockquote-footer {
    color: #fe7c96;
}
.blockquote-light {
    border-color: #f8f9fa;
}
.blockquote-light .blockquote-footer {
    color: #f8f9fa;
}
.blockquote-dark {
    border-color: #3e4b5b;
}
.blockquote-dark .blockquote-footer {
    color: #3e4b5b;
}
.error-page h1 {
    font-size: 12rem;
}
@media (max-width: 991px) {
    .error-page h1 {
        font-size: 8rem;
    }
}
.icon-lg {
    font-size: 2.5rem;
}
.icon-md {
    font-size: 1.875rem;
}
.icon-sm {
    font-size: 1rem;
}
body,
html {
    overflow-x: hidden;
    padding-left: 0 !important;
}
*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {
    overflow: auto;
}
.container-scroller {
    overflow: hidden;
}
pre {
    background: #e8eff4;
    padding: 15px;
    font-size: 14px;
}
code {
    padding: 5px;
    color: #fe7c96;
    font-family: "ubuntu-light", sans-serif;
    font-size: 0.875rem;
    border-radius: 4px;
}
.page-header {
    margin: 0 0 1.5rem 0;
}
.page-header .breadcrumb {
    border: 0;
    margin-bottom: 0;
}
.page-title {
    color: #343a40;
    font-size: 1.125rem;
    margin-bottom: 0;
}
.page-title .page-title-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
}
.page-title .page-title-icon i {
    font-size: .9375rem;
    line-height: 36px;
}
.pro-banner {
    width: 100%;
    margin-bottom: 1.5rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.pro-banner .pro-banner-bg {
    background: #000;
    width: 100%;
}
.footer {
    background: #f2edf3;
    border-top: 1px solid #e7dee9;
    padding: 30px 1rem;
    transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    font-size: calc(0.875rem - 0.05rem);
    font-family: "ubuntu-regular", sans-serif;
}
.footer a {
    color: #1bcfb4;
    font-size: inherit;
}
@media (max-width: 991px) {
    .footer {
        margin-right: 0;
        width: 100%;
    }
}
.grid-margin {
    margin-bottom: 2.5rem;
}
@media (min-width: 576px) {
    .grid-margin-sm-0 {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .grid-margin-md-0 {
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .grid-margin-lg-0 {
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .grid-margin-xl-0 {
        margin-bottom: 0;
    }
}
.img-lg {
    width: 92px;
    height: 92px;
}
.img-sm {
    width: 43px;
    height: 43px;
}
.img-xs {
    width: 37px;
    height: 37px;
}
.img-ss,
.image-grouped .text-avatar,
.image-grouped img,
.settings-panel .color-tiles .tiles {
    width: 35px;
    height: 35px;
}
.img-es {
    width: 25px;
    height: 25px;
}
.stretch-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}
.stretch-card>.card {
    width: 100%;
    min-width: 100%;
}
@media (min-width: 576px) {
    .border-right-sm {
        border-left: 1px solid #ebedf2;
    }
}
@media (min-width: 768px) {
    .border-right-md {
        border-left: 1px solid #ebedf2;
    }
}
@media (min-width: 992px) {
    .border-right-lg {
        border-left: 1px solid #ebedf2;
    }
}
@media (min-width: 576px) {
    .border-left-sm {
        border-right: 1px solid #ebedf2;
    }
}
@media (min-width: 768px) {
    .border-left-md {
        border-right: 1px solid #ebedf2;
    }
}
@media (min-width: 992px) {
    .border-left-lg {
        border-right: 1px solid #ebedf2;
    }
}
.text-gray,
.card .card-subtitle {
    color: #8c8c8c;
}
.text-black {
    color: #000;
}
.text-small {
    font-size: 12px;
}
.text-medium {
    font-size: 14px;
}
.flex-grow {
    flex-grow: 1;
}
.font-weight-light {
    font-family: "ubuntu-light", sans-serif;
}
.font-weight-bold {
    font-family: "ubuntu-bold", sans-serif;
}
.font-weight-normal {
    font-family: "ubuntu-regular", sans-serif;
}
.font-weight-medium {
    font-weight: 500;
}
.font-weight-semi-bold {
    font-weight: 600;
}
.grid-margin-sm {
    margin-bottom: 1.25rem;
}
.image-grouped {
    display: flex;
}
.image-grouped .text-avatar,
.image-grouped img {
    border-radius: 100%;
    margin-right: -10px;
    z-index: 0;
    border: 4px solid #fff;
    transform: scale(1);
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-property: "box-shadow", "z-index", "transform", "border-width", "box-shadow", "transform";
    transition-property: "box-shadow", "z-index", "transform", "border-width";
}
.image-grouped .text-avatar:first-child,
.image-grouped img:first-child {
    margin-right: 0;
}
.image-grouped .text-avatar:hover,
.image-grouped img:hover {
    z-index: 1;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);
    transform: scale(1.05);
    border-width: 0;
}
.image-grouped .text-avatar {
    color: var(--theme-color);
    font-size: 11px;
    font-weight: 600;
}
.aligner-wrapper {
    position: relative;
}
.aligner-wrapper .absolute {
    position: absolute;
}
.aligner-wrapper .absolute.absolute-center {
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.aligner-wrapper .absolute.left {
    right: 0;
}
.aligner-wrapper .absolute.right {
    left: 0;
}
.aligner-wrapper .absolute.bottom {
    bottom: 0;
}
.aligner-wrapper .absolute.top {
    top: 0;
}
.v-strock-1 {
    width: 2px;
}
.v-strock-2 {
    width: 3px;
}
.v-strock-3 {
    width: 4px;
}
.v-strock-4 {
    width: 5px;
}
.dot-indicator {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.dot-indicator.dot-indicator-sm {
    width: 6px;
    height: 6px;
}
.bg-gradient-primary {
    background: linear-gradient(to left, #da8cff, #9a55ff) !important;
}
.bg-gradient-secondary {
    background: linear-gradient(to left, #e7ebf0, #868e96) !important;
}
.bg-gradient-success,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today:before {
    background: linear-gradient(to left, #84d9d2, #07cdae) !important;
}
.bg-gradient-info {
    background: linear-gradient(to left, #90caf9, #047edf 1%) !important;
}
.bg-gradient-warning,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.active:before {
    background: linear-gradient(to left, #f6e384, #ffd500) !important;
}
.bg-gradient-danger {
    background: linear-gradient(to left, #ffbf96, #fe7096) !important;
}
.bg-gradient-light {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important;
}
.bg-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b) !important;
}
.template-demo .slider-wrap {
    height: 100px;
}
.template-demo .progress {
    margin-top: 1.5rem;
}
.template-demo>h2,
.template-demo>h3,
.template-demo>h4,
.template-demo>h5,
.template-demo>h6,
.template-demo>h1 {
    border-top: 1px solid #ebedf2;
    padding: 0.5rem 0 0;
}
.template-demo .ul-slider.noUi-horizontal {
    margin-top: 2rem;
}
.template-demo .ul-slider.noUi-vertical {
    margin-left: 2rem;
}
.template-demo>.dropdown {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.template-demo nav .breadcrumb {
    margin-bottom: 1.375rem;
}
.template-demo nav:last-child .breadcrumb {
    margin-bottom: 0;
}
.template-demo .editable-form>.form-group {
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
}
.template-demo .circle-progress {
    padding: 15px;
}
.demo-modal {
    position: static;
    display: block;
}
.demo-modal .modal-dialog.modal-lg {
    max-width: 100%;
}
.loader-demo-box {
    width: 100%;
    height: 200px;
}
.dropdown-menu-static-demo {
    height: 250px;
    margin-bottom: 20px;
}
.rtl .rounded-legend ul {
    padding-left: 0;
}
.rounded-legend ul li {
    list-style-type: none;
    color: #9c9fa6;
    font-size: .75rem;
}
.rounded-legend ul li .legend-dots {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: .5rem;
}
.rtl .rounded-legend ul li .legend-dots {
    margin-right: .5rem;
}
.rounded-legend.legend-horizontal {
    display: flex;
}
.rounded-legend.legend-horizontal ul li {
    display: inline-block;
    margin-left: 1.5rem;
}
.rtl .rounded-legend.legend-horizontal ul li {
    margin-left: auto;
    margin-right: 1.5rem;
}
.rounded-legend.legend-top-right ul {
    float: left;
}
.rtl .rounded-legend.legend-top-right ul {
    float: right;
}
.rounded-legend.legend-vertical ul li {
    margin-top: 1rem;
}
#proBanner {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #000;
}
#proBanner .card-body-padding {
    padding-top: .55rem;
    padding-bottom: .55rem;
}
#proBanner .buy-now-text {
    color: #ffffff;
}
@media (max-width: 766px) {
    #proBanner .buy-now-text {
        font-size: 10px;
        line-height: 1.5;
    }
}
#proBanner .btn.buy-now-btn,
#proBanner .fc button.buy-now-btn,
.fc #proBanner button.buy-now-btn,
#proBanner .ajax-upload-dragdrop .buy-now-btn.ajax-file-upload,
.ajax-upload-dragdrop #proBanner .buy-now-btn.ajax-file-upload,
#proBanner .swal2-modal .swal2-buttonswrapper .buy-now-btn.swal2-styled,
.swal2-modal .swal2-buttonswrapper #proBanner .buy-now-btn.swal2-styled,
#proBanner .wizard>.actions a.buy-now-btn,
.wizard>.actions #proBanner a.buy-now-btn {
    background: transparent;
    color: #88b6ff;
    padding: 1rem 0;
    border-radius: 4px;
    font-weight: bold;
}
@media (max-width: 766px) {

    #proBanner .btn.buy-now-btn,
    #proBanner .fc button.buy-now-btn,
    .fc #proBanner button.buy-now-btn,
    #proBanner .ajax-upload-dragdrop .buy-now-btn.ajax-file-upload,
    .ajax-upload-dragdrop #proBanner .buy-now-btn.ajax-file-upload,
    #proBanner .swal2-modal .swal2-buttonswrapper .buy-now-btn.swal2-styled,
    .swal2-modal .swal2-buttonswrapper #proBanner .buy-now-btn.swal2-styled,
    #proBanner .wizard>.actions a.buy-now-btn,
    .wizard>.actions #proBanner a.buy-now-btn {
        min-width: 80px;
        padding: 1rem .5rem;
        font-size: 12px;
    }
}
#proBanner .btn#bannerClose i,
#proBanner .fc button#bannerClose i,
.fc #proBanner button#bannerClose i,
#proBanner .ajax-upload-dragdrop #bannerClose.ajax-file-upload i,
.ajax-upload-dragdrop #proBanner #bannerClose.ajax-file-upload i,
#proBanner .swal2-modal .swal2-buttonswrapper #bannerClose.swal2-styled i,
.swal2-modal .swal2-buttonswrapper #proBanner #bannerClose.swal2-styled i,
#proBanner .wizard>.actions a#bannerClose i,
.wizard>.actions #proBanner a#bannerClose i {
    margin-left: 1rem;
    font-size: 1.5rem;
}
@media (max-width: 766px) {

    #proBanner .btn#bannerClose i,
    #proBanner .fc button#bannerClose i,
    .fc #proBanner button#bannerClose i,
    #proBanner .ajax-upload-dragdrop #bannerClose.ajax-file-upload i,
    .ajax-upload-dragdrop #proBanner #bannerClose.ajax-file-upload i,
    #proBanner .swal2-modal .swal2-buttonswrapper #bannerClose.swal2-styled i,
    .swal2-modal .swal2-buttonswrapper #proBanner #bannerClose.swal2-styled i,
    #proBanner .wizard>.actions a#bannerClose i,
    .wizard>.actions #proBanner a#bannerClose i {
        font-size: 1rem;
        margin-left: 0;
    }
}
#proBanner a {
    text-decoration: none;
}
#proBanner a i {
    font-size: 1.5rem;
}
@media (max-width: 766px) {
    #proBanner a i {
        font-size: 1rem;
    }
}
.proBanner-padding-top {
    padding-top: 70px !important;
}
.card-statistics .highlight-icon {
    height: 53px;
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.card-statistics .highlight-icon i {
    font-size: 27px;
}
.card-statistics .card-col {
    border-left: 1px solid #ebedf2;
}
.card-statistics .card-col:last-child {
    border-left: none;
}
@media (max-width: 767.98px) {
    .card-statistics .card-col {
        padding-right: 0;
        padding-left: 0;
        position: relative;
        border: none;
    }

    .card-statistics .card-col:first-child:after,
    .card-statistics .card-col:first-child:before,
    .card-statistics .card-col:nth-child(2):after,
    .card-statistics .card-col:nth-child(2):before,
    .card-statistics .card-col:nth-child(3):after,
    .card-statistics .card-col:nth-child(3):before {
        content: "";
        position: absolute;
        background: #ebedf2;
    }

    .card-statistics .card-col:first-child:before {
        bottom: 0;
        width: 94.2%;
        height: 1px;
        left: 0;
    }

    .card-statistics .card-col:first-child:after {
        bottom: 0;
        width: 1px;
        height: 100%;
        left: 0;
    }

    .card-statistics .card-col:nth-child(2):before {
        bottom: 0;
        width: 94.2%;
        height: 1px;
        right: 0;
    }

    .card-statistics .card-col:nth-child(3):before {
        width: 1px;
        height: 100%;
        left: 0;
    }
}
.card-revenue-table .revenue-item {
    border-bottom: 1px solid #ebedf2;
}
.card-revenue-table .revenue-item:last-child {
    border-bottom: 0;
}
.card-revenue-table .revenue-item .revenue-desc {
    margin-left: auto;
    width: 80%;
}
.card-revenue-table .revenue-item .revenue-desc p {
    margin-bottom: 0;
}
.card-revenue-table .revenue-item .revenue-amount {
    margin-right: auto;
    width: 40%;
}
.card-revenue-table .revenue-item .revenue-amount p {
    font-size: 1.25rem;
    font-family: "roboto", sans-serif;
    font-weight: 600;
    text-align: left;
}
.rtl .card-revenue-table .revenue-item .revenue-amount p {
    text-align: right;
}
.card-revenue {
    background: linear-gradient(120deg, #556cdc, #128bfc, #18bef1);
    background-size: cover;
    color: #ffffff;
}
.card-revenue .highlight-text {
    font-size: 1.875rem;
    font-family: "roboto", sans-serif;
    font-weight: 500;
}
.card-revenue .badge {
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 1.125rem;
    padding: 0.5rem 1.25rem;
}
.card-weather {
    background: #fff;
}
.card-weather .card-body {
    background: #ffffff;
}
.card-weather .card-body:first-child {
    background: url("https://www.bootstrapdash.com/demo/purple/jquery/template/assets/images/samples/weather.svg") no-repeat center;
    background-size: cover;
}
.card-weather .weather-date-location {
    padding: 0 0 38px;
}
.card-weather .weather-data {
    padding: 0 0 4.75rem;
}
.card-weather .weather-data i {
    font-size: 5.313rem;
    line-height: 1;
}
.card-weather .weakly-weather {
    background: #fff;
    overflow-x: auto;
}
.card-weather .weakly-weather .weakly-weather-item {
    flex: 0 0 14.28%;
    border-left: 1px solid #ebedf2;
    padding: 1rem;
    text-align: center;
}
.card-weather .weakly-weather .weakly-weather-item i {
    font-size: 1.2rem;
}
.card-weather .weakly-weather .weakly-weather-item:last-child {
    border-left: 0;
}
.card-weather .weakly-weather .weakly-weather-item .symbol {
    color: #9c9fa6;
    font-size: 1.875rem;
    font-weight: 300;
}
.product-chart-wrapper {
    height: 92%;
}
#dashboardTrendingProgress {
    width: 60px;
}
.dashboard-bar-chart-legend .col {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.dashboard-bar-chart-legend .col .bg {
    margin-right: auto;
    margin-left: auto;
    height: 5px;
    width: 30px;
    display: block;
    margin-top: 5px;
}
.dashboard-bar-chart-legend .col:nth-child(1) .bg {
    background: #198ae3;
}
.dashboard-bar-chart-legend .col:nth-child(2) .bg {
    background: var(--theme-color);
}
.dashboard-bar-chart-legend .col:nth-child(3) .bg {
    background: #fe7c96;
}
.intro-banner {
    background: #dbe4ec;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 2px;
}
.intro-banner .banner-image {
    width: 24%;
    max-width: 100%;
}
.intro-banner .banner-image img {
    display: block;
    margin: auto;
}
.intro-banner .content-area {
    width: 58%;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.sales-mini-tabs {
    border-bottom: none;
}
.sales-mini-tabs .nav-item .nav-link {
    border: none;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 2px;
    transition-duration: 0.7s;
    transition-property: "color";
}
.sales-mini-tabs .nav-item .nav-link.active {
    font-weight: 600;
    background: white;
    color: var(--theme-color);
}
.dashboard-chat-height {
    height: 40px;
}
.product-item img {
    border-radius: 0.3125rem 0.3125rem 0 0;
}
.search-food {
    height: 40px;
}
.search-food .form-control,
.search-food .asColorPicker-input,
.search-food .dataTables_wrapper select,
.dataTables_wrapper .search-food select,
.search-food .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .search-food input[type=text],
.search-food .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .search-food select,
.search-food .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .search-food input[type=number],
.search-food .select2-container--default .select2-selection--single,
.select2-container--default .search-food .select2-selection--single,
.search-food .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .search-food .select2-search__field,
.search-food .typeahead,
.search-food .tt-query,
.search-food .tt-hint {
    background: #ffffff;
    height: 100%;
}
.search-food .map-icon {
    position: relative;
}
.search-food .map-icon:after {
    position: absolute;
    left: 10px;
    top: 25%;
    content: "\F34E";
    font-family: "Material Design Icons";
    display: block;
    color: #a7afb7;
    font-size: 1rem;
}
.erp-banner-img {
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 200px;
}
@media screen and (max-width: 991px) {
    .erp-banner-img {
        position: static;
        margin-top: 1rem;
    }
}
.erp-icon-rectangle {
    width: 61px;
    height: 61px;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 1rem;
    color: #ffffff;
    padding-top: 15px;
}
.erp-icon-rectangle i {
    font-size: 30px;
}
.ecommerce-banner-image-position {
    position: absolute;
    left: 40px;
    bottom: 0;
    width: 230px;
}
@media screen and (max-width: 1024px) {
    .ecommerce-banner-image-position {
        position: static;
        margin-top: 1rem;
    }
}
.grey-circle-profile-icon {
    width: 55px;
    height: 55px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 100%;
    padding-top: 10px;
}
.grey-circle-profile-icon i {
    color: #343a40;
    font-size: 30px;
}
.rouded-flag {
    font-size: 2.25rem;
}
.flag-icon-wrap {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 10px;
}
.accordion .card {
    margin-bottom: .75rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
    border-radius: .25rem;
}
.accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding: 2rem;
}
.accordion .card .card-header * {
    font-family: "ubuntu-regular", sans-serif;
    font-size: 1rem;
}
.accordion .card .card-header a {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    position: relative;
    transition: color 0.5s ease;
    padding-left: .5rem;
}
.accordion .card .card-header a:before {
    font-family: "Material Design Icons";
    position: absolute;
    left: 7px;
    top: 0;
    font-size: 18px;
    display: block;
}
.accordion .card .card-header a[aria-expanded="true"] {
    color: var(--theme-color);
}
.accordion .card .card-header a[aria-expanded="true"]:before {
    content: "\F0374";
}
.accordion .card .card-header a[aria-expanded="false"]:before {
    content: "\F0415";
}
.accordion .card .card-body {
    font-size: 14px;
    padding: 0 2rem 2rem 2rem;
    font-family: "ubuntu-regular", sans-serif;
    line-height: 1.5;
}
.accordion .card .card-body i {
    font-size: 1.25rem;
}
.accordion.accordion-bordered {
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
}
.accordion.accordion-bordered .card {
    margin: 0 2rem;
    border-top: 1px solid #ebedf2;
    box-shadow: none;
    border-radius: 0;
}
.accordion.accordion-bordered .card .card-header,
.accordion.accordion-bordered .card .card-body {
    padding-right: 0;
    padding-left: 0;
}
.accordion.accordion-bordered .card .card-header a:before {
    color: #fe7c96;
}
.accordion.accordion-bordered .card .card-header a[aria-expanded="true"] {
    color: inherit;
}
.accordion.accordion-bordered .card .card-header a[aria-expanded="true"]:before {
    content: "\F0062";
}
.accordion.accordion-bordered .card .card-header a[aria-expanded="false"]:before {
    content: "\F004A";
}
.accordion.accordion-bordered .card:first-child {
    border-top: 0;
}
.accordion.accordion-filled .card {
    padding: 0;
}
.accordion.accordion-filled .card .card-header {
    padding: 0;
}
.accordion.accordion-filled .card .card-header a {
    padding: 2rem 2rem 2rem 4.5rem;
    transition: all 0.2s linear;
}
.accordion.accordion-filled .card .card-header a:before {
    top: 40%;
    left: 40px;
}
.accordion.accordion-filled .card .card-header a[aria-expanded="true"] {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.accordion.accordion-filled .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
    color: #ffffff;
}
.accordion.accordion-filled .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.accordion.accordion-filled .card .card-body {
    padding: 0 2rem 2rem 2rem;
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.accordion.accordion-solid-header .card {
    padding: 0;
}
.accordion.accordion-solid-header .card .card-header {
    padding: 0;
}
.accordion.accordion-solid-header .card .card-header a {
    padding: 2rem 2rem 2rem 4.5rem;
    transition: all 0.2s linear;
}
.accordion.accordion-solid-header .card .card-header a:before {
    top: 40%;
    left: 40px;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
    color: #ffffff;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.accordion.accordion-solid-header .card .card-body {
    padding: 2rem;
}
.accordion.accordion-solid-content .card {
    padding: 0;
}
.accordion.accordion-solid-content .card .card-header {
    padding: 0;
}
.accordion.accordion-solid-content .card .card-header a {
    padding: 2rem 2rem 2rem 4.5rem;
    transition: all 0.2s linear;
}
.accordion.accordion-solid-content .card .card-header a:before {
    top: 40%;
    left: 40px;
}
.accordion.accordion-solid-content .card .card-header a[aria-expanded="true"] {
    color: inherit;
}
.accordion.accordion-solid-content .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
}
.accordion.accordion-solid-content .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.accordion.accordion-solid-content .card .card-body {
    padding: 2rem;
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.accordion.accordion-multi-colored .card .card-header,
.accordion.accordion-multi-colored .card .card-body {
    background: transparent;
    color: #ffffff;
}
.accordion.accordion-multi-colored .card:nth-child(1) {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.accordion.accordion-multi-colored .card:nth-child(2) {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.accordion.accordion-multi-colored .card:nth-child(3) {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.accordion.accordion-multi-colored .card:nth-child(4) {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.accordion.accordion-multi-colored .card:nth-child(5) {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.accordion.accordion-multi-colored .card .card-header a[aria-expanded="true"] {
    color: inherit;
}
.accordion.accordion-multi-colored .card .card-header a[aria-expanded="true"]:before {
    content: "\F0143";
}
.accordion.accordion-multi-colored .card .card-header a[aria-expanded="false"]:before {
    content: "\f0140";
}
.badge {
    border-radius: .125rem;
    font-size: 11px;
    font-weight: initial;
    line-height: 1;
    padding: .375rem .5625rem;
    font-family: "ubuntu-medium", sans-serif;
}
.badge.badge-pill {
    border-radius: 10rem;
}
.badge-primary {
    border: 1px solid var(--theme-color);
    color: #ffffff;
}
.badge-secondary {
    border: 1px solid #c3bdbd;
    color: #ffffff;
}
.badge-success,
.preview-list .preview-item .preview-thumbnail .badge.badge-online {
    border: 1px solid #1bcfb4;
    color: #ffffff;
}
.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    border: 1px solid #198ae3;
    color: #ffffff;
}
.badge-warning,
.preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    border: 1px solid #fed713;
    color: #ffffff;
}
.badge-danger {
    border: 1px solid #fe7c96;
    color: #ffffff;
}
.badge-light {
    border: 1px solid #f8f9fa;
    color: #ffffff;
}
.badge-dark {
    border: 1px solid #3e4b5b;
    color: #ffffff;
}
.badge-gradient-primary {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.badge-gradient-secondary {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
}
.badge-gradient-success {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.badge-gradient-info {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.badge-gradient-warning {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
}
.badge-gradient-danger {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.badge-gradient-light {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
}
.badge-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
}
.badge-outline-primary {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.badge-outline-secondary {
    color: #c3bdbd;
    border: 1px solid #c3bdbd;
}
.badge-outline-success {
    color: #1bcfb4;
    border: 1px solid #1bcfb4;
}
.badge-outline-info {
    color: #198ae3;
    border: 1px solid #198ae3;
}
.badge-outline-warning {
    color: #fed713;
    border: 1px solid #fed713;
}
.badge-outline-danger {
    color: #fe7c96;
    border: 1px solid #fe7c96;
}
.badge-outline-light {
    color: #f8f9fa;
    border: 1px solid #f8f9fa;
}
.badge-outline-dark {
    color: #3e4b5b;
    border: 1px solid #3e4b5b;
}
.alert {
    font-size: 0.875rem;
}
.alert i {
    font-size: 1.25rem;
    margin-left: 1.25rem;
    vertical-align: middle;
    line-height: .5;
}
.alert-primary {
    color: #8a53c2;
    background-color: rgba(182, 109, 255, 0.2);
    border-color: #a764eb;
}
.alert-primary hr {
    border-top-color: #9a4de8;
}
.alert-primary .alert-link {
    color: #713ba7;
}
.alert-secondary {
    color: #949090;
    background-color: rgba(195, 189, 189, 0.2);
    border-color: #b3aeae;
}
.alert-secondary hr {
    border-top-color: #a7a1a1;
}
.alert-secondary .alert-link {
    color: #7b7676;
}
.alert-success {
    color: #159d89;
    background-color: rgba(27, 207, 180, 0.2);
    border-color: #19bea6;
}
.alert-success hr {
    border-top-color: #16a792;
}
.alert-success .alert-link {
    color: #0f7062;
}
.alert-info {
    color: #1369ad;
    background-color: rgba(25, 138, 227, 0.2);
    border-color: #177fd1;
}
.alert-info hr {
    border-top-color: #1471ba;
}
.alert-info .alert-link {
    color: #0e4d7f;
}
.alert-warning {
    color: #c1a30e;
    background-color: rgba(254, 215, 19, 0.2);
    border-color: #eac611;
}
.alert-warning hr {
    border-top-color: #d2b20f;
}
.alert-warning .alert-link {
    color: #917b0b;
}
.alert-danger {
    color: #c15e72;
    background-color: rgba(254, 124, 150, 0.2);
    border-color: #ea728a;
}
.alert-danger hr {
    border-top-color: #e75c78;
}
.alert-danger .alert-link {
    color: #aa4257;
}
.alert-light {
    color: #bcbdbe;
    background-color: rgba(248, 249, 250, 0.2);
    border-color: #e4e5e6;
}
.alert-light hr {
    border-top-color: #d7d8da;
}
.alert-light .alert-link {
    color: #a2a4a5;
}
.alert-dark {
    color: #2f3945;
    background-color: rgba(62, 75, 91, 0.2);
    border-color: #394554;
}
.alert-dark hr {
    border-top-color: #2f3945;
}
.alert-dark .alert-link {
    color: #1a2027;
}
.alert-fill-primary {
    color: #ffffff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.alert-fill-primary hr {
    border-top-color: #a954ff;
}
.alert-fill-primary .alert-link {
    color: #e6e6e6;
}
.alert-fill-secondary {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.alert-fill-secondary hr {
    border-top-color: #b7b0b0;
}
.alert-fill-secondary .alert-link {
    color: #e6e6e6;
}
.alert-fill-success {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.alert-fill-success hr {
    border-top-color: #18b8a0;
}
.alert-fill-success .alert-link {
    color: #e6e6e6;
}
.alert-fill-info {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.alert-fill-info hr {
    border-top-color: #167ccc;
}
.alert-fill-info .alert-link {
    color: #e6e6e6;
}
.alert-fill-warning {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.alert-fill-warning hr {
    border-top-color: #f6ce01;
}
.alert-fill-warning .alert-link {
    color: #e6e6e6;
}
.alert-fill-danger {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.alert-fill-danger hr {
    border-top-color: #fe6382;
}
.alert-fill-danger .alert-link {
    color: #e6e6e6;
}
.alert-fill-light {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.alert-fill-light hr {
    border-top-color: #e9ecef;
}
.alert-fill-light .alert-link {
    color: #e6e6e6;
}
.alert-fill-dark {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.alert-fill-dark hr {
    border-top-color: #343f4c;
}
.alert-fill-dark .alert-link {
    color: #e6e6e6;
}
.progress {
    border-radius: 3px;
    height: 8px;
}
.progress .progress-bar {
    border-radius: 3px;
}
.progress.progress-sm {
    height: 0.375rem;
}
.progress.progress-md {
    height: 8px;
}
.progress.progress-lg {
    height: 15px;
}
.progress.progress-xl {
    height: 18px;
}
.btn,
.fc button,
.ajax-upload-dragdrop .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel,
.wizard>.actions a {
    font-size: 0.875rem;
    line-height: 1;
    font-family: "ubuntu-bold", sans-serif;
}
.btn i,
.fc button i,
.ajax-upload-dragdrop .ajax-file-upload i,
.swal2-modal .swal2-buttonswrapper .swal2-styled i,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i,
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i,
.wizard>.actions a i {
    font-size: 1rem;
}
.btn.btn-rounded,
.fc button.btn-rounded,
.ajax-upload-dragdrop .btn-rounded.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled,
.wizard>.actions a.btn-rounded {
    border-radius: 50px;
}
.btn.btn-fw,
.fc button.btn-fw,
.ajax-upload-dragdrop .btn-fw.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled,
.wizard>.actions a.btn-fw {
    min-width: 150px;
}
.btn.btn-sm,
.btn-group-sm>.btn,
.fc .btn-group-sm>button,
.ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled,
.wizard>.actions .btn-group-sm>a,
.fc button,
.ajax-upload-dragdrop .btn-sm.ajax-file-upload,
.ajax-upload-dragdrop .fc button.ajax-file-upload,
.fc .ajax-upload-dragdrop button.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc button.swal2-styled,
.fc .swal2-modal .swal2-buttonswrapper button.swal2-styled,
.wizard>.actions a.btn-sm {
    font-size: 0.875rem;
}
.btn.btn-lg,
.btn-group-lg>.btn,
.fc .btn-group-lg>button,
.ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled,
.wizard>.actions .btn-group-lg>a,
.fc button.btn-lg,
.ajax-upload-dragdrop .btn-lg.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled,
.wizard>.actions a.btn-lg {
    font-size: 0.875rem;
}
.btn.btn-xs,
.fc button.btn-xs,
.fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-submit,
.fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-cancel,
.ajax-upload-dragdrop .btn-xs.ajax-file-upload,
.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit,
.ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel,
.swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled,
.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit,
.swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-submit,
.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel,
.editable-container.editable-inline .editableform .control-group .editable-buttons .wizard>.actions a.editable-cancel,
.wizard>.actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel,
.wizard>.actions a.btn-xs {
    padding: 0.5rem 0.75rem;
    font-size: 0.625rem;
}
.btn.btn-icon,
.fc button.btn-icon,
.ajax-upload-dragdrop .btn-icon.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-icon.swal2-styled,
.wizard>.actions a.btn-icon {
    width: 42px;
    height: 42px;
    padding: 0;
}
.btn.btn-icon-text .btn-icon-prepend,
.fc button.btn-icon-text .btn-icon-prepend,
.ajax-upload-dragdrop .btn-icon-text.ajax-file-upload .btn-icon-prepend,
.swal2-modal .swal2-buttonswrapper .btn-icon-text.swal2-styled .btn-icon-prepend,
.wizard>.actions a.btn-icon-text .btn-icon-prepend {
    margin-left: .5rem;
}
.btn.btn-icon-text .btn-icon-append,
.fc button.btn-icon-text .btn-icon-append,
.ajax-upload-dragdrop .btn-icon-text.ajax-file-upload .btn-icon-append,
.swal2-modal .swal2-buttonswrapper .btn-icon-text.swal2-styled .btn-icon-append,
.wizard>.actions a.btn-icon-text .btn-icon-append {
    margin-right: .5rem;
}
.btn.btn-social-icon,
.fc button.btn-social-icon,
.ajax-upload-dragdrop .btn-social-icon.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-social-icon.swal2-styled,
.wizard>.actions a.btn-social-icon {
    width: 50px;
    height: 50px;
    padding: 0;
}
.btn-group .btn+.btn,
.fc .fc-button-group .btn+.btn,
.btn-group .fc button+.btn,
.fc .btn-group button+.btn,
.fc .fc-button-group button+.btn,
.btn-group .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .btn-group .ajax-file-upload+.btn,
.fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+.btn,
.ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+.btn,
.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.btn,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+.btn,
.btn-group .wizard>.actions a+.btn,
.wizard>.actions .btn-group a+.btn,
.fc .fc-button-group .wizard>.actions a+.btn,
.wizard>.actions .fc .fc-button-group a+.btn,
.btn-group .fc .btn+button,
.fc .btn-group .btn+button,
.fc .fc-button-group .btn+button,
.btn-group .fc button+button,
.fc .btn-group button+button,
.fc .fc-button-group button+button,
.btn-group .ajax-upload-dragdrop .fc .ajax-file-upload+button,
.fc .btn-group .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .btn-group .fc .ajax-file-upload+button,
.fc .ajax-upload-dragdrop .btn-group .ajax-file-upload+button,
.fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+button,
.ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+button,
.btn-group .swal2-modal .swal2-buttonswrapper .fc .swal2-styled+button,
.fc .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .btn-group .fc .swal2-styled+button,
.fc .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+button,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+button,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+button,
.btn-group .wizard>.actions .fc a+button,
.fc .btn-group .wizard>.actions a+button,
.wizard>.actions .btn-group .fc a+button,
.fc .wizard>.actions .btn-group a+button,
.fc .fc-button-group .wizard>.actions a+button,
.wizard>.actions .fc .fc-button-group a+button,
.btn-group .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .btn+.ajax-file-upload,
.fc .fc-button-group .ajax-upload-dragdrop .btn+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .btn+.ajax-file-upload,
.btn-group .fc .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .fc button+.ajax-file-upload,
.fc .btn-group .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .btn-group button+.ajax-file-upload,
.fc .fc-button-group .ajax-upload-dragdrop button+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group button+.ajax-file-upload,
.btn-group .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .ajax-file-upload+.ajax-file-upload,
.fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+.ajax-file-upload,
.btn-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.ajax-file-upload,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .swal2-styled+.ajax-file-upload,
.ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+.ajax-file-upload,
.btn-group .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .btn-group .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .btn-group .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .btn-group a+.ajax-file-upload,
.fc .fc-button-group .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .fc .fc-button-group .wizard>.actions a+.ajax-file-upload,
.wizard>.actions .fc .fc-button-group .ajax-upload-dragdrop a+.ajax-file-upload,
.ajax-upload-dragdrop .wizard>.actions .fc .fc-button-group a+.ajax-file-upload,
.btn-group .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .btn+.swal2-styled,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .btn+.swal2-styled,
.btn-group .fc .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .fc button+.swal2-styled,
.fc .btn-group .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .btn-group button+.swal2-styled,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper button+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group button+.swal2-styled,
.btn-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group .ajax-file-upload+.swal2-styled,
.fc .fc-button-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+.swal2-styled,
.ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+.swal2-styled,
.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.swal2-styled,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+.swal2-styled,
.btn-group .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .btn-group .wizard>.actions a+.swal2-styled,
.wizard>.actions .btn-group .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .btn-group a+.swal2-styled,
.fc .fc-button-group .wizard>.actions .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard>.actions a+.swal2-styled,
.wizard>.actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper a+.swal2-styled,
.swal2-modal .swal2-buttonswrapper .wizard>.actions .fc .fc-button-group a+.swal2-styled,
.btn-group .wizard>.actions .btn+a,
.wizard>.actions .btn-group .btn+a,
.fc .fc-button-group .wizard>.actions .btn+a,
.wizard>.actions .fc .fc-button-group .btn+a,
.btn-group .fc .wizard>.actions button+a,
.wizard>.actions .btn-group .fc button+a,
.fc .btn-group .wizard>.actions button+a,
.wizard>.actions .fc .btn-group button+a,
.fc .fc-button-group .wizard>.actions button+a,
.wizard>.actions .fc .fc-button-group button+a,
.btn-group .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .btn-group .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .btn-group .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .btn-group .ajax-file-upload+a,
.fc .fc-button-group .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload+a,
.ajax-upload-dragdrop .fc .fc-button-group .wizard>.actions .ajax-file-upload+a,
.wizard>.actions .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload+a,
.btn-group .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .btn-group .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+a,
.fc .fc-button-group .swal2-modal .swal2-buttonswrapper .wizard>.actions .swal2-styled+a,
.wizard>.actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled+a,
.swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard>.actions .swal2-styled+a,
.wizard>.actions .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled+a,
.btn-group .wizard>.actions a+a,
.wizard>.actions .btn-group a+a,
.fc .fc-button-group .wizard>.actions a+a,
.wizard>.actions .fc .fc-button-group a+a {
    border-right: 0;
}
.btn-twitter {
    background: #2caae1;
    color: #ffffff;
}
.btn-twitter:hover,
.btn-twitter:focus {
    background: #1b8dbf;
    color: #ffffff;
}
.btn-twitter.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #59bce7;
}
.btn-twitter.btn-social-icon-text i {
    background: #2caae1;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-twitter {
    border: 1px solid #2caae1;
    color: #2caae1;
}
.btn-outline-twitter:hover {
    background: #2caae1;
    color: #ffffff;
}
.btn-facebook {
    background: #3b579d;
    color: #ffffff;
}
.btn-facebook:hover,
.btn-facebook:focus {
    background: #2d4278;
    color: #ffffff;
}
.btn-facebook.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #4e6ebd;
}
.btn-facebook.btn-social-icon-text i {
    background: #3b579d;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-facebook {
    border: 1px solid #3b579d;
    color: #3b579d;
}
.btn-outline-facebook:hover {
    background: #3b579d;
    color: #ffffff;
}
.btn-google {
    background: #dc4a38;
    color: #ffffff;
}
.btn-google:hover,
.btn-google:focus {
    background: #bf3322;
    color: #ffffff;
}
.btn-google.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #e47163;
}
.btn-google.btn-social-icon-text i {
    background: #dc4a38;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-google {
    border: 1px solid #dc4a38;
    color: #dc4a38;
}
.btn-outline-google:hover {
    background: #dc4a38;
    color: #ffffff;
}
.btn-linkedin {
    background: #0177b5;
    color: #ffffff;
}
.btn-linkedin:hover,
.btn-linkedin:focus {
    background: #015682;
    color: #ffffff;
}
.btn-linkedin.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #0198e8;
}
.btn-linkedin.btn-social-icon-text i {
    background: #0177b5;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-linkedin {
    border: 1px solid #0177b5;
    color: #0177b5;
}
.btn-outline-linkedin:hover {
    background: #0177b5;
    color: #ffffff;
}
.btn-pinterest {
    background: #cc2127;
    color: #ffffff;
}
.btn-pinterest:hover,
.btn-pinterest:focus {
    background: #a01a1f;
    color: #ffffff;
}
.btn-pinterest.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #e04046;
}
.btn-pinterest.btn-social-icon-text i {
    background: #cc2127;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-pinterest {
    border: 1px solid #cc2127;
    color: #cc2127;
}
.btn-outline-pinterest:hover {
    background: #cc2127;
    color: #ffffff;
}
.btn-youtube {
    background: #e52d27;
    color: #ffffff;
}
.btn-youtube:hover,
.btn-youtube:focus {
    background: #c21d17;
    color: #ffffff;
}
.btn-youtube.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #ea5955;
}
.btn-youtube.btn-social-icon-text i {
    background: #e52d27;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-youtube {
    border: 1px solid #e52d27;
    color: #e52d27;
}
.btn-outline-youtube:hover {
    background: #e52d27;
    color: #ffffff;
}
.btn-github {
    background: #333333;
    color: #ffffff;
}
.btn-github:hover,
.btn-github:focus {
    background: #1a1a1a;
    color: #ffffff;
}
.btn-github.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #4d4d4d;
}
.btn-github.btn-social-icon-text i {
    background: #333333;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-github {
    border: 1px solid #333333;
    color: #333333;
}
.btn-outline-github:hover {
    background: #333333;
    color: #ffffff;
}
.btn-behance {
    background: #1769ff;
    color: #ffffff;
}
.btn-behance:hover,
.btn-behance:focus {
    background: #0050e3;
    color: #ffffff;
}
.btn-behance.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #4a8aff;
}
.btn-behance.btn-social-icon-text i {
    background: #1769ff;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-behance {
    border: 1px solid #1769ff;
    color: #1769ff;
}
.btn-outline-behance:hover {
    background: #1769ff;
    color: #ffffff;
}
.btn-dribbble {
    background: #ea4c89;
    color: #ffffff;
}
.btn-dribbble:hover,
.btn-dribbble:focus {
    background: #e51e6b;
    color: #ffffff;
}
.btn-dribbble.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #ef7aa7;
}
.btn-dribbble.btn-social-icon-text i {
    background: #ea4c89;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-dribbble {
    border: 1px solid #ea4c89;
    color: #ea4c89;
}
.btn-outline-dribbble:hover {
    background: #ea4c89;
    color: #ffffff;
}
.btn-reddit {
    background: #ff4500;
    color: #ffffff;
}
.btn-reddit:hover,
.btn-reddit:focus {
    background: #cc3700;
    color: #ffffff;
}
.btn-reddit.btn-social-icon-text {
    padding: 0 0 0 1.5rem;
    background: #ff6a33;
}
.btn-reddit.btn-social-icon-text i {
    background: #ff4500;
    padding: .75rem;
    display: inline-block;
    margin-left: 1.5rem;
}
.btn-outline-reddit {
    border: 1px solid #ff4500;
    color: #ff4500;
}
.btn-outline-reddit:hover {
    background: #ff4500;
    color: #ffffff;
}
.btn-inverse-primary {
    background-color: rgba(182, 109, 255, 0.2);
    background-image: none;
    border-color: rgba(182, 109, 255, 0);
}
.btn-inverse-primary:not(.btn-inverse-light) {
    color: var(--theme-color);
}
.btn-inverse-primary:hover {
    color: #ffffff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-inverse-primary.focus,
.btn-inverse-primary:focus {
    box-shadow: 0 0 0 3px rgba(182, 109, 255, 0.5);
}
.btn-inverse-primary.disabled,
.btn-inverse-primary:disabled {
    color: var(--theme-color);
    background-color: transparent;
}
.btn-inverse-primary.active,
.btn-inverse-primary:active,
.show>.btn-inverse-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-primary:not(.btn-light),
.wizard>.actions a:not(.btn-light) {
    color: #ffffff;
}
.btn-primary:not(.btn-light):hover,
.wizard>.actions a:not(.btn-light):hover,
.btn-primary:not(.btn-light):focus,
.wizard>.actions a:not(.btn-light):focus,
.btn-primary:not(.btn-light):active,
.wizard>.actions a:not(.btn-light):active {
    color: #ffffff;
}
.btn-primary:not(.btn-light):focus,
.wizard>.actions a:not(.btn-light):focus,
.btn-primary:not(.btn-light):active,
.wizard>.actions a:not(.btn-light):active {
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.btn-outline-primary:hover,
.wizard>.actions .disabled a:hover,
.btn-outline-primary:focus,
.wizard>.actions .disabled a:focus,
.btn-outline-primary:active,
.wizard>.actions .disabled a:active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #000;
}
.btn-inverse-secondary {
    background-color: rgba(195, 189, 189, 0.2);
    background-image: none;
    border-color: rgba(195, 189, 189, 0);
}
.btn-inverse-secondary:not(.btn-inverse-light) {
    color: #c3bdbd;
}
.btn-inverse-secondary:hover {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-inverse-secondary.focus,
.btn-inverse-secondary:focus {
    box-shadow: 0 0 0 3px rgba(195, 189, 189, 0.5);
}
.btn-inverse-secondary.disabled,
.btn-inverse-secondary:disabled {
    color: #c3bdbd;
    background-color: transparent;
}
.btn-inverse-secondary.active,
.btn-inverse-secondary:active,
.show>.btn-inverse-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-secondary:not(.btn-light) {
    color: #ffffff;
}
.btn-secondary:not(.btn-light):hover,
.btn-secondary:not(.btn-light):focus,
.btn-secondary:not(.btn-light):active {
    color: #ffffff;
}
.btn-secondary:not(.btn-light):focus,
.btn-secondary:not(.btn-light):active {
    background: #c3bdbd;
    border-color: #c3bdbd;
}
.btn-outline-secondary:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover,
.btn-outline-secondary:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus,
.btn-outline-secondary:active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:active {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #000;
}
.btn-inverse-success {
    background-color: rgba(27, 207, 180, 0.2);
    background-image: none;
    border-color: rgba(27, 207, 180, 0);
}
.btn-inverse-success:not(.btn-inverse-light) {
    color: #1bcfb4;
}
.btn-inverse-success:hover {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-inverse-success.focus,
.btn-inverse-success:focus {
    box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5);
}
.btn-inverse-success.disabled,
.btn-inverse-success:disabled {
    color: #1bcfb4;
    background-color: transparent;
}
.btn-inverse-success.active,
.btn-inverse-success:active,
.show>.btn-inverse-success.dropdown-toggle {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-success:not(.btn-light) {
    color: #ffffff;
}
.btn-success:not(.btn-light):hover,
.btn-success:not(.btn-light):focus,
.btn-success:not(.btn-light):active {
    color: #ffffff;
}
.btn-success:not(.btn-light):focus,
.btn-success:not(.btn-light):active {
    background: #1bcfb4;
    border-color: #1bcfb4;
}
.btn-outline-success:hover,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover,
.btn-outline-success:focus,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus,
.btn-outline-success:active,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:active {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #000;
}
.btn-inverse-info {
    background-color: rgba(25, 138, 227, 0.2);
    background-image: none;
    border-color: rgba(25, 138, 227, 0);
}
.btn-inverse-info:not(.btn-inverse-light) {
    color: #198ae3;
}
.btn-inverse-info:hover {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-inverse-info.focus,
.btn-inverse-info:focus {
    box-shadow: 0 0 0 3px rgba(25, 138, 227, 0.5);
}
.btn-inverse-info.disabled,
.btn-inverse-info:disabled {
    color: #198ae3;
    background-color: transparent;
}
.btn-inverse-info.active,
.btn-inverse-info:active,
.show>.btn-inverse-info.dropdown-toggle {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}
.btn-info:not(.btn-light) {
    color: #ffffff;
}
.btn-info:not(.btn-light):hover,
.btn-info:not(.btn-light):focus,
.btn-info:not(.btn-light):active {
    color: #ffffff;
}
.btn-info:not(.btn-light):focus,
.btn-info:not(.btn-light):active {
    background: #198ae3;
    border-color: #198ae3;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #000;
}
.btn-inverse-warning {
    background-color: rgba(254, 215, 19, 0.2);
    background-image: none;
    border-color: rgba(254, 215, 19, 0);
}
.btn-inverse-warning:not(.btn-inverse-light) {
    color: #fed713;
}
.btn-inverse-warning:hover {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-inverse-warning.focus,
.btn-inverse-warning:focus {
    box-shadow: 0 0 0 3px rgba(254, 215, 19, 0.5);
}
.btn-inverse-warning.disabled,
.btn-inverse-warning:disabled {
    color: #fed713;
    background-color: transparent;
}
.btn-inverse-warning.active,
.btn-inverse-warning:active,
.show>.btn-inverse-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}
.btn-warning:not(.btn-light) {
    color: #ffffff;
}
.btn-warning:not(.btn-light):hover,
.btn-warning:not(.btn-light):focus,
.btn-warning:not(.btn-light):active {
    color: #ffffff;
}
.btn-warning:not(.btn-light):focus,
.btn-warning:not(.btn-light):active {
    background: #fed713;
    border-color: #fed713;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #000;
}
.btn-inverse-danger {
    background-color: rgba(254, 124, 150, 0.2);
    background-image: none;
    border-color: rgba(254, 124, 150, 0);
}
.btn-inverse-danger:not(.btn-inverse-light) {
    color: #fe7c96;
}
.btn-inverse-danger:hover {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-inverse-danger.focus,
.btn-inverse-danger:focus {
    box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5);
}
.btn-inverse-danger.disabled,
.btn-inverse-danger:disabled {
    color: #fe7c96;
    background-color: transparent;
}
.btn-inverse-danger.active,
.btn-inverse-danger:active,
.show>.btn-inverse-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}
.btn-danger:not(.btn-light) {
    color: #ffffff;
}
.btn-danger:not(.btn-light):hover,
.btn-danger:not(.btn-light):focus,
.btn-danger:not(.btn-light):active {
    color: #ffffff;
}
.btn-danger:not(.btn-light):focus,
.btn-danger:not(.btn-light):active {
    background: #fe7c96;
    border-color: #fe7c96;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #000;
}
.btn-inverse-light {
    background-color: rgba(248, 249, 250, 0.2);
    background-image: none;
    border-color: rgba(248, 249, 250, 0);
}
.btn-inverse-light:not(.btn-inverse-light) {
    color: #f8f9fa;
}
.btn-inverse-light:hover {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-inverse-light.focus,
.btn-inverse-light:focus {
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}
.btn-inverse-light.disabled,
.btn-inverse-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-inverse-light.active,
.btn-inverse-light:active,
.show>.btn-inverse-light.dropdown-toggle {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(.btn-light) {
    color: #ffffff;
}
.btn-light:not(.btn-light):hover,
.btn-light:not(.btn-light):focus,
.btn-light:not(.btn-light):active {
    color: #ffffff;
}
.btn-light:not(.btn-light):focus,
.btn-light:not(.btn-light):active {
    background: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #000;
}
.btn-inverse-dark {
    background-color: rgba(62, 75, 91, 0.2);
    background-image: none;
    border-color: rgba(62, 75, 91, 0);
}
.btn-inverse-dark:not(.btn-inverse-light) {
    color: #3e4b5b;
}
.btn-inverse-dark:hover {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-inverse-dark.focus,
.btn-inverse-dark:focus {
    box-shadow: 0 0 0 3px rgba(62, 75, 91, 0.5);
}
.btn-inverse-dark.disabled,
.btn-inverse-dark:disabled {
    color: #3e4b5b;
    background-color: transparent;
}
.btn-inverse-dark.active,
.btn-inverse-dark:active,
.show>.btn-inverse-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-dark:not(.btn-light) {
    color: #ffffff;
}
.btn-dark:not(.btn-light):hover,
.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active {
    color: #ffffff;
}
.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active {
    background: #3e4b5b;
    border-color: #3e4b5b;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #000;
}
.btn-gradient-primary {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-primary:not([disabled]):not(.disabled):active,
.btn-gradient-primary:not([disabled]):not(.disabled).active,
.show>.btn-gradient-primary.dropdown-toggle {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.btn-gradient-primary:hover {
    opacity: .8;
}
.btn-gradient-primary:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-primary:not(.btn-gradient-light):hover,
.btn-gradient-primary:not(.btn-gradient-light):focus,
.btn-gradient-primary:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-secondary {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-secondary:not([disabled]):not(.disabled):active,
.btn-gradient-secondary:not([disabled]):not(.disabled).active,
.show>.btn-gradient-secondary.dropdown-toggle {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.btn-gradient-secondary:hover {
    opacity: .8;
}
.btn-gradient-secondary:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-secondary:not(.btn-gradient-light):hover,
.btn-gradient-secondary:not(.btn-gradient-light):focus,
.btn-gradient-secondary:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-success {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-success:not([disabled]):not(.disabled):active,
.btn-gradient-success:not([disabled]):not(.disabled).active,
.show>.btn-gradient-success.dropdown-toggle {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.btn-gradient-success:hover {
    opacity: .8;
}
.btn-gradient-success:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-success:not(.btn-gradient-light):hover,
.btn-gradient-success:not(.btn-gradient-light):focus,
.btn-gradient-success:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-info {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-info:not([disabled]):not(.disabled):active,
.btn-gradient-info:not([disabled]):not(.disabled).active,
.show>.btn-gradient-info.dropdown-toggle {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.btn-gradient-info:hover {
    opacity: .8;
}
.btn-gradient-info:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-info:not(.btn-gradient-light):hover,
.btn-gradient-info:not(.btn-gradient-light):focus,
.btn-gradient-info:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-warning {
    background: linear-gradient(to left, #f6e384, #ffd500);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-warning:not([disabled]):not(.disabled):active,
.btn-gradient-warning:not([disabled]):not(.disabled).active,
.show>.btn-gradient-warning.dropdown-toggle {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.btn-gradient-warning:hover {
    opacity: .8;
}
.btn-gradient-warning:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-warning:not(.btn-gradient-light):hover,
.btn-gradient-warning:not(.btn-gradient-light):focus,
.btn-gradient-warning:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-danger {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-danger:not([disabled]):not(.disabled):active,
.btn-gradient-danger:not([disabled]):not(.disabled).active,
.show>.btn-gradient-danger.dropdown-toggle {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.btn-gradient-danger:hover {
    opacity: .8;
}
.btn-gradient-danger:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-danger:not(.btn-gradient-light):hover,
.btn-gradient-danger:not(.btn-gradient-light):focus,
.btn-gradient-danger:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-light {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-light:not([disabled]):not(.disabled):active,
.btn-gradient-light:not([disabled]):not(.disabled).active,
.show>.btn-gradient-light.dropdown-toggle {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.btn-gradient-light:hover {
    opacity: .8;
}
.btn-gradient-light:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-light:not(.btn-gradient-light):hover,
.btn-gradient-light:not(.btn-gradient-light):focus,
.btn-gradient-light:not(.btn-gradient-light):active {
    color: #ffffff;
}
.btn-gradient-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    border: 0;
    transition: opacity 0.3s ease;
}
.btn-gradient-dark:not([disabled]):not(.disabled):active,
.btn-gradient-dark:not([disabled]):not(.disabled).active,
.show>.btn-gradient-dark.dropdown-toggle {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.btn-gradient-dark:hover {
    opacity: .8;
}
.btn-gradient-dark:not(.btn-gradient-light) {
    color: #ffffff;
}
.btn-gradient-dark:not(.btn-gradient-light):hover,
.btn-gradient-dark:not(.btn-gradient-light):focus,
.btn-gradient-dark:not(.btn-gradient-light):active {
    color: #ffffff;
}
.breadcrumb {
    border: 1px solid #ebedf2;
}
.breadcrumb .breadcrumb-item {
    font-size: 0.875rem;
}
.breadcrumb .breadcrumb-item.active {
    color: rgba(52, 58, 64, 0.8);
}
.breadcrumb.breadcrumb-custom {
    padding: 0 0;
    border-color: #dbe3e6;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item {
    font-size: 0.875rem;
    background: #dbe3e6;
    padding: 0.56rem 10px;
    color: #000;
    display: inline-block;
    vertical-align: top;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
    content: "";
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a {
    position: relative;
    color: inherit;
    border: 1px solid #dbe3e6;
    display: inline-block;
    vertical-align: top;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:before,
.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    position: absolute;
    top: -9px;
    width: 0;
    height: 0;
    content: "";
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
    left: -22px;
    z-index: 3;
    border-right-color: #dbe3e6;
    border-right-style: solid;
    border-right-width: 12px;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    border-top: 21px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 12px solid #ffffff;
    top: -9px;
    left: -23px;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item span {
    display: inline-block;
    vertical-align: top;
}
.breadcrumb.breadcrumb-custom .breadcrumb-item.active {
    color: rgba(52, 58, 64, 0.8);
}
.breadcrumb.bg-success,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm,
.settings-panel .color-tiles .breadcrumb.tiles.success,
.breadcrumb.bg-dark,
.settings-panel .color-tiles .breadcrumb.tiles.dark,
.breadcrumb.bg-danger,
.settings-panel .color-tiles .breadcrumb.tiles.danger,
.breadcrumb.bg-warning,
.settings-panel .color-tiles .breadcrumb.tiles.warning,
.breadcrumb.bg-primary,
.settings-panel .color-tiles .breadcrumb.tiles.primary,
.breadcrumb.bg-info,
.settings-panel .color-tiles .breadcrumb.tiles.info {
    border: none;
}
.breadcrumb.bg-success .breadcrumb-item,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item,
.breadcrumb.bg-dark .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item,
.breadcrumb.bg-danger .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item,
.breadcrumb.bg-warning .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item,
.breadcrumb.bg-primary .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item,
.breadcrumb.bg-info .breadcrumb-item,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item {
    color: #ffffff;
}
.breadcrumb.bg-success .breadcrumb-item:before,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before,
.breadcrumb.bg-dark .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before,
.breadcrumb.bg-danger .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before,
.breadcrumb.bg-warning .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before,
.breadcrumb.bg-primary .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before,
.breadcrumb.bg-info .breadcrumb-item:before,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before {
    color: inherit;
}
.breadcrumb.bg-success .breadcrumb-item a,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a,
.breadcrumb.bg-success .breadcrumb-item span,
.swal2-modal .swal2-buttonswrapper .breadcrumb.swal2-styled.swal2-confirm .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span,
.breadcrumb.bg-dark .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a,
.breadcrumb.bg-dark .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span,
.breadcrumb.bg-danger .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a,
.breadcrumb.bg-danger .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span,
.breadcrumb.bg-warning .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a,
.breadcrumb.bg-warning .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span,
.breadcrumb.bg-primary .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a,
.breadcrumb.bg-primary .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span,
.breadcrumb.bg-info .breadcrumb-item a,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a,
.breadcrumb.bg-info .breadcrumb-item span,
.settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span {
    color: inherit;
}
.bg-inverse-primary,
.image-grouped .text-avatar {
    background: #f6edff;
    border-color: var(--theme-color);
}
.bg-inverse-primary .breadcrumb-item,
.image-grouped .text-avatar .breadcrumb-item {
    color: var(--theme-color);
}
.bg-inverse-primary .breadcrumb-item:before,
.image-grouped .text-avatar .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-primary .breadcrumb-item a,
.image-grouped .text-avatar .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-primary.breadcrumb-custom,
.image-grouped .breadcrumb-custom.text-avatar {
    background: transparent;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item {
    background: #f6edff;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item a {
    color: var(--theme-color);
    border: none;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a:before,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item a:before {
    border-right-color: #f6edff;
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item span,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item span {
    color: var(--theme-color);
}
.bg-inverse-primary.breadcrumb-custom .breadcrumb-item:last-child,
.image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-secondary {
    background: white;
    border-color: #c3bdbd;
}
.bg-inverse-secondary .breadcrumb-item {
    color: #c3bdbd;
}
.bg-inverse-secondary .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-secondary .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-secondary.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item {
    background: white;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a {
    color: #c3bdbd;
    border: none;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: white;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item span {
    color: #c3bdbd;
}
.bg-inverse-secondary.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-success {
    background: #7ceedd;
    border-color: #1bcfb4;
}
.bg-inverse-success .breadcrumb-item {
    color: #1bcfb4;
}
.bg-inverse-success .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-success .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-success.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item {
    background: #7ceedd;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item a {
    color: #1bcfb4;
    border: none;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #7ceedd;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item span {
    color: #1bcfb4;
}
.bg-inverse-success.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-info {
    background: #89c4f2;
    border-color: #198ae3;
}
.bg-inverse-info .breadcrumb-item {
    color: #198ae3;
}
.bg-inverse-info .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-info .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-info.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item {
    background: #89c4f2;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item a {
    color: #198ae3;
    border: none;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #89c4f2;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item span {
    color: #198ae3;
}
.bg-inverse-info.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-warning {
    background: #ffed92;
    border-color: #fed713;
}
.bg-inverse-warning .breadcrumb-item {
    color: #fed713;
}
.bg-inverse-warning .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-warning .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-warning.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item {
    background: #ffed92;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item a {
    color: #fed713;
    border: none;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #ffed92;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item span {
    color: #fed713;
}
.bg-inverse-warning.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-danger {
    background: #fffbfb;
    border-color: #fe7c96;
}
.bg-inverse-danger .breadcrumb-item {
    color: #fe7c96;
}
.bg-inverse-danger .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-danger .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-danger.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item {
    background: #fffbfb;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item a {
    color: #fe7c96;
    border: none;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #fffbfb;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item span {
    color: #fe7c96;
}
.bg-inverse-danger.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-light {
    background: white;
    border-color: #f8f9fa;
}
.bg-inverse-light .breadcrumb-item {
    color: #f8f9fa;
}
.bg-inverse-light .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-light .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-light.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item {
    background: white;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item a {
    color: #f8f9fa;
    border: none;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: white;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item span {
    color: #f8f9fa;
}
.bg-inverse-light.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.bg-inverse-dark {
    background: #778aa2;
    border-color: #3e4b5b;
}
.bg-inverse-dark .breadcrumb-item {
    color: #3e4b5b;
}
.bg-inverse-dark .breadcrumb-item:before {
    color: inherit;
}
.bg-inverse-dark .breadcrumb-item a {
    color: inherit;
}
.bg-inverse-dark.breadcrumb-custom {
    background: transparent;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item {
    background: #778aa2;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item a {
    color: #3e4b5b;
    border: none;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item a:before {
    border-right-color: #778aa2;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item span {
    color: #3e4b5b;
}
.bg-inverse-dark.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}
.card {
    border: 0;
    background: #fff;
}
.card .card-body {
    padding: 2.5rem 2.5rem;
}
.card .card-body+.card-body {
    padding-top: 1rem;
}
.card .card-title {
    color: #343a40;
    margin-bottom: 0.75rem;
    text-transform: capitalize;
    font-family: "ubuntu-medium", sans-serif;
    font-size: 1.125rem;
}
.card .card-subtitle {
    font-family: "ubuntu-regular", sans-serif;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}
.card .card-description {
    color: #76838f;
    margin-bottom: 1.5rem;
    font-family: "ubuntu-regular", sans-serif;
}
.card.card-outline-success {
    border: 1px solid #1bcfb4;
}
.card.card-outline-primary {
    border: 1px solid var(--theme-color);
}
.card.card-outline-warning {
    border: 1px solid #fed713;
}
.card.card-outline-danger {
    border: 1px solid #fe7c96;
}
.card.card-rounded {
    border-radius: 5px;
}
.card.card-faded {
    background: #b5b0b2;
    border-color: #b5b0b2;
}
.card.card-circle-progress {
    color: #ffffff;
    text-align: center;
}
.card.card-img-holder {
    position: relative;
}
.card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.card.bg-blue-gradient {
    background: linear-gradient(to left, #065efd, #3169fd, #6f79fc);
    color: #fff;
}
.card.bg-orange-gradient {
    background: linear-gradient(to left, #ff7f2e, #fe7452);
    color: #fff;
}
.card.bg-green-gradient {
    background: linear-gradient(to left, #24e8a6, #09cdd1);
    color: #fff;
}
.card.card-no-shadow {
    box-shadow: none;
}
.card-grey {
    background: #dde1e1;
}
.card-banner {
    background: #f7e9cc;
    border-bottom: 7px solid #fed713;
}
.card-blue {
    background: #b5d3f5;
    color: #075fa5;
}
.card-blue a {
    color: #075fa5;
}
.card-inverse-primary {
    background: rgba(182, 109, 255, 0.2);
    border: 1px solid #a764eb;
    color: #8a53c2;
}
.card-inverse-secondary {
    background: rgba(195, 189, 189, 0.2);
    border: 1px solid #b3aeae;
    color: #949090;
}
.card-inverse-success {
    background: rgba(27, 207, 180, 0.2);
    border: 1px solid #19bea6;
    color: #159d89;
}
.card-inverse-info {
    background: rgba(25, 138, 227, 0.2);
    border: 1px solid #177fd1;
    color: #1369ad;
}
.card-inverse-warning {
    background: rgba(254, 215, 19, 0.2);
    border: 1px solid #eac611;
    color: #c1a30e;
}
.card-inverse-danger {
    background: rgba(254, 124, 150, 0.2);
    border: 1px solid #ea728a;
    color: #c15e72;
}
.card-inverse-light {
    background: rgba(248, 249, 250, 0.2);
    border: 1px solid #e4e5e6;
    color: #bcbdbe;
}
.card-inverse-dark {
    background: rgba(62, 75, 91, 0.2);
    border: 1px solid #394554;
    color: #2f3945;
}
.form-check {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-right: 0;
}
.form-check .form-check-label {
    display: block;
    margin-right: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.rtl .form-check .form-check-label {
    margin-right: 0;
    margin-left: 1.75rem;
}
.form-check .form-check-label input {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.rtl .form-check .form-check-label input {
    right: auto;
    left: 0;
}
.form-check .form-check-label input[type="checkbox"]+.input-helper:before,
.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    position: absolute;
    top: 0;
    right: 0;
}
.rtl .form-check .form-check-label input[type="checkbox"]+.input-helper:before,
.rtl .form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    right: auto;
    left: 0;
}
.form-check .form-check-label input[type="checkbox"]+.input-helper:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid var(--theme-color) !important;
    border-width: 2px;
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
}
.form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
    font-family: Material Design Icons;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    content: '\F012C';
    font-size: .9375rem;
    font-weight: bold;
    color: #ffffff;
}
.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:before {
    background: linear-gradient(to left, var(--theme-color), var(--theme-color));
    border-width: 0;
}
.form-check .form-check-label input[type="checkbox"]:checked+.input-helper:after {
    width: 18px;
    opacity: 1;
    line-height: 18px;
    filter: alpha(opacity=100);
    transform: scale(1);
}
.form-check .form-check-label input[type="checkbox"]:disabled+.input-helper:before {
    border-color: #ebedf2;
}
.form-check .form-check-label input[type="checkbox"]:disabled:checked+.input-helper:after {
    background: #ebedf2;
    color: #ffffff;
}
.form-check .form-check-label input[type="radio"]+.input-helper:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    border: solid var(--theme-color);
    border-width: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
}
.rtl .form-check .form-check-label input[type="radio"]+.input-helper:before {
    right: auto;
    left: 0;
}
.form-check .form-check-label input[type="radio"]+.input-helper:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    top: 6px;
    right: 6px;
    transition: all;
    transition-duration: 0s;
    transition-duration: 250ms;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    position: absolute;
}
.rtl .form-check .form-check-label input[type="radio"]+.input-helper:after {
    right: auto;
    left: 6px;
}
.form-check .form-check-label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-width: 0;
}
.form-check .form-check-label input[type="radio"]:checked+.input-helper:after {
    opacity: 1;
    line-height: 1.5;
    filter: alpha(opacity=100);
    transform: scale(1);
}
.form-check .form-check-label input[type="radio"]:disabled+.input-helper:before {
    border-color: #ebedf2;
}
.form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:before {
    background: #ebedf2;
}
.form-check .form-check-label input[type="radio"]:disabled:checked+.input-helper:after {
    background: #ffffff;
}
.form-check-primary.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-primary.form-check label input[type="radio"]+.input-helper:before {
    border-color: var(--theme-color);
}
.form-check-primary.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.form-check-secondary.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-secondary.form-check label input[type="radio"]+.input-helper:before {
    border-color: #c3bdbd;
}
.form-check-secondary.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-secondary.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.form-check-success.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-success.form-check label input[type="radio"]+.input-helper:before {
    border-color: #1bcfb4;
}
.form-check-success.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-success.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.form-check-info.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-info.form-check label input[type="radio"]+.input-helper:before {
    border-color: #198ae3;
}
.form-check-info.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-info.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.form-check-warning.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-warning.form-check label input[type="radio"]+.input-helper:before {
    border-color: #fed713;
}
.form-check-warning.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-warning.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.form-check-danger.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-danger.form-check label input[type="radio"]+.input-helper:before {
    border-color: #fe7c96;
}
.form-check-danger.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-danger.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.form-check-light.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-light.form-check label input[type="radio"]+.input-helper:before {
    border-color: #f8f9fa;
}
.form-check-light.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-light.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.form-check-dark.form-check label input[type="checkbox"]+.input-helper:before,
.form-check-dark.form-check label input[type="radio"]+.input-helper:before {
    border-color: #3e4b5b;
}
.form-check-dark.form-check label input[type="checkbox"]:checked+.input-helper:before,
.form-check-dark.form-check label input[type="radio"]:checked+.input-helper:before {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.dropdown .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: .75rem;
}
.dropdown .dropdown-menu {
    margin-top: .75rem;
    font-size: 0.875rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
}
.dropdown .dropdown-menu .dropdown-item {
    font-size: 1rem;
    padding: .25rem 1.5rem;
}
.dropdown .dropdown-menu .dropdown-item:active {
    background: initial;
}
.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
}
.form-group {
    margin-bottom: 1.5rem;
}
.input-group-append,
.input-group-prepend {
    color: #c9c8c8;
    width: auto;
    border: none;
}
.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
    border-color: #ebedf2;
    padding: 0.94rem 0.75rem;
    color: #c9c8c8;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    border: 1px solid #ebedf2;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.8125rem;
}
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    background-color: #ffffff;
    color: #000;
    outline: none;
}
select.form-control,
select.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.select2-container--default select.select2-selection--single,
.select2-container--default .select2-selection--single select.select2-search__field,
select.typeahead,
select.tt-query,
select.tt-hint {
    padding: .4375rem .75rem;
    border: 0;
    outline: 1px solid #ebedf2;
}
select.form-control:focus,
select.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.select2-container--default select.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.select2-search__field:focus,
select.typeahead:focus,
select.tt-query:focus,
select.tt-hint:focus {
    outline: 1px solid #ebedf2;
}
select.form-control.border-primary,
select.border-primary.asColorPicker-input,
.dataTables_wrapper select.border-primary,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-primary,
.select2-container--default select.border-primary.select2-selection--single,
.select2-container--default .select2-selection--single select.border-primary.select2-search__field,
select.border-primary.typeahead,
select.border-primary.tt-query,
select.border-primary.tt-hint {
    outline: 1px solid var(--theme-color);
}
select.form-control.border-primary:focus,
select.border-primary.asColorPicker-input:focus,
.dataTables_wrapper select.border-primary:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-primary:focus,
.select2-container--default select.border-primary.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-primary.select2-search__field:focus,
select.border-primary.typeahead:focus,
select.border-primary.tt-query:focus,
select.border-primary.tt-hint:focus {
    outline: 1px solid var(--theme-color);
}
select.form-control.border-secondary,
select.form-control.loader-demo-box,
select.loader-demo-box.asColorPicker-input,
.dataTables_wrapper select.loader-demo-box,
.jsgrid .jsgrid-table .jsgrid-filter-row select.loader-demo-box,
.select2-container--default select.loader-demo-box.select2-selection--single,
.select2-container--default .select2-selection--single select.loader-demo-box.select2-search__field,
select.loader-demo-box.typeahead,
select.loader-demo-box.tt-query,
select.loader-demo-box.tt-hint,
select.border-secondary.asColorPicker-input,
.dataTables_wrapper select.border-secondary,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-secondary,
.select2-container--default select.border-secondary.select2-selection--single,
.select2-container--default .select2-selection--single select.border-secondary.select2-search__field,
select.border-secondary.typeahead,
select.border-secondary.tt-query,
select.border-secondary.tt-hint {
    outline: 1px solid #c3bdbd;
}
select.form-control.border-secondary:focus,
select.form-control.loader-demo-box:focus,
select.loader-demo-box.asColorPicker-input:focus,
.dataTables_wrapper select.loader-demo-box:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.loader-demo-box:focus,
.select2-container--default select.loader-demo-box.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.loader-demo-box.select2-search__field:focus,
select.loader-demo-box.typeahead:focus,
select.loader-demo-box.tt-query:focus,
select.loader-demo-box.tt-hint:focus,
select.border-secondary.asColorPicker-input:focus,
.dataTables_wrapper select.border-secondary:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-secondary:focus,
.select2-container--default select.border-secondary.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-secondary.select2-search__field:focus,
select.border-secondary.typeahead:focus,
select.border-secondary.tt-query:focus,
select.border-secondary.tt-hint:focus {
    outline: 1px solid #c3bdbd;
}
select.form-control.border-success,
select.border-success.asColorPicker-input,
.swal2-modal .swal2-buttonswrapper select.asColorPicker-input.swal2-styled.swal2-confirm,
.dataTables_wrapper select.border-success,
.dataTables_wrapper .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper select.swal2-styled.swal2-confirm,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-success,
.jsgrid .jsgrid-table .jsgrid-filter-row .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .jsgrid .jsgrid-table .jsgrid-filter-row select.swal2-styled.swal2-confirm,
.select2-container--default select.border-success.select2-selection--single,
.select2-container--default .swal2-modal .swal2-buttonswrapper select.select2-selection--single.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .select2-container--default select.select2-selection--single.swal2-styled.swal2-confirm,
.select2-container--default .select2-selection--single select.border-success.select2-search__field,
.select2-container--default .select2-selection--single .swal2-modal .swal2-buttonswrapper select.select2-search__field.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper .select2-container--default .select2-selection--single select.select2-search__field.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper select.form-control.swal2-styled.swal2-confirm,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.typeahead,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-query,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-hint,
select.border-success.typeahead,
select.border-success.tt-query,
select.border-success.tt-hint {
    outline: 1px solid #1bcfb4;
}
select.form-control.border-success:focus,
select.border-success.asColorPicker-input:focus,
.swal2-modal .swal2-buttonswrapper select.asColorPicker-input.swal2-styled.swal2-confirm:focus,
.dataTables_wrapper select.border-success:focus,
.dataTables_wrapper .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper select.swal2-styled.swal2-confirm:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-success:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .jsgrid .jsgrid-table .jsgrid-filter-row select.swal2-styled.swal2-confirm:focus,
.select2-container--default select.border-success.select2-selection--single:focus,
.select2-container--default .swal2-modal .swal2-buttonswrapper select.select2-selection--single.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .select2-container--default select.select2-selection--single.swal2-styled.swal2-confirm:focus,
.select2-container--default .select2-selection--single select.border-success.select2-search__field:focus,
.select2-container--default .select2-selection--single .swal2-modal .swal2-buttonswrapper select.select2-search__field.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper .select2-container--default .select2-selection--single select.select2-search__field.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper select.form-control.swal2-styled.swal2-confirm:focus,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.typeahead:focus,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-query:focus,
.swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-hint:focus,
select.border-success.typeahead:focus,
select.border-success.tt-query:focus,
select.border-success.tt-hint:focus {
    outline: 1px solid #1bcfb4;
}
select.form-control.border-info,
select.border-info.asColorPicker-input,
.dataTables_wrapper select.border-info,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-info,
.select2-container--default select.border-info.select2-selection--single,
.select2-container--default .select2-selection--single select.border-info.select2-search__field,
select.border-info.typeahead,
select.border-info.tt-query,
select.border-info.tt-hint {
    outline: 1px solid #198ae3;
}
select.form-control.border-info:focus,
select.border-info.asColorPicker-input:focus,
.dataTables_wrapper select.border-info:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-info:focus,
.select2-container--default select.border-info.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-info.select2-search__field:focus,
select.border-info.typeahead:focus,
select.border-info.tt-query:focus,
select.border-info.tt-hint:focus {
    outline: 1px solid #198ae3;
}
select.form-control.border-warning,
select.border-warning.asColorPicker-input,
.dataTables_wrapper select.border-warning,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-warning,
.select2-container--default select.border-warning.select2-selection--single,
.select2-container--default .select2-selection--single select.border-warning.select2-search__field,
select.border-warning.typeahead,
select.border-warning.tt-query,
select.border-warning.tt-hint {
    outline: 1px solid #fed713;
}
select.form-control.border-warning:focus,
select.border-warning.asColorPicker-input:focus,
.dataTables_wrapper select.border-warning:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-warning:focus,
.select2-container--default select.border-warning.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-warning.select2-search__field:focus,
select.border-warning.typeahead:focus,
select.border-warning.tt-query:focus,
select.border-warning.tt-hint:focus {
    outline: 1px solid #fed713;
}
select.form-control.border-danger,
select.border-danger.asColorPicker-input,
.dataTables_wrapper select.border-danger,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-danger,
.select2-container--default select.border-danger.select2-selection--single,
.select2-container--default .select2-selection--single select.border-danger.select2-search__field,
select.border-danger.typeahead,
select.border-danger.tt-query,
select.border-danger.tt-hint {
    outline: 1px solid #fe7c96;
}
select.form-control.border-danger:focus,
select.border-danger.asColorPicker-input:focus,
.dataTables_wrapper select.border-danger:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-danger:focus,
.select2-container--default select.border-danger.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-danger.select2-search__field:focus,
select.border-danger.typeahead:focus,
select.border-danger.tt-query:focus,
select.border-danger.tt-hint:focus {
    outline: 1px solid #fe7c96;
}
select.form-control.border-light,
select.border-light.asColorPicker-input,
.dataTables_wrapper select.border-light,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-light,
.select2-container--default select.border-light.select2-selection--single,
.select2-container--default .select2-selection--single select.border-light.select2-search__field,
select.border-light.typeahead,
select.border-light.tt-query,
select.border-light.tt-hint {
    outline: 1px solid #f8f9fa;
}
select.form-control.border-light:focus,
select.border-light.asColorPicker-input:focus,
.dataTables_wrapper select.border-light:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-light:focus,
.select2-container--default select.border-light.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-light.select2-search__field:focus,
select.border-light.typeahead:focus,
select.border-light.tt-query:focus,
select.border-light.tt-hint:focus {
    outline: 1px solid #f8f9fa;
}
select.form-control.border-dark,
select.border-dark.asColorPicker-input,
.dataTables_wrapper select.border-dark,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-dark,
.select2-container--default select.border-dark.select2-selection--single,
.select2-container--default .select2-selection--single select.border-dark.select2-search__field,
select.border-dark.typeahead,
select.border-dark.tt-query,
select.border-dark.tt-hint {
    outline: 1px solid #3e4b5b;
}
select.form-control.border-dark:focus,
select.border-dark.asColorPicker-input:focus,
.dataTables_wrapper select.border-dark:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select.border-dark:focus,
.select2-container--default select.border-dark.select2-selection--single:focus,
.select2-container--default .select2-selection--single select.border-dark.select2-search__field:focus,
select.border-dark.typeahead:focus,
select.border-dark.tt-query:focus,
select.border-dark.tt-hint:focus {
    outline: 1px solid #3e4b5b;
}
.form-group label {
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: top;
    margin-bottom: .5rem;
}
.has-danger .form-control,
.form-group.has-danger .asColorPicker-input,
.form-group.has-danger .dataTables_wrapper select,
.dataTables_wrapper .form-group.has-danger select,
.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text],
.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select,
.form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number],
.form-group.has-danger .select2-container--default .select2-selection--single,
.select2-container--default .form-group.has-danger .select2-selection--single,
.form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field,
.form-group.has-danger .typeahead,
.form-group.has-danger .tt-query,
.form-group.has-danger .tt-hint {
    border: 1px solid #fe7c96;
}
.form-group .file-upload-default {
    visibility: hidden;
    position: absolute;
}
.form-group .file-upload-info {
    background: white;
}
.map-container {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    display: block;
    padding: 35% 0;
    overflow: hidden;
    border-radius: 5px;
}
.map-container .google-map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.map-container .google-map.no-controls .gmnoprint,
.map-container .google-map.no-controls .gm-style-cc {
    display: none;
}
.icons-list {
    border-right: 1px solid #ebedf2;
    border-top: 1px solid #ebedf2;
}
.icons-list>div {
    border-bottom: 1px solid #ebedf2;
    border-left: 1px solid #ebedf2;
    display: flex;
    align-items: center;
    padding: 15px 15px;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem;
}
.icons-list>div i {
    display: inline-block;
    font-size: 20px;
    width: 40px;
    text-align: right;
    color: var(--theme-color);
}
#pgloading {
    position: static;
}
#pgloading .bokeh {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    border: 0.01em solid #ebedf2;
    list-style: none;
    padding: 0;
}
#pgloading .bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}
#pgloading .bokeh li:nth-child(1) {
    right: 50%;
    top: 0;
    margin: 0 -.1em 0 0;
    background: #1bcfb4;
    transform-origin: 50% 250%;
    animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
#pgloading .bokeh li:nth-child(2) {
    top: 50%;
    left: 0;
    margin: -.1em 0 0 0;
    background: #fe7c96;
    transform-origin: -150% 50%;
    animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
#pgloading .bokeh li:nth-child(3) {
    right: 50%;
    bottom: 0;
    margin: 0 -.1em 0 0;
    background: #fed713;
    transform-origin: 50% -150%;
    animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
#pgloading .bokeh li:nth-child(4) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0 0;
    background: var(--theme-color);
    transform-origin: 250% 50%;
    animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@keyframes rota {
    from {}

    to {
        transform: rotate(360deg);
    }
}
@keyframes opa {
    0% {}

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}
.glowing-loader {
    position: relative;
}
.s2 {
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50px;
    background-color: transparent;
    right: 50%;
    transform: translate(50%, -50%);
}
.s1 {
    position: absolute;
    height: 70px;
    width: 70px;
    right: 50%;
    top: 50px;
    transform-origin: center;
    transform: translate(50%, -50%) rotate(45deg);
    background-color: transparent;
}
.bigcon {
    position: absolute;
    height: 75px;
    width: 75px;
    right: 50%;
    top: 50px;
    transform-origin: center;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: transparent;
    animation: bigcon 2s infinite linear;
    animation-delay: 0.25s;
}
.b {
    border-radius: 50%;
    position: absolute;
}
.s {
    width: 15px;
    height: 15px;
    animation: small 2s infinite ease;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
    background-color: var(--theme-color);
}
.s:nth-child(1) {
    top: 0%;
    right: 0%;
}
.s:nth-child(2) {
    top: 0%;
    left: 0%;
}
.s:nth-child(3) {
    left: 0%;
    bottom: 0%;
}
.s:nth-child(4) {
    bottom: 0%;
    right: 0%;
}
.big {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px var(--theme-color), 0px 0px 20px var(--theme-color), 0px 0px 30px var(--theme-color), 0px 0px 50px var(--theme-color), 0px 0px 60px var(--theme-color);
    z-index: 1;
    background-color: var(--theme-color);
    animation: bigball 1s infinite linear;
}
.sb1 {
    animation-delay: -1.75s;
}
.sb6 {
    animation-delay: -1.5s;
}
.sb2 {
    animation-delay: -1.25s;
}
.sb7 {
    animation-delay: -1s;
}
.sb3 {
    animation-delay: -0.75s;
}
.sb8 {
    animation-delay: -0.5s;
}
.sb4 {
    animation-delay: -0.25s;
}
.sb5 {
    animation-delay: -0s;
}
@keyframes bigcon {
    0% {
        transform-origin: center;
        transform: translate(50%, -50%) rotate(45deg);
    }

    100% {
        transform-origin: center;
        transform: translate(50%, -50%) rotate(405deg);
    }
}
@keyframes small {
    0% {
        transform: scale(1);
        background-color: #e9d3ff;
    }

    10% {
        transform: scale(1.3);
        background-color: var(--theme-color);
    }

    15% {
        transform: scale(1);
    }

    25% {
        transform: scale(1);
        background-color: var(--theme-color);
    }

    100% {
        transform: scale(1);
        background-color: var(--theme-color);
    }
}
.pixel-loader {
    width: 10px;
    height: 10px;
    background: #fed713;
    color: #fed713;
    margin: 80px auto;
    box-shadow: -15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;
    animation: anim 2s linear infinite;
}
@keyframes anim {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    50% {
        box-shadow: -20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    75% {
        box-shadow: -20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    100% {
        transform: rotate(360deg);
        -webkit-filter: hue-rotate(360deg);
    }
}
@keyframes dyinglight {
    15% {
        transform: scale(1.6);
    }

    50% {
        transform: rotate(-89deg);
    }

    100% {
        transform: rotate(-90deg);
    }
}
.square-box-loader {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    display: inline-block;
}
.square-box-loader-square {
    display: block;
    width: 30px;
    height: 30px;
    background: var(--theme-color);
}
.square-box-loader-container {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    transform-origin: 50% 50% 0;
    animation: dyinglight 1s ease infinite;
    backface-visibility: hidden;
}
.square-box-loader-corner-top:before,
.square-box-loader-corner-top:after,
.square-box-loader-corner-bottom:before,
.square-box-loader-corner-bottom:after {
    position: absolute;
    width: 10px;
    height: 10px;
    color: var(--theme-color);
    content: '';
}
.square-box-loader-corner-top:before {
    border-right: 1px solid;
    border-top: 1px solid;
    top: -4px;
    right: -4px;
}
.square-box-loader-corner-top:after {
    border-left: 1px solid;
    border-top: 1px solid;
    top: -4px;
    left: -4px;
}
.square-box-loader-corner-bottom:before {
    border-right: 1px solid;
    border-bottom: 1px solid;
    bottom: -4px;
    right: -4px;
}
.square-box-loader-corner-bottom:after {
    border-left: 1px solid;
    border-bottom: 1px solid;
    bottom: -4px;
    left: -4px;
}
.circle-loader {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.circle-loader:before,
.circle-loader:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #fed713;
}
.circle-loader:before {
    z-index: 100;
    animation: spin 1s infinite;
}
.circle-loader:after {
    border: 10px solid #c3bdbd;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.jumping-dots-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.jumping-dots-loader span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgba(254, 124, 150, 0.8);
    margin: 35px 5px;
}
.jumping-dots-loader span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
}
.jumping-dots-loader span:nth-child(2) {
    animation: bounce 1s ease-in-out 0.33s infinite;
}
.jumping-dots-loader span:nth-child(3) {
    animation: bounce 1s ease-in-out 0.66s infinite;
}
@keyframes bounce {

    0%,
    75%,
    100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-20px);
    }
}
.bar-loader {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.bar-loader span {
    display: inline-block;
    width: 5px;
    height: 30px;
    background-color: rgba(254, 124, 150, 0.7);
}
.bar-loader span:nth-child(1) {
    animation: grow 1s ease-in-out infinite;
}
.bar-loader span:nth-child(2) {
    animation: grow 1s ease-in-out 0.15s infinite;
}
.bar-loader span:nth-child(3) {
    animation: grow 1s ease-in-out 0.30s infinite;
}
.bar-loader span:nth-child(4) {
    animation: grow 1s ease-in-out 0.45s infinite;
}
@keyframes grow {

    0%,
    100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(1.8);
    }
}
.square-path-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.square-path-loader:before,
.square-path-loader:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: calc(50% - 10px);
    background-color: rgba(27, 207, 180, 0.7);
    animation: squaremove 1s ease-in-out infinite;
}
.square-path-loader:after {
    bottom: 0;
    animation-delay: 0.5s;
}
@keyframes squaremove {

    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }

    25% {
        transform: translate(-40px, 40px) rotate(45deg);
    }

    50% {
        transform: translate(0px, 80px) rotate(0deg);
    }

    75% {
        transform: translate(40px, 40px) rotate(45deg);
    }
}
.dot-opacity-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.dot-opacity-loader span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: var(--theme-color);
    margin: 35px 5px;
    opacity: 0;
}
.dot-opacity-loader span:nth-child(1) {
    animation: opacitychange 1s ease-in-out infinite;
}
.dot-opacity-loader span:nth-child(2) {
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}
.dot-opacity-loader span:nth-child(3) {
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}
@keyframes opacitychange {

    0%,
    100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}
.flip-square-loader {
    -ms-perspective: 120px;
    perspective: 120px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.flip-square-loader:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 25px;
    width: 50px;
    height: 50px;
    background-color: rgba(27, 207, 180, 0.7);
    animation: flip 1s infinite;
}
@keyframes flip {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(180deg) rotateX(180deg);
    }
}
.moving-square-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
.moving-square-loader:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: calc(50% - 10px);
    right: 0px;
    background-color: rgba(254, 124, 150, 0.7);
    animation: rotatemove 1s infinite;
}
@keyframes rotatemove {
    0% {
        transform: scale(1) translateX(0px);
    }

    100% {
        transform: scale(2) translateX(-45px);
    }
}
ul,
ol,
dl {
    padding-right: 1rem;
    font-size: 0.875rem;
}
ul li,
ol li,
dl li {
    line-height: 1.8;
}
.list-ticked,
.list-arrow,
.list-star {
    list-style: none;
    padding: 0;
}
.list-ticked li,
.list-arrow li,
.list-star li {
    padding-right: 1.5rem;
}
.list-ticked li:before,
.list-arrow li:before,
.list-star li:before {
    font-family: "Material Design Icons";
    margin-right: -1.5rem;
    width: 1.5rem;
    margin-left: .5rem;
}
.list-ticked li:before {
    content: '\F12D';
    color: #fe7c96;
}
.list-arrow li:before {
    content: '\F142';
    color: #1bcfb4;
}
.list-star li:before {
    content: '\F4CE';
    color: #fed713;
}
.gradient-bullet-list {
    padding-right: 0;
}
.rtl .gradient-bullet-list {
    padding-left: 0;
}
.gradient-bullet-list li {
    position: relative;
    list-style-type: none;
    padding-right: 25px;
    line-height: 1;
    padding-bottom: 25px;
}
.gradient-bullet-list li:before,
.gradient-bullet-list li:after {
    content: "";
    position: absolute;
}
.gradient-bullet-list li:before {
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
.gradient-bullet-list li:after {
    width: 11px;
    height: 11px;
    top: 2px;
    right: 2px;
    background: #fff;
    border-radius: 100%;
}
.gradient-bullet-list li:nth-child(1):before {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.gradient-bullet-list li:nth-child(2):before {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.gradient-bullet-list li:nth-child(3):before {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.gradient-bullet-list li:nth-child(4):before {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.gradient-bullet-list li:nth-child(5):before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.bullet-line-list {
    padding-right: 30px;
    margin-bottom: 0;
    position: relative;
    list-style-type: none;
}
.rtl .bullet-line-list {
    padding-left: 0px;
}
.bullet-line-list li {
    position: relative;
    line-height: 1;
    padding-bottom: 10px;
}
.bullet-line-list li:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    right: -28px;
    top: 6px;
    border: 3px solid var(--theme-color);
    margin-left: 15px;
    z-index: 2;
    background: #ffffff;
}
.bullet-line-list li:after {
    content: "";
    border: 1px solid #ebedf2;
    position: absolute;
    bottom: 0;
    right: -23px;
    height: 100%;
}
.bullet-line-list li:first-child:after {
    content: "";
    height: 80%;
}
.bullet-line-list li:last-child {
    padding-bottom: 0;
}
.bullet-line-list li:last-child:after {
    content: "";
    top: 0;
    height: 30%;
}
.modal .modal-dialog {
    margin-top: 100px;
}
.modal .modal-dialog .modal-content .modal-header {
    padding: 25px 26px;
}
.modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 20px;
    font-weight: 400;
    color: #6a6a6a;
}
.modal .modal-dialog .modal-content .modal-body {
    padding: 35px 26px;
}
.modal .modal-dialog .modal-content .modal-footer {
    padding: 15px 31px;
}
.pagination .page-item .page-link,
.jsgrid .jsgrid-pager .page-item .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    border-color: #ebedf2;
    color: #343a40;
    font-size: .875rem;
    transition-duration: 0.3s;
}
.pagination .page-item .page-link:focus,
.jsgrid .jsgrid-pager .page-item .page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
    background: inherit;
}
.pagination .page-item .page-link i:before,
.jsgrid .jsgrid-pager .page-item .page-link i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before,
.jsgrid .jsgrid-pager .jsgrid-pager-page a i:before {
    font-size: inherit;
    line-height: 1;
    vertical-align: middle;
}
.pagination .page-item.active .page-link,
.jsgrid .jsgrid-pager .page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.pagination .page-item:hover .page-link,
.jsgrid .jsgrid-pager .page-item:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a,
.pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a,
.pagination .page-item:focus .page-link,
.jsgrid .jsgrid-pager .page-item:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a,
.pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a,
.pagination .page-item:active .page-link,
.jsgrid .jsgrid-pager .page-item:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a,
.pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
.jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #ffffff;
}
.pagination.flat .page-item .page-link,
.jsgrid .flat.jsgrid-pager .page-item .page-link,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a,
.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a,
.jsgrid .flat.jsgrid-pager .jsgrid-pager-page a {
    border: none;
    border-radius: 2px;
}
.pagination.separated .page-item,
.jsgrid .separated.jsgrid-pager .page-item,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page {
    margin-right: 2px;
    margin-left: 2px;
}
.pagination.separated .page-item:first-child,
.jsgrid .separated.jsgrid-pager .page-item:first-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:first-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child {
    margin-right: 0;
}
.pagination.separated .page-item:last-child,
.jsgrid .separated.jsgrid-pager .page-item:last-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child {
    margin-left: 0;
}
.pagination.separated .page-item .page-link,
.jsgrid .separated.jsgrid-pager .page-item .page-link,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.separated .page-item a,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a,
.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a,
.jsgrid .separated.jsgrid-pager .jsgrid-pager-page a {
    border-radius: 2px;
}
.pagination.rounded .page-item:first-child .page-link,
.pagination.loader-demo-box .page-item:first-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link,
.jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:first-child a,
.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:first-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.pagination.rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:first-child a,
.pagination.loader-demo-box .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:first-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child a {
    border-radius: 0 25px 25px 0;
}
.pagination.rounded .page-item:last-child .page-link,
.pagination.loader-demo-box .page-item:last-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link,
.jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child .page-link,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child .page-link,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded .page-item:last-child a,
.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.loader-demo-box .page-item:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-nav-button:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.pagination.rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded .page-item:last-child a,
.pagination.loader-demo-box .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.loader-demo-box .page-item:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a,
.pagination.loader-demo-box .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination.loader-demo-box .jsgrid-pager-page:last-child a,
.jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child a {
    border-radius: 25px 0 0 25px;
}
.pagination.rounded-flat .page-item,
.jsgrid .rounded-flat.jsgrid-pager .page-item,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page {
    margin-left: 3px;
    margin-right: 3px;
}
.pagination.rounded-flat .page-item .page-link,
.jsgrid .rounded-flat.jsgrid-pager .page-item .page-link,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button .page-link,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-flat .page-item a,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a,
.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a,
.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a {
    border: none;
    border-radius: 50px;
}
.pagination.rounded-separated .page-item,
.jsgrid .rounded-separated.jsgrid-pager .page-item,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page {
    margin-right: 2px;
    margin-left: 2px;
}
.pagination.rounded-separated .page-item:first-child,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child {
    margin-right: 0;
}
.pagination.rounded-separated .page-item:first-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
.pagination.rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:first-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a {
    border-radius: 0 10px 10px 0;
}
.pagination.rounded-separated .page-item:last-child,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child {
    margin-left: 0;
}
.pagination.rounded-separated .page-item:last-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
.pagination.rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page:last-child a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a {
    border-radius: 10px 0 0 10px;
}
.pagination.rounded-separated .page-item .page-link,
.jsgrid .rounded-separated.jsgrid-pager .page-item .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page .page-link,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.rounded-separated .page-item a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-separated .page-item a,
.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a,
.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a {
    border-radius: 2px;
}
.pagination-primary .page-item.active .page-link,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link,
.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a,
.pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a,
.pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.pagination-primary .page-item .page-link:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover,
.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {
    background: #c387ff;
    border-color: var(--theme-color);
    color: #ffffff;
}
.pagination-secondary .page-item.active .page-link,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link,
.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a,
.pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a,
.pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a {
    background: #c3bdbd;
    border-color: #c3bdbd;
}
.pagination-secondary .page-item .page-link:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item a:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a:hover,
.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover {
    background: #cfcaca;
    border-color: #c3bdbd;
    color: #ffffff;
}
.pagination-success .page-item.active .page-link,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link,
.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a,
.pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a,
.pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {
    background: #1bcfb4;
    border-color: #1bcfb4;
}
.pagination-success .page-item .page-link:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover,
.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover {
    background: #21e2c5;
    border-color: #1bcfb4;
    color: #ffffff;
}
.pagination-info .page-item.active .page-link,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link,
.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a,
.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a,
.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {
    background: #198ae3;
    border-color: #198ae3;
}
.pagination-info .page-item .page-link:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover,
.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover {
    background: #2e96e8;
    border-color: #198ae3;
    color: #ffffff;
}
.pagination-warning .page-item.active .page-link,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link,
.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a,
.pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a,
.pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a {
    background: #fed713;
    border-color: #fed713;
}
.pagination-warning .page-item .page-link:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover,
.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover {
    background: #fedb2c;
    border-color: #fed713;
    color: #ffffff;
}
.pagination-danger .page-item.active .page-link,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link,
.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a,
.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a,
.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a {
    background: #fe7c96;
    border-color: #fe7c96;
}
.pagination-danger .page-item .page-link:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover,
.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover {
    background: #fe95aa;
    border-color: #fe7c96;
    color: #ffffff;
}
.pagination-light .page-item.active .page-link,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link,
.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a,
.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a,
.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {
    background: #f8f9fa;
    border-color: #f8f9fa;
}
.pagination-light .page-item .page-link:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover,
.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover {
    background: white;
    border-color: #f8f9fa;
    color: #ffffff;
}
.pagination-dark .page-item.active .page-link,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link,
.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a,
.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a,
.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {
    background: #3e4b5b;
    border-color: #3e4b5b;
}
.pagination-dark .page-item .page-link:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover,
.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover {
    background: #48586a;
    border-color: #3e4b5b;
    color: #ffffff;
}
.popover-static-demo .popover {
    width: 185px;
    position: relative;
    display: block;
    float: right;
    margin: 1rem .5rem;
    background: inherit;
}
.popover-static-demo .popover.bs-popover-bottom-demo .arrow,
.popover-static-demo .popover.bs-popover-top-demo .arrow {
    right: 50%;
}
.popover-static-demo .popover.bs-popover-left-demo .arrow,
.popover-static-demo .popover.bs-popover-right-demo .arrow {
    top: 50%;
}
.popover-static-demo .popover.popover-header {
    color: #000;
}
.popover {
    z-index: 1029;
}
.popover.bs-popover-top-demo .arrow:before {
    border-top-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-top-demo .arrow:after {
    border-top-color: #fff;
}
.popover.bs-popover-right-demo .arrow:before {
    border-left-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-right-demo .arrow:after {
    border-left-color: #fff;
}
.popover.bs-popover-bottom-demo .arrow:before {
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-bottom-demo .arrow:after {
    border-bottom-color: #fff;
}
.popover.bs-popover-bottom-demo .popover-header:before {
    border-bottom: 0;
}
.popover.bs-popover-left-demo .arrow:before {
    border-right-color: rgba(0, 0, 0, 0.2);
}
.popover.bs-popover-left-demo .arrow:after {
    border-right-color: #fff;
}
.popover .popover-header {
    font-size: .9375rem;
    border-bottom: 0;
    background: #ffffff;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.popover .popover-body {
    color: #9c9fa6;
}
.popover.left .arrow:before {
    border-right-color: rgba(0, 0, 0, 0.2);
}
.popover.left .arrow:after {
    border-right-color: #fff;
}
.popover.right .arrow:before {
    border-left-color: rgba(0, 0, 0, 0.2);
}
.popover.right .arrow:after {
    border-left-color: #fff;
}
.popover.top .arrow:before {
    border-top-color: rgba(0, 0, 0, 0.2);
}
.popover.top .arrow:after {
    border-top-color: #fff;
}
.popover.bottom .arrow:before {
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
.popover.bottom .arrow:after {
    border-bottom-color: #fff;
}
.popover-primary {
    border-color: "primary";
}
.popover-primary .popover-header {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
    border-bottom: 0;
}
.popover-primary.bs-popover-top .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-primary.bs-popover-top .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: var(--theme-color);
}
.popover-primary.bs-popover-right .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-primary.bs-popover-right .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: var(--theme-color);
}
.popover-primary.bs-popover-bottom .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-primary.bs-popover-bottom .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: var(--theme-color);
}
.popover-primary.bs-popover-left .arrow:before,
.popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-primary.bs-popover-left .arrow:after,
.popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: var(--theme-color);
}
.popover-secondary {
    border-color: "secondary";
}
.popover-secondary .popover-header {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
    border-bottom: 0;
}
.popover-secondary.bs-popover-top .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-secondary.bs-popover-top .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #c3bdbd;
}
.popover-secondary.bs-popover-right .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-secondary.bs-popover-right .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #c3bdbd;
}
.popover-secondary.bs-popover-bottom .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-secondary.bs-popover-bottom .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #c3bdbd;
}
.popover-secondary.bs-popover-left .arrow:before,
.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-secondary.bs-popover-left .arrow:after,
.popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #c3bdbd;
}
.popover-success {
    border-color: "success";
}
.popover-success .popover-header {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
    border-bottom: 0;
}
.popover-success.bs-popover-top .arrow:before,
.popover-success.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-success.bs-popover-top .arrow:after,
.popover-success.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #1bcfb4;
}
.popover-success.bs-popover-right .arrow:before,
.popover-success.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-success.bs-popover-right .arrow:after,
.popover-success.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #1bcfb4;
}
.popover-success.bs-popover-bottom .arrow:before,
.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-success.bs-popover-bottom .arrow:after,
.popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #1bcfb4;
}
.popover-success.bs-popover-left .arrow:before,
.popover-success.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-success.bs-popover-left .arrow:after,
.popover-success.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #1bcfb4;
}
.popover-info {
    border-color: "info";
}
.popover-info .popover-header {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
    border-bottom: 0;
}
.popover-info.bs-popover-top .arrow:before,
.popover-info.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-info.bs-popover-top .arrow:after,
.popover-info.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #198ae3;
}
.popover-info.bs-popover-right .arrow:before,
.popover-info.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-info.bs-popover-right .arrow:after,
.popover-info.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #198ae3;
}
.popover-info.bs-popover-bottom .arrow:before,
.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-info.bs-popover-bottom .arrow:after,
.popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #198ae3;
}
.popover-info.bs-popover-left .arrow:before,
.popover-info.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-info.bs-popover-left .arrow:after,
.popover-info.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #198ae3;
}
.popover-warning {
    border-color: "warning";
}
.popover-warning .popover-header {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
    border-bottom: 0;
}
.popover-warning.bs-popover-top .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-warning.bs-popover-top .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #fed713;
}
.popover-warning.bs-popover-right .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-warning.bs-popover-right .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #fed713;
}
.popover-warning.bs-popover-bottom .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-warning.bs-popover-bottom .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #fed713;
}
.popover-warning.bs-popover-left .arrow:before,
.popover-warning.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-warning.bs-popover-left .arrow:after,
.popover-warning.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #fed713;
}
.popover-danger {
    border-color: "danger";
}
.popover-danger .popover-header {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
    border-bottom: 0;
}
.popover-danger.bs-popover-top .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-danger.bs-popover-top .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #fe7c96;
}
.popover-danger.bs-popover-right .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-danger.bs-popover-right .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #fe7c96;
}
.popover-danger.bs-popover-bottom .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-danger.bs-popover-bottom .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #fe7c96;
}
.popover-danger.bs-popover-left .arrow:before,
.popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-danger.bs-popover-left .arrow:after,
.popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #fe7c96;
}
.popover-light {
    border-color: "light";
}
.popover-light .popover-header {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
    border-bottom: 0;
}
.popover-light.bs-popover-top .arrow:before,
.popover-light.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-light.bs-popover-top .arrow:after,
.popover-light.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #f8f9fa;
}
.popover-light.bs-popover-right .arrow:before,
.popover-light.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-light.bs-popover-right .arrow:after,
.popover-light.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #f8f9fa;
}
.popover-light.bs-popover-bottom .arrow:before,
.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-light.bs-popover-bottom .arrow:after,
.popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #f8f9fa;
}
.popover-light.bs-popover-left .arrow:before,
.popover-light.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-light.bs-popover-left .arrow:after,
.popover-light.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #f8f9fa;
}
.popover-dark {
    border-color: "dark";
}
.popover-dark .popover-header {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
    border-bottom: 0;
}
.popover-dark.bs-popover-top .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before,
.popover-dark.bs-popover-top .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #3e4b5b;
}
.popover-dark.bs-popover-right .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-dark.bs-popover-right .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #3e4b5b;
}
.popover-dark.bs-popover-bottom .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before,
.popover-dark.bs-popover-bottom .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #3e4b5b;
}
.popover-dark.bs-popover-left .arrow:before,
.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before,
.popover-dark.bs-popover-left .arrow:after,
.popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #3e4b5b;
}
.preview-list .preview-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: .75rem 1.5rem;
    font-size: .875rem;
}
.preview-list .preview-item:last-child {
    border-bottom: 0;
}
.preview-list .preview-item:hover {
    background: #e9ecef;
}
.preview-list .preview-item .form-check {
    margin-top: 8px;
    margin-left: 1rem;
}
.preview-list .preview-item .preview-thumbnail {
    color: #ffffff;
    position: relative;
}
.preview-list .preview-item .preview-thumbnail img,
.preview-list .preview-item .preview-thumbnail .preview-icon {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}
.preview-list .preview-item .preview-thumbnail .preview-icon {
    padding: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview-list .preview-item .preview-thumbnail .preview-icon i {
    font-size: 1.125rem;
    margin: 0;
}
.preview-list .preview-item .preview-thumbnail .badge {
    border: 2px solid #ffffff;
    border-radius: 100%;
    bottom: 5px;
    display: block;
    height: 14px;
    right: -5px;
    padding: 0;
    position: absolute;
    width: 14px;
}
.preview-list .preview-item .preview-item-content {
    line-height: 1;
    padding-right: 15px;
}
.preview-list .preview-item .preview-item-content:first-child {
    padding-right: 0;
}
.preview-list .preview-item .preview-item-content p {
    margin-bottom: 10px;
}
.preview-list .preview-item .preview-item-content p .content-category {
    font-family: 'source-sans-pro-semibold', sans-serif;
    padding-left: 15px;
    border-left: 1px solid #ebedf2;
}
.rtl .preview-list .preview-item .preview-item-content {
    padding-right: 0;
    padding-left: 1rem;
    margin-left: 0;
    margin-right: auto;
}
.preview-list .preview-item .preview-actions {
    display: flex;
    flex-direction: row;
}
.preview-list .preview-item .preview-actions i {
    width: 29px;
    color: #e6e9ed;
    height: 29px;
    border: 2px solid #e6e9ed;
    border-radius: 100%;
    padding: 3px 6px;
    display: inline-block;
}
.preview-list .preview-item .preview-actions i:first-child {
    margin-left: 10px;
}
.preview-list.comment-preview .preview-item {
    padding: .87rem 0;
}
.preview-list.comment-preview .preview-item:first-child {
    padding-top: 0;
}
.preview-list.comment-preview .preview-item p {
    line-height: 27px;
}
.preview-list.bordered .preview-item {
    border-bottom: 1px solid #ebedf2;
}
.preview-list.bordered .preview-item:last-child {
    border-bottom: 0;
}
.table,
.jsgrid .jsgrid-table {
    margin-bottom: 0;
}
.table thead th,
.jsgrid .jsgrid-table thead th {
    border-top: 0;
    border-bottom-width: 1px;
    font-family: "ubuntu-medium", sans-serif;
    font-weight: initial;
}
.table thead th i,
.jsgrid .jsgrid-table thead th i {
    margin-right: 0.325rem;
}
.jsgrid .jsgrid-table th,
.jsgrid .jsgrid-table td {
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1;
    white-space: nowrap;
}
.table th img,
.jsgrid .jsgrid-table th img,
.table td img,
.jsgrid .jsgrid-table td img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}
.table th img.img-45-30,
.jsgrid .jsgrid-table th img.img-45-30,
.table td img.img-45-30,
.jsgrid .jsgrid-table td img.img-45-30 {
    width: 45px;
    height: 30px;
}
.table th .badge,
.jsgrid .jsgrid-table th .badge,
.table td .badge,
.jsgrid .jsgrid-table td .badge {
    margin-bottom: 0;
}
.table.table-borderless,
.jsgrid .table-borderless.jsgrid-table {
    border: none;
}
.table.table-borderless tr,
.jsgrid .table-borderless.jsgrid-table tr,
.table.table-borderless td,
.jsgrid .table-borderless.jsgrid-table td,
.table.table-borderless th,
.jsgrid .table-borderless.jsgrid-table th {
    border: none;
}
.nav-tabs .nav-link {
    background: #f6f8fa;
    color: #000000;
    border-radius: 0;
    border: 1px solid #ebedf2;
    padding: .75rem 1.5rem;
}
.nav-tabs .nav-item:first-child .nav-link {
    border-radius: 0 4px 0 0;
}
.nav-tabs .nav-item:last-child .nav-link {
    border-radius: 4px 0 0 0;
}
.nav-tabs.nav-tabs-vertical,
.nav-tabs.nav-tabs-vertical-custom {
    border-bottom: 0;
}
.nav-tabs.nav-tabs-vertical .nav-link.active,
.nav-tabs.nav-tabs-vertical-custom .nav-link.active {
    border-bottom-color: #ebedf2;
}
.nav-tabs.nav-tabs-vertical .nav-item:first-child .nav-link,
.nav-tabs.nav-tabs-vertical-custom .nav-item:first-child .nav-link {
    border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-tabs-vertical .nav-item:last-child .nav-link,
.nav-tabs.nav-tabs-vertical-custom .nav-item:last-child .nav-link {
    border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-tabs-vertical-custom {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-radius: 4px;
}
.nav-tabs.nav-tabs-vertical-custom .nav-link {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    color: #6a00d3;
    font-family: "ubuntu-bold", sans-serif;
    padding: 1.75rem;
}
.nav-tabs.nav-tabs-vertical-custom .nav-link.active {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}
.nav-pills {
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 1rem;
}
.nav-pills .nav-link {
    border: 1px solid #ebedf2;
    padding: .5rem 2rem;
}
.nav-pills .nav-item {
    margin-left: 1rem;
}
.nav-pills.nav-pills-vertical {
    border-bottom: 0;
}
.nav-pills.nav-pills-vertical .nav-item {
    margin-left: 0;
    margin-bottom: 1rem;
}
.nav-pills.nav-pills-custom {
    border-bottom: 0;
}
.nav-pills.nav-pills-custom .nav-link {
    border-radius: 20px;
    padding: .5rem 2.5rem;
    background: #fcfcfd;
    color: #000;
}
.nav-pills.nav-pills-custom .nav-link.active {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.nav-pills-primary .nav-link {
    color: var(--theme-color);
}
.nav-pills-primary .nav-link.active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.nav-pills-secondary .nav-link {
    color: #c3bdbd;
}
.nav-pills-secondary .nav-link.active {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.nav-pills-success .nav-link {
    color: #1bcfb4;
}
.nav-pills-success .nav-link.active {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.nav-pills-info .nav-link {
    color: #198ae3;
}
.nav-pills-info .nav-link.active {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.nav-pills-warning .nav-link {
    color: #fed713;
}
.nav-pills-warning .nav-link.active {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.nav-pills-danger .nav-link {
    color: #fe7c96;
}
.nav-pills-danger .nav-link.active {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.nav-pills-light .nav-link {
    color: #f8f9fa;
}
.nav-pills-light .nav-link.active {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.nav-pills-dark .nav-link {
    color: #3e4b5b;
}
.nav-pills-dark .nav-link.active {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.tab-content {
    border: 1px solid #ebedf2;
    border-top: 0;
    padding: 2rem 1rem;
    text-align: justify;
}
.tab-content.tab-content-vertical {
    border-top: 1px solid #ebedf2;
}
.tab-content.tab-content-vertical-custom {
    border: 0;
    padding-top: 0;
}
.tab-content.tab-content-custom-pill {
    border: 0;
    padding-right: 0;
}
.timeline {
    list-style: none;
    padding: 0;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #c3bdbd;
    right: 50%;
    margin-right: -1.5px;
}
.timeline .timeline-wrapper {
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    padding-left: 90px;
}
.timeline .timeline-wrapper:before {
    content: " ";
    display: table;
}
.timeline .timeline-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.timeline .timeline-wrapper .timeline-panel {
    padding: 20px;
    position: relative;
    background: #f2edf3;
    border-radius: 6px;
    box-shadow: -1px 2px 35px 0 rgba(1, 1, 1, 0.1);
    width: 35%;
    margin-right: 15%;
}
.timeline .timeline-wrapper .timeline-panel:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    content: "";
    right: 0;
    left: 0;
}
.timeline .timeline-wrapper .timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 14px solid #ffffff;
    border-left: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline .timeline-wrapper .timeline-panel .timeline-title {
    margin-top: 0;
    text-transform: uppercase;
}
.timeline .timeline-wrapper .timeline-panel .timeline-body p {
    margin-bottom: 0;
}
.timeline .timeline-wrapper .timeline-panel .timeline-body p+p {
    margin-top: 5px;
}
.timeline .timeline-wrapper .timeline-panel .timeline-body ul {
    margin-bottom: 0;
}
.timeline .timeline-wrapper .timeline-panel .timeline-footer span {
    font-size: 0.6875rem;
}
.timeline .timeline-wrapper .timeline-panel .timeline-footer i {
    font-size: 1.5rem;
}
.timeline .timeline-wrapper .timeline-badge {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    right: calc(50% - 7px);
    z-index: 100;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border: 2px solid #ffffff;
}
.timeline .timeline-wrapper .timeline-badge i {
    color: #ffffff;
}
.timeline .timeline-wrapper.timeline-inverted {
    padding-left: 0;
    padding-right: 90px;
}
.timeline .timeline-wrapper.timeline-inverted .timeline-panel {
    margin-right: auto;
    margin-left: 15%;
}
.timeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-right-width: 0;
    border-left-width: 14px;
    right: -14px;
    left: auto;
}
@media (max-width: 767px) {
    .timeline .timeline-wrapper {
        padding-left: 150px;
    }

    .timeline .timeline-wrapper.timeline-inverted {
        padding-right: 150px;
    }

    .timeline .timeline-wrapper .timeline-panel {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}
.timeline-wrapper-primary .timeline-panel:before {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.timeline-wrapper-primary .timeline-badge {
    background: linear-gradient(to left, #da8cff, #9a55ff);
}
.timeline-wrapper-secondary .timeline-panel:before {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.timeline-wrapper-secondary .timeline-badge {
    background: linear-gradient(to left, #e7ebf0, #868e96);
}
.timeline-wrapper-success .timeline-panel:before {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.timeline-wrapper-success .timeline-badge {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.timeline-wrapper-info .timeline-panel:before {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.timeline-wrapper-info .timeline-badge {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
}
.timeline-wrapper-warning .timeline-panel:before {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.timeline-wrapper-warning .timeline-badge {
    background: linear-gradient(to left, #f6e384, #ffd500);
}
.timeline-wrapper-danger .timeline-panel:before {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.timeline-wrapper-danger .timeline-badge {
    background: linear-gradient(to left, #ffbf96, #fe7096);
}
.timeline-wrapper-light .timeline-panel:before {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.timeline-wrapper-light .timeline-badge {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
}
.timeline-wrapper-dark .timeline-panel:before {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.timeline-wrapper-dark .timeline-badge {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
}
.add-items {
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.add-items input[type="text"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    background: transparent;
}
.add-items .btn,
.add-items .fc button,
.fc .add-items button,
.add-items .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .add-items .ajax-file-upload,
.add-items .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .add-items .swal2-styled,
.add-items .wizard>.actions a,
.wizard>.actions .add-items a {
    margin-right: .5rem;
}
.rtl .add-items .btn,
.rtl .add-items .fc button,
.fc .rtl .add-items button,
.rtl .add-items .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .rtl .add-items .ajax-file-upload,
.rtl .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .rtl .add-items .swal2-styled,
.rtl .add-items .wizard>.actions a,
.wizard>.actions .rtl .add-items a {
    margin-right: auto;
    margin-left: .5rem;
}
.list-wrapper {
    height: 100%;
    max-height: 100%;
}
.list-wrapper ul {
    padding: 0;
    text-align: right;
    list-style: none;
    margin-bottom: 0;
}
.list-wrapper ul li {
    font-size: .9375rem;
    padding: .4rem 0;
    border-bottom: 1px solid #ebedf2;
}
.list-wrapper ul li:first-child {
    border-bottom: none;
}
.list-wrapper ul li .form-check {
    max-width: 90%;
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.list-wrapper input[type="checkbox"] {
    margin-left: 15px;
}
.list-wrapper .remove {
    cursor: pointer;
    font-size: 1.438rem;
    font-weight: 600;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 20px;
    text-align: center;
}
.list-wrapper .completed {
    text-decoration: line-through;
    text-decoration-color: #198ae3;
}
.tooltip-static-demo .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    margin: 0 0 10px 10px;
}
.tooltip-static-demo .bs-tooltip-bottom-demo .arrow,
.tooltip-static-demo .bs-tooltip-top-demo .arrow {
    right: 50%;
}
.tooltip-static-demo .bs-tooltip-right-demo .arrow:before,
.tooltip-static-demo .bs-tooltip-left-demo .arrow:before {
    top: calc((100% - 0.8rem) / 2);
}
.tooltip {
    font-size: 0.75rem;
    min-width: 5.625rem;
    z-index: 1029;
}
.tooltip .tooltip-inner {
    font-family: "ubuntu-regular", sans-serif;
}
.tooltip-primary .tooltip-inner {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--theme-color);
}
.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: var(--theme-color);
}
.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--theme-color);
}
.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--theme-color);
}
.tooltip-secondary .tooltip-inner {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
}
.tooltip-secondary.bs-tooltip-top .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #c3bdbd;
}
.tooltip-secondary.bs-tooltip-right .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #c3bdbd;
}
.tooltip-secondary.bs-tooltip-bottom .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #c3bdbd;
}
.tooltip-secondary.bs-tooltip-left .arrow::before,
.tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #c3bdbd;
}
.tooltip-success .tooltip-inner {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.tooltip-success.bs-tooltip-top .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #1bcfb4;
}
.tooltip-success.bs-tooltip-right .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #1bcfb4;
}
.tooltip-success.bs-tooltip-bottom .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #1bcfb4;
}
.tooltip-success.bs-tooltip-left .arrow::before,
.tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #1bcfb4;
}
.tooltip-info .tooltip-inner {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.tooltip-info.bs-tooltip-top .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #198ae3;
}
.tooltip-info.bs-tooltip-right .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #198ae3;
}
.tooltip-info.bs-tooltip-bottom .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #198ae3;
}
.tooltip-info.bs-tooltip-left .arrow::before,
.tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #198ae3;
}
.tooltip-warning .tooltip-inner {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
}
.tooltip-warning.bs-tooltip-top .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fed713;
}
.tooltip-warning.bs-tooltip-right .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fed713;
}
.tooltip-warning.bs-tooltip-bottom .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fed713;
}
.tooltip-warning.bs-tooltip-left .arrow::before,
.tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fed713;
}
.tooltip-danger .tooltip-inner {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.tooltip-danger.bs-tooltip-top .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fe7c96;
}
.tooltip-danger.bs-tooltip-right .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fe7c96;
}
.tooltip-danger.bs-tooltip-bottom .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fe7c96;
}
.tooltip-danger.bs-tooltip-left .arrow::before,
.tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fe7c96;
}
.tooltip-light .tooltip-inner {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
}
.tooltip-light.bs-tooltip-top .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f8f9fa;
}
.tooltip-light.bs-tooltip-right .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #f8f9fa;
}
.tooltip-light.bs-tooltip-bottom .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f8f9fa;
}
.tooltip-light.bs-tooltip-left .arrow::before,
.tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #f8f9fa;
}
.tooltip-dark .tooltip-inner {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
}
.tooltip-dark.bs-tooltip-top .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #3e4b5b;
}
.tooltip-dark.bs-tooltip-right .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #3e4b5b;
}
.tooltip-dark.bs-tooltip-bottom .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #3e4b5b;
}
.tooltip-dark.bs-tooltip-left .arrow::before,
.tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #3e4b5b;
}
.profile-navbar .nav-item .nav-link {
    color: #343a40;
}
.profile-navbar .nav-item .nav-link.active {
    color: var(--theme-color);
}
.profile-navbar .nav-item .nav-link i {
    font-size: 1.25rem;
}
.profile-feed-item {
    padding: 1.5rem 0;
    border-bottom: 1px solid #ebedf2;
}
.pricing-table .pricing-card .pricing-card-body {
    padding: 50px 56px 43px 56px;
}
.pricing-table .pricing-card .pricing-card-body .plan-features {
    width: 100%;
    margin-bottom: 32px;
}
.pricing-table .pricing-card .pricing-card-body .plan-features li {
    text-align: right;
    padding: 4px 0px;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem;
}
.calendar-aside {
    display: block;
}
.calendar-aside .list {
    position: relative;
    padding: 10px 8px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    transition-duration: 0.25s;
    transition-property: background;
}
.calendar-aside .list .user-text {
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 0.875rem;
}
.calendar-aside .list .count {
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 50px;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-property: opacity;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar-aside .list .count:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    display: block;
    height: 10px;
    width: 10px;
    margin: auto;
    border-radius: 50px;
    transform: translateY(-50%);
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.calendar-aside .list .count.online:before {
    background: #1bcfb4;
}
.calendar-aside .list .count.offline:before {
    background: #fe7c96;
}
.calendar-aside .list .count .close {
    font-size: 15px;
    margin: auto;
    opacity: 0;
    color: #fe7c96;
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.calendar-aside .list:hover {
    background: #f8f9fa;
}
.calendar-aside .list:hover .count:before {
    z-index: 0;
    height: 20px;
    width: 20px;
    background: #f8f9fa;
}
.calendar-aside .list:hover .count .close {
    z-index: 2;
    opacity: 1;
}
.data-list {
    width: 100%;
    overflow: auto;
}
.data-list .list-item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ebedf2;
}
.data-list .list-item:last-child {
    border-bottom: none;
}
.data-list .list-item .graph {
    margin-right: auto;
    width: 110px;
}
#sourceLineChartLegend {
    padding-right: 0;
    margin-bottom: 0;
    list-style-type: none;
}
#sourceLineChartLegend li {
    display: inline-block;
    margin-left: 20px;
    color: #9c9fa6;
}
#sourceLineChartLegend li .chart-color {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 100%;
}
.rtl #sourceLineChartLegend li .chart-color {
    margin-left: 0px;
    margin-right: 5px;
}
#sourceLineChartLegend li:last-child {
    margin-left: 0;
}
.rtl #sourceLineChartLegend li {
    margin-left: 0px;
    margin-right: 20px;
}
.rtl #sourceLineChartLegend li:last-child {
    margin-right: 0px;
}
.social-card.card-default .action-bar i {
    color: #c3bdbd;
}
.social-card.card-default .comment {
    color: #9c9fa6;
}
.social-card.card-default .posted-date {
    color: var(--theme-color);
}
.social-card.card-colored .card-header {
    background: inherit;
}
.social-card.card-colored.facebook-card {
    background: #3b579d;
}
.social-card.card-colored.facebook-card .card-header {
    border-bottom-color: #344d8a;
}
.social-card.card-colored.twitter-card {
    background: #2caae1;
}
.social-card.card-colored.twitter-card .card-header {
    border-bottom-color: #1e9ed5;
}
.social-card.card-colored.google-card {
    background: #dc4a38;
}
.social-card.card-colored.google-card .card-header {
    border-bottom-color: #d53925;
}
.social-card.card-colored.linkedin-card {
    background: #0177b5;
}
.social-card.card-colored.linkedin-card .card-header {
    border-bottom-color: #01669c;
}
.social-card.card-colored a,
.social-card.card-colored .media-info,
.social-card.card-colored .user-name,
.social-card.card-colored .comment,
.social-card.card-colored .posted-date,
.social-card.card-colored .platform-name,
.social-card.card-colored .headline,
.social-card.card-colored .action-bar {
    color: #ffffff;
}
.top-selling-card .column-wrapper {
    display: flex;
    justify-content: space-around;
}
.top-selling-card .column-wrapper .column {
    width: 45%;
    padding: 25px 26px;
    border-radius: 3px;
    background: white;
    transform: translateY(-25px);
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
    z-index: 10;
}
.top-selling-card .column-wrapper .column i {
    font-size: 20px;
}
.top-selling-card .item-wrapper {
    max-height: 210px;
    overflow-y: auto;
}
.review-card .comment-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 70%;
}
.list-item {
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ebedf2;
}
.list-item:first-child {
    padding-top: 30px;
}
.list-item:last-child {
    border-bottom: none;
}
.list-item .preview-image {
    max-width: 80px;
    width: 80px;
    min-width: 80px;
}
.list-item .preview-image img {
    display: block;
    margin: auto;
}
.list-item .content {
    width: calc(100% - 80px);
    padding-left: 30px;
}
.list-item .content .user-name {
    margin-bottom: 0;
    margin-left: 10px;
    color: #9c9fa6;
    white-space: nowrap;
}
.list-item .content .time {
    color: #9c9fa6;
    margin-bottom: 3px;
}
.list-item .content .product-name {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}
.list-item .content .review-text {
    margin-bottom: 0;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 95%;
}
.todo-list .todo-item {
    border: 1px solid #ebedf2;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}
.todo-list .todo-item form {
    display: flex;
}
.todo-list .todo-item form .checkbox {
    width: 40px;
}
.todo-list .todo-item form .checkbox .form-check {
    margin-right: 10px;
}
.todo-list .todo-item form .checkbox .form-check .input-helper:after {
    line-height: 0px;
}
.todo-list .todo-item form .field-wrapper {
    width: calc(100% - 40px);
}
.todo-list .todo-item form .field-wrapper .form-group .form-control,
.todo-list .todo-item form .field-wrapper .form-group .asColorPicker-input,
.todo-list .todo-item form .field-wrapper .form-group .dataTables_wrapper select,
.dataTables_wrapper .todo-list .todo-item form .field-wrapper .form-group select,
.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=text],
.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group select,
.todo-list .todo-item form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item form .field-wrapper .form-group input[type=number],
.todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single,
.select2-container--default .todo-list .todo-item form .field-wrapper .form-group .select2-selection--single,
.todo-list .todo-item form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .todo-list .todo-item form .field-wrapper .form-group .select2-search__field,
.todo-list .todo-item form .field-wrapper .form-group .typeahead,
.todo-list .todo-item form .field-wrapper .form-group .tt-query,
.todo-list .todo-item form .field-wrapper .form-group .tt-hint {
    font-weight: 500;
}
.todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag {
    color: #9c9fa6;
}
.todo-list .todo-item form .field-wrapper .form-group .tagsinput .tag:before {
    content: "#";
    display: inline-block;
}
.todo-list .todo-item form .field-wrapper .form-group .btn,
.todo-list .todo-item form .field-wrapper .form-group .fc button,
.fc .todo-list .todo-item form .field-wrapper .form-group button,
.todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload,
.todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled,
.todo-list .todo-item form .field-wrapper .form-group .wizard>.actions a,
.wizard>.actions .todo-list .todo-item form .field-wrapper .form-group a {
    margin-left: 10px;
}
.todo-list .todo-item form .field-wrapper .form-group .btn:last-child,
.todo-list .todo-item form .field-wrapper .form-group .fc button:last-child,
.fc .todo-list .todo-item form .field-wrapper .form-group button:last-child,
.todo-list .todo-item form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload:last-child,
.ajax-upload-dragdrop .todo-list .todo-item form .field-wrapper .form-group .ajax-file-upload:last-child,
.todo-list .todo-item form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child,
.swal2-modal .swal2-buttonswrapper .todo-list .todo-item form .field-wrapper .form-group .swal2-styled:last-child,
.todo-list .todo-item form .field-wrapper .form-group .wizard>.actions a:last-child,
.wizard>.actions .todo-list .todo-item form .field-wrapper .form-group a:last-child {
    margin-left: 0;
}
.todo-list .todo-item:not(.edit-mode) {
    position: relative;
}
.todo-list .todo-item:not(.edit-mode) .edit-icon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    cursor: pointer;
}
.todo-list .todo-item:not(.edit-mode):hover {
    background: #f8f9fa;
}
.todo-list .todo-item:not(.edit-mode):hover .edit-icon {
    display: block;
}
.todo-list .todo-item:not(.edit-mode):hover * {
    background: #f8f9fa;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group {
    margin-bottom: 0;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput {
    border: none;
    height: 25px;
    max-height: 25px !important;
    min-height: 25px !important;
    padding: 0px 13px !important;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tag a {
    display: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput #todo-tags-1_addTag,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tagsinput .tags_clear {
    display: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .form-control,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .asColorPicker-input,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .dataTables_wrapper select,
.dataTables_wrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=text],
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group select,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group input[type=number],
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single,
.select2-container--default .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-selection--single,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .select2-search__field,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .typeahead,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-query,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .tt-hint {
    border: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .btn,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .fc button,
.fc .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group button,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .ajax-file-upload,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .swal2-styled,
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group .wizard>.actions a,
.wizard>.actions .todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group a {
    display: none;
}
.todo-list .todo-item:not(.edit-mode) form .field-wrapper .form-group.hidden-field {
    display: none;
}
.todo-list .todo-item.edit-mode form .field-wrapper .form-group .tagsinput .tag {
    color: #ffffff;
}
.activity-timeline .activity {
    position: relative;
}
.activity-timeline .activity:before {
    content: "";
    position: absolute;
    right: 21px;
    top: 5px;
    bottom: 0px;
    height: 100%;
    display: block;
    width: 2px;
    background: #dee2e6;
}
.activity-timeline .activity .icon-wrapper {
    border: 3px solid #fff;
}
.activity-timeline .activity:last-child:before {
    display: none;
}
.product-info-card .product-image {
    height: 100px;
}
@media (max-width: 769px) {
    .email-wrapper .mail-sidebar {
        position: relative;
    }
}
@media (max-width: 767.98px) {
    .email-wrapper .mail-sidebar {
        position: fixed;
        z-index: 99;
        background: #ffffff;
        width: 45%;
        min-width: 300px;
        right: -100%;
        display: block;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease;
        -moz-transition: 0.4s ease;
    }
}
.email-wrapper .mail-sidebar .menu-bar {
    width: 100%;
    float: left;
    height: 100%;
    min-height: 100%;
}
@media (max-width: 767.98px) {
    .email-wrapper .mail-sidebar .menu-bar {
        min-height: 100vh;
        max-height: 100%;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
.email-wrapper .mail-sidebar .menu-bar .menu-items {
    padding: 0;
    margin-bottom: 0;
    height: auto;
    list-style-type: none;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li {
    padding: 10px 15px;
    transition: 0.4s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {
    background: rgba(240, 244, 249, 0.8);
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li a {
    color: #303a40;
    font-size: 0.875rem;
    text-decoration: none;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li a i {
    margin-left: 8px;
    font-size: 0.875rem;
    line-height: 1.5;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.active {
    background: #434a54;
    border-radius: 4px;
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {
    color: var(--theme-color);
}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {
    background: transparent;
}
.email-wrapper .mail-sidebar .menu-bar .online-status {
    margin-top: 1rem;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .chat {
    font-size: 0.875rem;
    color: var(--theme-color);
    margin-bottom: 0;
    font-family: "ubuntu-bold", sans-serif;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: flex-start;
    transform: translateX(43px) translateY(2px);
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status:after {
    font-size: 12px;
    margin: -5px 18px 0 0;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {
    background: #fe7c96;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {
    content: "Offline";
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.online {
    background: #1bcfb4;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {
    content: "Online";
}
.email-wrapper .mail-sidebar .menu-bar .profile-list {
    padding: 10px 0;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item {
    border-bottom: 1px solid #ebedf2;
    padding: 6px 0;
    display: block;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {
    border-bottom: 0;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a {
    text-decoration: none;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic {
    display: flex;
    align-items: center;
    padding: 0;
    width: 20%;
    max-width: 40px;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img {
    max-width: 100%;
    width: 100%;
    border-radius: 100%;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
    width: 100%;
    padding: 5px 15px 0 10px;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {
    margin: 0;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    color: #000000;
}
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation {
    font-size: calc(0.875rem - 0.1rem);
    margin-bottom: 0;
}
.email-wrapper .mail-view .message-body .attachments-sections .details .file-name {
    color: #000;
}
.email-wrapper .sidebar.open {
    right: 0;
}
.email-wrapper .mail-list-container {
    border-right: 1px solid #ebedf2;
    height: 100%;
    padding-right: 0;
    padding-left: 0;
}
.email-wrapper .mail-list-container a {
    text-decoration: none;
}
.email-wrapper .mail-list-container .mail-list {
    border-bottom: 1px solid #ebedf2;
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
    width: 100%;
}
.email-wrapper .mail-list-container .mail-list:last-child {
    border-bottom: none;
}
.email-wrapper .mail-list-container .mail-list .form-check {
    margin-top: 12px;
    width: 11%;
    min-width: 20px;
}
.email-wrapper .mail-list-container .mail-list .content {
    width: 83%;
    padding-right: 0;
    padding-left: 0;
}
.email-wrapper .mail-list-container .mail-list .content .sender-name {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    max-width: 95%;
}
.email-wrapper .mail-list-container .mail-list .content .message_text {
    margin: 0;
    max-width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email-wrapper .mail-list-container .mail-list .details {
    width: 5.5%;
}
.email-wrapper .mail-list-container .mail-list .details .date {
    text-align: left;
    margin: auto 0 auto 15px;
    white-space: nowrap;
}
.email-wrapper .mail-list-container .mail-list .details i {
    margin: auto 0;
    color: #ddd;
}
.email-wrapper .mail-list-container .mail-list .details i.favorite {
    color: #fed713;
}
.email-wrapper .mail-list-container .mail-list.new_mail {
    background: #434a54;
    color: #ffffff;
}
.email-wrapper .mail-list-container .mail-list.new_mail .details .date {
    color: #000000;
}
.email-wrapper .message-body .sender-details {
    padding: 20px 15px 0;
    border-bottom: 1px solid #ebedf2;
    display: flex;
}
.email-wrapper .message-body .sender-details .details {
    padding-bottom: 0;
}
.email-wrapper .message-body .sender-details .details .msg-subject {
    margin-bottom: 0;
    font-family: "ubuntu-bold", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
    margin-bottom: 20px;
    font-family: "ubuntu-regular", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
    font-size: 1rem;
    font-family: "ubuntu-bold", sans-serif;
    margin: 0 7px 0 1px;
}
.email-wrapper .message-body .message-content {
    padding: 50px 15px;
}
.email-wrapper .message-body .attachments-sections ul {
    list-style: none;
    border-top: 1px solid #ebedf2;
    padding: 30px 15px 20px;
}
.email-wrapper .message-body .attachments-sections ul li {
    padding: 10px;
    margin-left: 20px;
    border: 1px solid #ebedf2;
    border-radius: 5px;
}
.email-wrapper .message-body .attachments-sections ul li .thumb {
    display: inline-block;
    margin-left: 10px;
}
.email-wrapper .message-body .attachments-sections ul li .thumb i {
    font-size: 30px;
    margin: 0;
    color: #2e383e;
}
.email-wrapper .message-body .attachments-sections ul li .details p.file-name {
    display: block;
    margin-bottom: 0;
    color: #2e383e;
}
.email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size {
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
}
.email-wrapper .message-body .attachments-sections ul li .details .buttons a {
    font-size: 13px;
    margin-left: 10px;
}
.email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {
    margin-left: 0;
}
.ace_editor {
    margin: auto;
    height: 300px;
    width: 100%;
    font: 14px/normal SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.ace_editor .ace_content {
    font-size: 0.875rem;
}
.avgrund-popin {
    position: absolute;
    background: #fff;
    padding: 37px 33px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 50%;
    right: 50%;
    z-index: 1000;
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: initial;
    line-height: 1.85;
    border-radius: 10px;
    transform: scale(0.8);
}
.avgrund-popin p {
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: initial;
}
.avgrund-overlay {
    background: #000;
    width: 100%;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}
body.avgrund-ready,
.avgrund-ready .avgrund-popin,
.avgrund-ready .avgrund-overlay {
    transform-origin: 50% 50%;
    transition: 0.3s all ease-out;
}
body.avgrund-active {
    overflow: hidden;
}
.avgrund-active .avgrund-popin {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1.1);
}
.avgrund-active .avgrund-overlay {
    visibility: visible;
    opacity: .5;
    filter: alpha(opacity=50);
    height: 20000px;
}
.avgrund-popin.stack {
    transform: scale(1.5);
}
.avgrund-active .avgrund-popin.stack {
    transform: scale(1.1);
}
.avgrund-close {
    display: block;
    color: #fff;
    background: #343a40;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    border-radius: 50px;
}
.avgrund-close:hover {
    color: #fff;
    text-decoration: none;
}
.ct-series-a .ct-line {
    stroke: #a29afc;
    stroke-width: 3px;
    stroke-dasharray: 10px 20px;
}
.ct-series-a .ct-point {
    stroke: #6355f9;
    stroke-width: 10px;
    stroke-linecap: round;
}
.ct-series-b .ct-line {
    stroke: #80d691;
    stroke-width: 3px;
    stroke-dasharray: 10px 20px;
}
.ct-series-b .ct-point {
    stroke: #4ac462;
    stroke-width: 10px;
    stroke-linecap: round;
}
.ct-series-c .ct-line {
    stroke: #f7cb9b;
    stroke-width: 3px;
    stroke-dasharray: 10px 20px;
}
.ct-series-c .ct-point {
    stroke: #f2a859;
    stroke-width: 10px;
    stroke-linecap: round;
}
.ct-series-a .ct-bar {
    stroke: #a29afc;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-b .ct-bar {
    stroke: #80d691;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-c .ct-bar {
    stroke: #f7cb9b;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-d .ct-bar {
    stroke: #fcb2b2;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.ct-series-a .ct-slice-pie {
    fill: #a29afc;
    stroke-width: 4px;
}
.ct-series-b .ct-slice-pie {
    fill: #80d691;
    stroke-width: 4px;
}
.ct-series-c .ct-slice-pie {
    fill: #fcb2b2;
    stroke-width: 4px;
}
.ct-series-d .ct-slice-pie {
    fill: #f7cb9b;
    stroke-width: 4px;
}
.ct-series-a .ct-slice-donut-solid {
    fill: #a29afc;
}
.ct-series-b .ct-slice-donut-solid {
    fill: #80d691;
}
.ct-series-c .ct-slice-donut-solid {
    fill: #fcb2b2;
}
.ct-series-a .ct-slice-donut-solid {
    fill: #f7cb9b;
}
#ct-chart-dash-barChart .ct-series-a .ct-bar {
    stroke: #fb9999;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
#ct-chart-dash-barChart .ct-series-b .ct-bar {
    stroke: #8b81fb;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
#ct-chart-dash-barChart .ct-series-c .ct-bar {
    stroke: #a29afc;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
#ct-chart-dash-barChart .ct-series-d .ct-bar {
    stroke: #b9b3fc;
    stroke-width: 20px;
    stroke-dasharray: 0;
    stroke-linecap: squre;
}
.CodeMirror {
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    height: auto;
    text-align: right;
    min-height: auto;
}
.CodeMirror-scroll {
    min-height: auto;
}
* {
    box-sizing: border-box;
}
.grid {
    border: 1px solid #aab2bd est;
}
.grid:after {
    display: block;
    content: '';
    clear: both;
}
.grid-col {
    float: right;
    width: 49%;
    margin-left: 2%;
    background: rgba(182, 109, 255, 0.2);
}
.grid-col--4 {
    margin-left: 0;
}
.grid-col--2,
.grid-col--3 {
    display: none;
}
@media (min-width: 768px) {
    .grid-col {
        width: 32%;
    }

    .grid-col--2 {
        display: block;
    }
}
@media (min-width: 1200px) {
    .grid-col {
        width: 23.5%;
    }

    .grid-col--2,
    .grid-col--3 {
        display: block;
    }
}
.grid-item {
    background: var(--theme-color);
    margin-bottom: 20px;
}
.grid-item--a {
    height: 80px;
}
.grid-item--b {
    height: 140px;
}
.grid-item--c {
    height: 300px;
}
.asColorPicker-dropdown {
    max-width: initial;
}
.asColorPicker-trigger {
    height: auto;
    border: 0;
}
.asColorPicker-trigger span {
    border-radius: 2px;
    width: 35px;
}
.context-menu-icon:before {
    color: #000;
    font: normal normal normal 15px/1 "Material Design Icons";
}
.context-menu-icon.context-menu-icon-cut:before {
    content: '\F190';
}
.context-menu-icon.context-menu-icon-edit:before {
    content: '\F3EF';
}
.context-menu-icon.context-menu-icon-copy:before {
    content: '\F18F';
}
.context-menu-icon.context-menu-icon-paste:before {
    content: '\F613';
}
.context-menu-icon.context-menu-icon-delete:before {
    content: '\F6CB';
}
.context-menu-icon.context-menu-icon-quit:before {
    content: '\F156';
}
.context-menu-list {
    box-shadow: none;
    border: 1px solid #ebedf2;
}
.context-menu-list .context-menu-item span {
    color: #000;
    font-size: .75rem;
    font-family: "ubuntu-bold", sans-serif;
}
.context-menu-list .context-menu-item.context-menu-hover {
    background: #000;
}
.context-menu-list .context-menu-item.context-menu-hover span {
    color: #ffffff;
}
.dataTables_wrapper {
    padding-right: 0;
    padding-left: 0;
}
.dataTables_wrapper label {
    font-size: .8125rem;
}
.dataTables_wrapper select {
    padding: .4rem;
}
.dataTables_wrapper .dataTables_length select {
    min-width: 65px;
    margin-right: .25rem;
    margin-left: .25rem;
}
.dataTables_wrapper .dataTable .btn,
.dataTables_wrapper .dataTable .fc button,
.fc .dataTables_wrapper .dataTable button,
.dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload,
.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled,
.dataTables_wrapper .dataTable .wizard>.actions a,
.wizard>.actions .dataTables_wrapper .dataTable a {
    padding: 0.1rem 1rem;
    vertical-align: top;
}
.dataTables_wrapper .dataTable thead th {
    border-bottom-width: 0;
}
.dataTables_wrapper .dataTable thead .sorting:before,
.dataTables_wrapper .dataTable thead .sorting:after,
.dataTables_wrapper .dataTable thead .sorting_asc:before,
.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:before,
.dataTables_wrapper .dataTable thead .sorting_desc:after,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    line-height: 2.5;
    font-family: Material Design Icons;
    font-size: .65rem;
}
.dataTables_wrapper .dataTable thead .sorting:before,
.dataTables_wrapper .dataTable thead .sorting_asc:before,
.dataTables_wrapper .dataTable thead .sorting_desc:before,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
    content: "\F005D";
    left: 1.2em;
}
.dataTables_wrapper .dataTable thead .sorting:after,
.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:after,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    content: "\F0045";
    left: 0.2em;
}
.dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
}
.dataTables_wrapper .dataTables_info {
    font-size: 0.875rem;
}
.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
    padding: 0 25px;
    width: 30%;
    max-width: 500px;
    min-width: 250px;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th {
    text-align: center;
    padding: .5rem 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
    color: #434a54;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: right;
    background: #ffffff;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
    color: #434a54;
    background: #ffffff;
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
    color: grey;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: left;
    background: #ffffff;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
    font-family: "ubuntu-regular", sans-serif;
    color: #434a54;
    font-size: .875rem;
    font-weight: initial;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child {
    text-align: right;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {
    text-align: left;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
    position: relative;
    top: 13px;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td {
    text-align: center;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day {
    font-size: .9375rem;
    padding: .5rem 0;
    color: #434a54;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {
    background: #ffffff;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
    color: #fff;
    background: transparent;
    position: relative;
    z-index: 1;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {
    content: "";
    width: 38px;
    height: 38px;
    background: #1bcfb4;
    border-radius: 100%;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 1px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today {
    color: #fff;
    background: transparent;
    position: relative;
    z-index: 1;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {
    content: "";
    width: 38px;
    height: 38px;
    background: #198ae3;
    border-radius: 100%;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 1px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.old.day {
    color: #d9dde3;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-start,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-end,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-start,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-end {
    background: transparent;
    position: relative;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-start::before,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range-end::before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-start::before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range-end::before {
    content: "";
    width: 28px;
    height: 28px;
    background: rgba(27, 207, 180, 0.2);
    border-radius: 4px;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range {
    position: relative;
    background: transparent;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range::before,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range::before {
    content: "";
    width: 28px;
    height: 28px;
    background: #eee;
    border-radius: 4px;
    display: block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    z-index: -1;
    right: 0;
    left: 0;
}
.datepicker.datepicker-dropdown .datepicker-days,
.datepicker.datepicker-dropdown .datepicker-months,
.datepicker.datepicker-dropdown .datepicker-years,
.datepicker.datepicker-dropdown .datepicker-decades,
.datepicker.datepicker-dropdown .datepicker-centuries,
.datepicker.datepicker-inline .datepicker-days,
.datepicker.datepicker-inline .datepicker-months,
.datepicker.datepicker-inline .datepicker-years,
.datepicker.datepicker-inline .datepicker-decades,
.datepicker.datepicker-inline .datepicker-centuries {
    padding: .8rem .7rem;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-months table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-years table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-decades table.table-condensed,
.datepicker.datepicker-dropdown .datepicker-centuries table.table-condensed,
.datepicker.datepicker-inline .datepicker-days table.table-condensed,
.datepicker.datepicker-inline .datepicker-months table.table-condensed,
.datepicker.datepicker-inline .datepicker-years table.table-condensed,
.datepicker.datepicker-inline .datepicker-decades table.table-condensed,
.datepicker.datepicker-inline .datepicker-centuries table.table-condensed {
    width: 100%;
}
.datepicker.datepicker-inline {
    width: 100%;
    max-width: 100%;
    min-width: 250px;
}
.datepicker.datepicker-inline thead tr th.prev {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.datepicker.datepicker-inline thead tr th.datepicker-switch {
    color: var(--theme-color);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.datepicker.datepicker-inline thead tr th.next {
    color: grey;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.datepicker>div {
    display: initial;
}
.datepicker-custom {
    width: 100%;
    padding: 0;
}
.datepicker-custom .datepicker.datepicker-inline {
    display: block;
    padding: 0;
    height: 100%;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days {
    display: block;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td {
    padding: 1rem;
    text-align: center;
}
@media (max-width: 991px) {
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td {
        padding: 1rem .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today:before {
    top: 13px;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.active:before {
    top: 13px;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child {
    padding-right: 2.5rem;
}
@media (max-width: 991px) {
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child {
        padding-right: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.today:before,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.active:before {
    right: 1.5rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.today:before,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:first-child.active:before {
        right: .25rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child {
    padding-left: 2.5rem;
}
@media (max-width: 991px) {
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child {
        padding-left: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child.today:before,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day:last-child.active:before {
    left: 1.5rem;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries {
    height: 100%;
    padding: 0 0 1rem 0;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed {
    height: 100%;
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead {
    background: linear-gradient(to left, #84d9d2, #07cdae);
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow {
    background: transparent;
    border-radius: 0;
    color: #ffffff;
    padding: 2rem 1rem;
    font-family: "ubuntu-bold", sans-serif;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow {
        padding: 2rem .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:first-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:first-child {
    padding-right: 2.5rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:first-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:first-child {
        padding-right: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:last-child,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:last-child {
    padding-left: 2.5rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.dow:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch:last-child,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.dow:last-child {
        padding-left: .5rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch {
    font-size: 2rem;
}
@media (max-width: 991px) {

    .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.datepicker-switch,
    .datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.datepicker-switch {
        font-size: 1rem;
    }
}
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-months .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-years .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-decades .table-condensed thead tr th.prev,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.next,
.datepicker-custom .datepicker.datepicker-inline .datepicker-centuries .table-condensed thead tr th.prev {
    font-size: 1.5rem;
}
.dropify-wrapper {
    border: 2px dashed #ebedf2;
    border-radius: 7px;
}
.dropify-wrapper:hover {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
    animation: stripes 2s linear infinite;
}
.dropify-wrapper .dropify-message span.file-icon:before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\F552';
    color: #343a40;
    font-size: 1.25rem;
}
.dropify-wrapper .dropify-message p {
    font-size: .8125rem;
    color: #343a40;
}
.dropify-wrapper .dropify-preview .dropify-infos {
    background: rgba(255, 255, 255, 0.9);
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
    color: var(--theme-color);
    font-size: 20px;
    font-weight: 400;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {
    color: #333;
    font-weight: 500;
}
.dropify-wrapper .dropify-preview .dropify-render img {
    opacity: 0.7;
}
.dropify-wrapper .dropify-clear {
    background: #fff;
    border: none;
    font-weight: 700;
    color: #434a54;
}
.dropzone {
    border: 1px solid #ebedf2;
    min-height: 200px;
}
.dropzone .dz-message {
    text-align: center;
    width: 100%;
}
.dropzone .dz-message span {
    font-size: .8125rem;
    color: #343a40;
}
.dropzone .dz-preview {
    margin: 5px;
}
.dropzone .dz-preview .dz-image {
    width: 63px;
    height: 63px;
    border-radius: 6px;
}
.dropzone .dz-preview .dz-error-message {
    top: 80px;
    right: -35px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    margin-right: -17px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    width: 35px;
    height: 35px;
}
.flot-chart-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 100%;
}
.flot-chart {
    width: 100%;
    position: relative;
    max-width: none;
    height: 400px;
}
.flot-chart canvas {
    position: absolute;
    top: 0;
    bottom: 0;
}
.fc button {
    height: auto;
    background-image: none;
    text-shadow: none;
    font-family: "ubuntu-regular", sans-serif;
    background-color: #ffffff;
    border-color: #ebedf2;
    text-transform: capitalize;
    color: #a8b2b9;
}
.fc button .fc-icon-right-single-arrow:after,
.fc button .fc-icon-left-single-arrow:after {
    color: #a8b2b9;
    font: normal normal normal 20px/1 "Material Design Icons";
}
.fc button .fc-icon-right-single-arrow:after {
    content: "\F0142";
}
.fc button .fc-icon-left-single-arrow:after {
    content: "\f0141";
}
.fc .fc-button-group .fc-button {
    background-color: #ffffff;
    margin: 0;
}
.fc .fc-button-group .fc-button.fc-state-active {
    color: #fe7c96;
}
.fc .fc-header-toolbar {
    margin-top: 2rem;
}
.fc .fc-header-toolbar .fc-center h2 {
    font-size: 1rem;
}
.fc .fc-widget-header {
    border: 0;
}
.fc .fc-widget-header table tr th {
    border-width: 0 0 1px 0;
    text-align: left;
    padding: 1rem;
}
.fc .fc-widget-header table tr th span {
    font-size: 10px;
    text-transform: uppercase;
    color: #a8b2b9;
    letter-spacing: 1px;
}
.fc .fc-content-skeleton table tr td {
    padding: .5rem;
    font-size: .875rem;
}
.fc .fc-event {
    border: 0;
    color: #ffffff;
    padding: .5rem;
}
.fc .fc-event.fc-start {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-radius: 4px;
    border-right: 4px solid var(--theme-color);
}
.fc .fc-event.fc-not-start,
.fc .fc-event.fc-not-end {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    border-right: 4px solid #fe7c96;
    padding-right: .5rem;
}
.fc .fc-event.fc-not-end {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc .fc-event .fc-title,
.fc .fc-event .fc-time {
    color: #ffffff;
}
.fc-external-events .fc-event {
    background: #ffffff;
    color: #000;
    border-width: 0 4px 0 0;
    padding: 16px;
    border-radius: 0;
    margin-bottom: 10px;
}
.fc-external-events .fc-event:nth-child(1) {
    border-color: var(--theme-color);
}
.fc-external-events .fc-event:nth-child(2) {
    border-color: #fe7c96;
}
.fc-external-events .fc-event:nth-child(3) {
    border-color: #1bcfb4;
}
.fc-external-events .fc-event:nth-child(4) {
    border-color: #198ae3;
    border-color: #fed713;
}
.google-chart-container .google-charts {
    width: 100%;
    height: 280px;
    min-height: 280px;
    min-width: 100%;
}
.icheck,
.icheck-flat,
.icheck-square,
.icheck-line {
    margin-bottom: .5rem;
}
.icheck label,
.icheck-flat label,
.icheck-square label,
.icheck-line label {
    font-size: .8125rem;
    line-height: 1.5;
    margin-right: 5px;
    margin-bottom: 0;
}
.ajax-upload-dragdrop {
    border-color: #ebedf2;
    border-style: dotted;
    max-width: 100%;
}
.ajax-upload-dragdrop span b {
    font-size: .8125rem;
    color: #343a40;
    font-weight: initial;
}
.ajax-upload-dragdrop .ajax-file-upload {
    background: #198ae3;
    box-shadow: none;
    height: auto;
}
.ajax-file-upload-container {
    min-height: 100px;
}
.ajax-file-upload-container .ajax-file-upload-statusbar {
    max-width: 100%;
}
.jsgrid .jsgrid-button {
    background-image: url("../../images/sprites/jsgrid-icons.png");
}
.jsgrid .jsgrid-grid-header {
    border: 1px solid #ebedf2;
    border-top: 0;
}
.jsgrid .jsgrid-table th {
    font-weight: initial;
    font-family: "ubuntu-bold", sans-serif;
}
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number] {
    padding: .56rem 0;
}
.jsgrid .jsgrid-header-sort:before {
    margin-top: 10px;
    float: left;
}
.jsgrid .jsgrid-header-sort-asc:before {
    border-color: transparent transparent #343a40;
}
.jsgrid .jsgrid-header-sort-desc:before {
    border-color: #343a40 transparent transparent;
}
.jsgrid .jsgrid-pager {
    line-height: 2;
}
.jsgrid .jsgrid-pager-current-page {
    padding: 0.5rem 0.75rem;
    font-weight: initial;
    line-height: 1.25;
}
.jvectormap-container {
    background: #ffffff;
}
.lightGallery {
    width: 100%;
    margin: 0;
}
.lightGallery .image-tile {
    position: relative;
    margin-bottom: 30px;
}
.lightGallery .image-tile .demo-gallery-poster {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.lightGallery .image-tile .demo-gallery-poster img {
    display: block;
    margin: auto;
    width: 40%;
    max-width: 60px;
    min-width: 20px;
}
.lightGallery .image-tile img {
    max-width: 100%;
    width: 100%;
}
.listify-list input {
    border: 1px solid #f2f7f8;
    color: #aab2bd;
    background: #fff;
}
.listify-list ul.list {
    list-style: none;
    padding-right: 0;
}
.listify-list ul.list li {
    display: block;
    border-bottom: 1px solid #ebedf2;
    padding: 15px 10px;
}
.listify-list ul.list li h5 {
    color: var(--theme-color);
}
.listify-list ul.list li p {
    color: #aab2bd;
    margin: 0;
}
.noUi-target {
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
.noUi-target .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.noUi-target .noUi-handle:before {
    display: none;
}
.noUi-target .noUi-handle:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    right: 4px;
    top: 4px;
}
.noUi-target.noUi-horizontal {
    height: 0.25rem;
}
.noUi-target.noUi-horizontal .noUi-handle {
    top: -8px;
}
.noUi-target.noUi-vertical {
    width: 0.25rem;
    height: 156px;
    display: inline-block;
}
.noUi-target.noUi-vertical .noUi-handle {
    right: -7px;
}
.noUi-target .noUi-base {
    background: #e6e9ed;
    box-shadow: none;
    border: none;
}
.noUi-target .noUi-base .noUi-connect {
    background: var(--theme-color);
    box-shadow: none;
}
.noUi-target .noUi-base .noUi-origin {
    background: #1bcfb4;
}
.noUi-target .noUi-pips .noUi-marker-horizontal,
.noUi-target .noUi-pips .noUi-marker-vertical {
    background: #ebedf2;
}
.noUi-target .noUi-pips .noUi-marker-horizontal {
    height: 9px;
    width: 1px;
}
.noUi-target .noUi-pips .noUi-marker-vertical {
    height: 1px;
    width: 9px;
}
.noUi-target .noUi-pips .noUi-value {
    color: #000;
    font-size: 0.94rem;
    font-family: "ubuntu-bold", sans-serif;
}
.slider-primary .noUi-base .noUi-connect {
    background: var(--theme-color);
}
.slider-primary .noUi-base .noUi-origin {
    background: var(--theme-color);
}
.slider-primary .noUi-base .noUi-origin .noUi-handle:after {
    background: var(--theme-color);
}
.slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: var(--theme-color);
    color: #ffffff;
}
.slider-secondary .noUi-base .noUi-connect {
    background: #c3bdbd;
}
.slider-secondary .noUi-base .noUi-origin {
    background: #c3bdbd;
}
.slider-secondary .noUi-base .noUi-origin .noUi-handle:after {
    background: #c3bdbd;
}
.slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #c3bdbd;
    color: #ffffff;
}
.slider-success .noUi-base .noUi-connect {
    background: #1bcfb4;
}
.slider-success .noUi-base .noUi-origin {
    background: #1bcfb4;
}
.slider-success .noUi-base .noUi-origin .noUi-handle:after {
    background: #1bcfb4;
}
.slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #1bcfb4;
    color: #ffffff;
}
.slider-info .noUi-base .noUi-connect {
    background: #198ae3;
}
.slider-info .noUi-base .noUi-origin {
    background: #198ae3;
}
.slider-info .noUi-base .noUi-origin .noUi-handle:after {
    background: #198ae3;
}
.slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #198ae3;
    color: #ffffff;
}
.slider-warning .noUi-base .noUi-connect {
    background: #fed713;
}
.slider-warning .noUi-base .noUi-origin {
    background: #fed713;
}
.slider-warning .noUi-base .noUi-origin .noUi-handle:after {
    background: #fed713;
}
.slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #fed713;
    color: #ffffff;
}
.slider-danger .noUi-base .noUi-connect {
    background: #fe7c96;
}
.slider-danger .noUi-base .noUi-origin {
    background: #fe7c96;
}
.slider-danger .noUi-base .noUi-origin .noUi-handle:after {
    background: #fe7c96;
}
.slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #fe7c96;
    color: #ffffff;
}
.slider-light .noUi-base .noUi-connect {
    background: #f8f9fa;
}
.slider-light .noUi-base .noUi-origin {
    background: #f8f9fa;
}
.slider-light .noUi-base .noUi-origin .noUi-handle:after {
    background: #f8f9fa;
}
.slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #f8f9fa;
    color: #ffffff;
}
.slider-dark .noUi-base .noUi-connect {
    background: #3e4b5b;
}
.slider-dark .noUi-base .noUi-origin {
    background: #3e4b5b;
}
.slider-dark .noUi-base .noUi-origin .noUi-handle:after {
    background: #3e4b5b;
}
.slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
    background: #3e4b5b;
    color: #ffffff;
}
.owl-carousel img {
    border-radius: 4px;
}
.owl-carousel.full-width .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    margin-top: 0;
}
.owl-carousel.full-width .owl-nav .owl-prev,
.owl-carousel.full-width .owl-nav .owl-next {
    background: transparent;
    color: #ffffff;
}
.owl-carousel.full-width .owl-nav .owl-prev i:before,
.owl-carousel.full-width .owl-nav .owl-next i:before {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 2;
}
.owl-carousel.full-width .owl-nav .owl-prev {
    float: right;
}
.owl-carousel.full-width .owl-nav .owl-next {
    float: left;
}
.owl-carousel.full-width .owl-dots {
    margin-top: 1rem;
}
.owl-carousel .item-video {
    width: 200px;
    height: 200px;
}
.progress-bar-js-line {
    height: 6px;
}
.progressbar-js-circle {
    width: 100%;
    position: relative;
}
.pws_tabs_container ul.pws_tabs_controll {
    border-bottom: 1px solid var(--theme-color);
}
.pws_tabs_container ul.pws_tabs_controll li:first-child a {
    border-radius: 0px 5px 0px 0px;
}
.pws_tabs_container ul.pws_tabs_controll li:last-child a {
    border-left: 1px solid var(--theme-color);
    border-radius: 5px 0px 0px 0px;
}
.pws_tabs_container ul.pws_tabs_controll li a {
    border: 1px solid var(--theme-color);
    border-bottom: none;
    border-left: none;
    background: #fff;
    color: var(--theme-color);
    padding: 0.6em 1.3em;
    margin-left: 0;
}
.pws_tabs_container ul.pws_tabs_controll li a:hover {
    background: #fff;
    color: var(--theme-color);
}
.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #fff;
}
.pws_tabs_container .demo-tabs {
    border: 1px solid var(--theme-color);
    border-radius: 5px 0px 5px 5px;
    overflow: hidden;
    margin-bottom: 45px;
    padding-top: 3.5rem;
}
.pws_tabs_container .demo-tabs .CodeMirror {
    margin-bottom: 20px;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll {
    border-left: none;
    border-bottom: none;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a {
    border-radius: 0px 5px 0px 0px;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a {
    border-bottom: 1px solid var(--theme-color);
    border-radius: 0px 0px 5px 0px;
    border-left: 0px;
}
.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {
    border-radius: 0px;
    border: 1px solid var(--theme-color);
    border-left: none;
    border-bottom: none;
    margin-bottom: 0;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list {
    margin-bottom: 0;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {
    border-top: 1px solid var(--theme-color);
    border-left: none;
    border-bottom: none;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:first-child a {
    border-radius: 0px 0px 5px 0px;
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a {
    border-radius: 0px 0px 0px 5px;
    border-left: 1px solid var(--theme-color);
}
.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {
    border-radius: 0px;
    border: 1px solid var(--theme-color);
    border-top: none;
    border-left: none;
    margin-left: 0;
    margin-bottom: 0;
}
.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {
    border-radius: 5px 0px 0px 0px;
    border-left: 1px solid var(--theme-color);
}
.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a {
    border-left: none;
    border-radius: 0px 5px 0px 0px;
}
.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {
    border: 1px solid var(--theme-color);
    border-bottom: none;
    border-left: none;
    margin-left: 0;
    margin-right: 0;
}
.quill-container {
    height: 300px;
}
.ql-toolbar.ql-snow,
.quill-container.ql-snow {
    border-color: #ebedf2;
}
.br-theme-fontawesome-stars .br-widget a,
.br-theme-css-stars .br-widget a {
    font-size: 20px;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after,
.br-theme-css-stars .br-widget a.br-active:after {
    color: var(--theme-color);
}
.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
    background-color: rgba(182, 109, 255, 0.6);
    color: var(--theme-color);
}
.br-theme-bars-1to10 .br-widget a.br-selected,
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected,
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected,
.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected,
.br-theme-bars-horizontal .br-widget a.br-active {
    background-color: var(--theme-color);
}
.br-theme-bars-square .br-widget a {
    border-color: rgba(182, 109, 255, 0.6);
    color: rgba(182, 109, 255, 0.6);
}
.br-theme-bars-square .br-widget a.br-selected,
.br-theme-bars-square .br-widget a.br-active {
    border-color: var(--theme-color);
    color: var(--theme-color);
}
.br-theme-bars-movie .br-widget .br-current-rating,
.br-theme-bars-reversed .br-widget .br-current-rating,
.br-theme-bars-1to10 .br-widget .br-current-rating,
.br-theme-bars-horizontal .br-widget .br-current-rating {
    color: #343a40;
    font-size: 0.875rem;
    font-weight: initial;
}
.br-theme-bars-1to10 {
    height: 26px;
}
.br-theme-bars-1to10 .br-widget {
    height: 24px;
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
    line-height: 1;
}
.br-theme-bars-pill .br-widget a {
    line-height: 2.5;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ddd;
    color: #343a40;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--multiple {
    border-color: #ebedf2;
}
.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-search__field {
    border-color: #ebedf2;
}
.select2-container--default .select2-selection--single {
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px;
}
.select2-container--default .select2-dropdown {
    font-size: .8125rem;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ebedf2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    padding: 6px;
    font-size: .625rem;
    font-family: inherit;
    line-height: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #ffffff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1) {
    background: var(--theme-color);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {
    background: #1bcfb4;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3) {
    background: #198ae3;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4) {
    background: #fe7c96;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {
    background: #fed713;
}
.note-editor.note-frame {
    border: 1px solid #ebedf2;
}
.note-popover {
    border: 1px solid #ebedf2;
}
.swal2-container {
    z-index: 1500;
}
.swal2-modal {
    min-height: 315px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
}
.swal2-modal .swal2-title {
    font-size: 25px;
    line-height: 1;
    font-family: "ubuntu-medium", sans-serif;
    color: #343a40;
    font-weight: initial;
    margin-bottom: 0;
}
.swal2-modal .swal2-icon,
.swal2-modal .swal2-success-ring {
    margin-top: 0;
    margin-bottom: 42px;
}
.swal2-modal .swal2-buttonswrapper {
    margin-top: 0;
    padding: 0;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled {
    margin-top: 0;
    font-weight: initial;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
    font-weight: initial;
    margin-top: 32px;
}
.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {
    margin-top: 32px;
    border: 1px solid #ebedf2;
    color: #ffffff;
    font-weight: initial;
}
.swal2-modal .swal2-content {
    font-size: 0.875rem;
    font-family: "ubuntu-medium", sans-serif;
    color: #343a40;
    font-weight: initial;
    margin-top: 11px;
}
.swal2-modal .swal2-close {
    font-size: 20px;
}
.swal2-modal .swal2-success-ring {
    right: -30px;
}
.switchery {
    width: 35px;
    height: 21px;
    border-radius: 11px;
}
.switchery>small {
    width: 20px;
    height: 20px;
}
.switchery-small {
    width: 25px;
    height: 13px;
}
.switchery-small>small {
    width: 13px;
    height: 13px;
}
.switchery-large {
    width: 50px;
    height: 28px;
    border-radius: 14px;
}
.switchery-large>small {
    width: 27px;
    height: 27px;
}
div.tagsinput {
    padding: 15px 15px 10px;
    border-color: #ebedf2;
}
div.tagsinput span.tag {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border: 0;
    color: #ffffff;
    padding: 6px 14px;
    font-size: .8125rem;
    font-family: inherit;
    line-height: 1;
}
div.tagsinput span.tag a {
    color: #ffffff;
}
.mce-tinymce.mce-panel,
.mce-tinymce .mce-panel {
    border-color: #ebedf2;
}
.jq-toast-wrap .jq-icon-success {
    background-color: #1bcfb4;
}
.jq-toast-wrap .jq-icon-info {
    background-color: #198ae3;
}
.jq-toast-wrap .jq-icon-warning {
    background-color: #fed713;
}
.jq-toast-wrap .jq-icon-error {
    background-color: #fe7c96;
}
.tt-menu,
.gist {
    text-align: right;
}
.twitter-typeahead {
    max-width: 100%;
}
.typeahead {
    background-color: #ffffff;
}
.typeahead:focus {
    border-color: #ebedf2;
}
.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #434a54;
}
.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #ffffff;
    border: 1px solid #ebedf2;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: inherit;
}
.tt-suggestion:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: var(--theme-color);
}
.tt-suggestion .tt-cursor {
    color: #ffffff;
    background-color: var(--theme-color);
}
.tt-suggestion p {
    margin: 0;
}
.wysi-editor #toolbar [data-wysihtml-action] {
    float: left;
}
.wysi-editor #toolbar,
.wysi-editor textarea {
    width: 920px;
    padding: 5px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.wysi-editor textarea {
    height: 280px;
    border: 1px solid #ebedf2;
    font-family: inherit;
    font-size: 1rem;
}
.wysi-editor textarea:focus {
    color: black;
    border: 1px solid #ebedf2;
}
.wysi-editor .wysihtml-action-active,
.wysi-editor .wysihtml-command-active {
    font-weight: bold;
}
.wysi-editor [data-wysihtml-dialog] {
    margin: 5px 0 0;
    padding: 5px;
    border: 1px solid #666;
}
.wysi-editor a[data-wysihtml-command-value="red"] {
    color: #fe7c96;
}
.wysi-editor a[data-wysihtml-command-value="green"] {
    color: #1bcfb4;
}
.wysi-editor a[data-wysihtml-command-value="blue"] {
    color: #198ae3;
}
.wysi-editor .wysihtml-editor,
.wysi-editor .wysihtml-editor table td {
    outline: 1px dotted #ebedf2;
}
.wysi-editor code {
    background: #ddd;
    padding: 10px;
    white-space: pre;
    display: block;
    margin: 1em 0;
}
.wysi-editor .toolbar {
    display: block;
    border-radius: 3px;
    border: 1px solid #fff;
    margin-bottom: 9px;
    line-height: 1em;
}
.wysi-editor .toolbar a {
    display: inline-block;
    height: 1.5em;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 1.5em;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #ebedf2;
    padding: 0 0.2em;
    margin: 1px 0;
    color: var(--theme-color);
}
.wysi-editor .toolbar .wysihtml-action-active,
.wysi-editor .toolbar a.wysihtml-command-active {
    background: #222;
    color: white;
}
.wysi-editor .toolbar .block {
    padding: 1px;
    display: inline-block;
    background: #eee;
    border-radius: 3px;
    margin: 0 0 1px 1px;
}
.wysi-editor div[data-wysihtml-dialog="createTable"] {
    position: absolute;
    background: white;
}
.wysi-editor div[data-wysihtml-dialog="createTable"] td {
    width: 10px;
    height: 5px;
    border: 1px solid #ebedf2;
}
.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {
    outline: 2px solid #1bcfb4;
}
.wysi-editor .editor-container-tag {
    padding: 5px 10px;
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, 0.8);
    width: 100px;
    margin-right: -50px;
    -webkit-transition: 0.1s right, 0.1s top;
}
.wysi-editor .wrap {
    max-width: 700px;
    margin: 40px;
}
.wysi-editor .editable .wysihtml-uneditable-container {
    outline: 1px dotted #ebedf2;
    position: relative;
}
.wysi-editor .editable .wysihtml-uneditable-container-right {
    float: left;
    width: 50%;
    margin-right: 2em;
    margin-bottom: 1em;
}
.wysi-editor .editable .wysihtml-uneditable-container-left {
    float: right;
    width: 50%;
    margin-left: 2em;
    margin-bottom: 1em;
}
.editable-form .editable {
    color: #343a40;
    font-size: .8125rem;
}
.editable-form .editable-click {
    border-color: #343a40;
}
.editable-container.editable-inline {
    max-width: 100%;
}
.editable-container.editable-inline .editableform {
    max-width: 100%;
}
.editable-container.editable-inline .editableform .control-group {
    max-width: 100%;
    white-space: initial;
}
.editable-container.editable-inline .editableform .control-group>div {
    max-width: 100%;
}
.editable-container.editable-inline .editableform .control-group .editable-input input,
.editable-container.editable-inline .editableform .control-group .editable-input textarea {
    max-width: 100%;
}
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select,
.dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text],
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number],
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single,
.select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query,
.editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 991px) {
    .editable-container.editable-inline .editableform .control-group .editable-buttons {
        display: block;
        margin-top: 10px;
    }
}
.wizard {
    display: block;
    width: 100%;
    overflow: hidden;
}
.wizard a {
    outline: 0;
}
.wizard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wizard ul>li {
    display: block;
    padding: 0;
}
.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}
.wizard>.steps .current-info {
    position: absolute;
    right: -999em;
}
.wizard>.steps .number {
    font-size: 0.875rem;
}
.wizard>.steps>ul>li {
    width: 25%;
    float: right;
    text-align: center;
}
@media (max-width: 767px) {
    .wizard>.steps>ul>li {
        width: 50%;
    }
}
.wizard>.steps a {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 5px;
    font-size: 0.875rem;
    font-family: "ubuntu-medium", sans-serif;
}
.wizard>.steps a:hover {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px;
}
.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px;
}
.wizard>.steps .disabled a {
    background: #e6e9ed;
    color: #434a54;
    cursor: default;
}
.wizard>.steps .disabled a:hover {
    background: #e6e9ed;
    color: #434a54;
    cursor: default;
}
.wizard>.steps .disabled a:active {
    background: #e6e9ed e;
    color: #434a54;
    cursor: default;
}
.wizard>.steps .current a {
    background: var(--theme-color);
    color: #ffffff;
    cursor: default;
}
.wizard>.steps .current a:hover {
    background: var(--theme-color);
    color: #ffffff;
    cursor: default;
}
.wizard>.steps .current a:active {
    background: var(--theme-color);
    color: #ffffff;
    cursor: default;
}
.wizard>.steps .done a {
    background: #e9d3ff;
    color: #ffffff;
}
.wizard>.steps .done a:hover {
    background: #e9d3ff;
    color: #ffffff;
}
.wizard>.steps .done a:active {
    background: #e9d3ff;
    color: #ffffff;
}
.wizard>.steps .error a {
    background: #fe7c96;
    color: #fff;
}
.wizard>.steps .error a:hover {
    background: #fe7c96;
    color: #fff;
}
.wizard>.steps .error a:active {
    background: #fe7c96;
    color: #fff;
}
.wizard>.content {
    background: #f2edf3;
    display: block;
    margin: 0.5em;
    min-height: 24em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-radius: 5px;
}
.wizard>.content>.title {
    position: absolute;
    right: -999em;
}
.wizard>.content>.body {
    float: right;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
    overflow-y: auto;
}
.wizard>.content>.body ul {
    list-style: disc;
}
.wizard>.content>.body ul>li {
    display: list-item;
}
.wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}
.wizard>.content>.body input {
    display: block;
    border: 1px solid #ebedf2;
}
.wizard>.content>.body input[type="checkbox"] {
    display: inline-block;
}
.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #ffe1e7;
    color: #fe7c96;
}
.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: 0.5em;
}
.wizard>.content>.body label.error {
    color: #fe7c96;
    display: inline-block;
    margin-right: 1.5em;
}
.wizard>.actions {
    padding-top: 20px;
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
}
.wizard>.actions>ul {
    display: inline-block;
    text-align: left;
}
.wizard>.actions>ul>li {
    float: right;
    margin: 0 0.5em;
}
.wizard.vertical>.steps {
    display: inline;
    float: right;
    width: 30%;
}
@media (max-width: 767px) {
    .wizard.vertical>.steps {
        width: 42%;
    }
}
.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%;
    text-align: right;
}
.wizard.vertical>.content {
    display: inline;
    float: right;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}
@media (max-width: 767px) {
    .wizard.vertical>.content {
        width: 52%;
    }
}
.wizard.vertical>.actions {
    display: inline;
    float: left;
    margin: 0 2.5%;
    width: 95%;
}
@media (max-width: 767px) {
    .wizard.vertical>.actions {
        margin: 0;
        width: 100%;
    }
}
.wizard.vertical>.actions>ul>li {
    margin: 0 1em 0 0;
}
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}
.tabcontrol a {
    outline: 0;
}
.tabcontrol ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tabcontrol ul>li {
    display: block;
    padding: 0;
}
.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%;
}
.tabcontrol>.steps .current-info {
    position: absolute;
    right: -999em;
}
.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}
.tabcontrol>.steps>ul>li {
    float: right;
    margin: 5px 0 0 2px;
    padding: 1px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #ebedf2;
    padding: 0;
}
.tabcontrol>.steps>ul>li>a {
    color: #aab2bd;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}
.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
}
.tabcontrol>.steps>ul>li.current {
    background: #ffffff;
    border: 1px solid #ebedf2;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}
.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px;
}
.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #ebedf2;
    padding-top: 20px;
}
.tabcontrol>.content>.title {
    position: absolute;
    right: -999em;
}
.tabcontrol>.content>.body {
    float: right;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.tabcontrol>.content>.body ul {
    list-style: disc;
}
.tabcontrol>.content>.body ul>li {
    display: list-item;
}
.jstree-default .jstree-clicked {
    background-color: #beebff;
}
.jstree-default .jstree-hovered {
    background-color: #e7f4f9;
}
.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px;
}
.auth .login-half-bg {
    background: url("../../images/auth/login-bg.jpg");
    background-size: cover;
}
.auth .register-half-bg {
    background: url("../../images/auth/register-bg.jpg");
    background-size: cover;
}
.auth.lock-full-bg {
    background: url("../../images/auth/lockscreen-bg.jpg");
    background-size: cover;
}
.auth .lock-profile-img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
}
.auth .auth-form-dark {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}
.auth .auth-form-dark .form-control,
.auth .auth-form-dark .asColorPicker-input,
.auth .auth-form-dark .dataTables_wrapper select,
.dataTables_wrapper .auth .auth-form-dark select,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text],
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number],
.auth .auth-form-dark .select2-container--default .select2-selection--single,
.select2-container--default .auth .auth-form-dark .select2-selection--single,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field,
.auth .auth-form-dark .typeahead,
.auth .auth-form-dark .tt-query,
.auth .auth-form-dark .tt-hint {
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}
.auth .auth-form-dark .form-control:-ms-input-placeholder,
.auth .auth-form-dark .asColorPicker-input:-ms-input-placeholder,
.auth .auth-form-dark .dataTables_wrapper select:-ms-input-placeholder,
.dataTables_wrapper .auth .auth-form-dark select:-ms-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-ms-input-placeholder[type=text],
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select:-ms-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-ms-input-placeholder[type=number],
.auth .auth-form-dark .select2-container--default .select2-selection--single:-ms-input-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single:-ms-input-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field:-ms-input-placeholder,
.auth .auth-form-dark .typeahead:-ms-input-placeholder,
.auth .auth-form-dark .tt-query:-ms-input-placeholder,
.auth .auth-form-dark .tt-hint:-ms-input-placeholder {
    color: #ffffff;
}
.auth .auth-form-dark .form-control:-moz-placeholder,
.auth .auth-form-dark .asColorPicker-input:-moz-placeholder,
.auth .auth-form-dark .dataTables_wrapper select:-moz-placeholder,
.dataTables_wrapper .auth .auth-form-dark select:-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-moz-placeholder[type=text],
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select:-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input:-moz-placeholder[type=number],
.auth .auth-form-dark .select2-container--default .select2-selection--single:-moz-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single:-moz-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field:-moz-placeholder,
.auth .auth-form-dark .typeahead:-moz-placeholder,
.auth .auth-form-dark .tt-query:-moz-placeholder,
.auth .auth-form-dark .tt-hint:-moz-placeholder {
    color: #ffffff;
}
.auth .auth-form-dark .form-control::-moz-placeholder,
.auth .auth-form-dark .asColorPicker-input::-moz-placeholder,
.auth .auth-form-dark .dataTables_wrapper select::-moz-placeholder,
.dataTables_wrapper .auth .auth-form-dark select::-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text]::-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select::-moz-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-moz-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number]::-moz-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single::-moz-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single::-moz-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field::-moz-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field::-moz-placeholder,
.auth .auth-form-dark .typeahead::-moz-placeholder,
.auth .auth-form-dark .tt-query::-moz-placeholder,
.auth .auth-form-dark .tt-hint::-moz-placeholder {
    color: #ffffff;
}
.auth .auth-form-dark .form-control::-webkit-input-placeholder,
.auth .auth-form-dark .asColorPicker-input::-webkit-input-placeholder,
.auth .auth-form-dark .dataTables_wrapper select::-webkit-input-placeholder,
.dataTables_wrapper .auth .auth-form-dark select::-webkit-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=text]::-webkit-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark select::-webkit-input-placeholder,
.auth .auth-form-dark .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-dark input[type=number]::-webkit-input-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single::-webkit-input-placeholder,
.select2-container--default .auth .auth-form-dark .select2-selection--single::-webkit-input-placeholder,
.auth .auth-form-dark .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder,
.select2-container--default .select2-selection--single .auth .auth-form-dark .select2-search__field::-webkit-input-placeholder,
.auth .auth-form-dark .typeahead::-webkit-input-placeholder,
.auth .auth-form-dark .tt-query::-webkit-input-placeholder,
.auth .auth-form-dark .tt-hint::-webkit-input-placeholder {
    color: #ffffff;
}
.auth .auth-form-light {
    background: #ffffff;
}
.auth .auth-form-light select {
    color: #c9c8c8;
}
.auth .auth-form-light .input-group .form-control:focus,
.auth .auth-form-light .asColorPicker-wrap .form-control:focus,
.auth .auth-form-light .input-group .asColorPicker-input:focus,
.auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:focus,
.auth .auth-form-light .input-group .dataTables_wrapper select:focus,
.dataTables_wrapper .auth .auth-form-light .input-group select:focus,
.auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:focus,
.dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:focus,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=text],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=text],
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:focus,
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:focus,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=number],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=number],
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single:focus,
.select2-container--default .auth .auth-form-light .input-group .select2-selection--single:focus,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:focus,
.select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:focus,
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:focus,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:focus,
.auth .auth-form-light .input-group .typeahead:focus,
.auth .auth-form-light .asColorPicker-wrap .typeahead:focus,
.auth .auth-form-light .input-group .tt-query:focus,
.auth .auth-form-light .asColorPicker-wrap .tt-query:focus,
.auth .auth-form-light .input-group .tt-hint:focus,
.auth .auth-form-light .asColorPicker-wrap .tt-hint:focus,
.auth .auth-form-light .input-group .form-control:active,
.auth .auth-form-light .asColorPicker-wrap .form-control:active,
.auth .auth-form-light .input-group .asColorPicker-input:active,
.auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:active,
.auth .auth-form-light .input-group .dataTables_wrapper select:active,
.dataTables_wrapper .auth .auth-form-light .input-group select:active,
.auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:active,
.dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:active,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=text],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=text],
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:active,
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:active,
.auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=number],
.auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=number],
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single:active,
.select2-container--default .auth .auth-form-light .input-group .select2-selection--single:active,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:active,
.select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:active,
.auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:active,
.select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:active,
.auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:active,
.select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:active,
.auth .auth-form-light .input-group .typeahead:active,
.auth .auth-form-light .asColorPicker-wrap .typeahead:active,
.auth .auth-form-light .input-group .tt-query:active,
.auth .auth-form-light .asColorPicker-wrap .tt-query:active,
.auth .auth-form-light .input-group .tt-hint:active,
.auth .auth-form-light .asColorPicker-wrap .tt-hint:active {
    border-color: #ebedf2;
}
.auth .auth-form-transparent {
    background: transparent;
}
.auth .auth-form-transparent .form-control,
.auth .auth-form-transparent .asColorPicker-input,
.auth .auth-form-transparent .dataTables_wrapper select,
.dataTables_wrapper .auth .auth-form-transparent select,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=text],
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=number],
.auth .auth-form-transparent .select2-container--default .select2-selection--single,
.select2-container--default .auth .auth-form-transparent .select2-selection--single,
.auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field,
.auth .auth-form-transparent .typeahead,
.auth .auth-form-transparent .tt-query,
.auth .auth-form-transparent .tt-hint,
.auth .auth-form-transparent .input-group-text {
    border-color: #c3bdbd;
}
.auth .auth-form-transparent .form-control:focus,
.auth .auth-form-transparent .asColorPicker-input:focus,
.auth .auth-form-transparent .dataTables_wrapper select:focus,
.dataTables_wrapper .auth .auth-form-transparent select:focus,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=text],
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:focus,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=number],
.auth .auth-form-transparent .select2-container--default .select2-selection--single:focus,
.select2-container--default .auth .auth-form-transparent .select2-selection--single:focus,
.auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:focus,
.auth .auth-form-transparent .typeahead:focus,
.auth .auth-form-transparent .tt-query:focus,
.auth .auth-form-transparent .tt-hint:focus,
.auth .auth-form-transparent .form-control:active,
.auth .auth-form-transparent .asColorPicker-input:active,
.auth .auth-form-transparent .dataTables_wrapper select:active,
.dataTables_wrapper .auth .auth-form-transparent select:active,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=text],
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:active,
.auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=number],
.auth .auth-form-transparent .select2-container--default .select2-selection--single:active,
.select2-container--default .auth .auth-form-transparent .select2-selection--single:active,
.auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:active,
.select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:active,
.auth .auth-form-transparent .typeahead:active,
.auth .auth-form-transparent .tt-query:active,
.auth .auth-form-transparent .tt-hint:active,
.auth .auth-form-transparent .input-group-text:focus,
.auth .auth-form-transparent .input-group-text:active {
    border-color: #c3bdbd;
}
.auth .auth-form-transparent select {
    outline-color: #c3bdbd;
}
.auth.auth-img-bg {
    padding: 0;
}
@media (min-width: 768px) {
    .auth.auth-img-bg .auth-form-transparent {
        width: 55%;
        margin: auto;
    }
}
.auth .brand-logo {
    margin-bottom: 2rem;
}
.auth .brand-logo img {
    width: 150px;
}
.auth form .form-group {
    margin-bottom: 1.5rem;
}
.auth form .form-group label {
    font-size: .8125rem;
}
.auth form .form-group .form-control,
.auth form .form-group .asColorPicker-input,
.auth form .form-group .dataTables_wrapper select,
.dataTables_wrapper .auth form .form-group select,
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=text],
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group select,
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=number],
.auth form .form-group .select2-container--default .select2-selection--single,
.select2-container--default .auth form .form-group .select2-selection--single,
.auth form .form-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth form .form-group .select2-search__field,
.auth form .form-group .typeahead,
.auth form .form-group .tt-query,
.auth form .form-group .tt-hint {
    background: transparent;
    border-radius: 0;
    font-size: .9375rem;
}
.auth form .auth-form-btn {
    height: 50px;
    line-height: 1.5;
}
.auth form .auth-link {
    font-size: 0.875rem;
}
.auth form .auth-link:hover {
    color: initial;
}
.auth.multi-step-login {
    height: 100%;
    min-height: 100vh;
    background: #f2edf3;
}
.auth.multi-step-login .step-form {
    position: relative;
    width: auto;
    margin: 50px auto;
    text-align: center;
}
.auth.multi-step-login .step-form .step-progress {
    padding-right: 0;
    list-style-type: none;
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    justify-content: space-around;
}
.auth.multi-step-login .step-form .step-progress li {
    position: relative;
    list-style-type: none;
    color: #343a40;
    font-size: 18px;
    font-weight: 500;
    float: right;
}
.auth.multi-step-login .step-form .step-progress li:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #343a40;
    background: #e7dee9;
    border-radius: 100px;
    margin: 0 auto 5px auto;
}
.auth.multi-step-login .step-form .step-progress li.active:before {
    background: #1bcfb4;
    color: #fff;
}
.auth.multi-step-login .step-form .step-progress li:first-child:after {
    content: none;
}
.auth.multi-step-login .step-form fieldset {
    background: #fff;
    border-radius: 10px;
    padding: 30px 30px;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.auth.multi-step-login .step-form fieldset:not(:first-of-type) {
    display: none;
}
.auth.multi-step-login .step-form .form-control,
.auth.multi-step-login .step-form .asColorPicker-input,
.auth.multi-step-login .step-form .dataTables_wrapper select,
.dataTables_wrapper .auth.multi-step-login .step-form select,
.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=text],
.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form select,
.auth.multi-step-login .step-form .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .auth.multi-step-login .step-form input[type=number],
.auth.multi-step-login .step-form .select2-container--default .select2-selection--single,
.select2-container--default .auth.multi-step-login .step-form .select2-selection--single,
.auth.multi-step-login .step-form .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .auth.multi-step-login .step-form .select2-search__field,
.auth.multi-step-login .step-form .typeahead,
.auth.multi-step-login .step-form .tt-query,
.auth.multi-step-login .step-form .tt-hint {
    height: 40px;
    border-radius: 4px;
}
@media (max-width: 576px) {
    .auth.multi-step-login .step-form {
        width: 100%;
    }
}
.lock-screen {
    position: relative;
    overflow: hidden;
}
.lock-screen .backhground-bg {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background: url("../images/samples/lockscreen-bg.html") no-repeat center center;
    background-size: cover;
    overflow: hidden;
    min-height: 100%;
}
.lock-screen .card {
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
}
.lock-screen .card .card-body img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, 0.2);
}
.lock-screen .card .card-body input[type="text"] {
    background: rgba(255, 255, 255, 0.55);
    border: none;
    width: 80%;
    margin: auto;
}
.banner-wrapper {
    background-color: #1a142dfa;
}
.banner-wrapper .navbar {
    background: none;
    padding: 50px 0;
}
.banner-wrapper .navbar .navbar-brand {
    width: 170px;
}
.banner-wrapper .navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 20px;
    padding-right: 18px;
}
.banner-wrapper .navbar .navbar-toggler {
    border: 1px solid #ffffff;
    color: #ffffff;
}
.banner-wrapper .banner-content {
    padding: 45px 15px;
}
.banner-wrapper .banner-content h1 {
    font-size: 46px;
}
.banner-wrapper .banner-content h3 {
    font-size: 36px;
}
.details-wrapper {
    padding: 140px 0 50px 0;
    background: #ffffff;
}
.details-wrapper .card-icon-top {
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.details-wrapper .card-icon-top .card-icon {
    top: -38px;
    right: calc(50% - 30px);
    height: 70px;
    width: 70px;
    position: absolute;
}
.details-wrapper .card-icon-top h4 {
    font-size: 30px;
}
.details-wrapper .card-icon-top .card-text {
    font-size: 18px;
}
.details-wrapper .card-item-preview {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    position: relative;
}
.details-wrapper .card-item-preview .badge {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: absolute;
    left: -32px;
    top: -38px;
    padding-top: 25px;
    font-size: 24px;
}
.details-wrapper .feature-list-row .feature-list-item i {
    font-size: 45px;
    display: block;
    padding: 40px 0;
}
.details-wrapper .feature-list-row .feature-list-item .feature-description {
    font-size: 17px;
    padding-bottom: 20px;
}
footer {
    padding: 85px 0 30px 0;
    background-color: #007bff;
}
footer img {
    width: 170px;
}
footer .social-icons {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-left: 15px;
    cursor: pointer;
}
footer .social-icons span {
    padding: 16px 17px 0 0;
    display: block;
    font-size: 26px;
}
footer i {
    color: #ffffff;
    padding: 0 0 10px 10px;
}
footer h6 {
    font-size: 18px;
    color: #ffffff;
}
footer .nav .nav-item .nav-link {
    color: #ffffff;
    font-size: 18px;
}
footer .nav .nav-item .nav-link:not(:last-child) {
    border-left: 1px solid #ffffff;
}
footer p {
    color: #ffffff;
    font-size: 17px;
}
footer .form-control,
footer .asColorPicker-input,
footer .dataTables_wrapper select,
.dataTables_wrapper footer select,
footer .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row footer input[type=text],
footer .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row footer select,
footer .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row footer input[type=number],
footer .select2-container--default .select2-selection--single,
.select2-container--default footer .select2-selection--single,
footer .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single footer .select2-search__field,
footer .typeahead,
footer .tt-query,
footer .tt-hint {
    border-radius: 25px 25px;
}
footer h4 {
    padding-top: 35px;
    color: #ffffff;
}
footer h4 a {
    color: #dc3545;
}
.user-avatar {
    position: relative;
}
.user-avatar .edit-avatar-icon {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    position: absolute;
    background-color: #d8d8d8;
    bottom: 0;
    left: 0;
}
.user-avatar .edit-avatar-icon i {
    padding: 8px 7px 0 0;
    display: block;
}
@media (max-width: 768px) {
    .user-avatar .edit-avatar-icon {
        left: 165px;
    }
}
@media (max-width: 567px) {
    .user-avatar .edit-avatar-icon {
        left: 35px;
    }
}
.wrapper .image-grouped .text-avatar {
    border: 4px solid #ffffff;
    text-align: center;
}
.wrapper .image-grouped .text-avatar:hover {
    border: 0;
}
.portfolio-grid figure {
    position: relative;
    float: right;
    overflow: hidden;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.portfolio-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
    opacity: 0.8;
}
.portfolio-grid figure figcaption {
    padding: 2em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25em;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.portfolio-grid figure figcaption:after,
.portfolio-grid figure figcaption:before {
    pointer-events: none;
}
.portfolio-grid figure.effect-text-in {
    border-radius: 0.25rem;
}
.portfolio-grid figure.effect-text-in h4,
.portfolio-grid figure.effect-text-in img {
    transition: transform 0.35s;
}
.portfolio-grid figure.effect-text-in img {
    backface-visibility: hidden;
}
.portfolio-grid figure.effect-text-in h4,
.portfolio-grid figure.effect-text-in p {
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 10px;
    margin-bottom: 0;
    width: 100%;
}
.portfolio-grid figure.effect-text-in p {
    text-transform: none;
    opacity: 0;
    background: var(--theme-color);
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(0, 50px, 0);
}
.portfolio-grid figure.effect-text-in:hover img {
    transform: translate3d(0, -80px, 0);
}
.portfolio-grid figure.effect-text-in:hover h4 {
    transform: translate3d(0, -100px, 0);
}
.portfolio-grid figure.effect-text-in:hover p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.board-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.board-wrapper .board-portlet {
    background: #eae2ec;
    margin: 0px 15px;
    padding: 22px 20px;
    min-width: 345px;
    width: 345px;
    border-radius: 4px;
}
.board-wrapper .portlet-heading {
    font-weight: 500;
    margin-bottom: 5px;
}
.board-wrapper .task-number {
    color: #9c9fa6;
}
.board-wrapper .portlet-card-list {
    padding-right: 0;
    list-style: none;
    min-height: 70px;
}
.board-wrapper .portlet-card {
    width: 100%;
    padding: 20px 20px 20px 20px;
    background: #fff;
    display: grid;
    grid-template-rows: 5;
    grid-template-columns: 2;
    border-radius: 6px;
    position: relative;
    margin-bottom: 15px;
    cursor: grab;
}
.board-wrapper .portlet-card .progress {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    border-radius: 6px 6px 0px 0px;
    height: 4px;
}
.board-wrapper .portlet-card .progress .progress-bar {
    border-radius: 0px;
}
.board-wrapper .portlet-card .task-date {
    margin-bottom: 5px;
    color: #9c9fa6;
    grid-row-start: 1;
    grid-column-start: 1;
}
.board-wrapper .portlet-card .action-dropdown {
    grid-row-start: 1;
    grid-column-start: 2;
    margin-right: auto;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle {
    border: none;
    background: inherit;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle i {
    font-size: 20px;
    line-height: 20px;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle i:before {
    margin-left: -10px;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle:after {
    display: none;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-menu-right {
    right: 0 !important;
}
.board-wrapper .portlet-card .task-title {
    font-weight: 500;
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 16px;
    margin-bottom: 15px;
}
.board-wrapper .portlet-card .image-grouped {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}
.board-wrapper .portlet-card .portlet-image {
    width: 100%;
    display: block;
    grid-row-start: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 5px;
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
}
.board-wrapper .portlet-card .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row-start: 5;
    grid-column-start: 1;
    grid-column-end: 2;
    margin-top: 20px;
}
.board-wrapper .portlet-card .due-date {
    grid-row-start: 5;
    grid-column-start: 2;
    grid-column-end: 3;
    margin-bottom: 0;
    text-align: left;
    margin-top: 20px;
    color: #9c9fa6;
    font-weight: 500;
}
.board-wrapper .add-portlet {
    background: #fff;
    border-radius: 6px;
    padding: 25px 10px;
    text-align: center;
    color: #9c9fa6;
    font-weight: 500;
    border: none;
    width: 100%;
    transition-duration: 0.4s;
    transition-property: "background";
}
.board-wrapper .add-portlet:hover {
    background: #f2f2f2;
}
@media (max-width: 768px) {
    .board-wrapper {
        overflow-x: auto;
    }

    .board-wrapper .board-portlet {
        min-width: 100%;
        width: 100%;
    }
}
.kanban-toolbar .btn,
.kanban-toolbar .fc button,
.fc .kanban-toolbar button,
.kanban-toolbar .ajax-upload-dragdrop .ajax-file-upload,
.ajax-upload-dragdrop .kanban-toolbar .ajax-file-upload,
.kanban-toolbar .swal2-modal .swal2-buttonswrapper .swal2-styled,
.swal2-modal .swal2-buttonswrapper .kanban-toolbar .swal2-styled,
.kanban-toolbar .wizard>.actions a,
.wizard>.actions .kanban-toolbar a {
    margin-right: 10px;
}
.wrapper .private-btn {
    background-color: #eae2ec;
}
.tickets-tab-switch {
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    margin-right: -10px;
    margin-left: -10px;
}
.tickets-tab-switch .nav-item {
    display: block;
    width: 33.33%;
    padding: 0 10px;
}
@media (max-width: 767.98px) {
    .tickets-tab-switch .nav-item {
        width: 100%;
    }
}
.tickets-tab-switch .nav-item .nav-link {
    display: flex;
    align-items: center;
    background: #eee7ef;
    padding: 20px;
    text-align: right;
    font-weight: 600;
    border: none;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    transition-property: "background", "color";
}
.tickets-tab-switch .nav-item .nav-link .badge {
    margin-right: auto;
    background: var(--theme-color);
    color: #ffffff;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    transition-property: "background", "color";
}
.tickets-tab-switch .nav-item .nav-link.active {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    border-radius: 4px;
    color: #ffffff;
    border: none;
}
.tickets-tab-switch .nav-item .nav-link.active .badge {
    background: #fed713;
    color: #ffffff;
}
.tickets-date-group {
    display: flex;
    align-items: center;
    color: #9c9fa6;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 500;
}
.tickets-date-group i {
    margin-left: 10px;
    font-size: 20px;
}
.tickets-card {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #ebedf2;
    border-radius: 4px;
    padding: 15px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    text-decoration: none;
    color: #343a40;
    transition-duration: 0.3s;
    transition-property: "background";
}
.tickets-card .tickets-details {
    margin-left: auto;
}
.tickets-card .tickets-details .wrapper {
    display: flex;
    align-items: center;
}
.tickets-card .tickets-details .wrapper span {
    margin-right: 10px;
}
.tickets-card .tickets-details .wrapper span:first-child {
    margin-right: 0;
}
.tickets-card .tickets-details .wrapper span i {
    margin-left: 5px;
    font-size: 15px;
}
.tickets-card .tickets-details h5 {
    margin-bottom: 0;
}
.tickets-card .tickets-details .badge {
    margin-right: 15px;
}
.tickets-card .tickets-details .assignee-avatar {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 10px;
}
.tickets-card .ticket-float {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .tickets-card .ticket-float {
        margin-top: 20px;
    }
}
.tickets-card .ticket-float img,
.tickets-card .ticket-float .category-icon {
    margin-left: 10px;
}
.tickets-card .ticket-float .category-icon {
    font-size: 22px;
    color: #9c9fa6;
}
.tickets-card:hover {
    text-decoration: none;
    color: inherit;
    background: #fafafa;
}
@media (max-width: 567px) {
    .tickets-card {
        padding: 15px 0;
    }
}
.chat-app-wrapper {
    position: relative;
    overflow: hidden;
}
.chat-app-wrapper .chat-list-wrapper {
    overflow-y: auto;
    border-left: 1px solid #ebedf2;
    padding-bottom: 30px;
}
@media (max-width: 768px) {
    .chat-app-wrapper .chat-list-wrapper {
        position: absolute;
        right: -300px;
        top: 0;
        z-index: 99;
        bottom: 0px;
        background: #fff;
        width: 300px;
        height: 100%;
        border-left: none;
        transition-duration: 0.3s;
        transition-property: "box-shadow", "right", "box-shadow";
        transition-property: "box-shadow", "right";
    }

    .chat-app-wrapper .chat-list-wrapper.menu-open {
        right: 0px;
        box-shadow: -6px 4px 15px -5px rgba(0, 0, 0, 0.25);
    }
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper {
    padding-top: 20px;
    padding-bottom: 40px;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item {
    display: grid;
    grid-template-columns: 45px auto auto;
    grid-template-rows: 30px auto;
    padding: 15px 20px;
    transition-duration: 0.5s;
    transition-property: "background";
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image {
    position: relative;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator {
    position: absolute;
    top: 15px;
    left: -5px;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name {
    color: #9c9fa6;
    padding-right: 20px;
    margin-bottom: 0;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-time {
    color: #9c9fa6;
    text-align: left;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .chat-text {
    padding-right: 20px;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    margin-bottom: 0;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item:hover {
    background: rgba(182, 109, 255, 0.1);
    cursor: pointer;
}
.chat-app-wrapper .slide {
    right: -21px;
}
.chat-app-wrapper .chat-search-input {
    padding-top: 30px;
    padding-bottom: 10px;
}
.chat-app-wrapper .chat-search-input .form-control,
.chat-app-wrapper .chat-search-input .asColorPicker-input,
.chat-app-wrapper .chat-search-input .dataTables_wrapper select,
.dataTables_wrapper .chat-app-wrapper .chat-search-input select,
.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=text],
.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input select,
.chat-app-wrapper .chat-search-input .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-search-input input[type=number],
.chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single,
.select2-container--default .chat-app-wrapper .chat-search-input .select2-selection--single,
.chat-app-wrapper .chat-search-input .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-search-input .select2-search__field,
.chat-app-wrapper .chat-search-input .typeahead,
.chat-app-wrapper .chat-search-input .tt-query,
.chat-app-wrapper .chat-search-input .tt-hint {
    height: 40px;
    border-left: none;
    border-radius: 0px 4px 4px 0px;
    color: #9c9fa6;
}
.chat-app-wrapper .chat-search-input .input-group-text {
    padding: 8px 15px;
    font-size: 20px;
    border-radius: 4px 0px 0px 4px;
}
.chat-app-wrapper .chat-search-input .input-group-text i {
    color: #9c9fa6;
}
.chat-app-wrapper .sidebar-spacer {
    padding-right: 20px;
    padding-left: 20px;
}
.chat-app-wrapper .chat-container-wrapper {
    height: 100%;
    min-height: 100vh;
    max-height: 100% s;
    overflow-y: auto;
    padding-bottom: 20px;
    padding: 0 15px 30px 15px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble {
    margin-top: 30px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message {
    border-radius: 4px;
    padding: 20px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .chat-message p:last-child {
    margin-bottom: 0;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble .sender-details .seen-text {
    margin-bottom: 0;
    color: #9c9fa6;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message {
    background: #f2edf3;
    margin-right: 45px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .sender-details .seen-text {
    padding-right: 10px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message {
    background: var(--theme-color);
    margin-right: auto;
    max-width: 290px;
    margin-left: 45px;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .chat-message p {
    color: #ffffff;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details {
    flex-direction: row-reverse;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.outgoing-chat .sender-details .seen-text {
    padding-left: 10px;
}
.chat-app-wrapper .chat-sidebar {
    height: 100%;
    max-height: 100% s;
    overflow-y: auto;
    border-right: 1px solid #ebedf2;
}
.chat-app-wrapper .chat-text-field {
    border-top: 1px solid #ebedf2;
    padding: 10px 0;
}
.chat-app-wrapper .chat-text-field .input-group .input-group-prepend .input-group-text,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-prepend .input-group-text,
.chat-app-wrapper .chat-text-field .input-group .input-group-append .input-group-text,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .input-group-append .input-group-text {
    border: none;
    background: #ffffff;
}
.chat-app-wrapper .chat-text-field .input-group .form-control,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control,
.chat-app-wrapper .chat-text-field .input-group .asColorPicker-input,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input,
.chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=text],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=text],
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input[type=number],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input[type=number],
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single,
.select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single,
.select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single,
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field,
.chat-app-wrapper .chat-text-field .input-group .typeahead,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead,
.chat-app-wrapper .chat-text-field .input-group .tt-query,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query,
.chat-app-wrapper .chat-text-field .input-group .tt-hint,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint {
    height: 45px;
    border: none;
}
.chat-app-wrapper .chat-text-field .input-group .form-control:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .form-control:focus,
.chat-app-wrapper .chat-text-field .input-group .asColorPicker-input:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .asColorPicker-input:focus,
.chat-app-wrapper .chat-text-field .input-group .dataTables_wrapper select:focus,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .input-group select:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .dataTables_wrapper select:focus,
.dataTables_wrapper .chat-app-wrapper .chat-text-field .asColorPicker-wrap select:focus,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input:focus[type=text],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input:focus[type=text],
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group select:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap select:focus,
.chat-app-wrapper .chat-text-field .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .input-group input:focus[type=number],
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row .chat-app-wrapper .chat-text-field .asColorPicker-wrap input:focus[type=number],
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single:focus,
.select2-container--default .chat-app-wrapper .chat-text-field .input-group .select2-selection--single:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single:focus,
.select2-container--default .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-selection--single:focus,
.chat-app-wrapper .chat-text-field .input-group .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .input-group .select2-search__field:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--single .chat-app-wrapper .chat-text-field .asColorPicker-wrap .select2-search__field:focus,
.chat-app-wrapper .chat-text-field .input-group .typeahead:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .typeahead:focus,
.chat-app-wrapper .chat-text-field .input-group .tt-query:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-query:focus,
.chat-app-wrapper .chat-text-field .input-group .tt-hint:focus,
.chat-app-wrapper .chat-text-field .asColorPicker-wrap .tt-hint:focus {
    background: #ffffff;
}
.product-nav-wrapper {
    display: flex;
    align-items: center;
}
.product-nav-wrapper .product-filter-nav {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-nav li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-nav li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
    color: #343a40;
}
.product-nav-wrapper .product-filter-nav li.active a {
    color: var(--theme-color);
}
.product-nav-wrapper .product-filter-options {
    margin-right: auto;
    padding-right: 0;
    display: flex;
    align-items: center;
}
.product-nav-wrapper .product-filter-options .account-user-info {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-info li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-options .account-user-info li a {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 1;
    color: #343a40;
    border-left: 1px solid #ebedf2;
}
.product-nav-wrapper .product-filter-options .account-user-info li:last-child a {
    border-left: none;
}
.product-nav-wrapper .product-filter-options .account-user-info {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-info li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-options .account-user-info li a {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 1;
    color: #343a40;
    border-left: 1px solid #ebedf2;
    text-decoration: none;
}
.product-nav-wrapper .product-filter-options .account-user-info li:last-child a {
    border-left: none;
}
.product-nav-wrapper .product-filter-options .account-user-link {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-link li {
    display: inline-block;
}
.product-nav-wrapper .product-filter-options .account-user-link li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #343a40;
    text-decoration: none;
}
.product-nav-wrapper .product-filter-options .account-user-link li a:after {
    content: "/";
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}
.product-nav-wrapper .product-filter-options .account-user-link li:last-child a:after {
    display: none;
    margin-right: 0px;
}
.product-nav-wrapper .product-filter-options .account-user-actions {
    list-style: none;
    margin-bottom: 30px;
}
.product-nav-wrapper .product-filter-options .account-user-actions li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}
.product-nav-wrapper .product-filter-options .account-user-actions li .badge {
    position: absolute;
    top: -12px;
    left: -7px;
}
.product-nav-wrapper .product-filter-options .account-user-actions li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #343a40;
    text-decoration: none;
}
.product-nav-wrapper .product-filter-options .account-user-actions li:last-child {
    margin-left: 0;
}
.product-item-wrapper {
    margin-bottom: -15px;
}
.product-item-wrapper .product-item {
    box-shadow: none;
    margin-bottom: 20px;
}
.product-item-wrapper .product-item .card {
    box-shadow: none;
    border: 1px solid #ebedf2;
}
.product-item-wrapper .product-item .card-body {
    padding: 20px 25px;
    display: grid;
    position: relative;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    grid-template-areas: "product-image product-image" "product-title product-price" "product-variation product-actual-price" "product-description product-description";
}
.product-item-wrapper .product-item .card-body .action-holder {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 35px 40px;
    display: flex;
    align-items: center;
    z-index: 2;
}
.product-item-wrapper .product-item .card-body .action-holder .sale-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.product-item-wrapper .product-item .card-body .action-holder .favorite-button {
    margin-right: auto;
    color: #fff;
    font-size: 22px;
}
.product-item-wrapper .product-item .card-body .product-img-outer {
    width: 100%;
    grid-area: product-image;
    overflow: hidden;
    margin-bottom: 10px;
}
.product-item-wrapper .product-item .card-body .product-img-outer .product_image {
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    z-index: 1;
    border-radius: 0px;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-timing-function: "ease";
    transition-property: "transform", "border-radius", "box-shadow", "transform", "box-shadow";
    transition-property: "transform", "border-radius", "box-shadow";
}
.product-item-wrapper .product-item .card-body .product-img-outer:hover .product_image {
    transform: scale(1.3);
    border-radius: 4px;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.58);
    overflow: hidden;
}
.product-item-wrapper .product-item .card-body .product-title {
    grid-area: product-title;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.product-item-wrapper .product-item .card-body .product-price {
    grid-area: product-price;
    font-size: 19px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}
.product-item-wrapper .product-item .card-body .product-actual-price {
    grid-area: product-actual-price;
    font-size: 15px;
    color: gray;
    text-align: left;
    text-decoration: line-through;
}
.product-item-wrapper .product-item .card-body .product-variation {
    grid-area: product-variation;
    list-style-type: none;
    display: inline-block;
    padding-right: 0;
    padding-bottom: 0;
}
.product-item-wrapper .product-item .card-body .product-variation li {
    display: inline-block;
    border: 1px solid #ebedf2;
    padding: 0px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    transition-duration: 0.3s;
    transition-property: "background";
}
.product-item-wrapper .product-item .card-body .product-variation li a {
    color: inherit;
    text-decoration: none;
}
.product-item-wrapper .product-item .card-body .product-variation li:hover {
    background: #c3bdbd;
}
.product-item-wrapper .product-item .card-body .product-description {
    grid-area: product-description;
    line-height: 1.71;
    font-size: 0.875rem;
}
.project-list-showcase {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -20px;
}
.project-list-showcase .project-grid {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}
.project-list-showcase .project-grid .img-holder {
    width: 100%;
    height: 140px;
    border-radius: 4px 4px 0 0;
}
.project-list-showcase .project-grid .img-holder.img-bg-1 {
    background: url("../../images/samples/300x300/1.jpg") no-repeat center;
    background-size: cover;
}
.project-list-showcase .project-grid .img-holder.img-bg-2 {
    background: url("../../images/samples/300x300/2.jpg") no-repeat center;
    background-size: cover;
}
.project-list-showcase .project-grid .img-holder.img-bg-3 {
    background: url("../../images/samples/300x300/3.jpg") no-repeat center;
    background-size: cover;
}
.project-list-showcase .project-grid .project-grid-inner {
    border: 1px solid #ebedf2;
    border-radius: 0 0 4px 4px;
    padding: 30px 25px 30px 25px;
}
.project-list-showcase .project-grid .project-title {
    margin-bottom: 0;
    font-weight: 500;
}
.project-list-showcase .project-grid .project-location {
    margin-bottom: 0;
    font-weight: 500;
    color: #3f474e;
    margin-bottom: 15px;
}
.project-list-showcase .project-grid .action-tags {
    font-weight: 500;
    color: #343a40;
}
.settings-panel {
    display: block;
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 300px;
    height: 100vh;
    min-height: 100%;
    background: #fff;
    padding-top: 50px;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-property: left, box-shadow;
    z-index: 9999;
}
.settings-panel .nav-tabs {
    display: flex;
    justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    background: linear-gradient(to left, #da8cff, #9a55ff) !important;
}
.settings-panel .nav-tabs .nav-item {
    border: none;
}
.settings-panel .nav-tabs .nav-item .nav-link {
    text-align: center;
    border: none;
    display: flex;
    align-items: center;
    color: rgba(52, 58, 64, 0.5);
    transition-duration: 0.4s;
    transition-property: color;
    justify-content: center;
}
.settings-panel .nav-tabs .nav-item .nav-link.active {
    background: transparent;
    color: #343a40;
}
.settings-panel .tab-content {
    border: none;
    padding: 20px 0 0;
}
.settings-panel .tab-content .tab-pane.scroll-wrapper {
    position: relative;
    max-height: 100vh;
    height: 100%;
    padding-bottom: 150px;
}
.settings-panel .settings-heading {
    padding: 16px 20px 13px 0;
}
.rtl .settings-panel .settings-heading {
    padding: 16px 0 13px 35px;
    text-align: left;
}
.rtl .settings-panel small.settings-heading {
    padding: 16px 12px 13px 0;
}
.settings-panel .sidebar-bg-options {
    padding: 13px 35px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1;
    color: #595959;
    background: #ffffff;
    transition-duration: 0.25s;
    transition-property: background;
}
.settings-panel .sidebar-bg-options.selected {
    background: #e6e9ed;
}
.settings-panel .color-tiles {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 35px 10px;
    padding-top: 15px;
}
.settings-panel .color-tiles .tiles {
    margin: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings-panel .color-tiles .tiles:before {
    content: "";
    width: 0;
    height: 0;
    opacity: 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    border: 0 solid rgba(255, 255, 255, 0.4);
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.settings-panel .color-tiles .tiles.selected:before {
    width: 10px;
    height: 10px;
    opacity: 1;
    border-width: 1px;
}
.settings-panel .color-tiles .tiles.pink {
    background: #E91E63;
}
.settings-panel .color-tiles .tiles.default {
    border: 1px solid #e2e4e7;
    background: linear-gradient(to left, #da8cff, #9a55ff) !important;
}
.settings-panel .chat-list {
    padding-right: 0;
}
.settings-panel .chat-list .list {
    padding: 0.4rem 0.8rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebedf2;
}
.settings-panel .chat-list .list:last-child {
    border-bottom: none;
}
.settings-panel .chat-list .list .profile {
    position: relative;
    margin-left: 1rem;
}
.settings-panel .chat-list .list .profile img {
    width: 2.50rem;
    height: 2.50rem;
    border-radius: 100%;
}
.settings-panel .chat-list .list .profile span {
    height: 0.75rem;
    width: 0.75rem;
    position: absolute;
    bottom: 0.34rem;
    left: 0;
    border: 0.13rem solid #ffffff;
    border-radius: 100%;
}
.settings-panel .chat-list .list .profile span.online {
    background: #1bcfb4;
}
.settings-panel .chat-list .list .profile span.offline {
    background: #fed713;
}
.settings-panel .chat-list .list .info {
    margin-left: auto;
}
.settings-panel .chat-list .list .info p {
    display: block;
    margin-bottom: 0;
}
.settings-panel .chat-list .list .info p:last-child {
    opacity: 0.5;
    font-size: 0.8rem;
}
.rtl .settings-panel .chat-list .list .info p:last-child {
    text-align: left;
}
.settings-panel .chat-list .list.active {
    background: #fdfcfd;
}
.settings-panel.open {
    left: 0;
    box-shadow: -7px 0 80px -9px rgba(0, 0, 0, 0.2);
}
.settings-panel .settings-close {
    position: absolute;
    top: 15px;
    left: 10px;
    color: var(--theme-color);
    background: transparent;
    border-radius: 4px;
    padding: 0 3px;
    cursor: pointer;
    transition-duration: 0.2s;
    z-index: 999;
}
.settings-panel .settings-close:hover {
    background: rgba(255, 255, 255, 0.3);
}
.rtl .settings-panel .settings-close {
    left: unset;
    right: 10px;
}
.rtl .settings-panel .events p {
    text-align: left;
}
.rtl .settings-panel {
    left: unset;
    right: -300px;
    transition-property: right;
}
.rtl .settings-panel .chat-list {
    padding-left: 0;
}
.rtl .settings-panel .chat-list .list .profile {
    margin-left: 0;
    margin-right: 1rem;
}
.rtl .settings-panel .chat-list .list .info {
    margin-left: 0;
    margin-right: auto;
}
.rtl .settings-panel .chat-list .list .info .badge {
    margin-left: 10px;
}
.rtl .settings-panel.open {
    right: 0;
    left: unset;
}
.settings-panel .demo-screen-wrapper {
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
    padding-top: 20px;
}
.settings-panel .demo-screen-wrapper .demo-thumb-image {
    display: block;
    margin-bottom: 5px;
    padding: 10px 25px;
}
.settings-panel .demo-screen-wrapper .demo-thumb-image img {
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    transform: scale(1);
    border-radius: 4px;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-property: "transform", "box-shadow", "transform", "box-shadow";
    transition-property: "transform", "box-shadow";
}
.settings-panel .demo-screen-wrapper .demo-thumb-image img:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
}
.right-sidebar-toggler-wrapper {
    position: fixed;
    bottom: 50px;
    left: 10px;
    z-index: 99;
    padding: 5px;
    background: #f2edf3;
    border-radius: 4px;
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.4);
}
.right-sidebar-toggler-wrapper .sidebar-toggler {
    padding: 7px 10px;
    color: #343a40;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 4px;
}
.right-sidebar-toggler-wrapper .sidebar-toggler:last-child {
    margin-bottom: 0;
}
.right-sidebar-toggler-wrapper .sidebar-toggler:hover {
    background: rgba(182, 109, 255, 0.2);
    color: var(--theme-color);
}
.right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler {
    background: rgba(27, 207, 180, 0.2);
    color: #1bcfb4;
}
.right-sidebar-toggler-wrapper .sidebar-toggler#layout-toggler i {
    animation: spin 4s linear infinite;
    display: block;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.right-sidebar-toggler-wrapper .sidebar-toggler a {
    color: inherit;
}
.right-sidebar-toggler-wrapper .sidebar-toggler:last-child {
    border-bottom: none;
}
.navbar {
    font-family: "ubuntu-light", sans-serif;
    background: #fff;
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
}
.navbar .navbar-brand {
    width: 110px;
}
.navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #fff;
    width: 260px;
    height: 70px;
}
@media (max-width: 991px) {
    .navbar .navbar-brand-wrapper {
        width: 55px;
    }
}
.navbar .navbar-brand-wrapper .navbar-brand {
    color: #27367f;
    font-size: 1.5rem;
    line-height: 48px;
    margin-left: 0;
    padding: .25rem 0;
    width: 100%;
    text-align: center;
}
.navbar .navbar-brand-wrapper .navbar-brand:active,
.navbar .navbar-brand-wrapper .navbar-brand:focus,
.navbar .navbar-brand-wrapper .navbar-brand:hover {
    color: #1b2658;
}
.navbar .navbar-brand-wrapper .navbar-brand img {
    width: calc(260px - 120px);
    max-width: 100%;
    height: 40px;
    margin: auto;
    vertical-align: middle;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
    display: none;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: calc(70px - 50px);
    max-width: 100%;
    height: 28px;
    margin: auto;
}
.navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #9c9fa6;
    padding-right: 24px;
    padding-left: 24px;
    width: calc(100% - 260px);
    height: 70px;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        width: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
}
.navbar .navbar-menu-wrapper .navbar-toggler {
    border: 0;
    color: inherit;
    height: 70px;
    border-radius: 0px;
    padding-right: 5px;
    padding-left: 20px;
}
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
    font-size: 1.5rem;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        display: none;
    }
    .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-right: 15px;
        padding-left: 11px;
        border-left: none;
    }
}
.navbar .navbar-menu-wrapper .search-field .input-group input,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input {
    font-size: 0.875rem;
    padding: .5rem;
}
.navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    font-size: 0.875rem;
    color: #9c9fa6;
    font-family: "ubuntu-light", sans-serif;
}
.navbar .navbar-menu-wrapper .search-field .input-group i,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    font-size: 17px;
    margin-left: 0;
    color: #9c9fa6;
}
.navbar .navbar-menu-wrapper .search-field .input-group .input-group-text,
.navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap .input-group-text {
    background: transparent;
}
.navbar .navbar-menu-wrapper .count-indicator {
    position: relative;
}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol,
.navbar .navbar-menu-wrapper .count-indicator .count-number {
    position: absolute;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol {
    top: 17px;
    left: -3px;
    width: 10px;
    height: 10px;
}
.navbar .navbar-menu-wrapper .count-indicator .count-number {
    min-width: 14px;
    height: 14px;
    font-size: .5rem;
    color: #ffffff;
    bottom: 16px;
    left: -5px;
    line-height: 1;
    text-align: center;
}
.navbar .navbar-menu-wrapper .count-indicator:after {
    display: none;
}
.navbar .navbar-menu-wrapper .navbar-nav {
    flex-direction: row;
    align-items: center;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    color: inherit;
    font-size: 0.875rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    height: 70px;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        margin-right: .8rem;
        margin-left: .8rem;
    }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
    font-size: 1.25rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
    color: var(--theme-color);
    font-size: 1rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    padding: 0;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    left: auto;
    right: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    margin-bottom: 0;
    padding: 11px 13px;
    cursor: pointer;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
    font-size: 17px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .tickets-card .ticket-float span,
.tickets-card .ticket-float .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item span,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .user-name,
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .user-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
    margin-right: 10px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {
    margin: 0;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        position: static;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        right: 20px;
        left: 20px;
        top: 70px;
        width: calc(100% - 40px);
    }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
    padding-right: 20px;
    padding-left: 5px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
    margin-left: 0;
    margin-right: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
    position: relative;
    width: 32px;
    height: 32px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    bottom: 5px;
    left: -5px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
    background: #1bcfb4;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline {
    background: #fe7c96;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy {
    background: #fed713;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: 1.25rem;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: 0;
    margin-left: 1.25rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
    line-height: 1;
}
@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        display: none;
    }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after {
    line-height: 2;
}
@media (min-width: 992px) {
    .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-right: auto;
    }

    .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-right: 0;
        margin-left: auto;
    }
}
@media (max-width: 991px) {
    .navbar {
        flex-direction: row;
    }

    .navbar .navbar-brand-wrapper {
        width: 75px;
    }

    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: inline-block;
    }

    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: none;
    }

    .navbar-collapse {
        display: flex;
        margin-top: 0.5rem;
    }
}
@media (max-width: 480px) {
    .navbar .navbar-brand-wrapper {
        width: 210px;
    }

    .navbar .navbar-brand-wrapper .brand-logo-mini {
        padding-top: 0px;
    }
}
.navbar.navbar-primary .navbar-menu-wrapper {
    background: linear-gradient(to left, #da8cff, #9a55ff);
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-primary .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-primary .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper {
    background: linear-gradient(to left, #e7ebf0, #868e96);
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-secondary .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper {
    background: linear-gradient(to left, #84d9d2, #07cdae);
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-success .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-success .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper {
    background: linear-gradient(to left, #90caf9, #047edf 1%);
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-info .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-info .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper {
    background: linear-gradient(to left, #f6e384, #ffd500);
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-warning .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-warning .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper {
    background: linear-gradient(to left, #ffbf96, #fe7096);
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-danger .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-danger .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper {
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9);
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-light .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-light .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper {
    background: linear-gradient(89deg, #5e7188, #3e4b5b);
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
    color: #ffffff;
}
.navbar.navbar-dark .navbar-menu-wrapper .search-field .input-group i,
.navbar.navbar-dark .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
    color: #ffffff;
}
.sidebar {
    min-height: calc(100vh - 70px);
    background: #ffffff;
    font-family: "ubuntu-regular", sans-serif;
    padding: 0;
    width: 260px;
    z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
}
.sidebar .nav {
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 60px;
}
.sidebar .nav .nav-item {
    padding: 0 2.25rem;
    transition-duration: 0.25s;
    transition-property: background;
    -webkit-transition-property: background;
}
.sidebar .nav .nav-item .collapse {
    z-index: 999;
}
.sidebar .nav .nav-item .nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 1.125rem 0 1.125rem 0;
    color: #3e4b5b;
    transition-duration: 0.45s;
    transition-property: color;
    -webkit-transition-property: color;
}
.sidebar .nav .nav-item .nav-link i {
    color: inherit;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
    font-size: 1.125rem;
    line-height: 1;
    margin-right: auto;
    color: #bba8bff5;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-right: 0;
    margin-left: auto;
}
.sidebar .nav .nav-item .nav-link i.menu-icon:before {
    vertical-align: middle;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow {
    font: normal normal normal 24px/1 "Material Design Icons";
    line-height: 1;
    font-size: 1.125rem;
    margin-right: auto;
    color: #9e9da0;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
    margin-right: 0;
    margin-left: auto;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\f0141";
    font-size: inherit;
    color: inherit;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\F0142";
}
.sidebar .nav .nav-item .nav-link i.menu-arrow+.menu-icon {
    margin-right: .25rem;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow+.menu-icon {
    margin-right: 0;
    margin-left: .25rem;
}
.sidebar .nav .nav-item .nav-link .menu-title {
    color: inherit;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
    white-space: normal;
}
.sidebar .nav .nav-item .nav-link .badge {
    margin-left: auto;
    margin-right: 1rem;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
    content: "\f0140";
}
.sidebar .nav .nav-item.active {
    background: #ffffff;
}
.sidebar .nav .nav-item.active>.nav-link .menu-title {
    color: var(--theme-color);
    font-family: "ubuntu-medium", sans-serif;
}
.sidebar .nav .nav-item.active>.nav-link i {
    color: var(--theme-color);
}
.sidebar .nav .nav-item:hover {
    background: #fcfcfc;
}
.sidebar .nav .nav-item.nav-profile .nav-link {
    height: auto;
    line-height: 1;
    border-top: 0;
    padding: 1.25rem 0;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
    width: 44px;
    height: 44px;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: 1rem;
}
.rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-right: auto;
    margin-left: 1rem;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
    font-size: 1.125rem;
    margin-right: auto;
}
.rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
    margin-right: 0;
    margin-left: auto;
}
.sidebar .nav .nav-item.sidebar-actions {
    margin-top: 1rem;
}
.sidebar .nav .nav-item.sidebar-actions .nav-link {
    border-top: 0;
    display: block;
    height: auto;
}
.sidebar .nav .nav-item.sidebar-actions:hover {
    background: initial;
}
.sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
    color: initial;
}
.sidebar .nav:not(.sub-menu)>.nav-item:hover:not(.nav-category):not(.nav-profile)>.nav-link {
    color: #29323d;
}
.sidebar .nav.sub-menu {
    margin-bottom: 20px;
    margin-top: 0;
    list-style: none;
}
.sidebar .nav.sub-menu .nav-item {
    padding: 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
    color: #888;
    padding: 0.75rem 2rem 0.75rem 2rem;
    position: relative;
    font-size: 0.8125rem;
    line-height: 1;
    height: auto;
    border-top: 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link:before {
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    color: #a2a2a2;
    font-size: .75rem;
}
.rtl .sidebar .nav.sub-menu .nav-item .nav-link:before {
    content: "\F04D";
    right: auto;
    left: 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: var(--theme-color);
    background: transparent;
}
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
    color: #555555;
}
.sidebar .nav.sub-menu .nav-item:hover {
    background: transparent;
}
.sidebar-dark .sidebar {
    background: #18151e;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link {
    color: #ffffff;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i {
    color: inherit;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #bba8bff5;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-arrow {
    color: #9e9da0;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    color: inherit;
}
.sidebar-dark .sidebar .nav .nav-item .nav-link .menu-title {
    color: inherit;
}
.sidebar-dark .sidebar .nav .nav-item.active {
    background: #282037;
}
.sidebar-dark .sidebar .nav .nav-item.active>.nav-link .menu-title {
    color: #b3b3b3;
}
.sidebar-dark .sidebar .nav .nav-item.active>.nav-link i {
    color: var(--theme-color);
}
.sidebar-dark .sidebar .nav .nav-item:hover {
    background: #302a3c;
}
.sidebar-dark .sidebar .nav .nav-item.sidebar-actions:hover {
    background: initial;
}
.sidebar-dark .sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
    color: initial;
}
.sidebar-dark .sidebar .nav:not(.sub-menu)>.nav-item:hover:not(.nav-category):not(.nav-profile)>.nav-link {
    color: #ffffff;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
    color: #ffffff;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:before {
    color: white;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: #b3b3b3;
    background: transparent;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:hover {
    color: #b3b3b3;
}
.sidebar-dark .sidebar .nav.sub-menu .nav-item:hover {
    background: transparent;
}
@media screen and (max-width: 991px) {
    .sidebar-offcanvas {
        position: fixed;
        max-height: calc(100vh - 70px);
        top: 70px;
        bottom: 0;
        overflow: auto;
        left: -260px;
        transition: all 0.25s ease-out;
    }

    .sidebar-offcanvas.active {
        left: 0;
    }
}
.navbar.fixed-top+.page-body-wrapper {
    padding-top: 70px;
}
@media (min-width: 992px) {
    .sidebar-mini .navbar .navbar-brand-wrapper {
        width: 185px;
    }

    .sidebar-mini .navbar .navbar-menu-wrapper {
        width: calc(100% - 185px);
    }

    .sidebar-mini .sidebar {
        width: 185px;
    }

    .sidebar-mini .sidebar .nav .nav-item {
        padding: 0;
        margin: 0;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        text-align: center;
        position: relative;
        border-bottom: none;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {
        display: block;
        margin: auto;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-sub-title {
        margin: auto;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link .badge {
        margin-right: 5px;
        display: none;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-icon {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-arrow {
        display: inline-block;
        margin-right: 5px;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
        content: "\f0140";
    }

    .sidebar-mini .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
        content: "\F0143";
    }

    .sidebar-mini .main-panel {
        width: calc(100% - 185px);
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item .nav-link {
        height: auto;
        padding: 0.8125rem 1rem 0.8125rem 1rem;
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav:not(.sub-menu)>.nav-item .nav-link i.menu-icon {
        margin-bottom: .5rem;
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu {
        padding: 0;
        border-top: none;
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu .nav-item .nav-link {
        padding: 7px 25px 7px 0;
        margin-right: auto;
        margin-left: auto;
        display: block;
        text-align: right;
        width: 66%;
    }
    .sidebar-icon-only .navbar .navbar-brand-wrapper {
        width: 70px;
    }

    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {
        display: none;
    }

    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
        display: inline-block;
    }

    .sidebar-icon-only .navbar .navbar-menu-wrapper {
        width: calc(100% - 70px);
    }

    .sidebar-icon-only .sidebar {
        width: 70px;
    }

    .sidebar-icon-only .sidebar .nav {
        overflow: visible;
    }

    .sidebar-icon-only .sidebar .nav .nav-item {
        position: relative;
        padding: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
        display: block;
        text-align: center;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
        border-radius: 5px 0 0px 5px;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
        border-radius: 0 5px 5px 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
        border-radius: 5px 0 0px 0;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
        border-radius: 0 5px 0 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-profile {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-category {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-doc {
        margin: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.nav-doc i {
        display: block;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .collapse {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        display: flex;
        align-items: center;
        background: #fcfcfc;
        padding: 0.5rem 1.4rem;
        right: 70px;
        position: absolute;
        text-align: right;
        top: 0;
        bottom: 0;
        width: 190px;
        z-index: 1;
        line-height: 1.8;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        background: #282037;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        right: auto;
        left: 70px;
        text-align: right;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        color: #ffffff;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        display: block;
        padding: .5rem 0;
        background: #fcfcfc;
        border-radius: 0 0 0 5px;
        position: absolute;
        right: 70px;
        width: 190px;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        background: #18151e;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        right: auto;
        left: 70px;
        border-radius: 0 0 5px 0;
    }

    .sidebar-icon-only .sidebar .nav.sub-menu {
        padding: 0 1.5rem 0 0;
    }

    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
        text-align: right;
        padding-right: 20px;
    }

    .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
        text-align: left;
    }

    .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
        right: 0;
        left: unset;
    }

    .sidebar-icon-only .sidebar .sidebar-actions {
        display: none;
    }

    .sidebar-icon-only .main-panel {
        width: calc(100% - 70px);
    }
    .sidebar-hidden .sidebar {
        transition: width 0.25s ease;
        -webkit-transition: width 0.25s ease;
        -moz-transition: width 0.25s ease;
        -ms-transition: width 0.25s ease;
        width: 0;
    }

    .sidebar-hidden .main-panel {
        width: 100%;
    }
    .sidebar-absolute .page-body-wrapper {
        position: relative;
    }

    .sidebar-absolute .page-body-wrapper .sidebar {
        transition: none;
    }

    .sidebar-absolute:not(.sidebar-hidden) .sidebar {
        position: absolute;
        height: 100%;
        box-shadow: 0 0 3px 1px #a7a3a3;
    }

    .sidebar-absolute .main-panel {
        width: 100%;
        transition: none;
    }
    .sidebar-fixed .sidebar {
        position: fixed;
        max-height: auto;
    }

    .sidebar-fixed .sidebar .nav {
        max-height: calc(100vh - 70px);
        overflow: auto;
        position: relative;
    }

    .sidebar-fixed .sidebar .nav.sub-menu {
        max-height: none;
    }

    .sidebar-fixed .main-panel {
        margin-right: 260px;
    }

    .sidebar-fixed.sidebar-icon-only .main-panel {
        margin-right: 70px;
    }
    .boxed-layout .container-scroller {
        background: #e1d7ea;
        padding: 0 calc((100% - 1200px) / 2);
    }

    .boxed-layout .navbar.fixed-top {
        margin: auto;
        max-width: 1200px;
    }
}
.rtl {
    direction: ltr;
    text-align: left;
}
.rtl .sidebar .nav {
    padding-left: 0;
}
.rtl .product-chart-wrapper::-webkit-scrollbar,
.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar,
.rtl .sidebar-fixed .nav::-webkit-scrollbar,
.rtl .table-responsive::-webkit-scrollbar,
.rtl ul.chats::-webkit-scrollbar {
    width: 0.5em;
}
.rtl .product-chart-wrapper::-webkit-scrollbar-track,
.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track,
.rtl .sidebar-fixed .nav::-webkit-scrollbar-track,
.rtl .table-responsive::-webkit-scrollbar-track,
.rtl ul.chats::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.rtl .product-chart-wrapper::-webkit-scrollbar-thumb,
.rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb,
.rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,
.rtl .table-responsive::-webkit-scrollbar-thumb,
.rtl ul.chats::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
.page-body-wrapper {
    min-height: calc(100vh - 70px);
    display: flex;
    flex-direction: row;
    padding-right: 0;
    padding-left: 0;
}
.page-body-wrapper.full-page-wrapper {
    width: 100%;
    min-height: 100vh;
}
.main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 260px);
    min-height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
}
@media (max-width: 991px) {
    .main-panel {
        margin-right: 0;
        width: 100%;
    }
}
.content-wrapper {
    background: #f2edf3;
    padding: 2.75rem 2.25rem;
    width: 100%;
    flex-grow: 1;
}
.text-theme {
    color: var(--theme-color) !important;
}
.btn-theme,
.btn-theme:hover {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.bg-theme {
    background-color: var(--theme-color) !important;
}
.fa-sync:before {
    content: "\f021";
}
.color-code-box {
    border-radius: 10px;
    height: 40px;
    padding: 9px;
    text-align: center;
}
a.btn-icon {
    line-height: 47px;
}
.elective-subject-div div,
#elective-subject-div span {
    margin-top: 10px;
    margin-bottom: 10px;
}
span.select2 {
    width: 100% !important;
}
tr .card-view {
    padding: 15px 0px;
    align-items: center;
}
tr .card-view .card-view-value {
    margin-right: 3px;
}
@media only screen and (max-device-width: 480px) {
    .btn-group button.btn {
        padding: 0.875rem 1.5rem !important;
    }
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #999 !important;
}
.theme-color {
    color: var(--theme-color);
}
@media only screen and (min-width: 1720px) {
    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
}
.search-container .search,
.search-container .columns.columns-right.btn-group.float-right {
    padding-top: 25px;
}
.v-scroll {
    height: 524px;
    overflow-y: scroll;
}
.v-scroll::-webkit-scrollbar {
    width: 10px;
}
.v-scroll::-webkit-scrollbar:hover {
    width: 20px;
}
.v-scroll::-webkit-scrollbar-track {
    background: #aaa0;
    border-radius: 10px;
}
.v-scroll::-webkit-scrollbar-track:hover {
    background: #aaa9a93d;
    width: 10px;
}
.v-scroll::-webkit-scrollbar-thumb {
    background: #bbb9b9;
    border-radius: 10px
}
.v-scroll::-webkit-scrollbar-thumb:hover {
    background: #999;
}
#filter_subject_id,
#filter_class_section_id,
#filter_teacher_id {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-right: 5px !important;
    width: 30px;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\f140" !important;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
    content: "\f143" !important;
}
.apexcharts-legend-text {
    padding-right: 3px !important;
}
/* ApexCharts RTL Tooltip Fix */
.apexcharts-tooltip {
    direction: rtl;
    text-align: right;
}
.apexcharts-tooltip-marker {
    margin-left: 10px;
    margin-right: 0;
}
.apexcharts-tooltip-series-group {
    text-align: right;
    direction: rtl;
}
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-z-value {
    margin-right: 5px;
    margin-left: 0;
}
.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after {
    content: "✔";
    font-size: 12px;
    color: #fff;
    text-align: center;
}
@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        padding-right: 0px;
    }
}
.custom-card-body {
    padding: 1.25rem !important;
}
.dropdown .dropdown-menu {
    width: 100%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .lightGallery .image-tile, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    width: 100%;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.custom-dropdown-menu {
    right: -0.8rem !important;
}
.sidebar {
    width: 280px !important;
}
@media (min-width: 992px)
{
    .sidebar-icon-only .sidebar {
        width: 70px !important;
    }
}
.sidebar .nav .nav-item {
    padding: 0 1.25rem !important;
}
@media (min-width: 992px)
{
    .sidebar-icon-only .sidebar .nav .nav-item {
        position: relative;
        padding: 0 !important;
    }
}
.v-scroll {
    height: 385px;
    overflow-y: scroll;
}
.pricing-card-body:hover {
    transform: scale(1.05);
}
.pricing-card-body {
    transition: 0.5s;
}
.postpaid-color {
    background: var(--primary-color);
}
.package-type-badge {
    right: -2px;
    position: absolute;
    left: auto;
    /* right: -10px; */
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 14% 52%, 0% 0%);
    width: 130px;
    height: 38px;
    top: 8px;
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.prepaid-color {
    background: var(--secondary-color);
}
.check {
    color: #28a745;
}
.no-feature {
    color: #FE7C96;
}
.text-decoration-line-through {
    text-decoration: line-through;
    color: #9c9fa6 !important;
}
.no-feature-lock-menu, .no-feature-lock-menu-sub-item, .no-feature-lock-menu-without-alert {
    opacity: 0.5;
}
.no-feature-lock-menu {
    cursor:pointer !important;
}
.no-feature-lock-menu .menu-title::before, .no-feature-lock-menu-sub-item::before, .no-feature-lock-menu-without-alert .menu-title::before{
    content: "\f023 ";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 5px;
    font-size: 18px;
}
/* Feature list */
.feature-list, .feature-list-default {
    display: block;
    border: solid 2px black;
    width: 80%;
    line-height: 40px;
    padding: 15px 5px;
    border-radius: 6px;
    cursor: pointer;
}
.feature-checkbox {
    display: none;
}
input:checked+.feature-list:before {
    content: "✓ ";
}
input:checked+.feature-list-default:before {
    content: "\f023 ";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 5px;
    font-size: 18px;
}
input:checked+.feature-list, .feature-list-default {
    border: solid 2px green;
    color: green;
}
.feature-radio {
    display: none;
}
/* End Feature list */
/* Timetable */
#external-events {
    z-index: 2;
    width: 150px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
}
#external-events .fc-event {
    cursor: move;
    margin: 3px 0;
    height: 45px;
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.fc-customButton-button {
    font-size: 13px !important;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateY(-50%);
}
.fc {
    flex-direction: row !important;
}
/* End timetable */
.image-tile img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.addon-ribbon {
    font: bold 15px sans-serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position: absolute;
    padding: 7px 0;
    top: 15px;
    left: -30px;
    width: 120px;
    background-color: #ff0000;
    color: #fff;
}
.addon-border-primary {
    overflow: hidden;
}
@media (min-width: 992px) {
    .sidebar-fixed .main-panel {
        margin-right: 270px;
    }
}
.text-color-dashboard-counter-label {
    color: #585353 !important;
}
.text-color-dashboard-counter {
    color: #201A1A !important;
}
.content-wrapper,
.footer,
.table-hover tbody tr:hover {
    /* background-color: #F4F7F9 !important; */
    background-color: #F8FAFC !important;
}
.card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-radius: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    border: 1px solid #E2E8F0;
}
.cursor-pointer {
    cursor: pointer;
}
.col-md-2-4 {
    position: relative;
    flex: 1 1 20%;
    padding-right: 10px;
    padding-left: 10px;
}
@media (max-width: 1419px) {
    .col-md-2-4 {
        flex: 1 1 32%;
    }
}
@media (max-width: 991px) {
    .col-md-2-4 {
        flex: 1 1 32%;
    }
}
@media (max-width: 767px) {
    .col-md-2-4 {
        flex: 1 1 48%;
    }
}
@media (max-width: 575px) {
    .col-md-2-4 {
        flex: 1 1 100%;
    }
}
.dropdown-item {
    border-bottom: 1px solid #ebedf2;
}
.custom-dropdown-menu {
    margin: 0rem auto !important;
    top: 80% !important;
    padding: 0.0rem 0 !important;
    min-width: 14rem !important;
}
.chart-menu-option {
    position: absolute;
    width: 90%;
    background-color: grey;
}
.chart-menu:hover {
    cursor: pointer;
}
.chart-menu {
    padding: 3px 3px;
    background-color: #F3F2F2;
    border-radius: 6px;
}
.custom-table td {
    vertical-align: inherit;
    border-bottom: 1px solid #ebedf2 !important;
    border-top: 0px solid #ebedf2 !important;
}
.leave-type {
    padding: 5px 10px !important;
    border-radius: 6px !important;
}
.leave-full {
    background-color: #05bb6c !important;
}
.leave-half {
    background-color: #215679 !important;
}
.custom-dropdown-menu {
    display: none;
    /* Initially hide the dropdown menu */
}
.show-custom-dropdown {
    display: block;
    /* Show the dropdown menu */
}
.progress .progress-bar {
    border-radius: 10px;
}
.progress {
    border-radius: 10px;
}
#fees_details_chart {
    display: flex;
    justify-content: space-around;
}
.zoom-img {
    overflow: hidden;
    transition: all 0.5s ease;
}
.zoom-img:hover {
    transform: scale(0.9);
    -o-object-fit: fill;
       object-fit: fill;
}
.cache-clear {
    margin: auto 0px !important;
}
.fa-table-layout:before {
    content: "\f247";
}
.draggableText {
    border: 1px dashed gray;
    position: absolute;
}
.page-section {
    border: 1px solid lightgray;
    padding: 1rem;
}
.filter-group {
    border: 1px solid lightgray;
    padding-top: 1rem;
    border-radius: 6px;
}
.ms-3 {
    margin-left: 1rem !important;
}
.action-column,
th[data-field="operate"],
td[data-field="operate"] {
    text-align: center !important;
    white-space: nowrap !important;
}
.action-column-dropdown-menu {
    padding: 0 !important;
}
.border-theme {
    border: 1px solid var(--theme-color);
}
.menu-search {
    border-radius: 10px;
}
/* package hover */
.popover-container {
    position: relative;
    display: inline-block;
}
.popover-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 1;
    transition: opacity 0.3s, visibility 0.3s;
    min-width: 18rem;
}
.popover-container:hover .popover-content {
    visibility: visible;
    opacity: 1;
}
.popover-content h3 {
    margin-top: 0;
}
.popover-content ul {
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 0;
}
.popover-trigger {
    border: none;
    cursor: pointer;
    border-radius: 4px;
}
/* end package hover */
@media (min-width: 992px) {
    .sidebar-fixed .sidebar .nav {
        max-height: calc(100vh - 120px) !important;
    }
}
.wizard>.steps>ul>li {
    width: 15% !important;
}
.wizard>.steps a {
    background-color: var(--theme-color);
    color: #fff;
}
.list-wrapper ul li .form-check {
    max-width: 100%;
}
.datepicker-dropdown {
    z-index: 9999 !important;
}
.badge-pill-custom {
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
}
.badge-academic-year {
    background-color: #E7F6E7;
    color: #2D5A27;
}
.badge-academic-year-non-default {
    background-color: #FFF4E5;
    color: #D97706;
}
.badge-semester {
    background-color: #E8F2FF;
    color: #2172ED;
}
.badge-semester-non-default {
    background-color: #FFF4E5;
    color: #D97706;
}
.table-hover tbody tr:hover {
    color: #212529;
    /* background-color: #F4F7F9 !important; */
}
.modal-content {
    background-color: #F4F7F9 !important;
}
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #475569 !important;
}
.table tbody tr:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px);
    position: relative;
    z-index: 99;
}
.table tbody tr:focus-within {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px);
    position: relative;
    z-index: 100 !important;
}
.table tbody tr {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    transition: all 0.2s ease;
}
.text-overflow-any {
    overflow-wrap: anywhere !important;
}
/* sidebar css */
.sidebar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: calc(100vh - 70px) !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.sidebar::-webkit-scrollbar {
    width: 6px;
}
.sidebar::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
/* Remove all nested scrollbars */
.sidebar .nav,
.sidebar .nav.sub-menu,
.sidebar .nav .nav-item .collapse {
    overflow: visible !important;
    max-height: none !important;
}
/* Remove bottom margin that causes empty space */
.sidebar .nav {
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important;
    /* Small padding for visual breathing room */
}
/* Nav item padding */
.sidebar .nav .nav-item {
    padding: 0 0.175rem !important;
    position: relative;
}
/* Nav link styling */
.sidebar .nav .nav-item .nav-link {
    display: flex !important;
    align-items: center;
    padding: 0.75rem 0.5rem !important;
    color: #3e4b5b;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: 4px;
    margin: 2px 0;
}
.sidebar .nav .nav-item .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
/* Parent link always visible */
.sidebar .nav .nav-item>.nav-link[data-toggle="collapse"] {
    position: relative;
    z-index: 1;
}
/* Icon styling */
.sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-inline-end: 0.75rem !important;
    width: 20px !important;
    text-align: center;
    flex-shrink: 0;
    font-size: 1.125rem;
}
/* Menu arrow */
.sidebar .nav .nav-item .nav-link i.menu-arrow {
    margin-left: auto;
    flex-shrink: 0;
    transition: transform 0.25s ease;
    font-size: 1rem;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow {
    transform: rotate(90deg);
}
/* Menu title */
.sidebar .nav .nav-item .nav-link .menu-title {
    flex: 1;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    font-size: 0.875rem;
    font-family: "ubuntu-regular", sans-serif;
    font-weight: 400;
}
/* Collapse container - smooth animation */
.sidebar .nav .nav-item .collapse {
    overflow: hidden;
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
    height: 0;
    opacity: 0;
}
.sidebar .nav .nav-item .collapse.show {
    height: auto;
    opacity: 1;
    overflow: visible;
}
.sidebar .nav .nav-item .collapse:not(.show) {
    display: block !important;
    height: 0 !important;
    opacity: 0;
    overflow: hidden !important;
}
/* CRITICAL: Prevent nested collapses from auto-expanding */
.sidebar .nav .nav-item .collapse.show .collapse:not(.show) {
    height: 0 !important;
    opacity: 0;
}
/* Sub-menu indentation */
.sidebar .nav.sub-menu {
    padding-left: 0;
}
.sidebar .nav.sub-menu .nav-item {
    padding-left: 1.5rem !important;
    padding-right: 0.875rem !important;
}
.sidebar .nav.sub-menu .nav.sub-menu .nav-item {
    padding-left: 2.0rem !important;
}
/* Active state */
.sidebar .nav .nav-item.active>.nav-link,
.sidebar .nav .nav-item .nav-link.active {
    background-color: rgba(0, 123, 255, 0.12) !important;
    /* color: #007bff !important; */
    color: var(--primary-color-sidebar) !important;
}
.sidebar .nav .nav-item.active>.nav-link .menu-title,
.sidebar .nav .nav-item .nav-link.active .menu-title {
    font-family: "ubuntu-bold", sans-serif;
    font-weight: 700;
}
.sidebar .nav .nav-item.active>.nav-link i.menu-icon,
.sidebar .nav .nav-item .nav-link.active i.menu-icon {
    /* color: #007bff !important; */
    color: var(--primary-color-sidebar) !important;
}
/* Parent active state */
.sidebar .nav .nav-item.parent-active>.nav-link[data-toggle="collapse"] {
    /* color: #007bff !important; */
    color: var(--primary-color-sidebar) !important;
}
.sidebar .nav .nav-item.parent-active>.nav-link[data-toggle="collapse"] .menu-title {
    font-family: "ubuntu-bold", sans-serif;
    font-weight: 700;
}
/* Expanded parent link styling */
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
    font-weight: 400;
}
/* end sidebar css */
.btn-primary:hover {
    background-color: color-mix(in srgb, var(--theme-color), black 40%) !important;
    border-color: color-mix(in srgb, var(--theme-color), black 40%) !important;
}
.btn-outline-primary:focus {
    color: white !important;
    background: linear-gradient(to right, var(--theme-color), var(--theme-color)) !important;
    border-color: color-mix(in srgb, var(--theme-color), black 40%) !important;
    box-shadow: 0px 0px 20px 0.1rem var(--theme-color) !important;
}
/* badges */
.sub-badge,
.badge {
    /* padding: 6px 12px !important; */
    border-radius: 20px !important;
    font-size: 0.75rem !important;
    border: 0px solid !important;
}
.sub-badge {
    font-weight: 600 !important;
}
.sub-badge-danger,
.badge-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important;
}
.sub-badge-success,
.badge-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    color: #28a745 !important;
}
.sub-badge-secondary,
.sub-badge-not-generated,
.badge-secondary {
    background-color: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
}
.sub-badge-plan,
.badge-plan {
    background-color: rgba(81, 68, 248, 0.1) !important;
    color: #5144f8 !important;
}
.sub-badge-primary,
.badge-primary {
    background-color: color-mix(in srgb, var(--theme-color) 10%, transparent) !important;
    color: var(--theme-color) !important;
}
.sub-badge-info,
.badge-info {
    background-color: rgba(23, 162, 184, 0.12) !important;
    color: #17a2b8 !important;
}
.sub-badge-warning,
.badge-warning {
    background-color: rgba(255, 193, 7, 0.15) !important;
    color: #e6a817 !important;
}
.sub-badge-not-generated {
    font-style: italic !important;
}
/* end badges */
.icon-primary {
    background-color: color-mix(in srgb, var(--theme-color) 10%, transparent) !important;
    color: var(--theme-color) !important;
}
.form-control:not(.fixed-table-toolbar .form-control, .file-upload-info, .file-upload-browse, .border-left-0, .form-control-right-radius-0, .form-control-left-radius-0) {
    border-radius: 0.5rem !important;
}
.input-group .form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-group .form-control:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-group-append .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.form-control-right-radius-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
.form-control-left-radius-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}
.modal-content {
    border: none !important;
}
.modal-header {
    background-color: var(--theme-color) !important;
    color: white;
}
.modal-footer {
    background-color: white !important;
}
.modal .modal-dialog .modal-content .modal-header .close span {
    color: white !important;
}
.close {
    opacity: 1;
}
.btn:not(.btn-rounded, .fixed-table-toolbar .btn, .file-upload-info, .file-upload-browse) {
    border-radius: 8px !important;
}
.file-upload-info {
    /* required only left side */
    border-radius: 8px 0px 0px 8px !important;
}
.file-upload-browse {
    /* required only right side */
    border-radius: 0px 8px 8px 0px !important;
}
/* License Alert Card Styles */
.license-alert-card {
    border-radius: 12px;
    border: 1px solid #eaecf4;
    background-color: #fff;
}
.license-alert-icon-box {
    background-color: #fff8eb;
    color: #f6a000;
    width: 65px;
    height: 65px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.license-alert-icon {
    font-size: 28px;
}
.license-alert-title {
    color: #1a1a1a;
}
.license-alert-text {
    font-size: 14px;
    line-height: 1.6;
}
.license-alert-text-strong {
    color: #333;
}
.license-alert-step-link {
    transition: background-color 0.2s;
}
.license-alert-step-link:hover {
    background-color: #f8f9fa;
}
.license-alert-step-icon-users {
    color: #4e73df;
    font-size: 16px;
}
.license-alert-step-icon-payment {
    color: #1cc88a;
    font-size: 16px;
}
.license-alert-step-title {
    font-size: 14px;
    color: #333;
}
.license-alert-step-desc {
    font-size: 13px;
    line-height: 1.5;
}
.license-alert-step-action-users {
    font-size: 12px;
    color: #4e73df;
}
.license-alert-step-action-payment {
    font-size: 12px;
    color: #1cc88a;
}
.license-alert-divider {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 50%;
    width: 1px;
    background-color: #eaecf4;
}
.license-alert-btn-container {
    max-width: 280px;
}
.license-alert-btn-secondary {
    background-color: #f4f6fd;
    color: #2a52be;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 15px;
}
.license-alert-btn-secondary:hover {
    background-color: #e4e9f7;
    color: #1d3e96;
}
.license-alert-btn-primary {
    background-color: #2a52be !important;
    border-color: #2a52be !important;
    border-radius: 8px;
    padding: 12px 15px;
    color: #fff;
}
.license-alert-btn-primary:hover {
    background-color: #1d3e96 !important;
    border-color: #1d3e96 !important;
}
.alert-danger {
    color: #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-color: #dc3545 !important;
}
.sub-card-body,
.card-body {
    padding: 1.5rem !important;
}
.grid-margin {
    margin-bottom: 1.5rem !important;
}
.btn-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
    color: var(--theme-color) !important;
    border: 1px solid #e2e8f0 !important;
}
/* Bootstrap Table Fixes */
.bootstrap-table,
.fixed-table-container,
.fixed-table-body,
.fixed-columns,
.fixed-columns-right,
.fixed-columns .fixed-table-body,
.fixed-columns-right .fixed-table-body {
    overflow: visible !important;
}
/* Action column dropdown styling */
.action-column-dropdown-menu {
    min-width: 150px;
    z-index: 9999 !important;
    /* Extremely high to escape any fixed container */
}
/* The Edit/Action Button */
.btn-action-edit {
    background-color: color-mix(in srgb, var(--theme-color), transparent 92%);
    color: var(--theme-color);
}
.btn-action-edit:hover {
    background-color: var(--theme-color);
    color: #ffffff;
}
.btn-action-soft-delete {
    background-color: color-mix(in srgb,
            #3e4b5b,
            transparent 92%);
    color: #3e4b5b;
}
.btn-action-soft-delete:hover {
    background-color: #3e4b5b;
    color: #ffffff;
}
.btn-action-hard-delete {
    background-color: color-mix(in srgb,
            #ef4444,
            transparent 92%);
    color: #ef4444;
}
.btn-action-hard-delete:hover {
    background-color: #ef4444;
    color: #ffffff;
}
.btn-action-restore,
.btn-action-success {
    background-color: color-mix(in srgb,
            #10b981,
            transparent 92%);
    color: #10b981;
}
.btn-action-restore:hover,
.btn-action-success:hover {
    background-color: #10b981;
    color: #ffffff;
    transform: scale(1.05);
}
.btn-action-view {
    background-color: color-mix(in srgb,
            #06b6d4,
            transparent 92%);
    color: #06b6d4;
}
.btn-action-view:hover {
    background-color: #06b6d4;
    color: #ffffff;
    /* transform: scale(1.05); */
}
.btn.btn-icon {
    height: 38px !important;
    width: 38px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
}
.btn.btn-icon i {
    margin: 0 !important;
}
.w-80 {
    width: 80% !important;
}
.bootstrap-table .fixed-table-container {
    overflow-x: auto !important;
}
/* Dashboard CSS */
.truncateTitle {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.card-icon-soft {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.bg-soft-blue {
    background-color: rgba(0, 123, 255, 0.1);
    color: #007bff;
}
.bg-soft-green {
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
}
.bg-soft-purple {
    background-color: rgba(111, 66, 193, 0.1);
    color: #6f42c1;
}
.bg-soft-orange {
    background-color: rgba(253, 126, 20, 0.1);
    color: #fd7e14;
}
.dashboard-card-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #6c7293;
}
.dashboard-card-value {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 5px;
}
.dashboard-card-insight {
    font-size: 0.8rem;
    font-weight: 600;
}
.bg-light-danger {
    background-color: rgba(255, 71, 71, 0.1) !important;
}
.bg-light-warning {
    background-color: rgba(255, 171, 0, 0.1) !important;
}
.badge-light-success {
    background-color: rgba(0, 212, 114, 0.1);
    color: #00d472;
    border: none;
}
.badge-light-warning {
    background-color: rgba(255, 171, 0, 0.1);
    color: #ffab00;
    border: none;
}
.badge-light-secondary {
    background-color: rgba(108, 114, 147, 0.1);
    color: #6c7293;
    border: none;
}
.border-radius-10 {
    border-radius: 10px;
}
.text-theme {
    color: var(--theme-color);
}
.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}
/* End dashboard CSS */
.table-action-column .btn-sm {
    padding: 0.5rem !important;
}
.action-column-dropdown-menu {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15) !important;
    padding: 0.5rem 0 !important;
    min-width: 150px !important;
    z-index: 1050 !important;
}
.action-column-dropdown-menu .dropdown-item {
    /* font-size: 13px !important; */
    font-weight: 500 !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    color: #495057 !important;
    transition: all 0.2s ease !important;
}
.action-column-dropdown-menu .dropdown-item i {
    margin-right: 12px !important;
    /* font-size: 14px !important; */
    width: 18px !important;
    text-align: center !important;
    color: #6c757d !important;
    transition: all 0.2s ease !important;
}
.action-column-dropdown-menu .dropdown-item:hover {
    background-color: rgba(var(--theme-color-rgb), 0.08) !important;
    color: var(--theme-color) !important;
}
.action-column-dropdown-menu .dropdown-item:hover i {
    color: var(--theme-color) !important;
    transform: scale(1.1);
}
/* Academy Master Setup Module CSS */
/* --- Header Styling --- */
.academy-master-header {
    border-radius: 12px;
    padding: 30px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    background-color: #2b2f3e;
    transition: all 0.3s ease;
}
.academy-master-header.published {
    background-color: #0b151e;
    /* Darker near black for live mode */
}
/* Badges */
.badge-mode {
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}
.draft-badge {
    background-color: #e74a5f;
    color: #ffffff;
}
.published-badge {
    background-color: #1e875a;
    color: #ffffff;
}
/* Header Text */
.academy-master-header h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ffffff;
}
.academy-master-header p {
    font-size: 14px;
    color: #a4adc1;
    margin-bottom: 0;
    max-width: 600px;
}
/* Header Right Side Panels */
.header-right {
    display: flex;
    gap: 15px;
}
.master-status-card {
    background-color: #3b4253;
    padding: 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
}
.academy-master-header.published .master-status-card {
    background-color: #1a222c;
}
.ms-title {
    font-size: 10px;
    font-weight: 600;
    color: #a4adc1;
    letter-spacing: 1px;
    margin-bottom: 12px;
}
.ms-status {
    font-size: 11px;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: 0.5px;
    color: #a4adc1;
}
.published .ms-status {
    color: #2ecc71;
}
/* Stats Card */
.stats-card {
    background-color: #3b4253;
    padding: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.academy-master-header.published .stats-card {
    background-color: #1a222c;
}
.stat-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 25px;
}
.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.stat-item .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #5c657a;
}
.stat-item .dot.active {
    background-color: #2ecc71;
}
.stat-name {
    font-size: 9px;
    font-weight: 600;
    color: #a4adc1;
    letter-spacing: 0.5px;
}
/* Switch Toggle CSS */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    margin-bottom: 0;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    background-color: #5d677d;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "\f011";
    /* Power icon */
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 10px;
    color: #5d677d;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    inset-inline-start: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}
input:checked+.slider {
    background-color: #2ecc71;
}
input:checked+.slider:before {
    transform: translateX(24px);
    color: #2ecc71;
}
[dir="rtl"] input:checked+.slider:before {
    transform: translateX(-24px);
}
.slider.round {
    border-radius: 34px;
}
/* Alert */
.internal-alert {
    background-color: #fffaf0;
    color: #cc7a00;
    border: 1px solid #ffe8b3;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 20px;
    margin-bottom: 25px;
}
.internal-alert i {
    margin-inline-end: 6px;
}
/* Cards & Tabs */
.academy-card {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
}
.academy-tabs {
    border-bottom: 1px solid #eef2f7;
    padding: 15px 25px 0 25px;
    background-color: #ffffff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.academy-tabs .nav-item {
    margin-bottom: -1px;
}
.academy-tabs .nav-link {
    border: none;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 14px;
    color: #6c757d;
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
}
.academy-tabs .nav-link i {
    margin-inline-end: 6px;
    font-size: 13px;
}
.academy-tabs .nav-link:hover {
    border-color: transparent;
    color: #3b82f6;
}
.academy-tabs .nav-link.active {
    color: #3b82f6;
    border-bottom: 3px solid #3b82f6;
    background-color: transparent;
}
.badge-count {
    background-color: #f1f5f9;
    color: #94a3b8;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    margin-inline-start: 5px;
    font-weight: 700;
}
.nav-link.active .badge-count {
    background-color: #eff6ff;
    color: #3b82f6;
}
/* Table Toolbar */
.toolbar-container {
    padding: 20px 25px 10px 25px;
    background-color: #ffffff;
}
.search-box {
    position: relative;
    width: 300px;
}
.search-box input {
    padding-inline-start: 35px;
    border-radius: 6px;
    border: 1px solid #eef2f7;
    height: 40px;
    font-size: 13px;
    background-color: #f8fafc;
}
.search-box input:focus {
    box-shadow: none;
    border-color: #3b82f6;
    background-color: #ffffff;
}
.search-box i {
    position: absolute;
    inset-inline-start: 12px;
    top: 13px;
    color: #94a3b8;
    font-size: 14px;
}
.refresh-btn {
    border: 1px solid #eef2f7;
    background-color: #ffffff;
    height: 40px;
    width: 40px;
    border-radius: 6px;
    color: #64748b;
    margin-inline-start: -50%;
}
.refresh-btn:hover {
    background-color: #f8fafc;
    color: #3b82f6;
}
.add-new-btn {
    border-radius: 6px;
    height: 40px;
    font-weight: 600;
    font-size: 13px;
    padding: 0 20px;
}
.add-new-btn i {
    margin-inline-end: 5px;
}
/* Table Styling Override */
.academy-table.table {
    border-top: 1px solid #eef2f7;
}
.academy-table.table thead th {
    border-bottom: none;
    border-top: none;
    font-size: 11px;
    text-transform: uppercase;
    color: #94a3b8;
    letter-spacing: 0.5px;
    padding: 15px 25px;
    background-color: #ffffff;
}
.academy-table.table tbody td {
    padding: 15px 25px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    border-top: 1px solid #f1f5f9;
}
/* Responsiveness */
@media (max-width: 991px) {
    .academy-master-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px;
    }

    .header-right {
        margin-top: 20px;
        width: 100%;
        flex-direction: row;
        gap: 15px;
    }

    .master-status-card {
        width: 120px;
        flex-shrink: 0;
    }

    .stats-card {
        flex-grow: 1;
    }
}
@media (max-width: 767px) {
    .header-right {
        flex-direction: column;
    }

    .master-status-card, .stats-card {
        width: 100%;
    }

    .stat-items {
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }

    .academy-tabs {
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }

    .academy-tabs::-webkit-scrollbar {
        height: 3px;
    }

    .academy-tabs::-webkit-scrollbar-thumb {
        background: #eef2f7;
        border-radius: 3px;
    }

    .add-new-btn {
        width: 100%;
        margin-top: 10px;
    }
    
    .tab-pane .text-right {
        text-align: center !important;
    }
}
/* Drag & Drop Reordering */
.drag-handle {
    cursor: move;
    color: #94a3b8;
    padding: 0 5px;
    display: inline-block;
}
.drag-handle:hover {
    color: #3b82f6;
}
.reorder-rows-placeholder {
    background-color: #f8fafc;
    border: 1px dashed #3b82f6;
    height: 60px;
}
.tnd-drag {
    background-color: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    opacity: 0.8;
}
.academy-setup-wrapper {
    width: 100%;
    min-height: calc(100vh - 120px);
    padding: 2rem;
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.academy-wizard-container {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    width: 100%;
    max-width: 1400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.academy-setup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #f3f4f6;
}
.academy-setup-header h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
.academy-setup-header .header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--theme-color);
    color: white;
    border-radius: 10px;
    font-size: 1.25rem;
}
.skip-installation {
    color: #9ca3af;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-style: dotted;
    transition: color 0.2s ease;
}
.skip-installation:hover {
    color: #4b5563;
}
.academy-setup-progress-wrapper {
    padding: 2rem 2rem 1rem;
    background: #fafafb;
    border-bottom: 1px solid #f3f4f6;
}
.academy-setup-progress-steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}
.academy-setup-progress-steps::-webkit-scrollbar {
    height: 4px;
}
.academy-setup-progress-steps::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 4px;
}
.progress-line {
    position: absolute;
    top: 18px;
    left: 40px;
    right: 40px;
    height: 2px;
    background: #e5e7eb;
    z-index: 1;
}
.progress-step-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 80px;
}
.progress-step-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    background: #ffffff;
    border: 2px solid #e5e7eb;
    color: #9ca3af;
    transition: all 0.3s ease;
}
.progress-step-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-align: center;
    white-space: nowrap;
    transition: color 0.3s ease;
}
.progress-step-item.active .progress-step-circle {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #ffffff;
    box-shadow: 0 0 0 4px #dbeafe;
}
.progress-step-item.active .progress-step-label {
    color: var(--theme-color);
    font-weight: 600;
}
.progress-step-item.done .progress-step-circle {
    background: #10b981;
    border-color: #10b981;
    color: #ffffff;
}
.progress-step-item.done .progress-step-label {
    color: #10b981;
}
.academy-setup-body {
    padding: 2.5rem 2rem;
    flex: 1;
}
.academy-step {
    display: none;
    animation: fadeIn 0.4s ease forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.academy-step.active {
    display: block;
}
.step-header {
    margin-bottom: 2rem;
}
.step-header h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
}
.step-header p {
    color: #6b7280;
    font-size: 0.95rem;
}
/* Welcome Step */
.welcome-illustration {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}
.welcome-icon-large {
    width: 80px;
    height: 80px;
    background: #eff6ff;
    color: #2563eb;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1);
}
.welcome-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}
.feature-card {
    padding: 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #334155;
    font-weight: 500;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feature-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    border-color: #cbd5e1;
}
.feature-card i {
    font-size: 1.5rem;
    color: #3b82f6;
}
/* Form Controls */
.form-group label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.form-control {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
    color: #1f2937;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    background: #ffffff;
}
.form-control.is-invalid {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.form-control.is-invalid:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
}
/* Selection Grids */
.select-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}
.select-chip {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #4b5563;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.select-chip:hover {
    /* border-color: #93c5fd; */
    border-color: rgba(var(--theme-color), 0.5);
    background: #f8fafc;
}
.select-chip.selected {
    background: #eff6ff;
    border-color: var(--theme-color);
    color: var(--theme-color);
    box-shadow: 0 0 0 1px var(--theme-color);
}
/* Blocks */
.content-block {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1rem;
}
/* Mapping Layout */
/* Mapping Layout */
.mapping-layout {
    display: flex;
    gap: 1.5rem;
}
.mapping-sidebar {
    width: 220px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 0;
    display: flex;
    flex-direction: column;
}
.sidebar-title {
    padding: 0 1.5rem;
    margin-bottom: 1rem;
    font-weight: 800;
    color: #9ca3af;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 8px;
}
.mapping-class-tabs {
    display: flex;
    flex-direction: column;
}
.mapping-class-tab {
    padding: 0.8rem 1.5rem;
    cursor: pointer;
    font-weight: 700;
    color: #4b5563;
    transition: all 0.2s ease;
    border-inline-start: 3px solid transparent;
    font-size: 0.95rem;
}
.mapping-class-tab:hover {
    background: #f9fafb;
}
.mapping-class-tab.active {
    background: var(--theme-color);
    color: #ffffff;
    border-inline-start-color: var(--theme-color);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: 24px;
    border-end-end-radius: 24px;
    margin-inline-end: 1.5rem;
}
.mapping-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.mapping-block {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem;
}
.medium-switch-group {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.medium-switch-icon {
    width: 38px;
    height: 38px;
    background: #eff6ff;
    color: #3b82f6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}
.medium-tabs {
    display: flex;
    gap: 0.5rem;
}
.mapping-medium-tab {
    padding: 0.5rem 1.25rem;
    background: #f3f4f6;
    border-radius: 20px;
    color: #6b7280;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}
.mapping-medium-tab.active {
    background: var(--theme-color);
    color: #ffffff;
}
.mapping-row-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.info-card-header {
    font-size: 0.75rem;
    font-weight: 800;
    color: #3b82f6;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
}
.info-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.info-tag {
    padding: 0.3rem 0.85rem;
    border: 1px solid #3b82f6;
    color: #2563eb;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
}
.info-tag-list.checkbox-list .info-tag {
    cursor: pointer;
    transition: all 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    color: #4b5563;
}
.info-tag-list.checkbox-list .info-tag:hover {
    border-color: #93c5fd;
    background: #f8fafc;
}
.info-tag-list.checkbox-list .info-tag.selected {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #1d4ed8;
    box-shadow: 0 0 0 1px #3b82f6;
}
.stream-tabs-wrapper {
    border-bottom: 2px solid #e5e7eb;
}
.stream-tabs-list {
    display: flex;
    gap: 2rem;
    margin-bottom: -2px;
}
.stream-nav-tab {
    padding: 0.75rem 0.5rem;
    font-weight: 700;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    font-size: 0.9rem;
}
.stream-nav-tab:hover {
    color: #111827;
}
.stream-nav-tab.active {
    color: var(--theme-color);
    border-bottom-color: var(--theme-color);
}
.semester-toggle-btn {
    background: #e5e7eb;
    padding: 0.6rem 1.25rem;
    border-radius: 24px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #4b5563;
    transition: all 0.2s;
}
.semester-toggle-btn.active {
    background: var(--theme-color);
    color: #ffffff;
}
.semester-icon {
    width: 46px;
    height: 46px;
    background: var(--theme-color);
    color: #ffffff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}
.stream-semester-control {
    background: #f4f8fb;
    border: 1px solid #e0e6ed;
    border-radius: 12px;
    padding: 16px;
    transition: all 0.2s;
}
.semester-control-icon {
    background: #ffffff;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}
.stream-semester-control.active {
    background: #f0f7ff;
    border-color: #bfdbfe;
}
.stream-semester-control.active .semester-control-icon {
    background: #2563eb;
    border-color: #2563eb;
}
.stream-semester-control.active .semester-control-icon i {
    color: #ffffff !important;
}
.semester-badge {
    background: #ffffff;
    color: #64748b;
    border: 1px solid #cbd5e1;
    padding: 0.6rem 1.25rem;
    border-radius: 24px;
    font-size: 0.85rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    transition: all 0.2s;
}
.semester-badge.active {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}
.core-general-divider {
    background: #111827;
    display: inline-block;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
}
.semester-tabs-container {
    display: inline-flex;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.5rem;
    gap: 0.25rem;
}
.semester-tab {
    padding: 0.5rem 1.5rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: #9ca3af;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
}
.semester-tab.active {
    background: #ffffff;
    color: #2563eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.subject-mapping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 1rem;
}
.context-tags {
    display: flex;
    gap: 0.5rem;
}
.context-tag {
    font-size: 0.75rem;
    padding: 0.3rem 0.75rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
}
.subject-radio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}
.subject-radio-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.95rem;
    color: #6b7280;
    transition: all 0.2s;
}
.subject-radio-item:hover {
    border-color: #d1d5db;
}
.subject-radio-item.selected {
    /* border-color: #f3f4f6; */
    border-color: var(--theme-color);
    background: #ffffff;
    color: var(--theme-color);
}
.radio-circle {
    width: 20px;
    height: 20px;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.2s;
}
.subject-radio-item.selected .radio-circle {
    border-color: #f3f4f6;
    background: #f9fafb;
    box-shadow: inset 0 0 0 5px var(--theme-color);
}
.subject-radio-item.is-elective-assigned {
    opacity: 0.7;
    background: #f1f5f9;
    border-color: #e2e8f0;
    cursor: not-allowed;
    color: #64748b;
}
.subject-radio-item.is-elective-assigned .radio-circle {
    border-color: #cbd5e1;
    background: #f1f5f9;
}
.subject-radio-item.is-elective-assigned:hover {
    background: #f1f5f9;
    border-color: #e2e8f0;
}
/* Footer Navigation */
.academy-setup-footer {
    padding: 1.25rem 2rem;
    background: #f9fafb;
    border-top: 1px solid #f3f4f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    cursor: pointer;
}
.btn-prev-arrow {
    color: #6b7280;
    font-weight: 800;
    background: transparent;
    border: none;
    padding: 0.5rem 1rem;
    transition: color 0.15s ease;
}
.btn-prev-arrow:hover {
    color: #111827;
}
.btn-next-pill {
    /* background: #111827; */
    color: #ffffff;
    border-radius: 50px;
    padding: 0.75rem 2.25rem;
    border: none;
    transition: all 0.2s;
}
.btn-next-pill:hover {
    /* background: #000000; */
    color: #ffffff;
}
/* Processing */
.processing-panel {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}
.processing-panel h6 {
    color: #1e3a8a;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
}
.processing-checkpoints {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.processing-checkpoints li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #4b5563;
    font-weight: 500;
    font-size: 0.95rem;
}
.processing-checkpoints .checkpoint-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #cbd5e1;
    background: #ffffff;
}
.processing-checkpoints .checkpoint-icon.done {
    border-color: #10b981;
    background: #10b981;
    color: #ffffff;
}
.processing-checkpoints .checkpoint-icon.failed {
    border-color: #ef4444;
    background: #ef4444;
    color: #ffffff;
}
/* Responsive */
@media (max-width: 768px) {
    .academy-wizard-container {
        border-radius: 0;
        min-height: 100vh;
    }

    .academy-setup-wrapper {
        padding: 0;
    }

    .academy-setup-body {
        padding: 1.5rem 1rem;
    }

    .mapping-layout {
        flex-direction: column;
    }

    .mapping-sidebar {
        width: 100%;
        background: transparent;
        border: none;
        padding: 0;
        margin-bottom: 1rem;
    }

    .sidebar-title {
        padding: 0;
        margin-bottom: 0.75rem;
    }

    .mapping-class-tabs {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 8px;
        gap: 8px;
    }

    .mapping-class-tabs::-webkit-scrollbar {
        height: 4px;
    }

    .mapping-class-tabs::-webkit-scrollbar-thumb {
        background: #e5e7eb;
        border-radius: 4px;
    }

    .mapping-class-tab {
        border: 1px solid #e5e7eb !important;
        background: #f9fafb;
        border-radius: 24px !important;
        padding: 0.5rem 1.25rem;
        white-space: nowrap;
        margin-inline-end: 0 !important;
        margin-bottom: 0;
    }

    .mapping-class-tab.active {
        border-color: var(--theme-color) !important;
        background: var(--theme-color);
        color: #ffffff;
    }

    .mapping-row-grid {
        grid-template-columns: 1fr;
    }

    .stream-semester-control {
        flex-direction: column;
        align-items: stretch !important;
        gap: 1rem;
    }

    .semester-badge {
        width: 100%;
        justify-content: center;
    }

    .stream-tabs-list {
        overflow-x: auto;
        white-space: nowrap;
        gap: 1rem;
    }

    .stream-tabs-list::-webkit-scrollbar { 
        display: none; 
    }

    .subject-radio-grid {
        grid-template-columns: 1fr;
    }

    .mapping-block {
        padding: 1rem;
    }
    
    .subject-radio-item {
        padding: 0.75rem 1rem;
    }

    .medium-tabs {
        flex-wrap: wrap;
    }

    /* Additional wrapping fixes for action items */
    .subject-mapping-header,
    .elective-group-header,
    .elective-groups-wrapper > .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 12px;
    }

    #btn-toggle-electives,
    #btn-add-elective-group {
        width: 100%;
        text-align: center;
    }
}
.btn-delete-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff1f2;
    color: #f43f5e;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    padding: 0;
    cursor: pointer;
}
.btn-delete-icon i {
    font-size: 1.25rem;
}
.btn-delete-icon:hover {
    background-color: #ffe4e6;
    color: #e11d48;
    border-color: #fda4af;
    box-shadow: 0 4px 6px -1px rgba(225, 29, 72, 0.1);
}
/* New Active Stream Card UI */
.stream-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.stream-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
.stream-card.selected {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 1px var(--theme-color);
}
.stream-card-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.stream-checkbox-icon {
    font-size: 20px;
    color: #d1d5db;
    display: flex;
    align-items: center;
}
.stream-card.selected .stream-checkbox-icon {
    color: var(--theme-color);
}
.stream-card-title {
    font-weight: 700;
    color: #4b5563;
    font-size: 0.95rem;
}
.stream-card.selected .stream-card-title {
    color: var(--theme-color);
}
.stream-card-right {
    display: flex;
    align-items: center;
    gap: 8px;
}
.stream-shift-label {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--theme-color);
    text-transform: uppercase;
}
.stream-shift-select-box {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #111827;
    outline: none;
    min-width: 120px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.stream-shift-select-box:hover {
    border-color: #cbd5e1;
}
/* Info Tag Adjustments */
.info-tag i.mdi-check {
    font-size: 1rem;
    margin-inline-end: 4px;
}
@media (max-width: 576px) {
    .stream-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .stream-card-right {
        width: 100%;
        justify-content: space-between;
    }
}
/* Elective Groups Styling */
.elective-group-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}
.elective-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
    margin-bottom: 16px;
}
.elective-group-title {
    font-size: 1rem;
    font-weight: 800;
    color: #1e293b;
}
.elective-group-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}
.elective-subject-pill {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 6px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f172a;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
.elective-subject-pill .btn-remove-subject {
    color: #ef4444;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.elective-subject-pill .btn-remove-subject:hover {
    opacity: 1;
}
.elective-or-divider {
    font-size: 0.75rem;
    font-weight: 800;
    color: #94a3b8;
    background: #f8fafc;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid #f1f5f9;
}
.add-elective-subject-wrapper {
    position: relative;
    display: inline-block;
}
.add-elective-subject-select {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 24px;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-inline-end: 30px;
}
.add-elective-subject-select:hover {
    border-color: #94a3b8;
    background: #f8fafc;
}
.add-elective-dropdown-icon {
    position: absolute;
    inset-inline-end: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #64748b;
}
.elective-group-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f1f5f9;
    padding-top: 16px;
}
.elective-group-footer label {
    font-size: 0.8rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.5px;
}
.elective-group-footer input {
    width: 60px;
    text-align: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 4px;
    font-weight: 800;
    color: #4f46e5;
}
.btn-delete-elective-group {
    color: #cbd5e1;
    cursor: pointer;
    font-size: 1.25rem;
    transition: all 0.2s;
}
.btn-delete-elective-group:hover {
    color: #ef4444;
}
/* --- Responsive Improvements --- */
@media (max-width: 768px) {
    /* Wizard Stepper Mobile Fix */
    .academy-setup-progress-wrapper {
        padding: 1.5rem 0 3rem; /* Remove horizontal padding to allow full-width scroll */
        position: relative;
        overflow: hidden;
    }
    
    .academy-setup-progress-steps {
        display: flex;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 45px; /* Space for the label below */
        scrollbar-width: none; /* Hide scrollbar for cleaner look */
    }

    .academy-setup-progress-steps::-webkit-scrollbar {
        display: none;
    }

    .progress-step-item {
        min-width: 33.33% !important;
        flex: 0 0 33.33% !important;
    }

    .progress-step-label {
        display: none !important;
    }

    .progress-step-item.active .progress-step-label {
        display: block !important;
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        font-size: 0.75rem;
        font-weight: 700;
        z-index: 10;
        color: var(--theme-color);
        padding: 0 10px;
    }

    .progress-line {
        position: absolute;
        top: 18px;
        left: 16.66%; /* Half of 33.33% to start at first circle center */
        width: 100%; /* Will be updated via JS or just made long */
        height: 2px;
        background: #e5e7eb;
        z-index: 1;
        right: auto;
    }

    /* Elective Section Responsive */
    #mapping-elective-groups-container .d-flex.justify-content-between {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px;
    }

    #btn-toggle-electives {
        width: 100%;
        margin-top: 5px;
    }

    #elective-groups-body {
        padding: 15px !important;
    }

    #elective-groups-body .d-flex.justify-content-between {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px;
    }

    #btn-add-elective-group {
        width: 100% !important;
        text-align: center;
        margin-top: 5px;
    }

    .elective-group-footer {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px;
    }

    .elective-group-footer input {
        width: 100% !important;
        height: 40px;
        max-width: none !important;
    }

    .elective-group-footer label {
        width: 100%;
        margin-bottom: 0;
    }

    .elective-group-card {
        padding: 15px;
    }
}
@media (max-width: 480px) {
    .academy-setup-wrapper {
        padding: 0.5rem;
    }
    
    .academy-setup-body {
        padding: 2rem 1rem 1.5rem;
        padding-top: 4rem;
    }

    .step-header h4 {
        font-size: 1.25rem;
    }

    .mapping-layout {
        flex-direction: column;
    }

    .mapping-sidebar {
        width: 100%;
    }

    .mapping-class-tab.active {
        margin-right: 0;
        border-radius: 0;
    }
}
/* Assignment Submission Modal Redesign */
#editModal .modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
#editModal .modal-header {
    border-bottom: 1px solid #f0f0f0;
    padding: 1.5rem;
}
#editModal .modal-title {
    font-weight: 700;
    color: #333;
}
#editModal .modal-subtitle {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}
#editModal .modal-body {
    padding: 1.5rem;
    background-color: #fff;
}
#editModal .left-panel {
    padding-inline-end: 1.5rem;
}
#editModal .right-panel {
    background-color: #f8fafc;
    border-inline-start: 1px solid #f0f0f0;
    padding: 1.5rem;
    height: 100%;
}
/* Student Profile Card */
.student-profile-card {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}
.student-avatar-circle {
    width: 48px;
    height: 48px;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.25rem;
    margin-inline-end: 1rem;
}
.student-info h6 {
    margin: 0;
    font-weight: 700;
    color: #333;
}
.student-meta {
    font-size: 0.8rem;
    color: #6c757d;
}
/* Section Titles */
.section-title {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.section-title i {
    margin-inline-end: 0.5rem;
}
/* File Cards */
.file-item-card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    transition: background-color 0.2s;
}
.file-item-card:hover {
    background-color: #f8fafc;
}
.file-icon {
    font-size: 1.25rem;
    color: #64748b;
    margin-inline-end: 1rem;
}
.file-details {
    flex-grow: 1;
}
.file-name {
    display: block;
    font-weight: 600;
    color: #334155;
    font-size: 0.875rem;
    text-decoration: none !important;
}
.file-size {
    font-size: 0.75rem;
    color: #94a3b8;
}
.file-download {
    color: #94a3b8;
}
/* Submission Link */
.submission-link-container {
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 0.75rem 1rem;
}
.submission-link-container a {
    color: #4361ee;
    font-weight: 500;
    font-size: 0.875rem;
}
/* Custom Status Buttons */
.status-buttons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.status-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
}
.status-btn i {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.status-btn span {
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
}
/* Accept State */
input.edit-status[value="1"]:checked+.status-btn {
    border-color: #4361ee;
    background-color: rgba(67, 97, 238, 0.05);
    color: #4361ee;
}
/* Reject State */
input.edit-status[value="2"]:checked+.status-btn {
    border-color: #ef4444;
    background-color: rgba(239, 68, 68, 0.05);
    color: #ef4444;
}
.status-btn:hover {
    border-color: #94a3b8;
}
/* Grade Points Input Group */
.grade-points-group {
    position: relative;
}
.grade-points-group .max-label {
    position: absolute;
    inset-inline-end: 0;
    top: -1.75rem;
    font-size: 0.75rem;
    color: #94a3b8;
}
.grade-points-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.grade-points-input-wrapper .form-control {
    font-weight: 700;
    font-size: 1.125rem;
    padding-inline-end: 3.5rem;
    height: 3rem;
    border-radius: 8px;
}
.grade-points-input-wrapper .pts-suffix {
    position: absolute;
    inset-inline-end: 1rem;
    font-weight: 700;
    color: #94a3b8;
}
/* Feedback Textarea */
.feedback-textarea {
    border-radius: 8px;
    padding: 1rem;
    min-height: 120px;
    resize: none;
}
/* Footer Buttons */
.modal-footer {
    border-top: 1px solid #f0f0f0;
    padding: 1.5rem;
}
.btn-cancel {
    background: transparent;
    border: none;
    color: #64748b;
    font-weight: 600;
}
.btn-submit-review {
    background: #4361ee;
    border: none;
    color: white;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.2);
}
.btn-submit-review:hover {
    background: #3751d7;
}
@media (max-width: 768px) {
    #editModal .right-panel {
        border-inline-start: none;
        border-top: 1px solid #f0f0f0;
        margin-top: 1.5rem;
    }
}
/* ==================================================
   Certificate Assignment Module - Custom CSS
   ================================================== */
/* ---- Page Header ---- */
.ca-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
/* ---- Tab Pills ---- */
.ca-tabs {
    display: flex;
    background: #f3f4f6;
    border-radius: 8px;
    padding: 4px;
    gap: 4px;
    margin-bottom: 20px;
}
.ca-tab-btn {
    flex: 1;
    border: none;
    background: transparent;
    padding: 9px 18px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s;
}
.ca-tab-btn.active {
    background: #fff;
    color: #2563eb;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
}
/* ---- Filter Bar ---- */
.ca-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
    padding: 16px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 20px;
}
.ca-filter-bar .form-group {
    margin-bottom: 0;
    flex: 1;
    min-width: 180px;
}
.ca-filter-bar label {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}
/* ---- Issued At bar ---- */
.ca-date-bar {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.ca-date-bar .form-group { margin-bottom: 0; min-width: 200px; }
.ca-date-bar label { font-size: 12px; font-weight: 600; color: #374151; display: block; margin-bottom: 4px; }
/* ---- Badge indicating already assigned ---- */
.badge-assigned {
    display: inline-block;
    padding: 2px 8px;
    background: #dcfce7;
    color: #16a34a;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}
.badge-pending {
    display: inline-block;
    padding: 2px 8px;
    background: #fef3c7;
    color: #d97706;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}
/* ---- User Avatar ---- */
.ca-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    border: 2px solid #e5e7eb;
}
/* ---- Action Buttons ---- */
.ca-assign-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    padding: 14px 16px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
}
.ca-selection-info {
    font-size: 13px;
    font-weight: 600;
    color: #1d4ed8;
}
.ca-assign-bar .btn { font-size: 13px; }
/* ---- History Tab ---- */
.history-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* ---- Revoke button ---- */
.btn-revoke {
    background: #fee2e2;
    border: none;
    color: #dc2626;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s;
}
.btn-revoke:hover { background: #fecaca; }
/* ---- Responsive ---- */
@media (max-width: 576px) {
    .ca-filter-bar .form-group { min-width: 100%; }
    .ca-assign-bar { flex-direction: column; align-items: flex-start; }
    .ca-tabs { flex-direction: column; }
}
.description {
    /* font-family: 'Pinyon Script', sans-serif; */
    position: absolute;
    width: 75%;
}
body {
    background-color: #E0E0E0;
}
html {
    margin: 0;
}
@media print {
    body {
        margin: 0;
    }
    /* If you need to remove margins from specific elements */
    .certificate {
        margin: 0 !important;
    }
}
.certificate {
    margin-top: 2%;
    margin: auto;
}
.background-image {
    position: absolute;
}
.title {
    padding: 0.5rem !important;
    font-weight: bold;
    font-size: 38px;
}
.issue-date {
    padding: 0.25rem
}
.school-name {
    font-size: 1.88rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
/* Class Subject Custom Styles */
:root {
    --primary-blue: #2172ED;
    --light-bg: #F8F9FA;
    --card-border: #E9ECEF;
    --text-muted: #6C757D;
    --success-green: #28A745;
    --danger-red: #DC3545;
    --badge-year-bg: #E7F6E7;
    --badge-year-text: #2D5A27;
    --badge-sem-bg: #E8F2FF;
    --badge-sem-text: #2172ED;
    --group-bg: #F1F3F4;
}
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0;
}
.header-badges {
    display: flex;
    gap: 0.75rem;
}
.main-card {
    border: 1px solid var(--card-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    overflow: hidden;
}
.card-header-info {
    padding: 1.5rem;
    border-bottom: 1px solid var(--card-border);
    background-color: #fff;
    border-radius: 12px 12px 0 0;
}
.class-info-box {
    display: flex;
    align-items: center;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    padding: 1.25rem 2rem;
    background-color: #fff;
}
.info-block {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.info-icon-wrap {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.info-icon-wrap.bg-light-blue {
    background-color: #EEF4FF;
    color: var(--primary-blue);
}
.info-icon-wrap.bg-light-green {
    background-color: #E7F6E7;
    color: var(--success-green);
}
.info-icon-wrap.bg-light-red {
    background-color: #FEF0F0;
    color: var(--danger-red);
}
.info-text-wrap {
    display: flex;
    flex-direction: column;
}
.info-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: #8A92A6;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.2rem;
}
.info-value {
    font-size: 1.05rem;
    font-weight: 700;
    color: #232D42;
}
.info-divider {
    width: 1px;
    height: 40px;
    background-color: #E9ECEF;
    margin: 0 2rem;
}
@media (max-width: 768px) {
    .class-info-box {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        gap: 1rem;
        padding: 1.25rem;
    }

    .info-divider {
        width: 100%;
        height: 1px;
        margin: 0.5rem 0;
    }

    .elective-subject {
        flex-direction: column !important;
    }

    .elective-option-card {
        width: 100%;
    }

    .or-divider {
        margin: 1rem auto !important;
    }
}
.section-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}
.section-title i {
    color: var(--primary-blue);
    font-size: 0.9rem;
}
/* Core Subjects Styles */
.core-subject-row {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    transition: background-color 0.2s;
}
.core-subject-row:hover {
    background-color: var(--light-bg);
}
.btn-remove-row {
    background: none;
    border: none;
    color: var(--danger-red);
    font-size: 1.25rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    transition: transform 0.2s;
}
.btn-remove-row:hover {
    transform: scale(1.1);
}
.btn-add-outline {
    border: 2px dashed var(--primary-blue);
    background: transparent;
    color: var(--primary-blue);
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    transition: all 0.3s;
}
.btn-add-outline:hover {
    background-color: rgba(33, 114, 237, 0.05);
    border-color: var(--primary-blue);
}
/* Elective Subjects Styles */
.elective-group-card {
    border: 1px solid var(--card-border);
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    background-color: #fff;
}
.group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}
.group-badge {
    background-color: var(--group-bg);
    color: #555;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
}
.option-container {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    flex-wrap: wrap;
}
.elective-option-card {
    background-color: var(--group-bg);
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 1.25rem;
    flex: 1;
    min-width: 250px;
    position: relative;
    margin-bottom: 1rem;
}
.or-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #888;
    z-index: 1;
    margin: auto 0;
    align-self: center;
    flex-shrink: 0;
}
.add-option-box {
    border: 2px dashed #CBD5E0;
    border-radius: 8px;
    background-color: var(--light-bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    padding: 1rem;
    cursor: pointer;
    color: #718096;
    transition: all 0.2s;
    flex: 1;
    margin-bottom: 1rem;
}
.add-option-box:hover {
    border-color: var(--primary-blue);
    color: var(--primary-blue);
}
.add-option-box i {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.form-control-custom {
    border-radius: 6px;
    border: 1px solid #D1D5DB;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}
.form-control-custom:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(33, 114, 237, 0.1);
}
.form-group {
    position: relative;
    padding-bottom: 1.25rem;
    /* Reserve space for error message */
    margin-bottom: 0.5rem;
}
.label-custom {
    font-weight: 600;
    font-size: 0.85rem;
    color: #4B5563;
    margin-bottom: 0.4rem;
    display: block;
}
/* Validation Error Styling */
label.error,
.text-danger.mt-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0 !important;
    line-height: 1;
}
.btn-save {
    background-color: var(--primary-blue);
    border: none;
    color: #fff;
    padding: 0.75rem 2.5rem;
    border-radius: 6px;
    font-weight: 700;
    transition: background-color 0.2s;
}
.btn-save:hover {
    background-color: #1a62d4;
}
/* Responsiveness */
@media (max-width: 768px) {
    .option-container {
        flex-direction: column;
    }

    .or-divider {
        height: auto;
        padding: 0.5rem 0;
        border-radius: 4px;
        margin: 0.5rem 0;
    }
}
/* ============================================================
   System Health Page — health.css
   Supplements server-config.css with overrides for the
   settings layout where it lives (not a full-screen wizard).
   ============================================================ */
/* Remove the full-screen page background tint */
.content-wrapper .server-config-wrapper {
    background: transparent;
    padding: 0;
}
/* Re-run all button spacing */
.server-config-header .ml-auto {
    margin-inline-start: auto;
    flex-shrink: 0;
}
/* Health gauge label — hide the "Checks Passed" text since we show it in header */
.health-gauge-label {
    display: none;
}
/* Slightly smaller sidebar on settings layout */
@media (min-width: 1025px) {
    .content-wrapper .server-config-sidebar {
        width: 280px;
    }
}
/* ---- Settings-layout responsive overrides ---- */
/* On mobile the wrapper has no extra outer padding — reset to sensible value */
@media (max-width: 768px) {
    .content-wrapper .server-config-wrapper {
        padding: 0;
        gap: 1rem;
    }
}
@media (max-width: 576px) {
    .content-wrapper .server-config-wrapper {
        padding: 0;
        gap: .75rem;
    }

    /* Re-run button: full-width pill on mobile */
    .server-config-header .ml-auto {
        width: 100%;
        margin-inline-start: 0;
    }

    .server-config-header .ml-auto .btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/* =========================================================
   Login Page – Custom Stylesheet
   Matches the reference design: white form panel (left) + 
   immersive photo/brand panel (right).
   Bootstrap 5 is the primary layout engine; this file fills
   the gaps Bootstrap cannot cover alone.
   ========================================================= */
/* ---------- Global reset for this page ---------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: #fff;
    color: var(--lp-text-main);
    min-height: 100vh;
    overflow-x: hidden;
}
/* =========================================================
   LAYOUT – two equal columns filling the viewport
   ========================================================= */
.lp-wrapper {
    display: flex;
    height: 100vh;
    min-height: 600px;
}
/* ---------- LEFT – form column ---------- */
.lp-form-col {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 48px 40px;
    background: #fff;
    overflow-y: auto;
    justify-content: space-around;
}
.lp-form-inner {
    width: 100%;
    max-width: 420px;
    padding-top: 20px;
}
/* ---------- RIGHT – brand / photo column ---------- */
.lp-brand-col {
    width: 50%;
    background-color: #0d2b2a;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Background image set inline via blade (style attribute) */
/* =========================================================
   FORM COLUMN – content
   ========================================================= */
/* Heading */
.lp-heading {
    font-size: 2rem;
    font-weight: 700;
    color: var(--lp-text-main);
    margin-bottom: 6px;
    line-height: 1.2;
}
.lp-subheading {
    font-size: 0.875rem;
    color: var(--lp-text-muted);
    margin-bottom: 32px;
}
/* Labels */
.lp-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--lp-text-main);
    margin-bottom: 6px;
}
/* Input group wrapper */
.lp-input-group {
    margin-bottom: 18px;
}
.lp-input-wrapper {
    position: relative;
}
/* Icon prefix */
.lp-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #b0bac8;
    font-size: 14px;
    pointer-events: none;
    z-index: 3;
}
/* Eye toggle */
.lp-pw-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #b0bac8;
    cursor: pointer;
    font-size: 14px;
    z-index: 3;
    transition: color 0.2s;
    background: none;
    border: none;
    padding: 0;
}
.lp-pw-toggle:hover {
    color: var(--lp-primary);
}
/* Form controls */
.lp-input {
    width: 100%;
    height: 46px;
    padding: 0 40px 0 40px;
    border: 1.5px solid var(--lp-border);
    border-radius: var(--lp-radius);
    font-size: 0.875rem;
    color: var(--lp-text-main);
    background: var(--lp-bg-input);
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    outline: none;
}
.lp-input::-moz-placeholder {
    color: #c2c9d6;
}
.lp-input::placeholder {
    color: #c2c9d6;
}
.lp-input:focus {
    border-color: var(--lp-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(23, 201, 162, 0.12);
}
/* School Code row – label + what's this link */
.lp-school-code-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.lp-whats-this {
    font-size: 0.75rem;
    color: var(--lp-primary);
    text-decoration: none;
    cursor: pointer;
}
.lp-whats-this:hover {
    text-decoration: underline;
}
/* Forgot password */
.lp-forgot {
    text-align: right;
    margin-bottom: 20px;
}
.lp-forgot a {
    font-size: 0.8125rem;
    color: var(--lp-primary);
    text-decoration: none;
    font-weight: 500;
}
.lp-forgot a:hover {
    text-decoration: underline;
}
/* Sign In button */
.lp-btn-signin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 48px;
    background: var(--lp-primary);
    color: #fff;
    border: none;
    border-radius: var(--lp-radius);
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: var(--lp-shadow-btn);
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
    letter-spacing: 0.01em;
}
.lp-btn-signin:hover {
    background: var(--theme-color);
    transform: translateY(-1px);
    cursor: pointer;
}
.lp-btn-signin:active {
    transform: translateY(0);
}
/* Signup link below button */
.lp-signup-link {
    text-align: center;
    margin-top: 18px;
    font-size: 0.8125rem;
    color: var(--lp-text-muted);
}
.lp-signup-link a {
    color: var(--lp-primary);
    font-weight: 600;
    text-decoration: none;
}
.lp-signup-link a:hover {
    text-decoration: underline;
}
/* Alerts */
.lp-alert {
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.8125rem;
    margin-bottom: 18px;
}
.lp-alert-success {
    background: #e6faf5;
    border: 1px solid #a3e9d5;
    color: #0a6644;
}
.lp-alert-danger {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}
/* =========================================================
   DEMO CREDENTIALS SECTION
   ========================================================= */
.lp-demo-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 22px 0 14px;
    color: #aab0bc;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.lp-demo-divider::before,
.lp-demo-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--lp-border);
}
.lp-demo-group-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9aa0ad;
    font-weight: 600;
    margin-bottom: 8px;
}
.lp-demo-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}
.lp-demo-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    border: 1.5px solid;
    background: #fff;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}
/* Super Admin – teal outline */
.lp-demo-btn-teal {
    border-color: var(--lp-primary);
    color: #0b8c6e;
}
.lp-demo-btn-teal:hover {
    background: rgba(23, 201, 162, 0.08);
}
/* Staff Global – indigo outline */
.lp-demo-btn-indigo {
    border-color: #8b80f8;
    color: #5c52d3;
}
.lp-demo-btn-indigo:hover {
    background: rgba(139, 128, 248, 0.08);
}
/* School Admin – light teal */
.lp-demo-btn-admin {
    border-color: #82e0cc;
    color: #0b8c6e;
}
.lp-demo-btn-admin:hover {
    background: rgba(130, 224, 204, 0.12);
}
/* Teacher – red/coral outline */
.lp-demo-btn-teacher {
    border-color: #f87171;
    color: #b91c1c;
}
.lp-demo-btn-teacher:hover {
    background: rgba(248, 113, 113, 0.08);
}
/* Staff – blue outline */
.lp-demo-btn-staff {
    border-color: #60a5fa;
    color: #1d4ed8;
}
.lp-demo-btn-staff:hover {
    background: rgba(96, 165, 250, 0.08);
}
/* =========================================================
   RESPONSIVE
   ========================================================= */
/* Tablet (≤ 991px) – stack vertically, form below brand */
@media (max-width: 991.98px) {
    .lp-wrapper {
        flex-direction: column;
        height: auto;
    }

    .lp-form-col,
    .lp-brand-col {
        width: 100%;
    }

    .lp-brand-col {
        min-height: 280px;
    }

    .lp-form-col {
        padding: 36px 24px;
        align-items: flex-start;
    }
}
/* Mobile (≤ 575px) */
@media (max-width: 575.98px) {
    .lp-brand-col {
        min-height: 220px;
    }

    .lp-form-col {
        padding: 28px 16px;
    }

    .lp-form-inner {
        max-width: 100%;
        padding-top: 0;
    }

    .lp-heading {
        font-size: 1.6rem;
    }

    .lp-demo-btns {
        gap: 6px;
    }

    .lp-demo-btn {
        padding: 5px 12px;
        font-size: 0.73rem;
    }
}
/* Landscape mobile – override to side-by-side layout */
@media (max-height: 560px) and (orientation: landscape) {
    .lp-wrapper {
        flex-direction: row;
        height: 100vh;
    }

    .lp-form-col,
    .lp-brand-col {
        width: 50%;
        height: 100%;
    }

    .lp-brand-col {
        min-height: auto;
    }
}
.btn-primary {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}
/* Modern auth refresh */
body {
    background: #f8f7ff;
}
.lp-wrapper {
    min-height: 100vh;
    background:
        radial-gradient(circle at 18% 20%, rgba(115, 103, 240, 0.12), transparent 28%),
        linear-gradient(135deg, #fbfaff 0%, #f5f3ff 46%, #ffffff 100%);
}
.lp-form-col {
    width: 48%;
    justify-content: center;
    padding: 2rem;
    background: transparent;
}
.lp-form-inner {
    max-width: 27rem;
    padding: 2rem;
    border: 1px solid rgba(115, 103, 240, 0.12);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 1.25rem 3rem rgba(47, 43, 74, 0.12);
    backdrop-filter: blur(10px);
}
.lp-brand-col {
    width: 52%;
    position: relative;
    margin: 1rem;
    border-radius: 0.9rem;
    overflow: hidden;
    background-color: #2f2b4a;
    box-shadow: 0 1.25rem 3rem rgba(47, 43, 74, 0.14);
}
.lp-brand-col::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(47, 43, 74, 0.18), rgba(115, 103, 240, 0.28));
    pointer-events: none;
}
.lp-heading {
    color: #2f2b4a;
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: 0;
}
.lp-subheading {
    color: #6d6a86;
    line-height: 1.55;
    margin-bottom: 1.65rem;
}
.lp-label {
    color: #4b465c;
    font-size: 0.82rem;
    font-weight: 500;
}
.lp-input-group {
    margin-bottom: 1rem;
}
.lp-input-wrapper {
    border-radius: 0.6rem;
}
.lp-input {
    height: 2.8rem;
    border: 1px solid #e6e1fb;
    border-radius: 0.6rem;
    background: #ffffff;
    color: #4b465c;
    font-size: 0.88rem;
    box-shadow: none;
}
.lp-input:hover {
    border-color: #d8d1fb;
}
.lp-input:focus {
    border-color: #7367f0;
    background: #ffffff;
    box-shadow: 0 0 0 0.18rem rgba(115, 103, 240, 0.12);
}
.lp-input-icon,
.lp-pw-toggle {
    color: #8f8aa3;
}
.lp-pw-toggle:hover,
.lp-whats-this,
.lp-forgot a,
.lp-signup-link a {
    color: #7367f0;
}
.lp-btn-signin {
    height: 2.85rem;
    border-radius: 0.6rem;
    background: #7367f0;
    box-shadow: 0 0.45rem 1rem rgba(115, 103, 240, 0.26);
    font-size: 0.9rem;
    font-weight: 600;
}
.lp-btn-signin:hover,
.lp-btn-signin:focus {
    background: #685dd8;
    box-shadow: 0 0.55rem 1.15rem rgba(115, 103, 240, 0.3);
}
.lp-alert {
    border-radius: 0.6rem;
    font-weight: 500;
}
.lp-demo-divider::before,
.lp-demo-divider::after {
    background: #ebe7fb;
}
.lp-demo-btn {
    border-width: 1px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: none;
}
.lp-demo-btn-teal,
.lp-demo-btn-admin,
.lp-demo-btn-indigo,
.lp-demo-btn-teacher,
.lp-demo-btn-staff {
    border-color: #e6e1fb;
    color: #7367f0;
}
.lp-demo-btn:hover {
    background: #f0edff;
    border-color: #7367f0;
    color: #685dd8;
}
.auth-modern-page {
    min-height: calc(100vh - 5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background:
        radial-gradient(circle at 14% 20%, rgba(115, 103, 240, 0.12), transparent 28%),
        linear-gradient(135deg, #fbfaff 0%, #f5f3ff 48%, #ffffff 100%);
}
.auth-modern-shell {
    width: min(58rem, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
    border: 1px solid rgba(115, 103, 240, 0.12);
    border-radius: 0.9rem;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1.25rem 3rem rgba(47, 43, 74, 0.12);
}
.auth-modern-card {
    padding: 2rem;
    background: #ffffff;
}
.auth-modern-header {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}
.auth-modern-mark {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background: #7367f0;
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 0.55rem 1.15rem rgba(115, 103, 240, 0.28);
}
.auth-modern-header h1 {
    margin: 0;
    color: #2f2b4a;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: 0;
}
.auth-modern-header p {
    margin: 0.2rem 0 0;
    color: #6d6a86;
    font-size: 0.88rem;
}
.auth-modern-form {
    display: grid;
    gap: 0.95rem;
}
.auth-field label {
    display: block;
    margin-bottom: 0.35rem;
    color: #4b465c;
    font-size: 0.82rem;
    font-weight: 500;
}
.auth-input {
    width: 100%;
    height: 2.75rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid #e6e1fb;
    border-radius: 0.6rem;
    background: #ffffff;
    color: #4b465c;
    font-size: 0.88rem;
    outline: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
.auth-input:focus {
    border-color: #7367f0;
    box-shadow: 0 0 0 0.18rem rgba(115, 103, 240, 0.12);
}
.auth-input.is-invalid {
    border-color: #ff4c51;
}
.auth-error {
    display: block;
    margin-top: 0.35rem;
    color: #ff4c51;
    font-size: 0.78rem;
    font-weight: 500;
}
.auth-submit {
    height: 2.85rem;
    border: 0;
    border-radius: 0.6rem;
    background: #7367f0;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 0.45rem 1rem rgba(115, 103, 240, 0.26);
}
.auth-submit:hover,
.auth-submit:focus {
    background: #685dd8;
}
.auth-switch-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #6d6a86;
    font-size: 0.84rem;
}
.auth-switch-link a {
    color: #7367f0;
    font-weight: 600;
    text-decoration: none;
}
.auth-modern-side {
    display: flex;
    align-items: flex-end;
    padding: 2rem;
    background:
        linear-gradient(135deg, rgba(115, 103, 240, 0.92), rgba(104, 93, 216, 0.9)),
        linear-gradient(135deg, #2f2b4a, #7367f0);
    color: #ffffff;
}
.auth-side-content {
    max-width: 20rem;
}
.auth-side-kicker {
    display: inline-flex;
    margin-bottom: 0.65rem;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.auth-modern-side h2 {
    margin: 0 0 0.65rem;
    color: #ffffff;
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.2;
}
.auth-modern-side p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    line-height: 1.55;
}
.navbar-laravel {
    border-bottom: 1px solid #ebe7fb;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none;
}
.navbar-laravel .nav-link {
    color: #4b465c !important;
    font-weight: 500;
}
.navbar-laravel .nav-link:hover {
    color: #7367f0 !important;
}
@media (max-width: 991.98px) {
    .lp-wrapper {
        background: linear-gradient(135deg, #fbfaff 0%, #ffffff 100%);
    }

    .lp-form-col {
        width: 100%;
        padding: 1.5rem;
    }

    .lp-form-inner {
        max-width: 32rem;
    }

    .lp-brand-col {
        width: calc(100% - 2rem);
        margin: 1rem;
    }

    .auth-modern-shell {
        grid-template-columns: 1fr;
    }

    .auth-modern-side {
        min-height: 13rem;
    }
}
@media (max-width: 575.98px) {
    .lp-form-col {
        padding: 1rem;
    }

    .lp-form-inner,
    .auth-modern-card,
    .auth-modern-side {
        padding: 1.25rem;
    }

    .auth-modern-page {
        padding: 1rem 0.5rem;
    }

    .auth-modern-header h1 {
        font-size: 1.25rem;
    }
}
/* Login structure refresh */
.lp-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at 12% 18%, rgba(115, 103, 240, 0.12), transparent 26%),
        radial-gradient(circle at 88% 80%, rgba(115, 103, 240, 0.09), transparent 28%),
        linear-gradient(135deg, #fbfaff 0%, #f7f5ff 46%, #ffffff 100%);
}
.lp-auth-shell {
    width: min(72rem, 100%);
    min-height: min(45rem, calc(100vh - 3rem));
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(24rem, 0.92fr);
    gap: 0;
    border: 1px solid rgba(115, 103, 240, 0.12);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 1.25rem 3rem rgba(47, 43, 74, 0.12);
    overflow: hidden;
}
.lp-brand-panel {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 2.25rem;
    background:
        linear-gradient(135deg, rgba(47, 43, 74, 0.36), rgba(115, 103, 240, 0.42)),
        linear-gradient(135deg, #2f2b4a, #7367f0);
    background-size: cover;
    background-position: center;
}
.lp-brand-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(47, 43, 74, 0.08), rgba(47, 43, 74, 0.62));
}
.lp-brand-content {
    position: relative;
    max-width: 28rem;
    color: #ffffff;
    z-index: 1;
}
.lp-brand-kicker {
    display: inline-flex;
    margin-bottom: 0.8rem;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.lp-brand-content h2 {
    margin: 0 0 0.85rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0;
}
.lp-brand-content p {
    max-width: 25rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
    line-height: 1.65;
}
.lp-form-panel {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: #ffffff;
    overflow-y: auto;
}
.lp-auth-shell .lp-form-inner {
    max-width: 27rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}
.lp-auth-shell .lp-heading {
    font-size: 1.7rem;
}
.lp-auth-shell .lp-subheading {
    margin-bottom: 1.45rem;
}
html[dir="rtl"] .lp-btn-signin .fa-arrow-right {
    transform: rotate(180deg);
}
@media (max-width: 991.98px) {
    .lp-page {
        padding: 1rem;
    }

    .lp-auth-shell {
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .lp-brand-panel {
        min-height: 18rem;
        padding: 1.5rem;
    }

    .lp-form-panel {
        padding: 1.5rem;
    }

    .lp-auth-shell .lp-form-inner {
        max-width: 32rem;
    }
}
@media (max-width: 575.98px) {
    .lp-page {
        padding: 0;
        align-items: stretch;
    }

    .lp-auth-shell {
        width: 100%;
        min-height: 100vh;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .lp-brand-panel {
        min-height: 13rem;
        padding: 1.25rem;
    }

    .lp-brand-content h2 {
        font-size: 1.7rem;
    }

    .lp-brand-content p {
        font-size: 0.86rem;
    }

    .lp-form-panel {
        padding: 1.25rem;
    }
}
/* Registration modal refresh */
.formModal .modal-dialog {
    max-width: min(58rem, calc(100vw - 2rem));
}
.formModal .modal-content {
    display: block;
    border: 1px solid rgba(115, 103, 240, 0.14);
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 1.5rem 3.5rem rgba(47, 43, 74, 0.18);
    overflow: hidden;
}
.formModal .rightSide {
    padding: 0;
}
.formModal .modal-header {
    min-height: 4.35rem;
    align-items: center;
    padding: 1.15rem 1.35rem;
    border-bottom: 1px solid #ebe7fb;
    background:
        linear-gradient(135deg, rgba(115, 103, 240, 0.08), rgba(240, 237, 255, 0.65)),
        #ffffff;
}
.formModal .modal-title {
    margin: 0;
    color: #2f2b4a;
    font-size: 1.1rem !important;
    font-weight: 700;
    letter-spacing: 0;
}
.formModal .btn-close {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background-color: #f0edff;
    opacity: 1;
    box-shadow: none;
}
.formModal .btn-close:hover,
.formModal .btn-close:focus {
    background-color: #e3defe;
    box-shadow: 0 0 0 0.16rem rgba(115, 103, 240, 0.12);
}
.formModal .modal-body {
    padding: 1.35rem;
    background: #fbfaff;
}
.formModal .school-registration {
    margin: 0;
}
.formModal .schoolFormWrapper,
.formModal .adminFormWrapper {
    margin: 0;
    padding: 1.15rem;
    border: 1px solid #ebe7fb;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: none;
}
.formModal .adminFormWrapper {
    margin-top: 1rem;
}
.formModal .headingWrapper {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #f0eef8;
}
.formModal .headingWrapper::before {
    content: "";
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: #7367f0;
    box-shadow: 0 0 0 0.28rem #f0edff;
}
.formModal .headingWrapper span {
    color: #2f2b4a;
    font-size: 0.98rem;
    font-weight: 700;
}
.formModal .formWrapper {
    padding: 0;
}
.formModal .row {
    row-gap: 0.95rem;
}
.formModal .inputWrapper,
.formModal .form-group {
    margin-bottom: 0;
}
.formModal label,
.formModal .form-group > label {
    display: block;
    margin-bottom: 0.38rem;
    color: #4b465c;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.25;
}
.formModal .inputWrapper input,
.formModal .inputWrapper select,
.formModal .inputWrapper textarea,
.formModal .form-control,
.formModal select.form-control,
.formModal textarea.form-control {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.48rem 0.75rem;
    border: 1px solid #e6e1fb;
    border-radius: 0.58rem;
    background: #ffffff;
    color: #4b465c;
    font-size: 0.86rem;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}
.formModal textarea.form-control,
.formModal .inputWrapper textarea {
    min-height: 5.6rem;
    resize: vertical;
}
.formModal .inputWrapper input:hover,
.formModal .inputWrapper select:hover,
.formModal .inputWrapper textarea:hover,
.formModal .form-control:hover {
    border-color: #d8d1fb;
}
.formModal .inputWrapper input:focus,
.formModal .inputWrapper select:focus,
.formModal .inputWrapper textarea:focus,
.formModal .form-control:focus {
    border-color: #7367f0;
    box-shadow: 0 0 0 0.16rem rgba(115, 103, 240, 0.12);
}
.formModal .inputWrapper input::-moz-placeholder, .formModal .form-control::-moz-placeholder {
    color: #aaa6bb;
}
.formModal .inputWrapper input::placeholder,
.formModal .form-control::placeholder {
    color: #aaa6bb;
}
.formModal .other-details {
    margin-top: 1rem !important;
    padding-top: 1rem;
    border-top: 1px dashed #e6e1fb;
}
.formModal .form-check {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    margin: 0.15rem 0.5rem 0.15rem 0;
    padding: 0.25rem 0.65rem;
    border: 1px solid #ebe7fb;
    border-radius: 999px;
    background: #fbfaff;
}
.formModal .form-check-label {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: #4b465c;
    font-size: 0.82rem;
    cursor: pointer;
}
.formModal input[type="checkbox"],
.formModal input[type="radio"] {
    accent-color: #7367f0;
}
.formModal input[type="file"].form-control,
.formModal .file-upload-default.form-control {
    padding: 0.55rem 0.75rem;
    cursor: pointer;
}
.formModal input[type="file"]::file-selector-button {
    margin-right: 0.75rem;
    border: 0;
    border-radius: 0.48rem;
    background: #7367f0;
    color: #ffffff;
    padding: 0.42rem 0.75rem;
    font-weight: 600;
    cursor: pointer;
}
.formModal .g-recaptcha {
    display: inline-flex;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0.55rem;
}
.formModal .modalfooter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0;
}
.formModal .modalfooter .commonBtn,
.formModal input[type="submit"].commonBtn {
    min-width: 8.5rem;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0.58rem;
    background: #7367f0 !important;
    color: #ffffff !important;
    font-size: 0.88rem;
    font-weight: 600;
    box-shadow: 0 0.45rem 1rem rgba(115, 103, 240, 0.24);
    cursor: pointer;
}
.formModal .modalfooter .commonBtn:hover,
.formModal input[type="submit"].commonBtn:hover {
    background: #685dd8 !important;
}
.formModal .text-danger {
    color: #ff4c51 !important;
}
html[dir="rtl"] .formModal input[type="file"]::file-selector-button {
    margin-right: 0;
    margin-left: 0.75rem;
}
@media (max-width: 767.98px) {
    .formModal .modal-dialog {
        max-width: calc(100vw - 1rem);
        margin: 0.5rem auto;
    }

    .formModal .modal-body,
    .formModal .schoolFormWrapper,
    .formModal .adminFormWrapper {
        padding: 1rem;
    }

    .formModal .modalfooter {
        justify-content: stretch;
    }

    .formModal .modalfooter > div:last-child,
    .formModal .modalfooter .commonBtn {
        width: 100%;
    }
}
:root {
    /* --rv-primary: #2563eb; */
    --rv-primary: var(--theme-color);
    /* Royal Blue */
    /* --rv-primary-gradient: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); */
    --rv-primary-gradient: linear-gradient(135deg, #1e40af 0%, var(--theme-color) 100%);
    --rv-success: #10b981;
    /* Emerald Green */
    --rv-danger: #ef4444;
    /* Red */
    --rv-warning: #f59e0b;
    /* Amber */
    --rv-info: #3b82f6;
    /* Sky Blue */
    --rv-text-primary: #1e293b;
    /* Slate 800 */
    --rv-text-secondary: #64748b;
    /* Slate 500 */
    --rv-border: #f1f5f9;
    /* Slate 100 */
    --rv-bg-page: #f8fafc;
    /* Slate 50 */
    --rv-bg-card: #ffffff;
    --rv-bg-input: #f8fafc;
    --rv-radius: 16px;
    --rv-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
/* ── Generic Improvements ─────────────────────────────────── */
body {
    color: var(--rv-text-primary);
    background-color: var(--rv-bg-page);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* ── Left Info Card ────────────────────────────────────────── */
.rv-info-card {
    border: none !important;
    border-radius: var(--rv-radius) !important;
    overflow: hidden;
    background: transparent !important;
    box-shadow: none !important;
}
.rv-info-card .card {
    border-radius: var(--rv-radius);
    border: none;
    box-shadow: var(--rv-shadow);
}
.rv-card-header {
    background: var(--rv-primary-gradient) !important;
    color: white;
    border-radius: var(--rv-radius) var(--rv-radius) 0 0 !important;
    position: relative;
}
.rv-bus-icon {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(8px);
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem !important;
    margin-bottom: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.rv-shift-badge {
    text-align: right;
}
.rv-shift-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.8;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    display: block;
}
.rv-route-title-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.8;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
    display: block;
}
.rv-route-name {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.rv-route-zone {
    font-size: 13px;
    opacity: 0.9;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* ── Stats Grid ─────────────────────────────────────────────── */
.rv-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 2rem;
    background: #fff !important;
    border-bottom: none !important;
}
.rv-stat-item {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    border: none !important;
    text-align: left !important;
}
.rv-stat-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8 !important;
    margin-bottom: 8px !important;
}
.rv-stat-value {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: var(--rv-text-primary) !important;
}
.rv-stat-value small {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
    margin-left: 4px;
}
.rv-stat-item .rv-stat-value {
    font-size: 18px;
    /* Slightly larger */
    font-weight: 800;
    /* Bolder */
    color: #1a237e;
    letter-spacing: -0.5px;
}
/* ── Operational Schedule ───────────────────────────────────── */
.rv-schedule-section {
    padding: 0rem 2rem !important;
    background: #fff !important;
    border-bottom: none !important;
}
.rv-schedule-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8 !important;
    margin-bottom: 1rem !important;
}
.rv-schedule-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px !important;
}
.rv-schedule-item {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 1rem !important;
    border: none !important;
}
.rv-schedule-item-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #abaeb3 !important;
    margin-bottom: 4px !important;
}
.rv-time-green {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: #10b981 !important;
}
.rv-time-blue {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: var(--theme-color) !important;
}
/* ── Assigned Staff ─────────────────────────────────────────── */
.rv-staff-section {
    padding: 0 2rem 2rem !important;
    background: #fff !important;
}
.rv-section-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8 !important;
    margin-bottom: 1rem !important;
}
.rv-staff-row {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    margin-bottom: 12px !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.2s;
}
.rv-staff-row:hover {
    transform: translateY(-2px);
}
.rv-staff-row:last-child {
    margin-bottom: 0 !important;
}
.rv-staff-avatar,
.rv-avatar-circle {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    -o-object-fit: cover;
       object-fit: cover;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.rv-staff-info {
    flex: 1;
    margin-left: 12px !important;
}
.rv-staff-name {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: var(--rv-text-primary) !important;
    margin-bottom: 2px !important;
}
.rv-staff-meta {
    font-size: 0.8rem !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}
.rv-staff-badge {
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.rv-staff-badge.driver {
    background: #eff6ff !important;
    color: var(--theme-color) !important;
}
.rv-staff-badge.helper {
    background: #f8fafc !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0;
}
/* ── Section Title ──────────────────────────────────────────── */
.rv-section-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #8a94a6;
    margin-bottom: 12px;
}
/* ── Tab Nav (Pill Style) ───────────────────────────────────── */
.rv-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid #e8eaf0;
    padding-bottom: 16px;
    margin-bottom: 0;
}
.rv-tab-nav .rv-tab-item {
    list-style: none;
}
.rv-tab-nav .rv-tab-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b !important;
    /* Ensure color is not overridden by .nav-link */
    background: #fff;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}
.rv-tab-nav .rv-tab-link:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}
.rv-tab-nav .rv-tab-link.active {
    background: var(--theme-color) !important;
    color: #fff !important;
    border-color: var(--theme-color) !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
    transform: translateY(-1px);
}
.rv-tab-nav .rv-tab-link i {
    font-size: 14px;
}
/* ── Pickup Points Timeline ─────────────────────────────────── */
.rv-stops-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.rv-stops-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e2a4a;
    margin: 0;
}
.rv-stops-count {
    font-size: 12px;
    color: #64748b;
    background: #f1f5f9;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
}
.rv-timeline {
    position: relative;
    padding-left: 40px;
}
.rv-timeline::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
    border-radius: 2px;
}
.rv-timeline-item {
    position: relative;
    margin-bottom: 16px;
}
/* The circle indicator */
.rv-timeline-item::before {
    content: '';
    position: absolute;
    /* Math: 
       Line at 8px, width 2px -> center at 9px.
       Container padding 40px -> Item starts at 40px.
       Circle width 14px -> center at 7px from circle start.
       We want circle center at 9px (absolute).
       40 + left + 7 = 9 => left = -38px.
    */
    left: -38px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2.5px solid var(--theme-color);
    z-index: 2;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.rv-timeline-item:hover::before {
    transform: translateY(-50%) scale(1.2);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}
.rv-timeline-item:last-child {
    margin-bottom: 0;
}
/* Active line effect for first few if needed, but here we just want solid centering */
.rv-timeline-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    transition: all 0.2s;
}
.rv-timeline-card:hover {
    box-shadow: 0 2px 10px rgba(37, 65, 178, 0.10);
}
.rv-timeline-card .rv-stop-name {
    font-size: 14px;
    font-weight: 600;
    color: #1e2a4a;
    margin: 0;
}
.rv-timeline-card .rv-stop-seq {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #8a94a6;
    margin: 0;
}
.rv-timeline-card .rv-stop-times {
    display: flex;
    gap: 20px;
    flex-shrink: 0;
}
.rv-time-col {
    text-align: right;
}
.rv-time-col .rv-time-col-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8a94a6;
    display: block;
}
.rv-time-col .rv-time-col-value {
    font-size: 13px;
    font-weight: 700;
    color: var(--theme-color);
}
/* ── Reported Issues Card Redesign ─────────────────────────── */
.reported-issues-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 1rem;
}
.issue-card {
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    gap: 20px;
    transition: all 0.2s ease;
    text-align: left;
}
.issue-card:hover {
    border-color: #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.issue-icon-container {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.icon-warning {
    background: #fff7ed;
    color: #f97316;
}
.icon-info {
    background: #eff6ff;
    color: #3b82f6;
}
.icon-danger {
    background: #fef2f2;
    color: #ef4444;
}
.issue-content {
    flex-grow: 1;
}
.issue-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.issue-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.issue-priority-badge {
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}
.priority-high {
    background: #ffedd5;
    color: #9a3412;
}
.priority-medium {
    background: #e0f2fe;
    color: #0369a1;
}
.priority-critical {
    background: #fee2e2;
    color: #991b1b;
}
.issue-description {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.5;
    margin-bottom: 12px;
}
.issue-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 12px;
    color: #94a3b8;
}
.meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.meta-item i {
    font-size: 12px;
}
.view-details-link {
    color: #3b82f6;
    font-weight: 600;
    text-decoration: none;
    margin-left: auto;
}
.view-details-link:hover {
    text-decoration: underline;
}
/* Issues Header Area */
.issues-header-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}
.issues-search-container {
    position: relative;
    width: 280px;
}
.issues-search-container i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}
.issues-search-input {
    width: 100%;
    padding: 8px 12px 8px 36px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    outline: none;
    transition: all 0.2s;
}
.issues-search-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.report-new-btn {
    background: #dc2626;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}
.report-new-btn:hover {
    background: #b91c1c;
    color: #fff;
    transform: translateY(-1px);
}
/* RTL Fixes */
:dir(rtl) .rv-timeline {
    padding-left: 0;
    padding-right: 30px;
}
:dir(rtl) .rv-timeline::before {
    left: auto;
    right: 8px;
}
:dir(rtl) .rv-timeline-item::before {
    left: auto;
    right: -25px;
}
:dir(rtl) .rv-staff-info {
    margin-left: 0;
    margin-right: 10px;
}
:dir(rtl) .rv-staff-badge {
    margin-left: 0;
    margin-right: 8px;
}
:dir(rtl) .rv-time-col {
    text-align: left;
}
:dir(rtl) .monthlyAttendanceDateSection {
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
}
:dir(rtl) .ms-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}
:dir(rtl) .legend-item i {
    font-size: 10px;
    margin-left: 5px;
}
/* ── Attendance & Trip Shared Styles ───────────────────────── */
.attendance-summary-header {
    margin-bottom: 1.5rem;
}
.attendance-legends {
    font-size: 0.8rem;
}
.legend-item {
    display: inline-flex;
    align-items: center;
    margin-right: 1.5rem;
    /* Standardizing spacing */
}
.legend-item i {
    font-size: 10px;
    margin-right: 5px;
}
.btn-outline-successed {
    color: #3e4b5b;
    border-color: transparent !important;
}
.btn-outline-successed.active {
    background-color: #37c978 !important;
    color: #fff !important;
    border-color: transparent !important;
}
.attendance-table th {
    text-align: center;
    font-size: 0.85rem;
    padding: 10px 5px;
    background-color: #f8fafc;
    color: #475569;
    font-weight: 600;
}
.attendance-table td {
    padding: 8px 5px;
    vertical-align: middle;
}
.monthlyAttendanceDateSection {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 2px;
}
.current-month {
    font-size: 0.9rem;
    color: #1e293b;
}
/* Trip Details info boxes */
.trip-info-box {
    padding: 1.25rem;
    border-radius: var(--rv-radius);
    background: var(--rv-bg-card);
    border: 1px solid var(--rv-border);
    transition: all 0.3s ease;
}
.trip-info-box:hover {
    box-shadow: var(--rv-shadow);
}
.trip-info-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--rv-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 8px;
    display: block;
}
.trip-info-value {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--rv-primary);
}
.trip-info-status {
    padding: 6px 12px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
/* ── Sticky Table Enhancement ────────────────────────────── */
.rv-sticky-container {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--rv-border);
}
.attendance-table {
    margin-bottom: 0 !important;
}
.attendance-table thead th {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;
    white-space: nowrap;
}
.attendance-table td:first-child,
.attendance-table th:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 11;
    min-width: 200px;
    border-right: 2px solid #edf2f7 !important;
}
.attendance-table thead th:first-child {
    z-index: 12;
    background: #f8f9fa;
}
/* Status Colors for Attendance */
.att-status-p {
    color: var(--rv-success);
    font-weight: 800;
    font-size: 14px;
}
.att-status-a {
    color: #d93025;
    font-weight: 800;
    font-size: 14px;
}
.att-status-h {
    color: #1a73e8;
    font-weight: 800;
    font-size: 14px;
}
.att-status-n {
    color: #80868b;
    font-weight: 800;
    font-size: 14px;
}
/* ── Avatar Circle Style ─────────────────────────────────── */
.rv-avatar-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.rv-user-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
/* ── Trip Status Badges ───────────────────────────────────── */
.badge-ongoing {
    background: #e8f0fe;
    color: #1a73e8;
}
.badge-completed {
    background: #e6f4ea;
    color: #137333;
}
.badge-pending {
    background: #fef7e0;
    color: #b06000;
}
/* ── Trip Performance Section ────────────────────────────── */
.trip-performance-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.trip-performance-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--rv-text-primary);
    margin-bottom: 0.25rem;
}
.trip-performance-subtitle {
    font-size: 0.875rem;
    color: var(--rv-text-secondary);
}
.trip-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.rv-date-selector {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--rv-text-secondary);
    min-width: 160px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.rv-download-btn {
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rv-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.rv-download-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: var(--rv-primary);
}
.trip-card-icon {
    width: 28px;
    height: 28px;
    background: #f1f5f9;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--rv-primary);
}
/* Redesign for Pickup/Drop Cards */
.trip-details-card {
    border: 1px solid #f1f5f9;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}
.trip-details-card .card-header {
    background: transparent;
    padding: 1.75rem 2rem 1.25rem;
    border-bottom: none;
}
.trip-details-card .card-body {
    padding: 0 2rem 2rem;
}
.trip-table-modern thead th {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: #94a3b8;
    padding: 1rem 0.5rem;
    border-top: none;
    border-bottom: 1px solid #f1f5f9 !important;
    border-right: 1px solid #f1f5f9 !important;
    background: #fcfdfe;
}
.trip-table-modern thead th:last-child {
    border-right: none !important;
}
.trip-table-modern tbody td {
    padding: 1rem 0.5rem;
    font-size: 13px;
    color: #334155;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9 !important;
    border-right: 1px solid #f1f5f9 !important;
}
.trip-table-modern tbody td .font-weight-bold {
    font-weight: 700 !important;
}
.trip-table-modern tbody td:last-child {
    border-right: none !important;
}
.trip-table-modern tbody tr:last-child td {
    border-bottom: none !important;
}
.trip-table-modern-container {
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.trip-type-label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--rv-primary);
}
/* ── RTL Fixes Continued ─────────────────────────────────────── */
:dir(rtl) .legend-item {
    margin-right: 0;
    margin-left: 1.5rem;
}
:dir(rtl) .legend-item i {
    margin-right: 0;
    margin-left: 5px;
}
/* ── Additional Refinements ─────────────────────────────────── */
.rv-year-badge {
    background: #e6f4ea;
    color: #137333;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
}
.rv-tab-link {
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 30px !important;
    transition: all 0.2s !important;
}
.rv-tab-link.active {
    background: var(--rv-primary) !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
}
/* =========================================================
   Salary Structure Page – salary-structure.css
   ========================================================= */
/* ---------- Page Header ---------- */
.ss-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}
.ss-page-header-left .ss-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6c757d;
    text-decoration: none;
    margin-bottom: 6px;
    transition: color 0.2s;
}
.ss-page-header-left .ss-back-link:hover {
    color: #4e54c8;
}
.ss-page-header-left h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 2px;
}
.ss-page-header-left p {
    font-size: 13px;
    color: #8a8fa8;
    margin: 0;
}
.ss-page-header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
/* ---------- Buttons ---------- */
.btn-ss-reset {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 13.5px;
    font-weight: 600;
    color: #495057;
    background: #ffffff;
    border: 1.5px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}
.btn-ss-reset:hover {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #343a40;
}
/* .btn-ss-save {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 22px;
    font-size: 13.5px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #4e54c8, #6f42c1);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgba(78, 84, 200, 0.35);
}

.btn-ss-save:hover {
    background: linear-gradient(135deg, #3b40b5, #5a32a3);
    box-shadow: 0 6px 18px rgba(78, 84, 200, 0.45);
    color: #ffffff;
}

.btn-ss-save:disabled {
    opacity: 0.7;
    cursor: not-allowed;
} */
/* ---------- Staff Profile Card ---------- */
.ss-profile-card {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}
.ss-profile-banner {
    background: linear-gradient(135deg, #4e54c8 0%, #8f53c4 100%);
    height: 72px;
    position: relative;
}
.ss-profile-avatar-wrap {
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.ss-profile-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    border: 3px solid #ffffff;
    background: #e9ecef;
    display: block;
}
.ss-profile-avatar-placeholder {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #a78bfa, #818cf8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    border: 3px solid #ffffff;
}
.ss-profile-body {
    padding: 40px 20px 20px;
    text-align: center;
}
.ss-profile-name {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 3px;
}
.ss-profile-role {
    font-size: 12.5px;
    color: #4e54c8;
    font-weight: 600;
    margin-bottom: 14px;
}
.ss-profile-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
    border-top: 1px solid #f0f0f5;
    padding-top: 14px;
    margin-top: 4px;
}
.ss-meta-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    color: #495057;
    background: #f8f8fd;
    padding: 7px 12px;
    border-radius: 8px;
}
.ss-meta-item i {
    color: #8a8fa8;
    font-size: 13px;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
}
/* ---------- Live Summary Card ---------- */
.ss-summary-card {
    background: #1a1a2e;
    border-radius: 14px;
    padding: 20px;
    color: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}
.ss-summary-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #8888a8;
    margin-bottom: 14px;
}
.ss-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 13.5px;
}
.ss-summary-row:last-of-type {
    border-bottom: none;
}
.ss-summary-row .ss-sr-title {
    color: #b0b3cc;
    font-weight: 500;
}
.ss-summary-row .ss-sr-value {
    font-weight: 600;
    color: #ffffff;
}
.ss-summary-row .ss-sr-value.is-allowance {
    color: #4ade80;
}
.ss-summary-row .ss-sr-value.is-deduction {
    color: #f87171;
}
.ss-summary-net {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.ss-summary-net .ss-net-title {
    font-size: 13px;
    color: #b0b3cc;
    font-weight: 500;
}
.ss-summary-net .ss-net-value {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.5px;
}
/* ---------- Section Cards ---------- */
.ss-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
}
.ss-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f5;
}
.ss-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a2e;
}
.ss-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.ss-card-icon.is-allowance {
    background: #dcfce7;
    color: #16a34a;
}
.ss-card-icon.is-deduction {
    background: #fee2e2;
    color: #dc2626;
}
.ss-card-icon.is-compensation {
    background: #e0e7ff;
    color: #4338ca;
}
.btn-ss-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    line-height: 1;
    padding: 0;
}
.btn-ss-add.is-allowance {
    background: #dcfce7;
    color: #16a34a;
}
.btn-ss-add.is-allowance:hover {
    background: #16a34a;
    color: #ffffff;
}
.btn-ss-add.is-deduction {
    background: #fee2e2;
    color: #dc2626;
}
.btn-ss-add.is-deduction:hover {
    background: #dc2626;
    color: #ffffff;
}
/* ---------- Compensation Input ---------- */
.ss-comp-label {
    font-size: 12.5px;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}
.ss-comp-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.ss-comp-currency {
    position: absolute;
    left: 14px;
    font-size: 16px;
    color: #6c757d;
    font-weight: 600;
    pointer-events: none;
}
.ss-comp-input {
    width: 100%;
    padding: 11px;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    background: #f8f8fd;
    border: 1.5px solid #e8e8f5;
    border-radius: 10px;
    outline: none;
    transition: border-color 0.2s;
}
.ss-comp-input:focus {
    border-color: #4e54c8;
    background: #fff;
}
/* ---------- Salary Item Rows ---------- */
.ss-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f5f5fa;
    gap: 8px;
}
.ss-item-row:last-of-type {
    border-bottom: none;
}
.ss-item-name {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
    flex: 1;
}
.ss-item-amount {
    font-size: 14px;
    font-weight: 700;
    min-width: 70px;
    text-align: right;
}
.ss-item-amount.is-allowance {
    color: #16a34a;
}
.ss-item-amount.is-deduction {
    color: #dc2626;
}
.ss-item-amount-label {
    font-size: 11.5px;
    color: #8a8fa8;
    display: block;
    font-weight: 500;
    margin-top: 1px;
}
/* Row State Handling */
.ss-item-row[data-state="display"] .ss-row-edit {
    display: none !important;
}
.ss-item-row[data-state="edit"] .ss-row-display {
    display: none !important;
}
.ss-row-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.ss-row-edit {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
    animation: ss-row-slide-down 0.25s ease-out;
}
.ss-row-edit .form-group {
    margin-bottom: 0;
    flex: 1;
}
.ss-row-edit label {
    font-size: 11.5px;
    color: #8a8fa8;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
}
.ss-row-edit .form-control {
    font-size: 13px;
    border-radius: 8px;
    border: 1.5px solid #e8e8f5;
    padding: 7px 10px;
    height: auto;
}
.ss-row-edit .form-control:focus {
    border-color: #4e54c8;
    box-shadow: 0 0 0 3px rgba(78, 84, 200, 0.1);
}
.ss-edit-actions {
    display: flex;
    gap: 6px;
    padding-bottom: 4px;
}
.btn-ss-confirm {
    background: #dcfce7;
    color: #16a34a;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.btn-ss-confirm:hover {
    background: #16a34a;
    color: #fff;
}
.btn-ss-cancel,
.btn-ss-cancel-existing {
    background: #f8f9fa;
    color: #6c757d;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.btn-ss-cancel:hover {
    background: #e9ecef;
    color: #343a40;
}
.btn-ss-delete {
    background: none;
    border: none;
    color: #dc2626;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    transition: background 0.18s;
    flex-shrink: 0;
}
.btn-ss-delete:hover {
    background: #fee2e2;
}
/* ---------- New Item Repeater Row ---------- */
/* Standardized Actions Icons */
.ss-item-actions {
    display: flex;
    align-items: center;
    gap: 4px;
}
.btn-ss-edit {
    background: none;
    border: none;
    color: #4e54c8;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    transition: background 0.18s;
}
.btn-ss-edit:hover {
    background: #eef2ff;
}
/* ---------- Card Subtotal Footer ---------- */
.ss-subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1.5px dashed #e8e8f5;
}
.ss-subtotal-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #8a8fa8;
}
.ss-subtotal-value {
    font-size: 18px;
    font-weight: 800;
}
.ss-subtotal-value.is-allowance {
    color: #16a34a;
}
.ss-subtotal-value.is-deduction {
    color: #dc2626;
}
/* ---------- Add Button Row ---------- */
.ss-add-row {
    padding: 10px 0 4px;
}
.btn-ss-add-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 8px;
    border: 1.5px dashed;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
}
.btn-ss-add-row.is-allowance {
    color: #16a34a;
    border-color: #86efac;
}
.btn-ss-add-row.is-allowance:hover {
    background: #f0fdf4;
}
.btn-ss-add-row.is-deduction {
    color: #dc2626;
    border-color: #fca5a5;
}
.btn-ss-add-row.is-deduction:hover {
    background: #fff5f5;
}
/* ---------- Compliance Note ---------- */
.ss-compliance-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fffbeb;
    border: 1.5px solid #fde68a;
    border-radius: 12px;
    padding: 16px 18px;
}
.ss-compliance-note .ss-cn-icon {
    font-size: 18px;
    color: #d97706;
    flex-shrink: 0;
    margin-top: 1px;
}
.ss-compliance-note .ss-cn-body strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #92400e;
    margin-bottom: 4px;
}
.ss-compliance-note .ss-cn-body p {
    font-size: 12.5px;
    color: #78350f;
    margin: 0;
    line-height: 1.6;
}
.ss-compliance-note .ss-cn-body p strong {
    display: inline;
    font-size: 12.5px;
    color: #78350f;
}
/* ---------- Responsive ---------- */
/* ---------- Animations ---------- */
@keyframes ss-row-slide-down {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.ss-item-row {
    animation: ss-row-slide-down 0.25s ease-out;
}
@media (max-width: 767px) {
    .ss-page-header {
        flex-direction: column;
    }

    .ss-page-header-actions {
        width: 100%;
        justify-content: flex-end;
    }

    .ss-row-edit {
        flex-wrap: wrap;
    }

    .ss-row-edit .form-group {
        min-width: calc(50% - 4px);
    }
}
/**
 * school-provision.css
 * Real-time provisioning progress styles for the Manage Schools page.
 */
/* ─────────────────────────────────────────────────
   Active Provisioning Banner
───────────────────────────────────────────────── */
#provision-banner {
    display: flex;
    align-items: center;
    gap: 14px;
    /* background: linear-gradient(135deg, #e0f0ff 0%, #f0f7ff 100%);
    border: 1px solid #b3d4f5; */
    background: linear-gradient(135deg,
            color-mix(in srgb, var(--theme-color), white 85%) 0%,
            color-mix(in srgb, var(--theme-color), white 95%) 100%);

    border: 1px solid color-mix(in srgb, var(--theme-color), white 70%);
    border-inline-start: 4px solid var(--theme-color);
    border-radius: 10px;
    padding: 12px 18px;
    margin-bottom: 16px;
    font-size: 0.88rem;
    color: #1e40af;
}
#provision-banner.d-none {
    display: none !important;
}
#provision-banner .banner-icon {
    width: 36px;
    height: 36px;
    background: var(--theme-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
#provision-banner .banner-icon i {
    color: #fff;
    font-size: 14px;
}
#provision-banner .banner-pulse {
    width: 10px;
    height: 10px;
    background: #22c55e;
    border-radius: 50%;
    flex-shrink: 0;
    animation: pulseDot 1.4s infinite;
}
@keyframes pulseDot {
    0% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, .6);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(34, 197, 94, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}
#provision-banner strong {
    font-weight: 600;
}
/* ─────────────────────────────────────────────────
   Inline Mini Progress Cell  (in the table)
───────────────────────────────────────────────── */
.school-installing-cell {
    min-width: 140px;
}
.school-installing-cell .installing-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--theme-color);
    letter-spacing: .04em;
    margin-bottom: 4px;
}
.school-installing-cell .mini-progress-bar {
    height: 5px;
    background: #e2e8f0;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 4px;
}
.school-installing-cell .mini-progress-bar .fill {
    height: 100%;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    border-radius: 99px;
    transition: width .5s ease;
}
.school-installing-cell .installing-step {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}
.school-installing-cell .installing-pct {
    font-size: 0.7rem;
    color: #2563eb;
    font-weight: 600;
    margin-inline-start: 4px;
}
/* Completed / failed badges in status column */
.provision-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
}
.provision-badge.completed {
    background: #dcfce7;
    color: #15803d;
}
.provision-badge.failed {
    background: #fee2e2;
    color: #b91c1c;
}
/* View progress button in action column */
.btn-view-progress {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s;
}
.btn-view-progress:hover {
    background: #dbeafe;
    color: #1d4ed8;
    text-decoration: none;
}
/* ─────────────────────────────────────────────────
   Installation Progress Modal
───────────────────────────────────────────────── */
#installProgressModal .modal-dialog {
    max-width: 420px;
}
#installProgressModal .modal-content {
    border-radius: 16px;
    overflow: hidden;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
}
#installProgressModal .modal-header {
    background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color) 100%);
    padding: 18px 24px 16px;
    border-bottom: none;
}
#installProgressModal .modal-header .modal-title {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}
#installProgressModal .modal-header .school-name-sub {
    color: rgba(255, 255, 255, .7);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-top: 2px;
}
#installProgressModal .modal-header .close {
    color: #fff;
    opacity: .8;
}
#installProgressModal .modal-header .close:hover {
    opacity: 1;
}
/* Circular progress ring */
.ipm-ring-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0 16px;
}
.ipm-ring {
    position: relative;
    width: 110px;
    height: 110px;
}
.ipm-ring svg {
    transform: rotate(-90deg);
    width: 110px;
    height: 110px;
}
.ipm-ring circle {
    fill: none;
    stroke-width: 8;
    stroke-linecap: round;
}
.ipm-ring .ring-bg {
    stroke: #e2e8f0;
}
.ipm-ring .ring-fill {
    stroke: url(#ringGradient);
    transition: stroke-dashoffset .6s ease;
}
.ipm-ring-value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e40af;
}
.ipm-step-label {
    margin-top: 12px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
}
.ipm-step-sub {
    font-size: 0.78rem;
    color: #64748b;
    margin-top: 4px;
}
/* Step checklist */
.ipm-steps {
    list-style: none;
    padding: 0 24px;
    margin: 4px 0 0;
}
.ipm-steps li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.84rem;
    color: #475569;
    transition: color .2s;
}
.ipm-steps li:last-child {
    border-bottom: none;
}
.ipm-steps li .step-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 11px;
    transition: all .3s;
}
/* pending */
.ipm-steps li .step-icon.pending {
    background: #f1f5f9;
    color: #94a3b8;
    border: 2px solid #e2e8f0;
}
/* active */
.ipm-steps li.active .step-icon {
    background: #eff6ff;
    color: #2563eb;
    border: 2px solid #bfdbfe;
    animation: spinDot 1.5s linear infinite;
}
@keyframes spinDot {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 99, 235, .3);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(37, 99, 235, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
    }
}
.ipm-steps li.active {
    color: #2563eb;
    font-weight: 600;
}
/* completed */
.ipm-steps li.done .step-icon {
    background: #22c55e;
    color: #fff;
    border: 2px solid #22c55e;
}
.ipm-steps li.done {
    color: #15803d;
}
/* failed */
.ipm-steps li.failed .step-icon {
    background: #ef4444;
    color: #fff;
    border: 2px solid #ef4444;
}
.ipm-steps li.failed {
    color: #b91c1c;
}
/* Footer */
.ipm-footer {
    padding: 16px 24px 20px;
    border-top: 1px solid #f1f5f9;
}
.btn-minimize-tracking {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.btn-minimize-tracking:hover {
    background: #f1f5f9;
    color: #1e293b;
}
/* ============================================================
   Server Configuration Check — server-config.css
   ============================================================ */
/* ---- Page root layout ---- */
.server-config-wrapper {
    display: flex;
    /* gap: 1.5rem; */
    align-items: flex-start;
    padding: 1.5rem;
    /* min-height: calc(100vh - 60px); */
    background: #f0f2f5;
}
/* ---- Left main panel ---- */
.server-config-main {
    flex: 1 1 0;
    min-width: 0;
}
/* ---- Page header card ---- */
.server-config-header {
    background: #fff;
    border-radius: 12px;
    padding: 1.75rem 2rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    flex-wrap: wrap;
}
.server-config-header-icon {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4f8ef7 0%, #2563eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.server-config-header-icon i {
    font-size: 1.6rem;
    color: #fff;
}
.server-config-header-text h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 .3rem;
}
.server-config-header-text p {
    font-size: .83rem;
    color: #64748b;
    margin: 0;
}
/* ---- Requirement cards (accordion) ---- */
.requirement-card {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    border: 2px solid transparent;
    transition: border-color .25s ease;
    overflow: hidden;
}
.requirement-card.is-expanded {
    border-color: #2563eb;
}
.requirement-card.check-passed {
    border-color: #22c55e;
}
.requirement-card.check-failed {
    border-color: #ef4444;
}
/* Card header row */
.requirement-card-header {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    gap: .9rem;
}
.requirement-card-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.requirement-card-header-icon i {
    font-size: 1.05rem;
    color: #2563eb;
}
.requirement-card-header-info {
    flex: 1 1 0;
    min-width: 0;
}
.requirement-card-header-info h6 {
    font-size: .93rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 .15rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.badge-required {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    border-radius: 4px;
    padding: 1px 7px;
}
.requirement-card-header-info p {
    font-size: .78rem;
    color: #64748b;
    margin: 0;
}
.requirement-card-status {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-shrink: 0;
}
.check-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    color: transparent;
    transition: all .25s ease;
}
.check-circle.passed {
    border-color: #22c55e;
    background: #22c55e;
    color: #fff;
}
.check-circle.failed {
    border-color: #ef4444;
    background: #ef4444;
    color: #fff;
}
.chevron-icon {
    font-size: 1rem;
    color: #94a3b8;
    transition: transform .3s ease;
}
.is-expanded .chevron-icon {
    transform: rotate(180deg);
}
/* Card body */
.requirement-card-body {
    display: none;
    padding: 0 1.25rem 1.25rem;
    border-top: 1px solid #f1f5f9;
}
.requirement-card-body.open {
    display: block;
}
/* Info alert inside card */
.req-info-alert {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: .75rem 1rem;
    font-size: .8rem;
    color: #92400e;
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin-bottom: 1rem;
    margin-top: .75rem;
}
.req-info-alert i {
    font-size: 1rem;
    color: #d97706;
    margin-top: 1px;
    flex-shrink: 0;
}
.req-info-alert code {
    background: rgba(0, 0, 0, .06);
    border-radius: 3px;
    padding: 0 4px;
    font-size: .78rem;
}
/* DB form grid */
.db-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .9rem 1.25rem;
}
.db-form-grid .form-group {
    margin: 0;
}
.db-form-grid label {
    font-size: .78rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: .3rem;
    display: block;
}
.db-form-grid .form-control {
    font-size: .84rem;
    border-radius: 7px;
    border-color: #d1d5db;
    height: 38px;
}
.db-form-grid .form-control:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.btn-test-connection {
    margin-top: .9rem;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: .83rem;
    font-weight: 600;
    padding: .55rem 1.25rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    transition: opacity .2s ease, transform .15s ease;
}
.btn-test-connection:hover:not(:disabled) {
    opacity: .88;
    transform: translateY(-1px);
}
.btn-test-connection:disabled {
    opacity: .55;
    cursor: not-allowed;
}
/* Queue info box */
.queue-info-box {
    margin-top: .75rem;
    background: #f8fafc;
    border-radius: 8px;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
}
.queue-info-box p {
    font-size: .8rem;
    color: #475569;
    margin-bottom: .6rem;
}
.queue-info-box code {
    display: block;
    background: #1e293b;
    color: #7dd3fc;
    border-radius: 6px;
    padding: .6rem .9rem;
    font-size: .775rem;
    margin-top: .35rem;
}
.btn-test-queue {
    margin-top: .9rem;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: .83rem;
    font-weight: 600;
    padding: .55rem 1.25rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    transition: opacity .2s ease, transform .15s ease;
}
.btn-test-queue:hover:not(:disabled) {
    opacity: .88;
    transform: translateY(-1px);
}
.btn-test-queue:disabled {
    opacity: .55;
    cursor: not-allowed;
}
/* ---- Right sidebar ---- */
.server-config-sidebar {
    width: 300px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* System Health card */
.system-health-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem 1.25rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
.system-health-card h6 {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #94a3b8;
    margin: 0 0 1.1rem;
}
/* Gauge circle */
.health-gauge-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.1rem;
}
.health-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f59e0b;
    margin-bottom: .6rem;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .18);
    transition: background .4s ease, box-shadow .4s ease;
}
.health-dot.all-passed {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .18);
}
.health-gauge-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 7px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    transition: border-color .4s ease;
}
.health-gauge-circle.some-passed {
    border-color: #f59e0b;
}
.health-gauge-circle.all-passed {
    border-color: #22c55e;
}
.health-gauge-score {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
}
.health-gauge-label {
    font-size: .6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #94a3b8;
    margin-top: 2px;
}
/* Setup status alert */
.setup-status-alert {
    border-radius: 8px;
    padding: .7rem .9rem;
    font-size: .78rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .55rem;
}
.setup-status-alert.incomplete {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}
.setup-status-alert.complete {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}
.setup-status-alert i {
    font-size: .95rem;
    margin-top: 1px;
    flex-shrink: 0;
}
.setup-status-alert strong {
    display: block;
    font-size: .8rem;
    margin-bottom: 2px;
}
/* Go to Dashboard button */
.btn-go-dashboard {
    width: 100%;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: .85rem;
    font-weight: 600;
    padding: .65rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    cursor: pointer;
    transition: opacity .2s ease, transform .15s ease;
}
.btn-go-dashboard:hover:not(:disabled) {
    opacity: .88;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}
.btn-go-dashboard:disabled {
    opacity: .4;
    cursor: not-allowed;
}
/* System Output terminal */
.system-output-card {
    background: #161b22;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}
.system-output-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6rem 1rem;
    background: #21262d;
}
.system-output-header span {
    font-size: .72rem;
    font-weight: 600;
    color: #8b949e;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.btn-clear-output {
    background: transparent;
    border: 1px solid #30363d;
    border-radius: 5px;
    color: #8b949e;
    font-size: .7rem;
    padding: 1px 8px;
    cursor: pointer;
    transition: color .2s, border-color .2s;
}
.btn-clear-output:hover {
    color: #e6edf3;
    border-color: #8b949e;
}
.system-output-body {
    padding: .75rem 1rem;
    font-family: 'Cascadia Code', 'Fira Mono', 'Consolas', monospace;
    font-size: .71rem;
    color: #7dc4e7;
    min-height: 160px;
    max-height: 260px;
    overflow-y: auto;
    line-height: 1.65;
    word-break: break-all;
    scrollbar-width: thin;
    scrollbar-color: #30363d transparent;
}
.system-output-body::-webkit-scrollbar {
    width: 4px;
}
.system-output-body::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 4px;
}
.output-line {
    display: block;
}
.output-line.ok {
    color: #56d364;
}
.output-line.info {
    color: #7dc4e7;
}
.output-line.warn {
    color: #e3b341;
}
.output-line.error {
    color: #f85149;
}
.output-waiting {
    color: #484f58;
    font-style: italic;
}
/* ---- Responsive ---- */
/* --- Tablet / small desktop: sidebar moves below main --- */
@media (max-width: 1024px) {
    .server-config-wrapper {
        flex-direction: column;
        gap: 1rem;
    }

    .server-config-sidebar {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .system-health-card,
    .system-output-card {
        flex: 1 1 280px;
        min-width: 0;
    }
}
/* --- Medium mobile: tighten header and card padding --- */
@media (max-width: 768px) {
    .server-config-header {
        padding: 1.1rem 1.2rem;
        gap: .9rem;
    }

    .server-config-header-text h4 {
        font-size: 1rem;
    }

    /* Re-run button gets its own row when space is tight */
    .server-config-header .ml-auto {
        width: 100%;
        display: flex;
    }

    .server-config-header .ml-auto .btn {
        width: 100%;
        justify-content: center;
    }

    /* Card header: allow wrapping so status icons stay visible */
    .requirement-card-header {
        flex-wrap: wrap;
        gap: .6rem;
        padding: .85rem 1rem;
    }

    /* Status always on its own right-aligned row when wrapped */
    .requirement-card-status {
        margin-inline-start: auto;
    }

    /* DB form grid: 2 cols still fits on 768+ but tighten gap */
    .db-form-grid {
        gap: .7rem 1rem;
    }

    .system-health-card,
    .system-output-card {
        flex: 1 1 100%;
    }
}
/* --- Small mobile: single-column everything --- */
@media (max-width: 576px) {
    .server-config-wrapper {
        padding: .75rem;
        gap: .75rem;
    }

    .server-config-header {
        padding: 1rem;
        border-radius: 10px;
    }

    .server-config-header-icon {
        width: 44px;
        height: 44px;
    }

    .db-form-grid {
        grid-template-columns: 1fr;
    }

    .server-config-sidebar {
        flex-direction: column;
        gap: .75rem;
    }

    .requirement-card {
        border-radius: 10px;
    }

    .requirement-card-header {
        padding: .8rem .9rem;
    }

    .requirement-card-body {
        padding: 0 .9rem .9rem;
    }

    .btn-test-connection,
    .btn-test-queue {
        width: 100%;
        justify-content: center;
    }

    .queue-info-box code {
        font-size: .7rem;
        word-break: break-all;
    }
}
/* --- Extra-small mobile (≤420px): micro adjustments --- */
@media (max-width: 420px) {
    .server-config-header-text h4 {
        font-size: .9rem;
    }

    .server-config-header-text p {
        font-size: .76rem;
    }

    .requirement-card-header-info h6 {
        font-size: .85rem;
    }

    .health-gauge-circle {
        width: 100px;
        height: 100px;
    }

    .health-gauge-score {
        font-size: 1.25rem;
    }
}
/* ============================================================
    BUTTON STYLES — THEMED FOR ATTENDANCE PAGE
    Used for “Daily / Monthly” toggle and success actions
=========================================================== */
.btn-outline-successed {
    color: #3e4b5b;
    border-color: transparent !important;
}
.btn-successed {
    background-color: #37C978;
    border-color: transparent !important;
    color: #fff;
    font-size: 14px;
}
.btn-outline-successed.active {
    background-color: #37C978 !important;
    color: #fff !important;
    border-color: transparent !important;
}
/* ============================================================
    ACCESSIBILITY UTILITY CLASSES
    Used for hidden form inputs (like hidden datepicker)
=========================================================== */
.datepicker-anchor-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    border: 0;
    padding: 0;
    margin: 0;
}
/* ============================================================
    DATE DISPLAY STYLES
    Container that opens the hidden datepicker
=========================================================== */
#dateDisplayContainer {
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s;
}
/* Keep the attendance calendar compact and completely inside the viewport. */
.datepicker.datepicker-dropdown.staff-attendance-datepicker {
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 24px) !important;
    right: auto !important;
}
/* ============================================================
    GENERIC UTILITY CLASSES
    Gap spacing, padding, etc.
 =========================================================== */
.gap-3 {
    gap: 1rem;
}
.padding-none {
    padding: 0 !important;
}
/* ============================================================
    STATUS BADGES (Present / Absent / Leave / Half Day)
    Used inside the staff attendance table for quick status view
=========================================================== */
.status-badge {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 50rem;
    /* pill shape */
    text-transform: none;
}
.status-badge.not-marked {
    background-color: #f1f3f5;
    color: #6c757d;
}
.status-badge.present {
    background-color: #d1f7d6;
    color: #198754;
}
.status-badge.absent {
    background-color: #fde8e8;
    color: #dc3545;
}
.status-badge.leave {
    background-color: #e6f0ff;
    color: #0d6efd;
}
.status-badge.half-present {
    background-color: #fff3cd;
    color: #fd7e14;
}
.status-badge.holiday {
    background-color: #e2e3e5;
    color: #6c757d;
}
/* ============================================================
    ATTENDANCE MODAL OPTION STYLES
    Each option (Present / Absent / Half Day) inside modal
=========================================================== */
.attendance-option {
    display: flex;
    align-items: flex-start;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}
.attendance-option input[type="radio"] {
    margin-top: 4px;
    margin-inline-end: 12px;
    accent-color: #000000ff;
}
.option-body h6 {
    font-size: 0.95rem;
}
.option-body small {
    font-size: 0.8rem;
    color: #6c757d;
}
/* Sub-options (Half Day → First / Second Half) */
.sub-option {
    margin-inline-start: 8px;
    border-radius: 8px;
    background-color: #fcfcfc;
}
/* ============================================================
    MODAL STYLES — ROUNDED CORNERS, TEXTAREA, ETC.
    Applies to attendance marking modal only
=========================================================== */
.modal-content {
    border-radius: 10px;
}
textarea#reason {
    border-radius: 8px;
    padding: 10px 12px;
    resize: none;
}
/* ============================================================
    FLOATING MULTI-SELECT BAR (Bottom Action Bar)
    Appears when multiple staff checkboxes are selected
=========================================================== */
.multi-select-floating {
    position: fixed;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    width: auto;
    min-width: 420px;
    max-width: 600px;
    z-index: 1080;
    transition: all 0.25s ease;
    border: 1px solid #e9ecef;
}
/* ============================================================
    AVATAR DISPLAY STYLES
    Shows staff photos or initials in the multi-select bar
=========================================================== */
#selectedStaffAvatars img,
#selectedStaffAvatars .avatar-initials {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-inline-end: -10px;
    border: 2px solid #fff;
    background-color: #adb5bd;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
#selectedStaffAvatars .avatar-initials {
    font-size: 14px;
}
#selectedCount {
    font-size: 15px;
    color: #333;
}
/* ============================================================
    MULTI-SELECT BAR ANIMATIONS
    Fade / slide effects for show/hide transitions
=========================================================== */
#multiSelectBar.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
#multiSelectBar.hide {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
}
/* ============================================================
    HALF-DAY TEXT COLOR
    Used in attendance legends
=========================================================== */
.text-half-day {
    color: #1A8AE3;
}
.text-absent {
    color: #fa2a3d;
}
.text-present {
    color: #06c957;
}
.text-holiday {
    color: #d1d5dc;
}
.text-leave {
    color: #6c757d;
}
:dir(rtl) .me-2 {
    margin-left: .5rem !important;
}
:dir(rtl) .ms-3 {
    margin-right: 1rem !important;
}
:dir(rtl) .attendance-option input[type="radio"] {
    margin-top: 4px;
    margin-left: 12px;
    accent-color: #000000ff;
}
:dir(rtl) .monthlyAttendanceDateSection {
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
}
/* 
 * Subscription Module Styles
 * Rich Aesthetics, Modern Gradients, Clean Cards
 */
.sub-module-card {
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    padding: 24px;
    margin-bottom: 24px;
    transition: transform 0.2s ease-in-out;
}
.sub-metric-title {
    color: #6c757d;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.sub-metric-value {
    font-size: 2rem;
    font-weight: 700;
    color: #343a40;
    margin-bottom: 4px;
}
.sub-metric-subtitle {
    font-size: 0.85rem;
    color: #28a745;
    font-weight: 600;
}
/* Gradient Cards */
.sub-gradient-primary {
    background: linear-gradient(135deg, #5144f8 0%, #463bf0 100%);
    color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(81, 68, 248, 0.2);
    position: relative;
    overflow: hidden;
}
/* Add glassmorphism element inside gradient */
.sub-gradient-primary::after {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    transform: translate(30%, -30%);
    border-radius: 50%;
}
.sub-gradient-primary .sub-metric-title {
    color: rgba(255, 255, 255, 0.8);
}
.sub-gradient-primary .sub-metric-value {
    color: #ffffff;
}
/* Table Enhancements */
.sub-table-wrapper .table {
    margin-top: -10px;
}
.sub-table-wrapper .table thead th {
    color: #6c757d;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 0;
}
.sub-table-wrapper .table tbody tr {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    transition: all 0.2s ease;
}
.sub-table-wrapper .table tbody tr:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
    position: relative;
    z-index: 99;
}
.sub-table-wrapper .table tbody tr:focus-within {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
    position: relative;
    z-index: 100 !important;
}
.sub-table-wrapper .table tbody td {
    vertical-align: middle;
}
/* Specific elements */
.school-logo-avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #5144f8;
    overflow: hidden;
}
.school-logo-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.sub-btn-view {
    background-color: #5144f8;
    color: white;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 0.8rem;
    font-weight: 600;
    border: none;
    transition: background-color 0.2s ease;
}
.sub-btn-view:hover {
    background-color: #463bf0;
    color: white;
}
.sub-avatar-large {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    color: #5144f8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto;
}
.sub-dashboard-header {
    margin-bottom: 30px;
}
.dashboard-search-input {
    border-radius: 20px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 8px 16px 8px 40px;
}
/* ── Plan-type badges (shown inside gradient card) ── */
.sub-badge-prepaid {
    background-color: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.45);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
}
.sub-badge-postpaid {
    background-color: rgba(255, 193, 7, 0.2);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.45);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
}
/* ── Additional subscription status badges ── */
/* ── School Summary Card layout helpers ── */
.school-summary-card {
    text-align: center;
}
.school-details-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: start;
}
.school-details-list li {
    margin-bottom: 16px;
}
.school-details-list li label {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 2px;
    display: block;
}
.school-details-list li strong {
    font-size: 0.95rem;
    color: #343a40;
}
.action-button-full {
    display: block;
    width: 100%;
    border-radius: 8px;
    background-color: #f0f0ff;
    color: #5144f8;
    text-align: center;
    padding: 12px;
    margin-top: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.action-button-full:hover {
    background-color: #e0e0ff;
    color: #5144f8;
}
/* ── History table header row ── */
.history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
/* ── Action dropdown z-index fix inside table ── */
.sub-table-wrapper .table tbody tr:focus-within,
.sub-table-wrapper .dropdown.show {
    z-index: 200 !important;
}
.sub-table-wrapper .dropdown-menu {
    z-index: 1055;
}
/* ── View Subscription Details Modal UI ── */
.vs-modal-header {
    border-bottom: 1px solid #e9ecef;
    padding: 20px 24px;
}
.vs-header-icon {
    width: 48px;
    height: 48px;
    background-color: #f0f0ff;
    color: var(--theme-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-inline-end: 16px;
}
.vs-subtitle {
    font-size: 0.75rem;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.vs-info-block {
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
}
.vs-info-label {
    font-size: 0.75rem;
    color: #888;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}
.vs-info-value {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
}
.vs-nav-tabs {
    border-bottom: 1px solid #e9ecef;
    padding: 0 24px;
}
.vs-nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #6c757d;
    font-weight: 600;
    padding: 12px 16px;
    background: transparent;
}
.vs-nav-tabs .nav-link.active {
    color: var(--theme-color);
    border-bottom-color: var(--theme-color);
}
.vs-tab-content {
    padding: 24px;
}
.vs-section-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px;
}
.vs-section-subtitle {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 20px;
}
.vs-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.vs-feature-card {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    transition: all 0.2s ease;
}
.vs-feature-card:hover {
    border-color: var(--theme-color);
    box-shadow: 0 4px 12px rgba(var(--theme-color), 0.08);
}
.vs-feature-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #f8f9fa;
    color: #6c757d;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 12px;
}
.vs-feature-name {
    font-weight: 500;
    color: #333;
    font-size: 0.95rem;
    flex: 1;
}
.vs-btn-delete {
    color: #dee2e6;
    background: transparent;
    border: none;
    padding: 6px;
    border-radius: 6px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vs-feature-card:hover .vs-btn-delete {
    color: #adb5bd;
}
.vs-btn-delete:hover {
    color: #dc3545 !important;
    background-color: #fff5f5;
}
.vs-btn-add {
    background-color: #5144f8;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: background-color 0.2s;
}
.vs-btn-add:hover {
    background-color: #463bf0;
    color: #fff;
}
.vs-btn-add-outline {
    background-color: transparent;
    color: #5144f8;
    border: 1px solid #5144f8;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.2s;
}
.vs-btn-add-outline:hover {
    background-color: #f0f0ff;
}
.vs-addon-table {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
}
.vs-addon-table table {
    margin-bottom: 0;
}
.vs-addon-table th {
    background-color: #f8f9fa;
    border-top: none;
    font-size: 0.75rem;
    color: #888;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 12px 16px;
}
.vs-addon-table td {
    padding: 16px;
    vertical-align: middle;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
}
.vs-warning-note {
    background-color: #fff9e6;
    border: 1px solid #ffe8a1;
    border-radius: 8px;
    padding: 12px 16px;
    color: #b07d00;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.vs-warning-note i {
    font-size: 1.2rem;
    margin-inline-end: 12px;
    color: #ffb822;
}
.vs-modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-top: 1px solid #e9ecef;
}
.vs-footer-text {
    font-size: 0.75rem;
    color: #888;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
}
.vs-btn-cancel {
    color: #333;
    font-weight: 600;
    background: transparent;
    border: none;
    padding: 8px 16px;
}
.vs-btn-save {
    background-color: #1e293b;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    padding: 8px 24px;
    border: none;
}
.vs-badge-active {
    background-color: #eef2ff;
    color: #5144f8;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    margin-inline-start: 8px;
    text-transform: uppercase;
}
.vs-badge-status-green {
    color: #198754;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.vs-badge-status-green i {
    margin-inline-end: 6px;
}
.nav-tabs .nav-link.active {
    background-color: transparent !important;
}
/* Custom Dropdown for Features/Addons */
.vs-dropdown-menu {
    width: 350px;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    inset-inline-end: 0;
    inset-inline-start: auto;
}
.vs-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.vs-dropdown-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #333;
}
.vs-search-input {
    border-radius: 8px;
    border: 1px solid #5144f8;
    padding-block: 8px;
    padding-inline: 36px 12px;
    font-size: 0.85rem;
    width: 100%;
}
.vs-search-input:focus {
    box-shadow: none;
    border-color: #5144f8;
    outline: none;
}
.vs-search-wrapper {
    position: relative;
    margin-bottom: 12px;
}
.vs-search-wrapper i {
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 0.9rem;
}
.vs-dropdown-list {
    max-height: 250px;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}
.vs-dropdown-item {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f3f5;
    cursor: pointer;
    transition: background-color 0.2s;
}
.vs-dropdown-item:last-child {
    border-bottom: none;
}
.vs-dropdown-item:hover {
    background-color: #f8f9fa;
}
.vs-dropdown-item-title {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}
.vs-dropdown-item-subtitle {
    font-size: 0.7rem;
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
}
/* ── Responsive Adjustments ── */
@media (max-width: 768px) {
    .vs-nav-tabs .nav-link {
        padding: 10px 8px;
        font-size: 0.85rem;
    }
    .vs-section-title {
        font-size: 1rem;
    }
    .vs-dropdown-menu {
        width: 100%;
        max-width: 320px;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }
}
@media (max-width: 576px) {
    .vs-info-label {
        font-size: 0.65rem;
    }
    .vs-info-value {
        font-size: 0.85rem;
    }
    .vs-feature-name {
        font-size: 0.85rem;
    }
    .vs-tab-content {
        padding: 16px;
    }
}
/* Subscription Page Modern UI Styles */
.sub-card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    background: #fff;
    transition: all 0.3s ease;
    margin-bottom: 24px;
}
.sub-card-body {
    padding: 1.5rem;
}
/* Metric Cards */
.metric-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.metric-info h6 {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
    font-weight: 500;
}
.metric-info h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #343a40;
    margin-bottom: 0.25rem;
}
.metric-info .subtext {
    font-size: 0.75rem;
    color: #adb5bd;
}
.metric-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}
.icon-green {
    background: #ebfbee;
    color: #40c057;
}
.icon-blue {
    background: #e7f5ff;
    color: #228be6;
}
.icon-orange {
    background: #fff4e6;
    color: #fd7e14;
}
/* Active Plan Section */
.plan-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    border-bottom: 1px dashed #e9ecef;
    margin-bottom: 1.5rem;
}
.plan-title-wrapper {
    display: flex;
    align-items: center;
}
.plan-shield-icon {
    width: 40px;
    height: 40px;
    background: #f0f4ff;
    color: #4c6ef5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 1rem;
    font-size: 1.25rem;
}
.plan-title h4 {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
}
.plan-title p {
    margin: 0;
    color: #6c757d;
    font-size: 0.85rem;
}
.module-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
.module-item {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #495057;
}
.module-item i {
    color: #40c057;
    margin-inline-end: 0.5rem;
    font-size: 1.1rem;
}
.addon-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}
.addon-badge {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #495057;
    display: flex;
    align-items: center;
}
.addon-badge i {
    margin-inline-end: 0.4rem;
    color: #7048e8;
}
/* Upcoming Changes */
.upcoming-card {
    background: #fff;
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}
.planned-badge {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    background: #fd7e14;
    color: #fff;
    padding: 2px 12px;
    font-size: 0.7rem;
    font-weight: 700;
    border-end-start-radius: 8px;
    text-transform: uppercase;
}
.new-plan-block {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
}
.new-plan-block span {
    display: block;
    font-size: 0.75rem;
    color: #868e96;
    margin-bottom: 0.25rem;
}
.new-plan-block strong {
    font-size: 1rem;
    color: #343a40;
}
/* Table Enhancements */
.sub-table thead th {
    background: #f8f9fa;
    border-top: none;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #868e96;
    font-weight: 600;
    padding: 1rem;
}
.sub-table tbody td {
    padding: 1rem;
    vertical-align: middle;
    font-size: 0.9rem;
    color: #495057;
}
.total-row {
    background: #f8f9fa;
    font-weight: 700;
}
.total-amount {
    font-size: 1.1rem;
    color: #4c6ef5;
}
/* Utils */
.text-muted-small {
    font-size: 0.75rem;
    color: #868e96;
}
.btn-upgrade {
    background: #7048e8;
    color: #fff;
    border: none;
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.2s;
}
.btn-upgrade:hover {
    background: #5f3dc4;
    color: #fff;
    transform: translateY(-1px);
}
/* Modal Enhancements */
.modal-table th {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #6c757d;
}
.modal-table td {
    vertical-align: middle;
}
.bg-light-primary {
    background-color: #f0f4ff !important;
}
.modal-title-content .modal-title {
    font-weight: 700;
    color: #2b3a4a;
}
.badge-success-outline {
    border: 1px solid #40c057;
    color: #40c057;
    background: #ebfbee;
}
.badge-outline-dark {
    border: 1px solid #343a40;
    color: #343a40;
    background: transparent;
}
.cursor-pointer {
    cursor: pointer;
}
.gap-2 {
    gap: 0.5rem;
}
/* Responsive Table scrollbar */
.table-responsive::-webkit-scrollbar {
    height: 6px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: #dee2e6;
    border-radius: 10px;
}
/* Progress Visualization Styles */
.metric-card {
    flex-wrap: wrap;
}
.metric-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}
.circular-progress-wrapper {
    position: relative;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: conic-gradient(var(--progress-color, #f1f3f5) calc(var(--percentage, 0) * 1%), #f1f3f5 0);
    transition: background 0.3s ease;
}
.circular-progress-wrapper .metric-icon {
    width: 44px;
    height: 44px;
    background: #fff !important;
    margin: 0 !important;
    border-radius: 10px;
    z-index: 1;
}
.icon-inner-bg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
/* Status Colors */
.status-normal { --progress-color: #40c057; }
.status-warning { --progress-color: #fd7e14; }
.status-critical { --progress-color: #fa5252; }
/* Horizontal Progress Bar */
.progress-container {
    margin-top: 1.25rem;
    width: 100%;
}
.progress-info {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    margin-bottom: 0.35rem;
    color: #6c757d;
    font-weight: 500;
}
.sub-progress {
    height: 6px;
    border-radius: 10px;
    background: #f1f3f5;
    overflow: hidden;
}
.sub-progress-bar {
    height: 100%;
    border-radius: 10px;
    background: var(--progress-color, #4c6ef5);
    transition: width 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
/* Postpaid / Default states */
.icon-purple-bg { background: #f3f0ff; color: #7048e8; }
.icon-green-bg { background: #ebfbee; color: #40c057; }
.icon-blue-bg { background: #e7f5ff; color: #228be6; }
.icon-orange-bg { background: #fff4e6; color: #fd7e14; }
/* ═══════════════════════════════════════════════════════════════
   System Update Module — Stylesheet
   ═══════════════════════════════════════════════════════════════ */
:root {
    --su-primary: var(--theme-color, #22577A);
    --su-dark: #0f172a;
    --su-dark-lighter: #1e293b;
    --su-green: #10b981;
    --su-green-light: #d1fae5;
    --su-orange: #f59e0b;
    --su-orange-light: #fef3c7;
    --su-red: #ef4444;
    --su-red-light: #fee2e2;
    --su-blue: #3b82f6;
    --su-blue-light: #dbeafe;
    --su-gray: #64748b;
    --su-gray-light: #f1f5f9;
    --su-border: #e2e8f0;
    --su-radius: 16px;
    --su-radius-sm: 10px;
    --su-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --su-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.08);
}
/* ── Page Header ── */
.su-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    flex-wrap: wrap;
    gap: 12px;
}
.su-page-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
.su-version-badge {
    background: var(--su-primary);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}
.su-maintenance-btn {
    background: var(--su-green);
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: var(--su-radius-sm);
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}
.su-maintenance-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.su-maintenance-btn.active {
    background: var(--su-red);
}
/* ── Alert Banner ── */
.su-alert-banner {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: var(--su-radius);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}
.su-alert-banner .alert-icon {
    width: 40px;
    height: 40px;
    background: var(--su-orange-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--su-orange);
    font-size: 1.2rem;
}
.su-alert-banner .alert-text {
    flex: 1;
    font-size: 0.88rem;
    color: #92400e;
}
.su-alert-banner .alert-text strong {
    color: #78350f;
}
.su-alert-banner.hidden {
    display: none;
}
/* ── Card Base ── */
.su-card {
    background: #fff;
    border-radius: var(--su-radius);
    border: 1px solid var(--su-border);
    box-shadow: var(--su-shadow);
    overflow: hidden;
}
.su-card-header {
    padding: 20px 24px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.su-card-header h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.su-card-header p {
    font-size: 0.82rem;
    color: var(--su-gray);
    margin: 4px 0 0;
}
.su-card-body {
    padding: 20px 24px;
}
/* ── Live Sync Badge ── */
.su-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--su-green);
    text-transform: uppercase;
}
.su-live-badge .pulse-dot {
    width: 8px;
    height: 8px;
    background: var(--su-green);
    border-radius: 50%;
    animation: pulse-animation 1.5s infinite;
}
@keyframes pulse-animation {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(0.8);
    }
}
/* ── Stepper ── */
.su-stepper {
    display: flex;
    align-items: center;
    padding: 24px 0 20px;
    position: relative;
}
.su-step {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}
.su-step-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    background: var(--su-gray-light);
    color: var(--su-gray);
    border: 2px solid var(--su-border);
    transition: all 0.4s ease;
}
.su-step.active .su-step-icon {
    background: var(--su-primary);
    color: #fff;
    border-color: var(--su-primary);
    box-shadow: 0 0 0 4px rgba(34, 87, 122, 0.15);
}
.su-step.completed .su-step-icon {
    background: var(--su-green);
    color: #fff;
    border-color: var(--su-green);
}
.su-step-label {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--su-gray);
    margin-top: 10px;
    text-align: center;
}
.su-step.active .su-step-label {
    color: var(--su-primary);
}
.su-step.completed .su-step-label {
    color: var(--su-green);
}
.su-stepper-line {
    position: absolute;
    top: 46px;
    left: 12%;
    right: 12%;
    height: 3px;
    background: var(--su-border);
    z-index: 1;
    border-radius: 2px;
}
.su-stepper-line-fill {
    height: 100%;
    background: var(--su-green);
    border-radius: 2px;
    transition: width 0.6s ease;
    width: 0%;
}
/* ── Input Area ── */
.su-input-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 0 20px;
}
.su-input-group label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--su-gray);
    margin-bottom: 8px;
    display: block;
}
.su-input-group input[type="text"],
.su-input-group input[type="file"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--su-border);
    border-radius: var(--su-radius-sm);
    font-size: 0.9rem;
    color: #334155;
    background: #fff;
    transition: border-color 0.2s;
}
.su-input-group input:focus {
    border-color: var(--su-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(34, 87, 122, 0.1);
}
.su-file-input-wrapper {
    position: relative;
    border: 1px dashed var(--su-border);
    border-radius: var(--su-radius-sm);
    padding: 12px 16px;
    background: #fafbfc;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: border-color 0.2s;
}
.su-file-input-wrapper:hover {
    border-color: var(--su-primary);
}
.su-file-input-wrapper input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.su-file-input-wrapper .file-icon {
    color: var(--su-gray);
    font-size: 1.1rem;
}
.su-file-input-wrapper .file-text {
    color: var(--su-gray);
    font-size: 0.88rem;
}
/* ── Deploy Button ── */
.su-deploy-btn {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: var(--su-radius-sm);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s;
    letter-spacing: 0.3px;
}
.su-deploy-btn:hover {
    /* background: #1e293b; */
    transform: translateY(-1px);
    box-shadow: var(--su-shadow-lg);
}
.su-deploy-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
/* ── Global Progress ── */
.su-global-progress {
    padding: 16px 0;
}
.su-global-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
}
.su-global-progress-label {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--su-gray);
}
.su-global-progress-value {
    font-size: 2rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
}
.su-global-progress-stage {
    font-size: 0.82rem;
    color: var(--su-gray);
}
.su-progress-bar-wrapper {
    width: 100%;
    height: 10px;
    background: #e2e8f0;
    border-radius: 5px;
    overflow: hidden;
}
.su-progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--su-primary), var(--su-blue));
    border-radius: 5px;
    transition: width 0.6s ease;
    width: 0%;
}
.su-progress-bar-fill.completed {
    background: linear-gradient(90deg, var(--su-green), #34d399);
}
/* ── Log Console ── */
.su-log-console {
    background: var(--su-dark);
    border-radius: var(--su-radius);
    padding: 0;
    margin: 20px 0;
    overflow: hidden;
    border: 1px solid #334155;
}
.su-log-header {
    padding: 10px 16px;
    background: var(--su-dark-lighter);
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #334155;
}
.su-log-header .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.su-log-header .dot-red {
    background: #ef4444;
}
.su-log-header .dot-yellow {
    background: #f59e0b;
}
.su-log-header .dot-green {
    background: #10b981;
}
.su-log-header .log-title {
    font-size: 0.78rem;
    color: #94a3b8;
    font-family: 'SF Mono', 'Fira Code', monospace;
    margin-inline-start: 8px;
}
.su-log-body {
    padding: 16px;
    max-height: 200px;
    overflow-y: auto;
    font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 0.78rem;
    line-height: 1.8;
    color: #94a3b8;
    direction: ltr;
    text-align: left;
}
.su-log-body::-webkit-scrollbar {
    width: 6px;
}
.su-log-body::-webkit-scrollbar-track {
    background: transparent;
}
.su-log-body::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 3px;
}
.su-log-entry {
    white-space: pre-wrap;
    word-break: break-word;
}
.su-log-entry .time {
    color: #64748b;
}
.su-log-entry .msg-info {
    color: #38bdf8;
}
.su-log-entry .msg-success {
    color: var(--su-green);
}
.su-log-entry .msg-error {
    color: var(--su-red);
}
.su-log-entry .msg-warn {
    color: var(--su-orange);
}
/* ── Tenant Sync Section ── */
.su-tenant-section {
    margin-top: 28px;
}
.su-tenant-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
}
.su-tenant-header h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.su-tenant-header p {
    font-size: 0.82rem;
    color: var(--su-gray);
    margin: 2px 0 0;
}
.su-search-input {
    padding: 8px 16px 8px 36px;
    border: 1px solid var(--su-border);
    border-radius: 8px;
    font-size: 0.85rem;
    width: 220px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat 12px center;
    transition: border-color 0.2s;
}
.su-search-input:focus {
    border-color: var(--su-primary);
    outline: none;
}
/* ── School Table ── */
.su-school-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.su-school-table thead th {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--su-gray);
    padding: 12px 16px;
    border-bottom: 1px solid var(--su-border);
    text-align: start;
}
.su-school-table tbody tr {
    transition: background 0.15s;
}
.su-school-table tbody tr:hover {
    background: #f8fafc;
}
.su-school-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.88rem;
    color: #334155;
    vertical-align: middle;
}
.su-school-table .school-index {
    color: var(--su-gray);
    font-weight: 600;
    font-size: 0.82rem;
    width: 32px;
}
.su-school-table .school-name {
    font-weight: 600;
    color: #1e293b;
}
.su-school-table .error-message {
    font-family: 'SF Mono', monospace;
    font-size: 0.78rem;
    color: var(--su-gray);
    /* background: var(--su-gray-light); */
    padding: 3px 10px;
    border-radius: 6px;
}
.su-school-progress-bar {
    width: 100%;
    max-width: 200px;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.su-school-progress-fill {
    height: 100%;
    background: var(--su-primary);
    border-radius: 3px;
    transition: width 0.4s;
}
.su-school-progress-fill.completed {
    background: var(--su-green);
}
.su-school-progress-fill.failed {
    background: var(--su-red);
}
.su-school-progress-text {
    font-size: 0.78rem;
    color: var(--su-gray);
    margin-inline-start: 8px;
}
/* ── Status Badges ── */
.su-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.su-status-badge.queued {
    background: var(--su-gray-light);
    color: var(--su-gray);
}
.su-status-badge.migrating,
.su-status-badge.seeding,
.su-status-badge.updating {
    background: var(--su-blue-light);
    color: var(--su-blue);
    animation: badge-pulse 2s infinite;
}
.su-status-badge.completed {
    background: var(--su-green-light);
    color: #059669;
}
.su-status-badge.failed {
    background: var(--su-red-light);
    color: var(--su-red);
}
@keyframes badge-pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}
/* ── Retry Button ── */
.su-retry-btn {
    background: transparent;
    border: 1px solid var(--su-orange);
    color: var(--su-orange);
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.su-retry-btn:hover {
    background: var(--su-orange);
    color: #fff;
}
/* ── Sidebar Panels ── */
.su-sidebar-card {
    background: #fff;
    border: 1px solid var(--su-border);
    border-radius: var(--su-radius);
    box-shadow: var(--su-shadow);
    margin-bottom: 20px;
}
.su-sidebar-card-header {
    padding: 18px 20px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 10px;
}
.su-sidebar-card-header .header-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.su-sidebar-card-header .header-icon.pre {
    background: #eff6ff;
    color: var(--su-blue);
}
.su-sidebar-card-header .header-icon.post {
    background: #fef3c7;
    color: var(--su-orange);
}
.su-sidebar-card-header h6 {
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0;
    color: #1e293b;
}
.su-sidebar-card-body {
    padding: 12px 20px 20px;
}
.su-check-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f8fafc;
}
.su-check-item:last-child {
    border-bottom: none;
}
.su-check-item .check-label {
    font-size: 0.85rem;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 8px;
}
.su-check-item .check-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
}
.su-check-item .check-icon.passed {
    background: var(--su-green-light);
    color: var(--su-green);
}
.su-check-item .check-icon.failed {
    background: var(--su-red-light);
    color: var(--su-red);
}
.su-check-item .check-icon.pending {
    background: var(--su-gray-light);
    color: var(--su-gray);
}
/* Post-update task buttons */
.su-task-btn {
    background: transparent;
    border: none;
    color: var(--su-gray);
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    font-size: 0.85rem;
    cursor: pointer;
    transition: color 0.2s;
    border-bottom: 1px solid #f8fafc;
    text-align: start;
}
.su-task-btn:last-child {
    border-bottom: none;
}
.su-task-btn:hover {
    color: var(--su-primary);
}
.su-task-btn .task-icon {
    font-size: 1rem;
}
.su-task-btn.done {
    color: var(--su-green);
}
.su-task-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* ── Support Card ── */
.su-support-card {
    background: var(--su-dark);
    color: #fff;
    border-radius: var(--su-radius);
    padding: 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.su-support-card h6 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px;
}
.su-support-card p {
    font-size: 0.8rem;
    /* color: #94a3b8; */
    margin-bottom: 16px;
}
.su-support-card .support-btn {
    background: #fff;
    color: var(--su-dark);
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    width: 100%;
    justify-content: center;
}
.su-support-card .support-btn:hover {
    background: #f1f5f9;
}
.su-support-card .support-icon {
    position: absolute;
    inset-inline-end: -10px;
    bottom: -10px;
    font-size: 6rem;
    color: rgba(255, 255, 255, 0.05);
    pointer-events: none;
}
/* ── Notes Section ── */
.su-notes-card {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: var(--su-radius);
    padding: 20px 24px;
    margin-top: 24px;
}
.su-notes-card h5 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0369a1;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.su-notes-card ul {
    margin: 0;
    padding-inline-start: 20px;
}
.su-notes-card li {
    font-size: 0.82rem;
    color: #475569;
    margin-bottom: 8px;
    line-height: 1.5;
}
.su-notes-card li strong {
    color: #1e293b;
}
/* ── Tenant Filters Row ── */
.su-tenant-filters {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.su-status-filter {
    padding: 8px 12px;
    border: 1px solid var(--su-border);
    border-radius: 8px;
    font-size: 0.85rem;
    color: #334155;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s;
    min-width: 150px;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}
.su-status-filter:focus {
    border-color: var(--su-primary);
    outline: none;
}
/* ── Pagination ── */
.su-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 4px;
    flex-wrap: wrap;
    gap: 12px;
}
.su-pagination-info {
    font-size: 0.82rem;
    color: var(--su-gray);
}
.su-pagination-controls {
    display: flex;
    align-items: center;
    gap: 4px;
}
.su-page-btn {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--su-border);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0 6px;
}
.su-page-btn:hover:not(:disabled):not(.active) {
    background: var(--su-gray-light);
    border-color: #cbd5e1;
}
.su-page-btn.active {
    background: var(--su-primary);
    color: #fff;
    border-color: var(--su-primary);
}
.su-page-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.su-page-ellipsis {
    min-width: 28px;
    text-align: center;
    color: var(--su-gray);
    font-size: 0.88rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
/* ── Responsive ── */
@media (max-width: 992px) {
    .su-input-row {
        grid-template-columns: 1fr;
    }

    .su-tenant-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .su-tenant-filters {
        width: 100%;
    }

    .su-search-input {
        width: 100%;
        flex: 1;
    }

    .su-status-filter {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .su-page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .su-stepper {
        flex-wrap: wrap;
        gap: 8px;
    }

    .su-step-label {
        font-size: 0.6rem;
    }

    .su-school-table {
        display: block;
        overflow-x: auto;
    }
}
/* ── Animations ── */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.su-fade-in {
    animation: fadeInUp 0.3s ease;
}
.su-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
/* =========================================================
   Wizard Horizontal Top Navigation — wizard-horizontal.css
   Replaces the left sidebar with a responsive top step bar.
   ========================================================= */
/* ---- Card layout adjustment ---- */
.wizard-card {
    height: auto !important;
    display: flex;
    flex-direction: column;
}
.wizard-card-body {
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* ---- Progress bar area ---- */
.wizard-progress {
    padding: 1.25rem 2rem 0.75rem;
    margin-bottom: 0;
}
.wizard-progress .progress {
    height: 8px;
    border-radius: 4px;
}
/* ---- Horizontal step nav bar ---- */
.wizard-steps-topbar {
    width: 100%;
    background: #f8f9fa;
    border-bottom: 1px solid #e3e6ea;
    padding: 0 1.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    /* Show a thin scrollbar so users know they can scroll */
    scrollbar-width: thin;
    scrollbar-color: #c5ccd5 transparent;
}
.wizard-steps-topbar::-webkit-scrollbar {
    height: 4px;
}
.wizard-steps-topbar::-webkit-scrollbar-track {
    background: transparent;
}
.wizard-steps-topbar::-webkit-scrollbar-thumb {
    background-color: #c5ccd5;
    border-radius: 4px;
}
.wizard-steps-topbar::-webkit-scrollbar-thumb:hover {
    background-color: #a0aab4;
}
.wizard-steps-topbar .nav {
    flex-direction: row !important;
    flex-wrap: nowrap;
    gap: 0;
    min-width: -moz-max-content;
    min-width: max-content;
}
/* ---- Individual step item (horizontal) ---- */
.wizard-steps-topbar .step-item {
    display: inline-flex;
    align-items: center;
    padding: 1rem 1.4rem;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    /* sit exactly on the border */
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
    color: #6c757d !important;
    font-size: 0.88rem;
    font-weight: 500;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}
.wizard-steps-topbar .step-item i {
    margin-inline-end: 0.45rem;
    font-size: 1.15rem;
    flex-shrink: 0;
}
.wizard-steps-topbar .step-item .number {
    font-weight: 700;
    margin-inline-end: 0.3rem;
    font-size: 0.88rem;
}
.wizard-steps-topbar .step-item:hover {
    color: var(--theme-color, #1a3c5e) !important;
    background: #eef1f4;
    border-bottom-color: #c9d0d8;
}
/* Active step */
.wizard-steps-topbar .step-item.active {
    color: var(--theme-color, #1a3c5e) !important;
    border-bottom-color: var(--theme-color, #1a3c5e);
    background: #fff;
}
/* Completed step */
.wizard-steps-topbar .step-item.completed {
    color: #28a745 !important;
}
.wizard-steps-topbar .step-item.active.completed {
    color: var(--theme-color, #1a3c5e) !important;
    border-bottom-color: var(--theme-color, #1a3c5e);
}
/* Check icon inside step */
.wizard-steps-topbar .step-item .mdi-check-circle {
    margin-inline-start: 0.4rem;
    font-size: 1rem;
    color: #28a745;
}
/* ---- Content area ---- */
.wizard-content-area {
    flex: 1;
    padding: 2rem;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.wizard-content-area::-webkit-scrollbar {
    display: none;
}
/* ---- Step form animations ---- */
.step-form {
    display: none;
    animation: wizardFadeIn 0.4s ease;
}
.step-form.active {
    display: block;
}
@keyframes wizardFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ---- Button row ---- */
.btn-next,
.btn-finish {
    min-width: 110px;
}
/* ---- Disabled (future) steps ---- */
.wizard-steps-topbar .step-item[style*="pointer-events: none"] {
    opacity: 0.45;
}
/* =========================================================
   Responsive Breakpoints
   ========================================================= */
/* Tablet */
@media (max-width: 992px) {
    .wizard-progress {
        padding: 1rem 1.25rem 0.6rem;
    }

    .wizard-steps-topbar {
        padding: 0 0.75rem;
    }

    .wizard-steps-topbar .step-item {
        padding: 0.8rem 1rem;
        font-size: 0.83rem;
    }

    .wizard-content-area {
        padding: 1.25rem;
    }
}
/* Mobile */
@media (max-width: 576px) {
    .wizard-progress {
        padding: 0.75rem 1rem 0.5rem;
    }

    .wizard-steps-topbar {
        padding: 0 0.5rem;
    }

    .wizard-steps-topbar .step-item {
        padding: 0.65rem 0.75rem;
        font-size: 0.78rem;
        gap: 0;
    }

    .wizard-steps-topbar .step-item .number {
        display: none;
        /* hide "1." numbering on very small screens to save space */
    }

    .wizard-steps-topbar .step-item i {
        font-size: 1.05rem;
        margin-inline-end: 0.3rem;
    }

    .wizard-content-area {
        padding: 1rem;
    }

    .mt-4.border-top.pt-3.text-right {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: center;
        text-align: center;
    }

    .mt-4.border-top.pt-3.text-right .btn {
        margin-inline-start: 0 !important;
        flex: 1 1 auto;
        min-width: 90px;
        max-width: 140px;
    }
}
/* Wizard Form Layout Styles */
.wizard-container {
    display: flex;
    background: #fff;
    border-radius: 0.375rem;
    overflow: hidden;
    min-height: 600px;
}
.wizard-sidebar {
    width: 280px;
    min-width: 280px;
    background: #f8f9fa;
    padding: 1.5rem 0;
    border-inline-end: 1px solid #dee2e6;
}
.wizard-sidebar .step-item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    border-inline-start: 3px solid transparent;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #6c7293;
}
.wizard-sidebar .step-item:hover {
    background-color: #e9ecef;
    color: #495057;
}
.wizard-sidebar .step-item.active {
    background: var(--theme-color, #7c3aed);
    color: #fff;
    border-inline-start-color: var(--theme-color, #7c3aed);
}
.wizard-sidebar .step-item .step-number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 12px;
    font-weight: 600;
    font-size: 13px;
    background: #e9ecef;
    color: #6c7293;
    flex-shrink: 0;
}
.wizard-sidebar .step-item.active .step-number {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}
.wizard-content {
    flex: 1;
    padding: 2rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.wizard-step {
    display: none;
    flex: 1;
    flex-direction: column;
}
.wizard-step.active {
    display: flex;
    flex-direction: column;
}
.wizard-step-content {
    flex: 1;
}
.wizard-actions {
    padding: 1.5rem 0;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: auto;
}
@media (max-width: 768px) {
    .wizard-container {
        flex-direction: column;
    }
    .wizard-sidebar {
        width: 100%;
        min-width: 100%;
        border-inline-end: none;
        border-bottom: 1px solid #dee2e6;
        padding: 1rem 0;
    }
    .wizard-sidebar .steps-list {
        display: flex;
        overflow-x: auto;
    }
    .wizard-sidebar .step-item {
        min-width: 150px;
        white-space: nowrap;
    }
}
@font-face {
    font-family: "Pliant";
    src: url("/assets/fonts/project-fonts/Pliant/static/Pliant-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Pliant";
    src: url("/assets/fonts/project-fonts/Pliant/static/Pliant-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Pliant";
    src: url("/assets/fonts/project-fonts/Pliant/static/Pliant-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/assets/fonts/project-fonts/Roboto/static/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/assets/fonts/project-fonts/Roboto/static/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/assets/fonts/project-fonts/Roboto/static/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Zain";
    src: url("/assets/fonts/project-fonts/Zain/Zain-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Zain";
    src: url("/assets/fonts/project-fonts/Zain/Zain-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Zain";
    src: url("/assets/fonts/project-fonts/Zain/Zain-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Zain";
    src: url("/assets/fonts/project-fonts/Zain/Zain-Bold.ttf") format("truetype");
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}
:root {
    --font-general: "Pliant", "Zain", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: "Roboto", "Zain", "Pliant", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-arabic-kurdish: "Zain", "Pliant", Tahoma, Arial, sans-serif;
}
html,
body,
button,
input,
textarea,
select,
.btn,
.dropdown-menu,
.modal,
.table,
.form-control,
.select2-container,
.sidebar,
.navbar,
.content-wrapper {
    font-family: var(--font-general) !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.page-title,
.card-title,
.modal-title,
.sectionTitle,
.commonTitle,
.commonDesc,
.lp-heading,
.auth-modern-title {
    font-family: var(--font-heading) !important;
}
html[dir="rtl"],
html[dir="rtl"] body,
html[lang="ar"],
html[lang="ar"] body,
html[lang="ku"],
html[lang="ku"] body,
html[lang="ckb"],
html[lang="ckb"] body,
body[dir="rtl"],
.rtl {
    font-family: var(--font-arabic-kurdish) !important;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .page-title,
html[dir="rtl"] .card-title,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .sectionTitle,
html[dir="rtl"] .commonTitle,
html[dir="rtl"] .commonDesc,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ku"] h1,
html[lang="ku"] h2,
html[lang="ku"] h3,
html[lang="ku"] h4,
html[lang="ku"] h5,
html[lang="ku"] h6,
html[lang="ckb"] h1,
html[lang="ckb"] h2,
html[lang="ckb"] h3,
html[lang="ckb"] h4,
html[lang="ckb"] h5,
html[lang="ckb"] h6 {
    font-family: var(--font-arabic-kurdish) !important;
}
html[dir="rtl"] :where(
    body,
    button,
    input,
    textarea,
    select,
    label,
    p,
    span,
    a,
    li,
    th,
    td,
    small,
    strong,
    b,
    .btn,
    .dropdown-menu,
    .dropdown-item,
    .modal,
    .table,
    .form-control,
    .select2-container,
    .sidebar,
    .navbar,
    .content-wrapper,
    .main-panel,
    .card,
    .card-body,
    .alert,
    .badge,
    .breadcrumb,
    .pagination,
    .nav,
    .nav-link,
    .tab-content,
    .accordion,
    .popover,
    .tooltip,
    .toast,
    .swal2-popup
):not(i):not(svg):not(code):not(pre):not(kbd):not(.text-monospace):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fab):not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]):not(.material-icons),
html[lang="ar"] :where(
    body,
    button,
    input,
    textarea,
    select,
    label,
    p,
    span,
    a,
    li,
    th,
    td,
    small,
    strong,
    b,
    .btn,
    .dropdown-menu,
    .dropdown-item,
    .modal,
    .table,
    .form-control,
    .select2-container,
    .sidebar,
    .navbar,
    .content-wrapper,
    .main-panel,
    .card,
    .card-body,
    .alert,
    .badge,
    .breadcrumb,
    .pagination,
    .nav,
    .nav-link,
    .tab-content,
    .accordion,
    .popover,
    .tooltip,
    .toast,
    .swal2-popup
):not(i):not(svg):not(code):not(pre):not(kbd):not(.text-monospace):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fab):not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]):not(.material-icons),
html[lang="ku"] :where(
    body,
    button,
    input,
    textarea,
    select,
    label,
    p,
    span,
    a,
    li,
    th,
    td,
    small,
    strong,
    b,
    .btn,
    .dropdown-menu,
    .dropdown-item,
    .modal,
    .table,
    .form-control,
    .select2-container,
    .sidebar,
    .navbar,
    .content-wrapper,
    .main-panel,
    .card,
    .card-body,
    .alert,
    .badge,
    .breadcrumb,
    .pagination,
    .nav,
    .nav-link,
    .tab-content,
    .accordion,
    .popover,
    .tooltip,
    .toast,
    .swal2-popup
):not(i):not(svg):not(code):not(pre):not(kbd):not(.text-monospace):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fab):not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]):not(.material-icons),
html[lang="ckb"] :where(
    body,
    button,
    input,
    textarea,
    select,
    label,
    p,
    span,
    a,
    li,
    th,
    td,
    small,
    strong,
    b,
    .btn,
    .dropdown-menu,
    .dropdown-item,
    .modal,
    .table,
    .form-control,
    .select2-container,
    .sidebar,
    .navbar,
    .content-wrapper,
    .main-panel,
    .card,
    .card-body,
    .alert,
    .badge,
    .breadcrumb,
    .pagination,
    .nav,
    .nav-link,
    .tab-content,
    .accordion,
    .popover,
    .tooltip,
    .toast,
    .swal2-popup
):not(i):not(svg):not(code):not(pre):not(kbd):not(.text-monospace):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fab):not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]):not(.material-icons) {
    font-family: var(--font-arabic-kurdish) !important;
}
/* Sorani Kurdish typography and RTL rhythm. */
html[lang="ku"],
html[lang="ckb"] {
    font-size: 16px;
}
html[lang="ku"] body,
html[lang="ckb"] body {
    color: #35324d;
    font-weight: 400;
    line-height: 1.65;
    text-align: right;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
html[lang="ku"] :where(h1, h2, h3, h4, h5, h6, .page-title, .card-title, .modal-title),
html[lang="ckb"] :where(h1, h2, h3, h4, h5, h6, .page-title, .card-title, .modal-title) {
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-align: right;
}
html[lang="ku"] :where(p, label, .form-check-label, .card-text, .text-wrap),
html[lang="ckb"] :where(p, label, .form-check-label, .card-text, .text-wrap) {
    line-height: 1.75 !important;
}
html[lang="ku"] :where(.sidebar .nav .nav-item .nav-link, .dropdown-item),
html[lang="ckb"] :where(.sidebar .nav .nav-item .nav-link, .dropdown-item) {
    text-align: right !important;
}
html[lang="ku"] .sidebar .nav .nav-item .nav-link .menu-title,
html[lang="ckb"] .sidebar .nav .nav-item .nav-link .menu-title {
    flex: 1 1 auto;
    text-align: right !important;
}
html[lang="ku"] :where(.dashboard-stat-copy, .dashboard-panel-title, .dashboard-card-title, .dashboard-card-insight),
html[lang="ckb"] :where(.dashboard-stat-copy, .dashboard-panel-title, .dashboard-card-title, .dashboard-card-insight) {
    text-align: right !important;
}
html[lang="ku"] :where(.dashboard-panel-title, .dashboard-card-value),
html[lang="ckb"] :where(.dashboard-panel-title, .dashboard-card-value) {
    font-weight: 500 !important;
    line-height: 1.45 !important;
}
html[lang="ku"] .dashboard-card-title,
html[lang="ckb"] .dashboard-card-title {
    color: #625e78 !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
html[lang="ku"] .dashboard-card-insight,
html[lang="ckb"] .dashboard-card-insight {
    font-size: 0.84rem !important;
    font-weight: 300 !important;
    line-height: 1.55 !important;
}
html[lang="ku"] :where(.text-muted, .form-text, small.text-muted),
html[lang="ckb"] :where(.text-muted, .form-text, small.text-muted) {
    color: #77738e !important;
    font-weight: 300 !important;
}
html[lang="ku"] :where(button, .btn, input, textarea, select, .form-control, .select2-selection),
html[lang="ckb"] :where(button, .btn, input, textarea, select, .form-control, .select2-selection) {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
}
html[lang="ku"] :where(button, .btn, label),
html[lang="ckb"] :where(button, .btn, label) {
    font-weight: 500 !important;
}
html[lang="ku"] :where(input, textarea, select, .form-control):not([dir="ltr"]),
html[lang="ckb"] :where(input, textarea, select, .form-control):not([dir="ltr"]) {
    direction: rtl;
    text-align: right;
}
html[lang="ku"] :where(input, textarea, .form-control)::-moz-placeholder, html[lang="ckb"] :where(input, textarea, .form-control)::-moz-placeholder {
    text-align: right;
}
html[lang="ku"] :where(input, textarea, .form-control)::placeholder,
html[lang="ckb"] :where(input, textarea, .form-control)::placeholder {
    text-align: right;
}
html[lang="ku"] :where(.content-wrapper .table th, .content-wrapper .table td):not(.text-center):not([dir="ltr"]),
html[lang="ckb"] :where(.content-wrapper .table th, .content-wrapper .table td):not(.text-center):not([dir="ltr"]) {
    line-height: 1.55 !important;
    text-align: right;
}
html[lang="ku"] :where(.dashboard-card-value, [dir="ltr"]),
html[lang="ckb"] :where(.dashboard-card-value, [dir="ltr"]) {
    font-family: var(--font-general) !important;
}
html[lang="ku"] .dashboard-card-value,
html[lang="ckb"] .dashboard-card-value {
    direction: ltr;
    unicode-bidi: isolate;
}
/* Shared dashboard icon system for every dashboard role. */
.dashboard-stat-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.dashboard-stat-card::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -3.5rem;
    right: -3.5rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: var(--dashboard-icon-soft, #f0edff);
    opacity: .58;
}
.dashboard-stat-card .card-body {
    display: flex;
    min-height: 8.4rem;
    align-items: center;
}
.dashboard-stat-layout {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.dashboard-stat-copy {
    min-width: 0;
}
.dashboard-stat-copy .dashboard-card-title {
    margin-bottom: .4rem !important;
}
.dashboard-stat-copy .dashboard-card-value {
    margin: 0 0 .45rem !important;
}
.dashboard-stat-copy .dashboard-card-insight:empty {
    display: none;
}
.dashboard-stat-icon,
.dashboard-panel-icon {
    --dashboard-icon-color: #7367f0;
    --dashboard-icon-soft: #f0edff;
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dashboard-icon-color) 18%, transparent);
    background: linear-gradient(145deg, var(--dashboard-icon-soft), #fff);
    color: var(--dashboard-icon-color);
    box-shadow: 0 .75rem 1.6rem color-mix(in srgb, var(--dashboard-icon-color) 16%, transparent), inset 0 0 0 1px rgba(255, 255, 255, .68);
}
.dashboard-stat-icon {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 1.15rem;
    font-size: 1.42rem;
}
.dashboard-stat-icon::after {
    content: '';
    position: absolute;
    right: .58rem;
    bottom: .55rem;
    width: .38rem;
    height: .38rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--dashboard-icon-color);
}
.dashboard-stat-icon i,
.dashboard-panel-icon i {
    color: inherit !important;
}
.dashboard-icon-blue {
    --dashboard-icon-color: #3b82f6;
    --dashboard-icon-soft: #eaf2ff;
}
.dashboard-icon-indigo {
    --dashboard-icon-color: #7367f0;
    --dashboard-icon-soft: #f0edff;
}
.dashboard-icon-cyan {
    --dashboard-icon-color: #0891b2;
    --dashboard-icon-soft: #e6f8fc;
}
.dashboard-icon-green {
    --dashboard-icon-color: #16a66a;
    --dashboard-icon-soft: #e8f8f0;
}
.dashboard-icon-amber {
    --dashboard-icon-color: #d97706;
    --dashboard-icon-soft: #fff4dd;
}
.dashboard-icon-orange {
    --dashboard-icon-color: #ea6a12;
    --dashboard-icon-soft: #fff0e5;
}
.dashboard-icon-red {
    --dashboard-icon-color: #dc4563;
    --dashboard-icon-soft: #ffebf0;
}
.dashboard-icon-purple {
    --dashboard-icon-color: #8b5cf6;
    --dashboard-icon-soft: #f2ecff;
}
.dashboard-icon-pink {
    --dashboard-icon-color: #db4f9a;
    --dashboard-icon-soft: #ffebf6;
}
.dashboard-icon-slate {
    --dashboard-icon-color: #596579;
    --dashboard-icon-soft: #edf1f5;
}
.dashboard-panel-title {
    display: flex !important;
    min-width: 0;
    margin-bottom: 1rem !important;
    align-items: center;
    gap: .7rem;
}
.dashboard-panel-title.dashboard-panel-title-compact {
    margin-bottom: 0 !important;
}
.dashboard-panel-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .72rem;
    font-size: .92rem;
    box-shadow: 0 .45rem 1rem color-mix(in srgb, var(--dashboard-icon-color) 13%, transparent), inset 0 0 0 1px rgba(255, 255, 255, .65);
}
.dashboard-panel-title > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rtl .dashboard-stat-card::after,
[dir='rtl'] .dashboard-stat-card::after {
    right: auto;
    left: -3.5rem;
}
.rtl .dashboard-stat-icon::after,
[dir='rtl'] .dashboard-stat-icon::after {
    right: auto;
    left: .58rem;
}
@media (max-width: 575px) {
    .dashboard-stat-card .card-body {
        min-height: 7.5rem;
    }

    .dashboard-stat-icon {
        width: 3.35rem;
        height: 3.35rem;
        border-radius: 1rem;
        font-size: 1.22rem;
    }
}
/*
 * Consistent form actions in LTR and RTL layouts.
 * Primary actions stay nearest the physical right edge, with secondary
 * cancel/reset actions beside them. This also replaces legacy floated
 * action positioning without changing unrelated toolbar floats.
 */
form .modal-footer {
    justify-content: flex-end !important;
    gap: 0.65rem;
}
form .modal-footer > .btn,
form .modal-footer > button,
form .modal-footer > input[type="submit"],
form .modal-footer > input[type="reset"] {
    margin: 0 !important;
}
:where(
    .package-form-actions,
    .staff-form-actions,
    .teacher-form-actions,
    .student-form-actions,
    .class-form-actions,
    .subject-form-actions,
    .gallery-form-actions,
    .category-form-actions,
    .fees-form-actions,
    .form-field-submit-actions,
    .payroll-settings-actions
) {
    display: flex !important;
    flex-flow: row-reverse wrap;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.65rem;
    width: 100%;
}
:where(
    .package-form-actions,
    .staff-form-actions,
    .teacher-form-actions,
    .student-form-actions,
    .class-form-actions,
    .subject-form-actions,
    .gallery-form-actions,
    .category-form-actions,
    .fees-form-actions,
    .form-field-submit-actions,
    .payroll-settings-actions
) > :where(.btn, button, input[type="submit"], input[type="reset"]) {
    margin: 0 !important;
}
form :where(
    button[type="submit"].float-right,
    button[type="reset"].float-right,
    input[type="submit"].float-right,
    input[type="reset"].float-right
) {
    float: right !important;
    margin-top: 1.25rem !important;
}
/* The primary action is first in legacy forms, so it starts a new row. */
form :where(
    button[type="submit"].float-right,
    input[type="submit"].float-right
) {
    clear: both;
}
/* Keep floated legacy actions inside the card's form height. */
form:has(:where(
    button[type="submit"].float-right,
    button[type="reset"].float-right,
    input[type="submit"].float-right,
    input[type="reset"].float-right
))::after {
    display: block;
    clear: both;
    content: "";
}
form :where(
    button[type="submit"].float-right.ml-3,
    button[type="reset"].float-right.ml-3,
    input[type="submit"].float-right.ml-3,
    input[type="reset"].float-right.ml-3
) {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}
html[dir="rtl"] form .modal-footer {
    direction: ltr;
}
html[dir="rtl"] form .modal-footer > :where(.btn, button, input) {
    direction: rtl;
}
html[dir="rtl"] :where(
    .package-form-actions,
    .staff-form-actions,
    .teacher-form-actions,
    .student-form-actions,
    .class-form-actions,
    .subject-form-actions,
    .gallery-form-actions,
    .category-form-actions,
    .fees-form-actions,
    .form-field-submit-actions,
    .payroll-settings-actions
) {
    direction: ltr;
}
html[dir="rtl"] :where(
    .package-form-actions,
    .staff-form-actions,
    .teacher-form-actions,
    .student-form-actions,
    .class-form-actions,
    .subject-form-actions,
    .gallery-form-actions,
    .category-form-actions,
    .fees-form-actions,
    .form-field-submit-actions,
    .payroll-settings-actions
) > :where(.btn, button, input) {
    direction: rtl;
}
@media (max-width: 575px) {
    :where(
        .package-form-actions,
        .staff-form-actions,
        .teacher-form-actions,
        .student-form-actions,
        .class-form-actions,
        .subject-form-actions,
        .gallery-form-actions,
        .category-form-actions,
        .fees-form-actions,
        .form-field-submit-actions,
        .payroll-settings-actions
    ) > :where(.btn, button, input[type="submit"], input[type="reset"]) {
        flex: 1 1 8rem;
    }
}
/* Stable sidebar typography across normal, hover, expanded, and active states. */
body .sidebar .nav .nav-item > .nav-link {
    width: 100%;
    max-width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}
body .sidebar .nav,
body .sidebar .nav .nav-item,
body .sidebar .nav .nav-item > .nav-link {
    min-width: 0;
}
body .sidebar .nav .nav-item > .nav-link .menu-title {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    text-overflow: clip;
}
body .sidebar .nav.sub-menu .nav-item > .nav-link {
    min-height: 38px;
    height: auto !important;
    padding-block: 0.65rem !important;
    padding-inline: 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}
/*
 * Some legacy submenu links contain a plain text node rather than a
 * .menu-title span. Keep those labels inside the active background too.
 */
body .sidebar .nav.sub-menu .nav-item > .nav-link.active,
body .sidebar .nav.sub-menu .nav-item.active > .nav-link {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}
body .sidebar .nav .nav-item.active > .nav-link,
body .sidebar .nav .nav-item .nav-link.active,
body .sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"],
body .sidebar .nav .nav-item > .nav-link[aria-expanded="true"] {
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}
body .sidebar .nav .nav-item.active > .nav-link .menu-title,
body .sidebar .nav .nav-item .nav-link.active .menu-title,
body .sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"] .menu-title,
body .sidebar .nav .nav-item > .nav-link[aria-expanded="true"] .menu-title,
body .sidebar .nav.sub-menu .nav-item > .nav-link.active .menu-title,
body .sidebar .nav.sub-menu .nav-item.active > .nav-link .menu-title {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
}
/* Keep uploaded brand assets readable without stretching arbitrary logo ratios. */
.navbar .navbar-brand-wrapper .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px 12px;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo img {
    width: 210px !important;
    max-width: 100% !important;
    height: 50px !important;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: 44px !important;
    max-width: 100% !important;
    height: 44px !important;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}
/* Accessible application-status selector used by school and admission forms. */
.application-status-field {
    min-width: 0;
}
.application-status-field legend {
    width: auto;
    margin-bottom: 0.65rem;
    border: 0;
    color: #4b465c;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.4;
}
.application-status-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
    max-width: 28rem;
}
.application-status-option {
    position: relative;
    display: block;
    min-width: 0;
    margin: 0;
    cursor: pointer;
}
.application-status-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
}
.application-status-option__control {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid rgba(115, 103, 240, 0.18);
    border-radius: 0.65rem;
    background: #ffffff;
    color: #6e6b7b;
    font-size: 0.84rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.application-status-option__control i {
    font-size: 0.88rem;
}
.application-status-option:hover .application-status-option__control {
    border-color: rgba(115, 103, 240, 0.42);
    background: #f8fafc;
}
.application-status-input:focus-visible + .application-status-option__control {
    outline: 0;
    box-shadow: 0 0 0 0.18rem rgba(115, 103, 240, 0.16);
}
.application-status-option--approved .application-status-input:checked + .application-status-option__control {
    border-color: #28c76f;
    background: rgba(40, 199, 111, 0.1);
    color: #168a4a;
    box-shadow: 0 0.3rem 0.9rem rgba(40, 199, 111, 0.12);
}
.application-status-option--rejected .application-status-input:checked + .application-status-option__control {
    border-color: #ff4c51;
    background: rgba(255, 76, 81, 0.09);
    color: #d6383d;
    box-shadow: 0 0.3rem 0.9rem rgba(255, 76, 81, 0.11);
}
@media (max-width: 420px) {
    .application-status-options {
        grid-template-columns: 1fr;
    }
}
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
:root {
        --theme-color: #7367f0 !important;
        --theme-color-rgb: 115, 103, 240;
        --primary: #7367f0 !important;
        --primary-color-sidebar: #7367f0;
        --primary-hover-color: #685dd8;
        --primary-background-color: #f0edff;
    }
.bg-theme,
    .bg-primary,
    .btn-primary,
    .badge-primary {
        background-color: #7367f0 !important;
        border-color: #7367f0 !important;
    }
.btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .show > .btn-primary.dropdown-toggle {
        background-color: #685dd8 !important;
        border-color: #685dd8 !important;
        color: #ffffff !important;
    }
.text-primary,
    a.text-primary,
    .btn-outline-primary {
        color: #7367f0 !important;
    }
.border-primary,
    .btn-outline-primary {
        border-color: #7367f0 !important;
    }
.bg-light-primary,
    .alert-primary {
        background-color: #f0edff !important;
        color: #7367f0 !important;
        border-color: #d8d3ff !important;
    }
.card-icon-soft,
    .bg-soft-blue,
    .bg-soft-green,
    .bg-soft-purple,
    .bg-soft-orange {
        background-color: #f0edff !important;
        color: #7367f0 !important;
    }
.card-icon-soft i,
    .bg-soft-blue i,
    .bg-soft-green i,
    .bg-soft-purple i,
    .bg-soft-orange i {
        color: #7367f0 !important;
    }
.content-wrapper {
        background: #f8fafc !important;
    }
.content-wrapper > .page-header {
        margin-bottom: 1.5rem;
        padding: 0.25rem 0;
    }
.content-wrapper > .page-header .page-title {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        color: #2f2b4a;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
    }
.content-wrapper > .page-header .page-title-icon {
        width: 2.75rem;
        height: 2.75rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.85rem;
        background: linear-gradient(135deg, #7367f0 0%, #8f85ff 100%) !important;
        box-shadow: 0 0.75rem 1.5rem rgba(115, 103, 240, 0.25);
    }
.content-wrapper .card {
        border: 1px solid rgba(115, 103, 240, 0.08) !important;
        border-radius: 0.9rem !important;
        box-shadow: 0 0.375rem 1.25rem rgba(47, 43, 74, 0.06) !important;
        transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    }
.content-wrapper .stretch-card > .card:hover {
        transform: none !important;
        border-color: rgba(115, 103, 240, 0.18) !important;
        box-shadow: 0 0.55rem 1.65rem rgba(47, 43, 74, 0.09) !important;
    }
.content-wrapper .card-body {
        padding: 1.35rem !important;
    }
.dashboard-card-title {
        color: #6d6a86 !important;
        font-size: 0.82rem !important;
        font-weight: 500 !important;
        letter-spacing: 0.01em;
    }
.dashboard-card-value {
        color: #2f2b4a !important;
        font-size: 1.8rem !important;
        font-weight: 600 !important;
        line-height: 1.1;
        margin-top: 0.15rem;
        margin-bottom: 0.45rem !important;
    }
.dashboard-card-insight {
        font-size: 0.78rem !important;
        font-weight: 500 !important;
    }
.card-icon-soft {
        width: 3.25rem !important;
        height: 3.25rem !important;
        border-radius: 1rem !important;
        background: linear-gradient(135deg, #f0edff 0%, #ffffff 100%) !important;
        border: 1px solid rgba(115, 103, 240, 0.14);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65), 0 0.65rem 1.35rem rgba(115, 103, 240, 0.14);
        font-size: 1.25rem !important;
    }
.card-title {
        color: #2f2b4a !important;
        font-weight: 600 !important;
    }
.content-wrapper .btn-link.text-theme,
    .content-wrapper a.text-theme {
        color: #7367f0 !important;
        text-decoration: none;
    }
.content-wrapper .btn-link.text-theme:hover,
    .content-wrapper a.text-theme:hover {
        color: #685dd8 !important;
    }
.content-wrapper .btn {
        min-height: 2.25rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        border-radius: 0.55rem !important;
        padding: 0.55rem 0.95rem !important;
        font-size: 0.84rem !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        box-shadow: none !important;
        transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    }
.content-wrapper .btn-sm,
    .content-wrapper .btn-xs {
        min-height: 2rem;
        padding: 0.42rem 0.75rem !important;
        font-size: 0.78rem !important;
        border-radius: 0.48rem !important;
    }
.content-wrapper .btn-primary,
    .content-wrapper .btn-theme {
        background-color: #7367f0 !important;
        border-color: #7367f0 !important;
        color: #ffffff !important;
        box-shadow: 0 0.35rem 0.9rem rgba(115, 103, 240, 0.22) !important;
    }
.content-wrapper .btn-primary:hover,
    .content-wrapper .btn-primary:focus,
    .content-wrapper .btn-primary:active,
    .content-wrapper .btn-theme:hover,
    .content-wrapper .btn-theme:focus,
    .content-wrapper .btn-theme:active {
        background-color: #685dd8 !important;
        border-color: #685dd8 !important;
        color: #ffffff !important;
        box-shadow: 0 0.45rem 1rem rgba(104, 93, 216, 0.26) !important;
    }
.content-wrapper .btn-outline-primary,
    .content-wrapper .btn-outline-theme {
        background-color: #ffffff !important;
        border-color: rgba(115, 103, 240, 0.32) !important;
        color: #7367f0 !important;
    }
.content-wrapper .btn-outline-primary:hover,
    .content-wrapper .btn-outline-primary:focus,
    .content-wrapper .btn-outline-theme:hover,
    .content-wrapper .btn-outline-theme:focus {
        background-color: #f0edff !important;
        border-color: #7367f0 !important;
        color: #7367f0 !important;
    }
.content-wrapper .btn-success,
    .content-wrapper .btn-info {
        background-color: #f0edff !important;
        border-color: #f0edff !important;
        color: #7367f0 !important;
    }
.content-wrapper .btn-success:hover,
    .content-wrapper .btn-success:focus,
    .content-wrapper .btn-info:hover,
    .content-wrapper .btn-info:focus {
        background-color: #e3defe !important;
        border-color: #e3defe !important;
        color: #685dd8 !important;
    }
.content-wrapper .btn-link {
        min-height: auto;
        padding: 0.35rem 0.55rem !important;
        border: 0 !important;
        background-color: transparent !important;
        color: #7367f0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }
.content-wrapper .btn-link:hover,
    .content-wrapper .btn-link:focus {
        background-color: #f0edff !important;
        color: #685dd8 !important;
    }
.content-wrapper .btn i {
        font-size: 0.9em;
        color: inherit !important;
    }
.content-wrapper .form-control-sm,
    .content-wrapper select.form-control-sm {
        height: 2.625rem;
        min-height: 2.625rem;
        border-radius: 0.55rem !important;
        border-color: rgba(115, 103, 240, 0.16) !important;
        color: #4b465c !important;
        font-size: 0.82rem !important;
        font-weight: 400;
        box-shadow: none !important;
    }
.content-wrapper input.form-control,
    .content-wrapper select.form-control,
    .content-wrapper textarea.form-control,
    .content-wrapper .custom-select,
    .modal input.form-control,
    .modal select.form-control,
    .modal textarea.form-control,
    .modal .custom-select {
        min-height: 2.625rem;
        border: 1px solid rgba(115, 103, 240, 0.16) !important;
        border-radius: 0.6rem !important;
        background-color: #ffffff !important;
        color: #4b465c !important;
        font-size: 0.86rem !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        box-shadow: none !important;
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
    }
.content-wrapper input.form-control,
    .content-wrapper select.form-control,
    .content-wrapper .custom-select,
    .modal input.form-control,
    .modal select.form-control,
    .modal .custom-select {
        height: 2.625rem !important;
        padding-top: 0.52rem !important;
        padding-bottom: 0.52rem !important;
    }
.content-wrapper textarea.form-control,
    .modal textarea.form-control {
        min-height: 6rem;
        resize: vertical;
    }
.content-wrapper input.form-control::-moz-placeholder, .content-wrapper textarea.form-control::-moz-placeholder, .modal input.form-control::-moz-placeholder, .modal textarea.form-control::-moz-placeholder {
        color: #a8a3b8 !important;
        opacity: 1;
    }
.content-wrapper input.form-control::placeholder,
    .content-wrapper textarea.form-control::placeholder,
    .modal input.form-control::placeholder,
    .modal textarea.form-control::placeholder {
        color: #a8a3b8 !important;
        opacity: 1;
    }
.content-wrapper input.form-control:hover,
    .content-wrapper select.form-control:hover,
    .content-wrapper textarea.form-control:hover,
    .content-wrapper .custom-select:hover,
    .modal input.form-control:hover,
    .modal select.form-control:hover,
    .modal textarea.form-control:hover,
    .modal .custom-select:hover {
        border-color: rgba(115, 103, 240, 0.34) !important;
    }
.content-wrapper .form-control:focus {
        border-color: #7367f0 !important;
        box-shadow: 0 0 0 0.15rem rgba(115, 103, 240, 0.14) !important;
    }
.content-wrapper input.form-control:focus,
    .content-wrapper select.form-control:focus,
    .content-wrapper textarea.form-control:focus,
    .content-wrapper .custom-select:focus,
    .modal input.form-control:focus,
    .modal select.form-control:focus,
    .modal textarea.form-control:focus,
    .modal .custom-select:focus {
        border-color: #7367f0 !important;
        box-shadow: 0 0 0 0.16rem rgba(115, 103, 240, 0.14) !important;
        outline: none !important;
    }
.content-wrapper input.form-control:disabled,
    .content-wrapper select.form-control:disabled,
    .content-wrapper textarea.form-control:disabled,
    .content-wrapper input.form-control[readonly],
    .modal input.form-control:disabled,
    .modal select.form-control:disabled,
    .modal textarea.form-control:disabled,
    .modal input.form-control[readonly] {
        background-color: #f7f7fb !important;
        color: #8f8aa3 !important;
        border-color: rgba(115, 103, 240, 0.1) !important;
        cursor: not-allowed;
    }
.content-wrapper select.form-control,
    .content-wrapper .custom-select,
    .modal select.form-control,
    .modal .custom-select {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background-image:
            linear-gradient(45deg, #6d6a86 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, #6d6a86 50%);
        background-position:
            12px 50%,
            18px 50%;
        background-size: 6px 6px, 6px 6px;
        background-repeat: no-repeat;
        padding-left: 2.25rem !important;
    }
.content-wrapper select.form-control option,
    .modal select.form-control option {
        color: #4b465c;
        background-color: #ffffff;
        font-size: 0.88rem;
        font-weight: 400;
    }
.content-wrapper select.form-control option:checked,
    .content-wrapper select.form-control option:hover,
    .modal select.form-control option:checked,
    .modal select.form-control option:hover {
        color: #7367f0;
        background-color: #f0edff;
    }
.content-wrapper .is-invalid,
    .content-wrapper .form-control.is-invalid,
    .modal .is-invalid,
    .modal .form-control.is-invalid {
        border-color: #ff4c51 !important;
    }
.content-wrapper .is-valid,
    .content-wrapper .form-control.is-valid,
    .modal .is-valid,
    .modal .form-control.is-valid {
        border-color: #28c76f !important;
    }
.content-wrapper input[type="checkbox"],
    .content-wrapper input[type="radio"],
    .modal input[type="checkbox"],
    .modal input[type="radio"] {
        accent-color: #7367f0;
    }
.content-wrapper .form-check-label,
    .modal .form-check-label {
        color: #4b465c;
        font-size: 0.86rem;
        font-weight: 400;
    }
.content-wrapper input[type="file"].form-control,
    .modal input[type="file"].form-control {
        padding: 0.48rem 0.75rem !important;
    }
.content-wrapper .input-group,
    .modal .input-group {
        align-items: stretch;
    }
.content-wrapper .input-group .form-control,
    .modal .input-group .form-control {
        height: 2.625rem !important;
    }
.content-wrapper .input-group-append .btn,
    .content-wrapper .input-group-prepend .btn,
    .content-wrapper .input-group-text,
    .modal .input-group-append .btn,
    .modal .input-group-prepend .btn,
    .modal .input-group-text {
        min-height: 2.625rem !important;
        height: 2.625rem !important;
        border-color: rgba(115, 103, 240, 0.16) !important;
        border-radius: 0.6rem !important;
        background-color: #f7f7fb !important;
        color: #6d6a86 !important;
    }
.select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        min-height: 2.625rem !important;
        border: 1px solid rgba(115, 103, 240, 0.16) !important;
        border-radius: 0.6rem !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
    }
.select2-container--default .select2-selection--single {
        display: flex !important;
        align-items: center !important;
        height: 2.625rem !important;
    }
.select2-container--default.select2-container--focus .select2-selection--single,
    .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default.select2-container--open .select2-selection--single,
    .select2-container--default.select2-container--open .select2-selection--multiple {
        border-color: #7367f0 !important;
        box-shadow: 0 0 0 0.16rem rgba(115, 103, 240, 0.14) !important;
    }
.select2-container--default .select2-selection--single .select2-selection__rendered {
        display: flex !important;
        align-items: center !important;
        min-height: 0 !important;
        height: auto !important;
        flex: 1 1 auto;
        color: #4b465c !important;
        font-size: 0.86rem;
        font-weight: 400;
        line-height: 1.25 !important;
        padding-right: 0.85rem !important;
        padding-left: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }
.select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 2.625rem !important;
        top: 0 !important;
        left: 0.6rem !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none !important;
    }
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-right: 2px solid #6d6a86;
        border-bottom: 2px solid #6d6a86;
        transform: rotate(45deg);
        transition: transform 0.16s ease, border-color 0.16s ease;
    }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
        border-color: #7367f0;
        transform: rotate(225deg);
    }
.select2-container--default .select2-selection--multiple {
        padding: 0.2rem 0.35rem !important;
    }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #f0edff !important;
        border: 1px solid rgba(115, 103, 240, 0.16) !important;
        border-radius: 0.45rem !important;
        color: #7367f0 !important;
        font-size: 0.78rem;
        font-weight: 500;
        padding: 0.15rem 0.45rem !important;
    }
.select2-dropdown {
        border: 1px solid rgba(115, 103, 240, 0.12) !important;
        border-radius: 0.65rem !important;
        background-color: #ffffff !important;
        box-shadow: 0 0.75rem 2rem rgba(47, 43, 74, 0.14) !important;
        overflow: hidden;
    }
.select2-container--open .select2-dropdown--below {
        margin-top: 0.35rem;
    }
.select2-container--open .select2-dropdown--above {
        margin-top: -0.35rem;
    }
.select2-container--default .select2-results__option {
        min-height: 1.9rem;
        display: flex;
        align-items: center;
        color: #4b465c;
        font-size: 0.84rem;
        font-weight: 400;
        padding: 0.4rem 0.65rem;
        border-radius: 0.45rem;
        margin: 0.08rem 0.25rem;
        transition: background-color 0.16s ease, color 0.16s ease;
    }
.select2-container--default .select2-results > .select2-results__options {
        padding: 0.25rem 0;
        max-height: 16rem;
    }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #f0edff !important;
        color: #7367f0 !important;
    }
.select2-container--default .select2-results__option[aria-selected="true"] {
        background-color: #7367f0 !important;
        color: #ffffff !important;
    }
.select2-container--default .select2-results__option[aria-disabled="true"] {
        color: #b9b5c7 !important;
        background-color: transparent !important;
        cursor: not-allowed;
    }
.dropdown-menu .dropdown-item.active,
    .dropdown-menu .dropdown-item:active,
    .custom-dropdown-menu .dropdown-item.active,
    .custom-dropdown-menu .dropdown-item:active,
    .bootstrap-table .page-list .dropdown-menu .dropdown-item.active,
    .bootstrap-table .page-list .dropdown-menu .dropdown-item:active {
        background-color: #7367f0 !important;
        color: #ffffff !important;
    }
.bootstrap-table .page-list .dropdown-menu,
    .fixed-table-toolbar .dropdown-menu {
        padding: 0.45rem !important;
        border: 1px solid rgba(115, 103, 240, 0.1) !important;
        border-radius: 0.65rem !important;
        box-shadow: 0 0.75rem 2rem rgba(47, 43, 74, 0.14) !important;
    }
.bootstrap-table .page-list .dropdown-menu .dropdown-item,
    .fixed-table-toolbar .dropdown-menu .dropdown-item {
        min-height: 2.2rem;
        border-radius: 0.45rem !important;
        color: #4b465c !important;
        font-size: 0.84rem !important;
        font-weight: 400 !important;
    }
.bootstrap-table .page-list .dropdown-menu .dropdown-item:hover,
    .fixed-table-toolbar .dropdown-menu .dropdown-item:hover {
        background-color: #f0edff !important;
        color: #7367f0 !important;
    }
.select2-search--dropdown .select2-search__field {
        border: 1px solid rgba(115, 103, 240, 0.16) !important;
        border-radius: 0.5rem !important;
        color: #4b465c;
        padding: 0.35rem 0.55rem !important;
        font-size: 0.84rem !important;
        outline: none !important;
    }
.select2-search--dropdown .select2-search__field:focus {
        border-color: #7367f0 !important;
        box-shadow: 0 0 0 0.14rem rgba(115, 103, 240, 0.12) !important;
    }
.content-wrapper .list-wrapper .border-radius-10,
    .content-wrapper .table tbody tr {
        transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    }
.sidebar .nav .nav-item.active > .nav-link,
    .sidebar .nav .nav-item .nav-link.active,
    .sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"] {
        background-color: #f0edff !important;
        color: #7367f0 !important;
        border-radius: 0.5rem !important;
        box-shadow: inset -3px 0 0 #7367f0;
    }
.sidebar .nav .nav-item.active > .nav-link .menu-title,
    .sidebar .nav .nav-item .nav-link.active .menu-title,
    .sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"] .menu-title {
        color: #7367f0 !important;
        font-family: var(--font-arabic-kurdish) !important;
        font-weight: 700 !important;
    }
.sidebar .nav .nav-item.active > .nav-link i,
    .sidebar .nav .nav-item .nav-link.active i,
    .sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"] i {
        color: #7367f0 !important;
    }
.sidebar .nav .nav-item .nav-link:hover {
        background-color: rgba(115, 103, 240, 0.08) !important;
        color: #7367f0 !important;
        border-radius: 0.5rem !important;
    }
.dropdown-menu,
    .custom-dropdown-menu,
    .action-column-dropdown-menu {
        min-width: 11rem;
        padding: 0.45rem !important;
        border: 1px solid rgba(115, 103, 240, 0.1) !important;
        border-radius: 0.65rem !important;
        background-color: #ffffff !important;
        box-shadow: 0 0.75rem 2rem rgba(47, 43, 74, 0.14) !important;
    }
.dropdown-menu .dropdown-item,
    .custom-dropdown-menu .dropdown-item,
    .action-column-dropdown-menu .dropdown-item,
    .dropdown-menu a,
    .dropdown-menu button {
        min-height: 2.25rem;
        display: flex !important;
        align-items: center !important;
        gap: 0.55rem;
        padding: 0.55rem 0.75rem !important;
        border: 0 !important;
        border-radius: 0.45rem !important;
        color: #4b465c !important;
        font-size: 0.84rem !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        background-color: transparent !important;
        transition: background-color 0.16s ease, color 0.16s ease;
    }
.dropdown-menu .dropdown-item:hover,
    .dropdown-menu .dropdown-item:focus,
    .custom-dropdown-menu .dropdown-item:hover,
    .custom-dropdown-menu .dropdown-item:focus,
    .action-column-dropdown-menu .dropdown-item:hover,
    .action-column-dropdown-menu .dropdown-item:focus,
    .dropdown-menu a:hover,
    .dropdown-menu a:focus,
    .dropdown-menu button:hover,
    .dropdown-menu button:focus {
        background-color: #f0edff !important;
        color: #7367f0 !important;
        outline: none !important;
    }
.dropdown-menu .dropdown-item i,
    .custom-dropdown-menu .dropdown-item i,
    .action-column-dropdown-menu .dropdown-item i {
        width: 1rem;
        margin-left: 0.35rem !important;
        color: #6d6a86 !important;
        text-align: center;
        transform: none !important;
    }
.dropdown-menu .dropdown-item:hover i,
    .dropdown-menu .dropdown-item:focus i,
    .custom-dropdown-menu .dropdown-item:hover i,
    .custom-dropdown-menu .dropdown-item:focus i,
    .action-column-dropdown-menu .dropdown-item:hover i,
    .action-column-dropdown-menu .dropdown-item:focus i {
        color: #7367f0 !important;
        transform: none !important;
    }
.dropdown-divider {
        border-top-color: rgba(115, 103, 240, 0.1) !important;
        margin: 0.35rem 0 !important;
    }
.dropdown-toggle,
    .btn.dropdown-toggle {
        border-radius: 0.5rem;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .nav-link {
        color: #4b465c;
        transition: background-color 0.16s ease, color 0.16s ease;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .nav-link:hover,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown.show .nav-link {
        color: #7367f0;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"],
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] {
        min-width: 12.5rem !important;
        /* Reset the theme's negative horizontal dropdown margin so menus at
           the left edge of an RTL header remain fully visible. */
        margin: 0.65rem 0 0 !important;
        padding: 0.5rem !important;
        border: 1px solid rgba(115, 103, 240, 0.12) !important;
        border-radius: 0.75rem !important;
        background: #ffffff !important;
        box-shadow: 0 0.85rem 2.25rem rgba(47, 43, 74, 0.16) !important;
    }
/* The profile control sits at the viewport's left edge in the RTL header. */
@media (min-width: 992px) {
        html[dir="rtl"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] {
            left: 0 !important;
            right: auto !important;
        }
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .preview-thumbnail {
        display: none !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .preview-item-content {
        width: 100%;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .preview-subject,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item {
        color: #4b465c !important;
        font-size: 0.86rem !important;
        font-weight: 400 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .dropdown-item,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item {
        min-height: 2.35rem;
        padding: 0.6rem 0.75rem !important;
        border-radius: 0.5rem !important;
        border-bottom: 0 !important;
        background: transparent !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .dropdown-item:hover,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .dropdown-item:focus,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item:hover,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item:focus {
        background-color: #f0edff !important;
        color: #7367f0 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .dropdown-item:hover .preview-subject,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .dropdown-item:focus .preview-subject {
        color: #7367f0 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item i {
        color: #6d6a86 !important;
        font-size: 0.95rem;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item:hover i,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-item:focus i {
        color: #7367f0 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="messageDropdown"] .dropdown-divider,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="profileDropdown"] .dropdown-divider {
        margin: 0.25rem 0 !important;
        border-top-color: rgba(115, 103, 240, 0.08) !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"],
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] {
        min-width: 14rem !important;
        margin-top: 0.65rem !important;
        padding: 0.5rem !important;
        border: 1px solid rgba(115, 103, 240, 0.14) !important;
        border-radius: 0.75rem !important;
        background: #ffffff !important;
        box-shadow: 0 0.85rem 2.25rem rgba(47, 43, 74, 0.16) !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] h6,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] h6 {
        padding: 0.75rem 0.85rem !important;
        color: #2f2b3d !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .dropdown-divider,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .dropdown-divider {
        margin: 0.25rem 0 !important;
        border-top-color: rgba(115, 103, 240, 0.1) !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item {
        min-height: 3.25rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.75rem !important;
        margin: 0.12rem 0 !important;
        padding: 0.62rem 0.75rem !important;
        border-radius: 0.65rem !important;
        border-bottom: 0 !important;
        background-color: transparent !important;
        transition: background-color 0.16s ease, color 0.16s ease !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item.bg-light,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item.bg-light {
        background-color: #f0edff !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item:hover,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item:focus,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item:hover,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item:focus {
        background-color: #f0edff !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-thumbnail,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-thumbnail {
        width: 2.25rem !important;
        height: 2.25rem !important;
        flex: 0 0 2.25rem !important;
        margin: 0 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-icon,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-icon {
        width: 2.25rem !important;
        height: 2.25rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background-color: #f0edff !important;
        color: #7367f0 !important;
        box-shadow: none !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item.bg-light .preview-icon,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item.bg-light .preview-icon,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-icon.bg-success,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-icon.bg-info {
        background-color: #7367f0 !important;
        color: #ffffff !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-icon i,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-icon i {
        margin: 0 !important;
        color: inherit !important;
        font-size: 0.9rem !important;
        line-height: 1 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item-content,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item-content {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-subject,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-subject {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        margin: 0 !important;
        color: #4b465c !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item.bg-light .preview-subject,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item.bg-light .preview-subject,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .preview-item:hover .preview-subject,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .preview-item:hover .preview-subject {
        color: #7367f0 !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="sessionYearDropdown"] .badge,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown[aria-labelledby="semesterDropdown"] .badge {
        padding: 0.24rem 0.48rem !important;
        border-radius: 999px !important;
        background-color: #f0edff !important;
        color: #7367f0 !important;
        font-size: 0.68rem !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }
#sessionYearDropdown .badge,
    #semesterDropdown .badge {
        padding: 0.42rem 0.68rem !important;
        border-radius: 999px !important;
        background-color: #f0edff !important;
        color: #7367f0 !important;
        font-size: 0.82rem !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }
.navbar .navbar-menu-wrapper .navbar-nav .nav-profile .nav-profile-img img {
        border: 2px solid #f0edff;
        box-shadow: 0 0.25rem 0.75rem rgba(115, 103, 240, 0.18);
    }
body.sidebar-fixed .navbar .navbar-brand-wrapper,
    body.sidebar-fixed .sidebar {
        width: 250px;
    }
body.sidebar-fixed .navbar .navbar-menu-wrapper {
        width: calc(100% - 250px);
    }
body.sidebar-fixed .main-panel {
        width: calc(100% - 250px);
        margin-right: 250px;
        margin-left: 0;
    }
body.sidebar-fixed.sidebar-icon-only .main-panel {
        width: calc(100% - 70px);
        margin-right: 70px;
        margin-left: 0;
    }
body.sidebar-fixed.sidebar-icon-only .navbar .navbar-brand-wrapper,
    body.sidebar-fixed.sidebar-icon-only .sidebar {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
    }
body.sidebar-fixed.sidebar-icon-only .navbar .navbar-menu-wrapper {
        width: calc(100% - 70px);
    }
body.sidebar-fixed.sidebar-icon-only .sidebar .sidebar-search,
    body.sidebar-fixed.sidebar-icon-only .sidebar .menu-search,
    body.sidebar-fixed.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
    body.sidebar-fixed.sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
    body.sidebar-fixed.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-arrow,
    body.sidebar-fixed.sidebar-icon-only .sidebar .nav .nav-item .collapse {
        display: none !important;
    }
body.sidebar-fixed.sidebar-icon-only .sidebar .nav .nav-item {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
body.sidebar-fixed.sidebar-icon-only .sidebar .nav .nav-item .nav-link {
        justify-content: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
@media (min-width: 992px) {
        body.sidebar-fixed .sidebar {
            position: fixed;
            top: 70px;
            right: 0;
            bottom: 0;
            left: auto;
            height: calc(100vh - 70px);
            max-height: calc(100vh - 70px);
            overflow-y: auto;
            overflow-x: hidden;
        }

        body.sidebar-fixed.sidebar-icon-only .sidebar {
            width: 70px;
            min-width: 70px;
            max-width: 70px;
        }

        body.sidebar-fixed .sidebar .nav {
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
            display: block;
        }

        body.sidebar-fixed .sidebar .nav .nav-item,
        body.sidebar-fixed .sidebar .nav .nav-item .collapse,
        body.sidebar-fixed .sidebar .nav.sub-menu {
            height: auto;
            min-height: 0;
            max-height: none;
            overflow: visible;
        }

        body.sidebar-fixed .sidebar .nav .nav-item .collapse.show {
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
            overflow: visible !important;
        }

        body.sidebar-fixed .sidebar .nav .nav-item .collapsing {
            min-height: 0 !important;
            max-height: none !important;
        }
    }
.action-column-dropdown-menu,
    .action-column-dropdown-menu .dropdown-item,
    .action-column-dropdown-menu a,
    .action-column-dropdown-menu button {
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.4;
    }
.action-column-dropdown-menu .dropdown-item:hover,
    .action-column-dropdown-menu .dropdown-item:focus {
        background-color: #f0edff !important;
        color: #7367f0 !important;
    }
.action-column-dropdown-menu .dropdown-item:hover i,
    .action-column-dropdown-menu .dropdown-item:focus i {
        color: #7367f0 !important;
        transform: none !important;
    }
.select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: 2.625rem !important;
    min-height: 2.625rem !important;
    overflow: visible !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0.85rem 0 2rem !important;
    color: #4b465c !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    overflow: visible !important;
    transform: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.35rem !important;
    height: 2.625rem !important;
    top: 0 !important;
    right: auto !important;
    left: 0.55rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: "" !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    border: 0 !important;
    border-right: 2px solid #6d6a86 !important;
    border-bottom: 2px solid #6d6a86 !important;
    margin-top: -0.2rem !important;
    transform: rotate(45deg) !important;
    transition: transform 0.16s ease, border-color 0.16s ease !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    border-color: #7367f0 !important;
    margin-top: 0.2rem !important;
    transform: rotate(225deg) !important;
}
.content-wrapper form,
.modal form {
    color: #4b465c;
}
.content-wrapper .form-group,
.modal .form-group {
    margin-bottom: 1.15rem !important;
}
.content-wrapper label,
.content-wrapper .col-form-label,
.modal label,
.modal .col-form-label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.42rem !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}
.content-wrapper label.required::after,
.modal label.required::after,
.content-wrapper label .required,
.modal label .required {
    color: #ff4c51 !important;
}
.content-wrapper .form-text,
.content-wrapper .help-block,
.content-wrapper small.text-muted,
.modal .form-text,
.modal .help-block,
.modal small.text-muted {
    margin-top: 0.35rem;
    color: #8f8aa3 !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}
.content-wrapper .form-control,
.content-wrapper .custom-select,
.modal .form-control,
.modal .custom-select {
    min-height: 2.55rem !important;
    border: 1px solid rgba(115, 103, 240, 0.18) !important;
    border-radius: 0.55rem !important;
    background-color: #ffffff !important;
    color: #4b465c !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 1px 2px rgba(47, 43, 74, 0.03) !important;
}
.content-wrapper input.form-control,
.content-wrapper select.form-control,
.content-wrapper .custom-select,
.modal input.form-control,
.modal select.form-control,
.modal .custom-select {
    height: 2.55rem !important;
    padding: 0.48rem 0.82rem !important;
}
.content-wrapper select.form-control,
.content-wrapper .custom-select,
.modal select.form-control,
.modal .custom-select {
    padding-left: 2.15rem !important;
}
.content-wrapper textarea.form-control,
.modal textarea.form-control {
    min-height: 6.25rem !important;
    padding: 0.75rem 0.82rem !important;
}
.content-wrapper .form-control:hover,
.content-wrapper .custom-select:hover,
.modal .form-control:hover,
.modal .custom-select:hover {
    border-color: rgba(115, 103, 240, 0.38) !important;
}
.content-wrapper .form-control:focus,
.content-wrapper .custom-select:focus,
.modal .form-control:focus,
.modal .custom-select:focus {
    border-color: #7367f0 !important;
    box-shadow: 0 0 0 0.15rem rgba(115, 103, 240, 0.14) !important;
    outline: 0 !important;
}
.content-wrapper .form-control::-moz-placeholder, .modal .form-control::-moz-placeholder {
    color: #aaa6ba !important;
    font-weight: 400 !important;
}
.content-wrapper .form-control::placeholder,
.modal .form-control::placeholder {
    color: #aaa6ba !important;
    font-weight: 400 !important;
}
.content-wrapper .form-control:disabled,
.content-wrapper .form-control[readonly],
.content-wrapper .custom-select:disabled,
.modal .form-control:disabled,
.modal .form-control[readonly],
.modal .custom-select:disabled {
    background-color: #f7f7fb !important;
    color: #8f8aa3 !important;
    border-color: rgba(115, 103, 240, 0.12) !important;
    box-shadow: none !important;
}
.content-wrapper .form-control-sm,
.content-wrapper select.form-control-sm,
.modal .form-control-sm,
.modal select.form-control-sm {
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    padding: 0.38rem 0.68rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.8rem !important;
}
.content-wrapper .form-control-lg,
.modal .form-control-lg {
    height: 2.95rem !important;
    min-height: 2.95rem !important;
    padding: 0.66rem 0.95rem !important;
    border-radius: 0.65rem !important;
    font-size: 0.92rem !important;
}
.content-wrapper .input-group,
.modal .input-group {
    border-radius: 0.55rem !important;
    flex-wrap: nowrap;
    align-items: stretch;
}
.content-wrapper .input-group .form-control,
.modal .input-group .form-control {
    height: 2.55rem !important;
    min-width: 0;
}
.content-wrapper .input-group-text,
.content-wrapper .input-group-prepend .btn,
.content-wrapper .input-group-append .btn,
.modal .input-group-text,
.modal .input-group-prepend .btn,
.modal .input-group-append .btn {
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    border-color: rgba(115, 103, 240, 0.18) !important;
    background-color: #f7f7fb !important;
    color: #6d6a86 !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.content-wrapper .input-group > .form-control:not(:first-child),
.content-wrapper .input-group > .custom-select:not(:first-child),
.modal .input-group > .form-control:not(:first-child),
.modal .input-group > .custom-select:not(:first-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.content-wrapper .input-group > .form-control:not(:last-child),
.content-wrapper .input-group > .custom-select:not(:last-child),
.modal .input-group > .form-control:not(:last-child),
.modal .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.content-wrapper .input-group-prepend,
.content-wrapper .input-group-append,
.modal .input-group-prepend,
.modal .input-group-append {
    display: flex !important;
}
.content-wrapper .input-group-prepend .btn,
.content-wrapper .input-group-prepend .input-group-text,
.modal .input-group-prepend .btn,
.modal .input-group-prepend .input-group-text {
    border-top-right-radius: 0.55rem !important;
    border-bottom-right-radius: 0.55rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -1px !important;
    cursor: pointer !important;
}
.content-wrapper .input-group-append .btn,
.content-wrapper .input-group-append .input-group-text,
.modal .input-group-append .btn,
.modal .input-group-append .input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.55rem !important;
    border-bottom-left-radius: 0.55rem !important;
    margin-right: -1px !important;
    cursor: pointer !important;
}
.content-wrapper .input-group-append .btn i,
.content-wrapper .input-group-append .input-group-text i,
.content-wrapper .input-group-prepend .btn i,
.content-wrapper .input-group-prepend .input-group-text i,
.modal .input-group-append .btn i,
.modal .input-group-append .input-group-text i,
.modal .input-group-prepend .btn i,
.modal .input-group-prepend .input-group-text i {
    line-height: 1 !important;
    cursor: pointer !important;
}
.content-wrapper .input-group-prepend .btn,
.content-wrapper .input-group-append .btn,
.modal .input-group-prepend .btn,
.modal .input-group-append .btn {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.content-wrapper .input-group-prepend .btn:hover,
.content-wrapper .input-group-append .btn:hover,
.modal .input-group-prepend .btn:hover,
.modal .input-group-append .btn:hover {
    background-color: #e3defe !important;
    color: #685dd8 !important;
}
.content-wrapper .invalid-feedback,
.content-wrapper .valid-feedback,
.modal .invalid-feedback,
.modal .valid-feedback {
    margin-top: 0.35rem !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}
.content-wrapper .is-invalid,
.content-wrapper .form-control.is-invalid,
.modal .is-invalid,
.modal .form-control.is-invalid {
    border-color: #ff4c51 !important;
    box-shadow: 0 0 0 0.12rem rgba(255, 76, 81, 0.12) !important;
}
.content-wrapper .is-valid,
.content-wrapper .form-control.is-valid,
.modal .is-valid,
.modal .form-control.is-valid {
    border-color: #28c76f !important;
    box-shadow: 0 0 0 0.12rem rgba(40, 199, 111, 0.12) !important;
}
.content-wrapper .form-check,
.modal .form-check {
    min-height: 1.5rem;
    margin-bottom: 0.55rem;
    padding-right: 1.65rem;
    padding-left: 0;
}
.content-wrapper .form-check-input,
.modal .form-check-input {
    width: 1rem;
    height: 1rem;
    margin-top: 0.18rem;
    border-color: rgba(115, 103, 240, 0.34) !important;
    cursor: pointer;
}
.content-wrapper .form-check-input:checked,
.modal .form-check-input:checked {
    background-color: #7367f0 !important;
    border-color: #7367f0 !important;
}
.content-wrapper .form-check-label,
.modal .form-check-label {
    margin-bottom: 0 !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    cursor: pointer;
}
/* Shared checkbox control: keeps the existing theme color while centering
   the tick and label across regular forms, modals, and table selections. */
html[dir="rtl"] .content-wrapper .form-check,
html[dir="rtl"] .modal .form-check {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0;
}
html[dir="rtl"] .content-wrapper .form-check .form-check-label,
html[dir="rtl"] .modal .form-check .form-check-label {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    min-height: 1rem;
}
html[dir="rtl"] .content-wrapper .form-check input[type="checkbox"],
html[dir="rtl"] .modal .form-check input[type="checkbox"],
html[dir="rtl"] .content-wrapper .bootstrap-table input[type="checkbox"] {
    position: static !important;
    display: inline-grid !important;
    width: 1rem !important;
    height: 1rem !important;
    flex: 0 0 1rem;
    margin: 0 !important;
    opacity: 1 !important;
    -moz-appearance: none !important;
         appearance: none !important;
    -webkit-appearance: none !important;
    border: 1.5px solid rgba(115, 103, 240, 0.4) !important;
    border-radius: 0.28rem !important;
    background-color: #ffffff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.78rem !important;
    cursor: pointer;
}
html[dir="rtl"] .content-wrapper .form-check input[type="checkbox"]:checked,
html[dir="rtl"] .modal .form-check input[type="checkbox"]:checked,
html[dir="rtl"] .content-wrapper .bootstrap-table input[type="checkbox"]:checked {
    border-color: #7367f0 !important;
    background-color: #7367f0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m3.5 8.5 2.75 2.75 6-6'/%3E%3C/svg%3E") !important;
}
html[dir="rtl"] .content-wrapper .form-check input[type="checkbox"]:focus-visible,
html[dir="rtl"] .modal .form-check input[type="checkbox"]:focus-visible,
html[dir="rtl"] .content-wrapper .bootstrap-table input[type="checkbox"]:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(115, 103, 240, 0.18) !important;
}
html[dir="rtl"] .content-wrapper .form-check .input-helper,
html[dir="rtl"] .modal .form-check .input-helper {
    display: none !important;
}
.content-wrapper input[type="file"].form-control,
.modal input[type="file"].form-control {
    height: auto !important;
    min-height: 2.55rem !important;
    padding: 0.48rem 0.82rem !important;
}
.content-wrapper input[type="file"].form-control::file-selector-button,
.modal input[type="file"].form-control::file-selector-button {
    margin: -0.48rem -0.82rem -0.48rem 0.75rem;
    padding: 0.58rem 0.9rem;
    border: 0;
    border-left: 1px solid rgba(115, 103, 240, 0.14);
    background-color: #f0edff;
    color: #7367f0;
    font-weight: 500;
}
.content-wrapper .select2-container,
.modal .select2-container {
    width: 100% !important;
}
.content-wrapper .select2-container--default .select2-selection--single,
.modal .select2-container--default .select2-selection--single {
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    border-color: rgba(115, 103, 240, 0.18) !important;
    border-radius: 0.55rem !important;
    box-shadow: 0 1px 2px rgba(47, 43, 74, 0.03) !important;
}
.content-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 0.82rem 0 2rem !important;
    font-size: 0.86rem !important;
    line-height: 1.25 !important;
}
.content-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.55rem !important;
}
.select2-dropdown {
    padding: 0.25rem !important;
    border: 1px solid rgba(115, 103, 240, 0.14) !important;
    border-radius: 0.6rem !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 2.25rem !important;
    border: 1px solid rgba(115, 103, 240, 0.18) !important;
    border-radius: 0.5rem !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    outline: 0 !important;
}
.select2-container--default .select2-results__option {
    min-height: 2rem !important;
    margin: 0.08rem 0 !important;
    padding: 0.45rem 0.65rem !important;
    border-radius: 0.45rem !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.content-wrapper .file-upload-default,
.modal .file-upload-default {
    display: none !important;
}
.content-wrapper .input-group .file-upload-info,
.modal .input-group .file-upload-info {
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    border-color: rgba(115, 103, 240, 0.18) !important;
    border-radius: 0 0.55rem 0.55rem 0 !important;
    background-color: #ffffff !important;
    color: #4b465c !important;
    cursor: default !important;
    opacity: 1 !important;
}
.content-wrapper .input-group .file-upload-info:disabled,
.modal .input-group .file-upload-info:disabled {
    background-color: #ffffff !important;
    color: #8f8aa3 !important;
    -webkit-text-fill-color: #8f8aa3 !important;
}
.content-wrapper .input-group .file-upload-info + .input-group-append .file-upload-browse,
.modal .input-group .file-upload-info + .input-group-append .file-upload-browse {
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    padding: 0.5rem 1rem !important;
    border: 1px solid #7367f0 !important;
    border-right: 0 !important;
    border-radius: 0.55rem 0 0 0.55rem !important;
    background-color: #7367f0 !important;
    color: #ffffff !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
.content-wrapper .input-group .file-upload-info + .input-group-append .file-upload-browse:hover,
.modal .input-group .file-upload-info + .input-group-append .file-upload-browse:hover {
    border-color: #685dd8 !important;
    background-color: #685dd8 !important;
    color: #ffffff !important;
}
.content-wrapper .input-group:has(.file-upload-info),
.modal .input-group:has(.file-upload-info) {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.content-wrapper .input-group:has(.file-upload-info) .file-upload-info,
.modal .input-group:has(.file-upload-info) .file-upload-info {
    display: block !important;
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 9rem !important;
    max-width: 100% !important;
    padding: 0.48rem 0.82rem !important;
}
.content-wrapper .input-group:has(.file-upload-info) .input-group-append,
.modal .input-group:has(.file-upload-info) .input-group-append {
    display: flex !important;
    flex: 0 0 auto !important;
    margin-right: 0 !important;
}
.content-wrapper .input-group:has(.file-upload-info) .file-upload-browse,
.modal .input-group:has(.file-upload-info) .file-upload-browse {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}
.content-wrapper .form-group > img,
.modal .form-group > img,
.content-wrapper .form-group .img-fluid,
.modal .form-group .img-fluid {
    display: block;
    margin-top: 0.65rem;
}
.content-wrapper form .border.border-secondary,
.content-wrapper form .border-secondary,
.modal form .border.border-secondary,
.modal form .border-secondary {
    position: relative;
    margin: 1.15rem 0 1.4rem !important;
    padding: 1.15rem 1.15rem 0.45rem !important;
    border: 1px solid rgba(115, 103, 240, 0.12) !important;
    border-radius: 0.85rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0.35rem 1.1rem rgba(47, 43, 74, 0.045) !important;
}
.content-wrapper form .border.border-secondary > .col-md-12,
.content-wrapper form .border-secondary > .col-md-12,
.modal form .border.border-secondary > .col-md-12,
.modal form .border-secondary > .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}
.content-wrapper form .border.border-secondary h4,
.content-wrapper form .border-secondary h4,
.modal form .border.border-secondary h4,
.modal form .border-secondary h4 {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 !important;
    color: #2f2b4a !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}
.content-wrapper form .border.border-secondary h4::before,
.content-wrapper form .border-secondary h4::before,
.modal form .border.border-secondary h4::before,
.modal form .border-secondary h4::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background-color: #7367f0;
    box-shadow: 0 0 0 0.28rem #f0edff;
}
.content-wrapper form .border.border-secondary hr,
.content-wrapper form .border-secondary hr,
.modal form .border.border-secondary hr,
.modal form .border-secondary hr {
    margin: 0.85rem 0 1.05rem !important;
    border-top: 1px solid rgba(115, 103, 240, 0.1) !important;
}
.content-wrapper form .border.border-secondary > .col-12,
.content-wrapper form .border-secondary > .col-12,
.modal form .border.border-secondary > .col-12,
.modal form .border-secondary > .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}
.content-wrapper form .border.border-secondary > .row,
.content-wrapper form .border-secondary > .row,
.modal form .border.border-secondary > .row,
.modal form .border-secondary > .row {
    margin: 0 -0.55rem !important;
}
.content-wrapper form .border.border-secondary > .row > [class*="col-"],
.content-wrapper form .border-secondary > .row > [class*="col-"],
.modal form .border.border-secondary > .row > [class*="col-"],
.modal form .border-secondary > .row > [class*="col-"] {
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
}
.content-wrapper .form-control[readonly],
.modal .form-control[readonly] {
    background-color: #f7f7fb !important;
    border-color: rgba(115, 103, 240, 0.12) !important;
    color: #8f8aa3 !important;
    font-family: var(--font-arabic-kurdish) !important;
}
.content-wrapper input[name="info-link"],
.modal input[name="info-link"] {
    min-height: 2.7rem !important;
    background-color: #f8f7ff !important;
    border-color: rgba(115, 103, 240, 0.16) !important;
    color: #7367f0 !important;
    font-size: 0.84rem !important;
}
.content-wrapper .alert,
.modal .alert {
    border-radius: 0.55rem !important;
    padding: 0.82rem 1rem !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}
.content-wrapper .alert-danger,
.modal .alert-danger {
    border: 1px solid rgba(255, 76, 81, 0.28) !important;
    background-color: rgba(255, 76, 81, 0.08) !important;
    color: #d33b40 !important;
}
.content-wrapper form .btn[type="submit"],
.content-wrapper form .btn.btn-theme,
.modal form .btn[type="submit"],
.modal form .btn.btn-theme {
    min-width: 6rem;
    background-color: #7367f0 !important;
    border-color: #7367f0 !important;
    color: #ffffff !important;
}
.content-wrapper form .btn[type="submit"]:hover,
.content-wrapper form .btn.btn-theme:hover,
.modal form .btn[type="submit"]:hover,
.modal form .btn.btn-theme:hover {
    background-color: #685dd8 !important;
    border-color: #685dd8 !important;
}
.content-wrapper form input[type="reset"].btn,
.modal form input[type="reset"].btn {
    min-width: 6rem;
    background-color: #f0edff !important;
    border-color: #f0edff !important;
    color: #7367f0 !important;
}
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"]:not(.active),
.sidebar .nav .nav-item.active > .nav-link[data-toggle="collapse"]:not(.active) {
    background-color: #f1f1f2 !important;
    color: #4b465c !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    border-radius: 0.5rem !important;
}
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"]:not(.active) .menu-title,
.sidebar .nav .nav-item.active > .nav-link[data-toggle="collapse"]:not(.active) .menu-title {
    color: #4b465c !important;
    font-weight: 400 !important;
}
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"]:not(.active) i,
.sidebar .nav .nav-item.active > .nav-link[data-toggle="collapse"]:not(.active) i {
    color: #4b465c !important;
}
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"]:not(.active):hover,
.sidebar .nav .nav-item.active > .nav-link[data-toggle="collapse"]:not(.active):hover {
    background-color: #f1f1f2 !important;
    color: #4b465c !important;
}
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"]:not(.active):hover .menu-title,
.sidebar .nav .nav-item.active > .nav-link[data-toggle="collapse"]:not(.active):hover .menu-title,
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"]:not(.active):hover i,
.sidebar .nav .nav-item.active > .nav-link[data-toggle="collapse"]:not(.active):hover i {
    color: #4b465c !important;
}
.sidebar .nav .nav-item .nav-link.active,
.sidebar .nav .nav-item.active > .nav-link:not([data-toggle="collapse"]) {
    background-color: #7367f0 !important;
    color: #ffffff !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.25rem 0.85rem rgba(115, 103, 240, 0.32) !important;
    font-weight: 500 !important;
}
.sidebar .nav .nav-item .nav-link.active .menu-title,
.sidebar .nav .nav-item.active > .nav-link:not([data-toggle="collapse"]) .menu-title {
    color: #ffffff !important;
    font-family: var(--font-arabic-kurdish) !important;
    font-weight: 700 !important;
}
.sidebar .nav .nav-item .nav-link.active i,
.sidebar .nav .nav-item.active > .nav-link:not([data-toggle="collapse"]) i {
    color: #ffffff !important;
}
.sidebar .nav .nav-item .nav-link i.menu-icon.fa,
.sidebar .nav .nav-item .nav-link.active i.menu-icon.fa,
.sidebar .nav .nav-item.active > .nav-link i.menu-icon.fa,
.sidebar .nav .nav-item.parent-active > .nav-link i.menu-icon.fa {
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow {
    position: relative !important;
    width: 1rem !important;
    height: 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: none !important;
    transition: none !important;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow::before {
    content: "" !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    border: 0 !important;
    border-left: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
    transition: transform 0.16s ease !important;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow {
    transform: none !important;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow::before {
    transform: rotate(-45deg) !important;
}
.sidebar .nav .nav-item > .nav-link:not(.active):not([aria-expanded="true"]):hover,
.sidebar .nav.sub-menu .nav-item > .nav-link:not(.active):hover {
    background-color: #f1f1f2 !important;
    color: #4b465c !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
}
.sidebar .nav .nav-item > .nav-link:not(.active):not([aria-expanded="true"]):hover .menu-title,
.sidebar .nav .nav-item > .nav-link:not(.active):not([aria-expanded="true"]):hover i,
.sidebar .nav.sub-menu .nav-item > .nav-link:not(.active):hover,
.sidebar .nav.sub-menu .nav-item > .nav-link:not(.active):hover i {
    color: #4b465c !important;
}
.sidebar .nav .nav-item > .nav-link[aria-expanded="true"]:not(.active) {
    background-color: #f1f1f2 !important;
    color: #4b465c !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
}
.sidebar .nav .nav-item > .nav-link[aria-expanded="true"]:not(.active) .menu-title,
.sidebar .nav .nav-item > .nav-link[aria-expanded="true"]:not(.active) i {
    color: #4b465c !important;
}
.sidebar .nav.sub-menu .nav-item > .nav-link.active,
.sidebar .nav.sub-menu .nav-item.active > .nav-link {
    background-color: #7367f0 !important;
    color: #ffffff !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.25rem 0.85rem rgba(115, 103, 240, 0.32) !important;
}
.sidebar .nav.sub-menu .nav-item > .nav-link.active::before,
.sidebar .nav.sub-menu .nav-item.active > .nav-link::before {
    border-color: #ffffff !important;
    background-color: transparent !important;
}
.content-wrapper .card-title:has(+ .feature-checkbox),
.content-wrapper h4.card-title {
    color: #2f2b4a !important;
}
.content-wrapper .feature-checkbox,
.content-wrapper .feature-radio,
.modal .feature-checkbox,
.modal .feature-radio {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.content-wrapper .feature-list,
.content-wrapper .feature-list-default,
.modal .feature-list,
.modal .feature-list-default {
    position: relative;
    width: 100% !important;
    min-height: 3.05rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0.78rem 2.55rem 0.78rem 1rem !important;
    border: 1px solid rgba(115, 103, 240, 0.16) !important;
    border-radius: 0.65rem !important;
    background-color: #ffffff !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    box-shadow: 0 0.25rem 0.8rem rgba(47, 43, 74, 0.04) !important;
    cursor: pointer;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.content-wrapper .feature-list::before,
.content-wrapper .feature-list-default::before,
.modal .feature-list::before,
.modal .feature-list-default::before {
    content: "" !important;
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    border: 1.5px solid rgba(115, 103, 240, 0.38) !important;
    border-radius: 0.35rem;
    background-color: #ffffff;
    transform: translateY(-50%);
    box-shadow: none !important;
}
.content-wrapper .feature-list::after,
.content-wrapper .feature-list-default::after,
.modal .feature-list::after,
.modal .feature-list-default::after {
    content: "" !important;
    position: absolute;
    right: 1.33rem;
    top: 50%;
    width: 0.32rem;
    height: 0.58rem;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    opacity: 0;
    transform: translateY(-58%) rotate(45deg);
}
.content-wrapper .feature-list:hover,
.modal .feature-list:hover {
    border-color: #7367f0 !important;
    background-color: #fbfaff !important;
    color: #7367f0 !important;
    box-shadow: 0 0.35rem 1rem rgba(115, 103, 240, 0.1) !important;
}
.content-wrapper .feature-checkbox:checked + .feature-list,
.content-wrapper .feature-radio:checked + .feature-list,
.modal .feature-checkbox:checked + .feature-list,
.modal .feature-radio:checked + .feature-list,
.content-wrapper .feature-list-default,
.modal .feature-list-default {
    border-color: #7367f0 !important;
    background-color: #f0edff !important;
    color: #7367f0 !important;
    box-shadow: 0 0.35rem 1rem rgba(115, 103, 240, 0.12) !important;
}
.content-wrapper .feature-checkbox:checked + .feature-list::before,
.content-wrapper .feature-radio:checked + .feature-list::before,
.modal .feature-checkbox:checked + .feature-list::before,
.modal .feature-radio:checked + .feature-list::before,
.content-wrapper .feature-list-default::before,
.modal .feature-list-default::before {
    border-color: #7367f0 !important;
    background-color: #7367f0 !important;
}
.content-wrapper .feature-checkbox:checked + .feature-list::after,
.content-wrapper .feature-radio:checked + .feature-list::after,
.modal .feature-checkbox:checked + .feature-list::after,
.modal .feature-radio:checked + .feature-list::after,
.content-wrapper .feature-list-default::after,
.modal .feature-list-default::after {
    opacity: 1;
}
.content-wrapper .feature-checkbox:disabled + .feature-list-default,
.modal .feature-checkbox:disabled + .feature-list-default {
    cursor: default;
}
.content-wrapper .feature-checkbox:focus + .feature-list,
.content-wrapper .feature-radio:focus + .feature-list,
.modal .feature-checkbox:focus + .feature-list,
.modal .feature-radio:focus + .feature-list {
    border-color: #7367f0 !important;
    box-shadow: 0 0 0 0.15rem rgba(115, 103, 240, 0.14) !important;
}
/* Package create/edit form */
html[dir="rtl"] .package-form-card .card-body,
html[dir="rtl"] .package-form {
    text-align: right;
}
html[dir="rtl"] .package-form-header {
    min-height: 2.5rem;
}
html[dir="rtl"] .package-form-header .card-title {
    margin-bottom: 0 !important;
}
html[dir="rtl"] .package-form-header-actions {
    text-align: left;
}
html[dir="rtl"] .package-form-divider {
    margin: 1.25rem 0 !important;
    border-top-color: rgba(115, 103, 240, 0.12) !important;
}
html[dir="rtl"] .package-form .form-group > label,
html[dir="rtl"] .package-form .package-section-heading {
    color: #4b465c;
    font-weight: 600;
}
html[dir="rtl"] .package-type-section {
    margin-bottom: 1.25rem !important;
    padding: 0.9rem 1rem !important;
    border: 1px solid rgba(115, 103, 240, 0.12);
    border-radius: 0.7rem;
    background: #fbfaff;
}
html[dir="rtl"] .package-type-section > label {
    display: block;
    margin-bottom: 0.65rem !important;
}
html[dir="rtl"] .package-type-options,
html[dir="rtl"] .package-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}
html[dir="rtl"] .package-type-option {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 !important;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(115, 103, 240, 0.15);
    border-radius: 0.55rem;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}
html[dir="rtl"] .package-type-option:has(.package_type:checked) {
    border-color: #7367f0;
    background: #f0edff;
    color: #7367f0;
    box-shadow: 0 0.3rem 0.8rem rgba(115, 103, 240, 0.14);
}
html[dir="rtl"] .package-type-option:hover {
    border-color: #7367f0;
    background: #fbfaff;
}
html[dir="rtl"] .package-type-option .form-check-label,
html[dir="rtl"] .package-option-check .form-check-label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    cursor: pointer;
}
html[dir="rtl"] .package-option-check .form-check-label {
    display: flex !important;
    align-items: center !important;
    min-height: 1.5rem;
    width: 100%;
}
html[dir="rtl"] .package-type-option .form-check-input,
html[dir="rtl"] .package-option-check .form-check-input {
    position: static !important;
    margin: 0 !important;
}
html[dir="rtl"] .package-form input.package_type[type="radio"] {
    display: none !important;
}
html[dir="rtl"] .package-type-option .input-helper {
    display: none !important;
}
html[dir="rtl"] .package-option-check .input-helper {
    display: none !important;
}
html[dir="rtl"] .package-option-check .package-option-input {
    position: static !important;
    flex: 0 0 auto;
    align-self: center;
    margin: 0 !important;
}
html[dir="rtl"] .package-description-field textarea {
    min-height: 5.8rem;
    resize: vertical;
}
html[dir="rtl"] .package-pricing-fields > .row {
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0.85rem 0.35rem 0.1rem;
    border: 1px solid rgba(115, 103, 240, 0.1);
    border-radius: 0.7rem;
    background: #fcfbff;
}
html[dir="rtl"] .package-pricing-fields > .row > .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}
html[dir="rtl"] .package-pricing-fields .package-pricing-label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 2rem;
    margin-bottom: 0.45rem !important;
    font-size: 0.78rem;
    line-height: 1.4;
    white-space: nowrap;
}
html[dir="rtl"] .package-pricing-fields .form-control {
    margin-top: auto;
}
html[dir="rtl"] .package-options-row {
    margin-top: 0.25rem;
}
html[dir="rtl"] .package-option-check {
    display: inline-flex;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(115, 103, 240, 0.13);
    border-radius: 0.6rem;
    background: #ffffff;
}
html[dir="rtl"] .package-features-section {
    margin-top: 0.25rem;
}
html[dir="rtl"] .package-section-heading .card-title {
    margin-bottom: 0 !important;
}
html[dir="rtl"] .package-feature-item {
    margin-bottom: 1rem !important;
}
html[dir="rtl"] .package-form-actions {
    justify-content: flex-start;
}
html[dir="rtl"] .package-form-card {
    overflow: visible;
    border: 1px solid rgba(115, 103, 240, 0.1) !important;
    box-shadow: 0 0.7rem 1.8rem rgba(47, 43, 74, 0.06) !important;
}
html[dir="rtl"] .package-form-card .card-body {
    padding: 1.4rem 1.5rem 1.5rem !important;
}
html[dir="rtl"] .package-form-header {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(115, 103, 240, 0.1);
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
html[dir="rtl"] .package-form-header-actions .btn {
    min-width: 5.75rem;
}
html[dir="rtl"] .package-form .form-control {
    min-height: 2.8rem;
    border-color: rgba(115, 103, 240, 0.17) !important;
    background: #ffffff;
    box-shadow: none !important;
}
html[dir="rtl"] .package-form .form-control:focus {
    border-color: #7367f0 !important;
    box-shadow: 0 0 0 0.16rem rgba(115, 103, 240, 0.12) !important;
}
html[dir="rtl"] .package-type-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 30rem;
}
html[dir="rtl"] .package-type-option {
    min-height: 2.9rem;
}
html[dir="rtl"] .package-type-option .form-check-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 1.9rem;
    width: 100% !important;
    text-align: center !important;
}
html[dir="rtl"] .package-pricing-fields {
    margin-top: 0.2rem;
}
html[dir="rtl"] .package-pricing-caption {
    margin: 0 0.35rem 0.45rem 0;
    color: #7367f0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}
html[dir="rtl"] .package-option-check {
    align-items: center;
    width: 100%;
    min-height: 2.8rem;
    padding: 0.6rem 0.8rem !important;
    box-sizing: border-box;
    background: #fcfbff;
}
html[dir="rtl"] .package-option-check .form-check-label {
    line-height: 1.4;
}
html[dir="rtl"] .package-option-check .popover-container {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}
html[dir="rtl"] .package-option-check .popover-content {
    right: 0;
    left: auto;
    text-align: right;
}
html[dir="rtl"] .package-option-note {
    margin-top: 0.55rem;
    line-height: 1.55;
}
html[dir="rtl"] .package-features-section {
    padding: 1rem 0.25rem 0.1rem;
    border: 1px solid rgba(115, 103, 240, 0.1);
    border-radius: 0.75rem;
    background: #fcfbff;
}
html[dir="rtl"] .package-section-heading {
    padding-bottom: 0.15rem;
}
html[dir="rtl"] .package-feature-item {
    margin-bottom: 0.85rem !important;
}
html[dir="rtl"] .package-feature-label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 3.3rem !important;
}
html[dir="rtl"] .package-feature-label::before,
html[dir="rtl"] .package-feature-label::after {
    top: 50% !important;
}
html[dir="rtl"] .package-feature-label::after {
    content: "✓" !important;
    color: #ffffff !important;
    right: 1rem !important;
    left: auto !important;
    width: 1rem !important;
    height: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-50%) !important;
}
html[dir="rtl"] .package-form-actions {
    margin-top: 0.15rem;
    padding: 0.9rem;
    border: 1px solid rgba(115, 103, 240, 0.1);
    border-radius: 0.75rem;
    background: #f8fafc;
}
html[dir="rtl"] .package-form-actions > .btn {
    min-width: 7rem;
}
@media (max-width: 767px) {
    html[dir="rtl"] .package-form-header-actions {
        margin-top: 0.75rem;
        text-align: right;
    }

    html[dir="rtl"] .package-form-actions > .btn {
        flex: 1 1 auto;
    }

    html[dir="rtl"] .package-form-card .card-body {
        padding: 1rem !important;
    }

    html[dir="rtl"] .package-type-options {
        grid-template-columns: 1fr;
        max-width: none;
    }

    html[dir="rtl"] .package-pricing-fields .package-pricing-label {
        min-height: 0;
        white-space: normal;
    }
}
.content-wrapper .fixed-table-toolbar,
.modal .fixed-table-toolbar,
.bootstrap-table .fixed-table-toolbar {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    min-height: 2.35rem !important;
    margin: 0 0 0.75rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.content-wrapper .fixed-table-toolbar::after,
.modal .fixed-table-toolbar::after,
.bootstrap-table .fixed-table-toolbar::after {
    display: none !important;
}
.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .columns,
.fixed-table-toolbar .search,
.fixed-table-toolbar .float-left,
.fixed-table-toolbar .float-right {
    margin: 0 !important;
}
.fixed-table-toolbar .bs-bars {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-self: flex-end !important;
}
.fixed-table-toolbar .columns {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
    padding: 0.25rem !important;
    border: 1px solid rgba(115, 103, 240, 0.12) !important;
    border-radius: 0.7rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0.2rem 0.65rem rgba(47, 43, 74, 0.05) !important;
    align-self: flex-end !important;
}
.fixed-table-toolbar .columns-left,
.fixed-table-toolbar .columns-right,
.fixed-table-toolbar .float-left,
.fixed-table-toolbar .float-right {
    float: none !important;
}
.fixed-table-toolbar .btn,
.fixed-table-toolbar .dropdown-toggle {
    min-width: 2.25rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    padding: 0 0.72rem !important;
    border: 1px solid transparent !important;
    border-radius: 0.55rem !important;
    background-color: #f0edff !important;
    color: #7367f0 !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
.fixed-table-toolbar .btn:hover,
.fixed-table-toolbar .btn:focus,
.fixed-table-toolbar .dropdown-toggle:hover,
.fixed-table-toolbar .dropdown-toggle:focus,
.fixed-table-toolbar .show > .btn,
.fixed-table-toolbar .show > .dropdown-toggle {
    border-color: rgba(115, 103, 240, 0.18) !important;
    background-color: #e3defe !important;
    color: #685dd8 !important;
    box-shadow: 0 0 0 0.14rem rgba(115, 103, 240, 0.12) !important;
}
.fixed-table-toolbar .btn i,
.fixed-table-toolbar .btn .fa,
.fixed-table-toolbar .btn .mdi,
.fixed-table-toolbar .dropdown-toggle i,
.fixed-table-toolbar .dropdown-toggle .fa,
.fixed-table-toolbar .dropdown-toggle .mdi {
    margin: 0 !important;
    color: inherit !important;
    font-size: 0.92rem !important;
    line-height: 1 !important;
}
.fixed-table-toolbar .dropdown-toggle::after {
    margin-right: 0.45rem !important;
    margin-left: 0 !important;
    color: inherit !important;
    vertical-align: middle !important;
}
.fixed-table-toolbar .search input,
.fixed-table-toolbar .search .form-control {
    width: 14rem !important;
    max-width: min(14rem, 100%) !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    border-color: rgba(115, 103, 240, 0.16) !important;
    border-radius: 0.55rem !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    box-shadow: none !important;
}
.fixed-table-toolbar .search {
    width: auto !important;
    max-width: 14rem !important;
    flex: 0 0 auto !important;
    align-self: flex-end !important;
}
@media (max-width: 767.98px) {
    .fixed-table-toolbar {
        flex-wrap: wrap !important;
    }

    .fixed-table-toolbar .search,
    .fixed-table-toolbar .search input,
    .fixed-table-toolbar .search .form-control {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}
.fixed-table-toolbar .search input:focus,
.fixed-table-toolbar .search .form-control:focus {
    border-color: #7367f0 !important;
    box-shadow: 0 0 0 0.14rem rgba(115, 103, 240, 0.12) !important;
}
#toolbar {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    min-width: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}
#toolbar .form-group {
    flex: 0 0 10.5rem !important;
    width: 10.5rem !important;
    max-width: 10.5rem !important;
    margin: 0 !important;
}
#toolbar .form-group label,
#toolbar .filter-menu {
    display: block !important;
    margin-bottom: 0.3rem !important;
    color: #6d6a86 !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}
#toolbar .form-group .form-control,
#toolbar .form-group .select2-container {
    width: 100% !important;
    min-width: 0 !important;
}
#toolbar .table-list-type,
.content-wrapper .table-list-type {
    min-height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.38rem 0.7rem !important;
    border-radius: 0.5rem !important;
    color: #6d6a86 !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: background-color 0.18s ease, color 0.18s ease !important;
}
#toolbar .table-list-type:hover,
#toolbar .table-list-type:focus,
#toolbar .table-list-type.active,
.content-wrapper .table-list-type:hover,
.content-wrapper .table-list-type:focus,
.content-wrapper .table-list-type.active {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
#toolbar .table-list-type + .table-list-type,
.content-wrapper .table-list-type + .table-list-type {
    margin-right: 0.15rem !important;
}
.content-wrapper .card-body > .d-block:has(.table-list-type) {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: -2.35rem auto 0.75rem 0 !important;
    min-height: 2.15rem !important;
    pointer-events: none;
}
.content-wrapper .card-body > .d-block:has(.table-list-type) .table-list-type,
.content-wrapper .card-body > .d-block:has(.table-list-type) b {
    pointer-events: auto;
}
.content-wrapper .card-body > .d-block:has(.table-list-type) .col-12 {
    width: auto !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
    padding: 0 !important;
    gap: 0.25rem !important;
}
.fixed-table-toolbar .keep-open .dropdown-menu,
.fixed-table-toolbar .export .dropdown-menu {
    min-width: 12rem !important;
    margin-top: 0.45rem !important;
}
.fixed-table-toolbar .dropdown-menu label {
    min-height: 2.2rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    margin: 0 !important;
    padding: 0.45rem 0.65rem !important;
    border-radius: 0.45rem !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}
.fixed-table-toolbar .dropdown-menu label:hover {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.sidebar,
.sidebar .nav,
.sidebar .nav .nav-item,
.sidebar .nav .nav-item .nav-link,
.sidebar .nav .nav-item .nav-link .menu-title,
.sidebar .nav.sub-menu .nav-item .nav-link,
.sidebar .nav.sub-menu .nav-item .nav-link .menu-title,
.sidebar .sidebar-search,
.sidebar .sidebar-search input {
    font-family: var(--font-arabic-kurdish) !important;
}
.sidebar .nav .nav-item .nav-link .menu-title {
    font-weight: 400 !important;
}
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item .nav-link.active .menu-title,
.sidebar .nav .nav-item.parent-active > .nav-link[data-toggle="collapse"] .menu-title,
.sidebar .nav.sub-menu .nav-item > .nav-link.active .menu-title,
.sidebar .nav.sub-menu .nav-item.active > .nav-link .menu-title {
    font-family: var(--font-arabic-kurdish) !important;
    font-weight: 700 !important;
}
html[dir="rtl"] :where(
    .content-wrapper,
    .main-panel,
    .navbar,
    .sidebar,
    .card,
    .card-body,
    .table,
    .bootstrap-table,
    .fixed-table-toolbar,
    .dropdown-menu,
    .dropdown-item,
    .modal,
    .form-control,
    .select2-container,
    .btn,
    .alert,
    .badge,
    .breadcrumb,
    .pagination,
    .nav,
    .nav-link,
    .tab-content,
    .accordion,
    .popover,
    .tooltip,
    .toast,
    .swal2-popup,
    label,
    p,
    span,
    a,
    li,
    th,
    td,
    small,
    strong,
    b
):not(i):not(svg):not(code):not(pre):not(kbd):not(.text-monospace):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.fas):not(.far):not(.fab):not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]):not(.material-icons) {
    font-family: var(--font-arabic-kurdish) !important;
}
.fixed-table-toolbar .dropdown-menu input[type="checkbox"] {
    width: 0.95rem !important;
    height: 0.95rem !important;
    accent-color: #7367f0 !important;
}
.content-wrapper .bootstrap-table,
.modal .bootstrap-table {
    color: #4b465c !important;
}
.content-wrapper .bootstrap-table .fixed-table-container,
.modal .bootstrap-table .fixed-table-container,
.content-wrapper .table-responsive,
.modal .table-responsive {
    overflow: visible !important;
    border: 1px solid rgba(115, 103, 240, 0.1) !important;
    border-radius: 0.85rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0.35rem 1.2rem rgba(47, 43, 74, 0.06) !important;
}
.content-wrapper .bootstrap-table .fixed-table-container .fixed-table-body,
.modal .bootstrap-table .fixed-table-container .fixed-table-body {
    border-radius: 0.85rem !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}
.content-wrapper .table,
.modal .table,
.bootstrap-table .table {
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #4b465c !important;
    background-color: #ffffff !important;
}
.content-wrapper .table thead th,
.modal .table thead th,
.bootstrap-table .table thead th {
    height: 2.55rem !important;
    padding: 0.58rem 0.75rem !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(115, 103, 240, 0.1) !important;
    border-color: rgba(115, 103, 240, 0.1) !important;
    background-color: #f8f7ff !important;
    color: #5d596c !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
.content-wrapper .table tbody td,
.modal .table tbody td,
.bootstrap-table .table tbody td {
    height: 2.7rem !important;
    padding: 0.62rem 0.75rem !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(47, 43, 74, 0.07) !important;
    border-color: rgba(47, 43, 74, 0.07) !important;
    color: #4b465c !important;
    font-size: 0.86rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
}
.content-wrapper .table thead th:first-child,
.modal .table thead th:first-child,
.bootstrap-table .table thead th:first-child {
    border-top-right-radius: 0.85rem !important;
}
.content-wrapper .table thead th:last-child,
.modal .table thead th:last-child,
.bootstrap-table .table thead th:last-child {
    border-top-left-radius: 0.85rem !important;
}
.content-wrapper .table tbody tr:last-child td,
.modal .table tbody tr:last-child td,
.bootstrap-table .table tbody tr:last-child td {
    border-bottom: 0 !important;
}
.content-wrapper .table tbody tr,
.modal .table tbody tr,
.bootstrap-table .table tbody tr {
    background-color: #ffffff !important;
    transition: background-color 0.16s ease, box-shadow 0.16s ease !important;
}
.content-wrapper .table tbody tr:hover,
.modal .table tbody tr:hover,
.bootstrap-table .table tbody tr:hover {
    background-color: #fbfaff !important;
}
.content-wrapper .table tbody tr.selected,
.modal .table tbody tr.selected,
.bootstrap-table .table tbody tr.selected,
.content-wrapper .table tbody tr.active,
.modal .table tbody tr.active,
.bootstrap-table .table tbody tr.active {
    background-color: #f0edff !important;
}
.bootstrap-table .fixed-table-loading {
    border-radius: 0.85rem !important;
    background-color: rgba(255, 255, 255, 0.88) !important;
    color: #7367f0 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
}
.bootstrap-table .fixed-table-pagination,
.content-wrapper .fixed-table-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    margin-top: 0.85rem !important;
    color: #6d6a86 !important;
    font-size: 0.84rem !important;
}
.bootstrap-table .fixed-table-pagination .pagination-detail,
.bootstrap-table .fixed-table-pagination .pagination,
.content-wrapper .fixed-table-pagination .pagination-detail,
.content-wrapper .fixed-table-pagination .pagination {
    margin: 0 !important;
}
.bootstrap-table .fixed-table-pagination .page-link,
.content-wrapper .fixed-table-pagination .page-link {
    min-width: 2rem !important;
    height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.3rem 0.62rem !important;
    border: 0 !important;
    border-radius: 0.5rem !important;
    color: #6d6a86 !important;
    background-color: transparent !important;
    font-size: 0.84rem !important;
    box-shadow: none !important;
}
.bootstrap-table .fixed-table-pagination .page-item.active .page-link,
.content-wrapper .fixed-table-pagination .page-item.active .page-link {
    background-color: #7367f0 !important;
    color: #ffffff !important;
}
.bootstrap-table .fixed-table-pagination .page-link:hover,
.content-wrapper .fixed-table-pagination .page-link:hover {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.bootstrap-table .fixed-table-pagination .page-item.disabled .page-link,
.content-wrapper .fixed-table-pagination .page-item.disabled .page-link {
    color: #b9b5c7 !important;
    background-color: transparent !important;
}
.bootstrap-table .fixed-table-pagination .page-list .btn,
.content-wrapper .fixed-table-pagination .page-list .btn {
    min-height: 2rem !important;
    padding: 0.32rem 0.7rem !important;
    border: 1px solid rgba(115, 103, 240, 0.14) !important;
    border-radius: 0.5rem !important;
    background-color: #ffffff !important;
    color: #7367f0 !important;
    font-size: 0.84rem !important;
    box-shadow: none !important;
}
.bootstrap-table .no-records-found td,
.content-wrapper .table .no-records-found td {
    height: 3.6rem !important;
    color: #8f8aa3 !important;
    font-size: 0.88rem !important;
    text-align: center !important;
}
.bootstrap-table .table .badge,
.content-wrapper .table .badge,
.dashboard-table-badge {
    min-width: auto !important;
    min-height: 1.45rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.28rem 0.62rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}
.bootstrap-table .table .badge-primary,
.content-wrapper .table .badge-primary,
.dashboard-table-badge-primary {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.bootstrap-table .table .badge-info,
.content-wrapper .table .badge-info,
.dashboard-table-badge-info {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.bootstrap-table .table .badge-success,
.content-wrapper .table .badge-success,
.dashboard-table-badge-success {
    background-color: #e8f8ee !important;
    color: #28a85f !important;
}
.bootstrap-table .table .badge-danger,
.content-wrapper .table .badge-danger,
.dashboard-table-badge-danger {
    background-color: #fff0f1 !important;
    color: #ff4c51 !important;
}
.bootstrap-table .table .badge-warning,
.content-wrapper .table .badge-warning {
    background-color: #fff6e8 !important;
    color: #d99000 !important;
}
.bootstrap-table .table .badge-secondary,
.content-wrapper .table .badge-secondary {
    background-color: #f1f1f4 !important;
    color: #6d6a86 !important;
}
.bootstrap-table .table td[data-field="operate"],
.content-wrapper .table td[data-field="operate"] {
    overflow: visible !important;
    text-align: center !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown,
.content-wrapper .table td[data-field="operate"] .dropdown,
.action-column-menu .dropdown,
.table-action-column.dropdown {
    position: static !important;
    display: inline-flex !important;
}
.bootstrap-table .table td[data-field="operate"] .btn,
.content-wrapper .table td[data-field="operate"] .btn,
.action-column-menu .btn,
.table-action-column .btn {
    width: 2.15rem !important;
    min-width: 2.15rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0.55rem !important;
    background-color: #f0edff !important;
    color: #7367f0 !important;
    box-shadow: none !important;
}
.bootstrap-table .table td[data-field="operate"] .btn:hover,
.bootstrap-table .table td[data-field="operate"] .btn:focus,
.content-wrapper .table td[data-field="operate"] .btn:hover,
.content-wrapper .table td[data-field="operate"] .btn:focus,
.action-column-menu .btn:hover,
.action-column-menu .btn:focus,
.table-action-column .btn:hover,
.table-action-column .btn:focus {
    background-color: #e3defe !important;
    color: #685dd8 !important;
}
.bootstrap-table .table td[data-field="operate"] .btn i,
.content-wrapper .table td[data-field="operate"] .btn i,
.action-column-menu .btn i,
.table-action-column .btn i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-menu,
.content-wrapper .table td[data-field="operate"] .dropdown-menu,
.action-column-menu .dropdown-menu,
.table-action-column .dropdown-menu,
.action-column-dropdown-menu {
    min-width: 10.5rem !important;
    padding: 0.45rem !important;
    border: 1px solid rgba(115, 103, 240, 0.12) !important;
    border-radius: 0.65rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0.85rem 2rem rgba(47, 43, 74, 0.16) !important;
    z-index: 1080 !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-item,
.content-wrapper .table td[data-field="operate"] .dropdown-item,
.action-column-menu .dropdown-item,
.table-action-column .dropdown-item,
.action-column-dropdown-menu .dropdown-item {
    min-height: 2.25rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.55rem 0.72rem !important;
    border-radius: 0.45rem !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    background-color: transparent !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-item:hover,
.bootstrap-table .table td[data-field="operate"] .dropdown-item:focus,
.content-wrapper .table td[data-field="operate"] .dropdown-item:hover,
.content-wrapper .table td[data-field="operate"] .dropdown-item:focus,
.action-column-menu .dropdown-item:hover,
.action-column-menu .dropdown-item:focus,
.table-action-column .dropdown-item:hover,
.table-action-column .dropdown-item:focus,
.action-column-dropdown-menu .dropdown-item:hover,
.action-column-dropdown-menu .dropdown-item:focus {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
/* RTL layout parity and direction isolation */
html[dir="rtl"] .navbar.p-0 {
    padding: 0 !important;
}
html[dir="rtl"] body.sidebar-fixed .navbar .navbar-brand-wrapper,
html[dir="rtl"] body.sidebar-fixed .sidebar {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
html[dir="rtl"] body.sidebar-fixed .navbar .navbar-menu-wrapper,
html[dir="rtl"] body.sidebar-fixed .main-panel {
    width: calc(100% - 250px) !important;
}
html[dir="rtl"] body.sidebar-fixed .main-panel {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 250px !important;
}
html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .navbar .navbar-brand-wrapper,
html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .sidebar {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}
html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .navbar .navbar-menu-wrapper,
html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .main-panel {
    width: calc(100% - 70px) !important;
}
html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .main-panel {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 70px !important;
}
html[dir="rtl"] .dropdown > .dropdown-menu {
    width: auto;
    text-align: start;
}
html[dir="rtl"] body > .action-column-dropdown-menu {
    right: auto !important;
}
html[dir="rtl"] .apexcharts-canvas,
html[dir="rtl"] .apexcharts-canvas svg {
    direction: ltr !important;
}
html[dir="rtl"] .apexcharts-tooltip,
html[dir="rtl"] .apexcharts-tooltip-series-group {
    direction: rtl !important;
    text-align: start !important;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[inputmode="numeric"],
html[dir="rtl"] input[name*="phone" i],
html[dir="rtl"] input[name*="mobile" i],
html[dir="rtl"] input[name*="code" i],
html[dir="rtl"] input[name*="email" i],
html[dir="rtl"] input[name*="url" i],
html[dir="rtl"] input[name*="domain" i],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] kbd,
html[dir="rtl"] .text-monospace,
html[dir="rtl"] [data-direction="ltr"] {
    direction: ltr !important;
    unicode-bidi: isolate;
    text-align: left;
}
html[dir="rtl"] .invalid-feedback,
html[dir="rtl"] .valid-feedback,
html[dir="rtl"] .help-block,
html[dir="rtl"] .form-text {
    text-align: start;
}
@media (max-width: 991.98px) {
    html[dir="rtl"] body.sidebar-fixed .navbar .navbar-brand-wrapper {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }

    html[dir="rtl"] body.sidebar-fixed .navbar .navbar-menu-wrapper,
    html[dir="rtl"] body.sidebar-fixed .main-panel,
    html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .navbar .navbar-menu-wrapper,
    html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .main-panel {
        width: 100% !important;
    }

    html[dir="rtl"] body.sidebar-fixed .main-panel,
    html[dir="rtl"] body.sidebar-fixed.sidebar-icon-only .main-panel {
        margin-inline-start: 0 !important;
    }

    html[dir="rtl"] body.sidebar-fixed .sidebar.sidebar-offcanvas {
        left: auto !important;
        right: auto !important;
        inset-inline-start: -250px !important;
    }

    html[dir="rtl"] body.sidebar-fixed .sidebar.sidebar-offcanvas.active {
        inset-inline-start: 0 !important;
    }
}
.bootstrap-table .table td[data-field="operate"] .dropdown-item i,
.content-wrapper .table td[data-field="operate"] .dropdown-item i,
.action-column-menu .dropdown-item i,
.table-action-column .dropdown-item i,
.action-column-dropdown-menu .dropdown-item i {
    width: 1rem !important;
    color: #6d6a86 !important;
    text-align: center !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-item:hover i,
.bootstrap-table .table td[data-field="operate"] .dropdown-item:focus i,
.content-wrapper .table td[data-field="operate"] .dropdown-item:hover i,
.content-wrapper .table td[data-field="operate"] .dropdown-item:focus i,
.action-column-menu .dropdown-item:hover i,
.action-column-menu .dropdown-item:focus i,
.table-action-column .dropdown-item:hover i,
.table-action-column .dropdown-item:focus i,
.action-column-dropdown-menu .dropdown-item:hover i,
.action-column-dropdown-menu .dropdown-item:focus i {
    color: #7367f0 !important;
}
/* Modern standard tables */
.content-wrapper .bootstrap-table,
.modal .bootstrap-table {
    width: 100% !important;
    color: #4b465c !important;
}
.content-wrapper .fixed-table-toolbar,
.modal .fixed-table-toolbar,
.bootstrap-table .fixed-table-toolbar {
    align-items: center !important;
    gap: 0.65rem !important;
    min-height: 2.4rem !important;
    margin: 0 0 0.85rem !important;
}
.fixed-table-toolbar .columns {
    gap: 0.3rem !important;
    padding: 0.22rem !important;
    border: 1px solid #e6e1fb !important;
    border-radius: 0.5rem !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}
.fixed-table-toolbar .btn,
.fixed-table-toolbar .dropdown-toggle,
.bootstrap-table .fixed-table-pagination .page-list .btn,
.content-wrapper .fixed-table-pagination .page-list .btn {
    min-width: 2.15rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    padding: 0 0.65rem !important;
    border: 1px solid #e6e1fb !important;
    border-radius: 0.48rem !important;
    background-color: #ffffff !important;
    color: #7367f0 !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
.fixed-table-toolbar .btn:hover,
.fixed-table-toolbar .btn:focus,
.fixed-table-toolbar .dropdown-toggle:hover,
.fixed-table-toolbar .dropdown-toggle:focus,
.fixed-table-toolbar .show > .btn,
.fixed-table-toolbar .show > .dropdown-toggle,
.bootstrap-table .fixed-table-pagination .page-list .btn:hover,
.content-wrapper .fixed-table-pagination .page-list .btn:hover {
    border-color: #7367f0 !important;
    background-color: #f0edff !important;
    color: #685dd8 !important;
    box-shadow: none !important;
}
.fixed-table-toolbar .search {
    max-width: 16rem !important;
}
.fixed-table-toolbar .search input,
.fixed-table-toolbar .search .form-control {
    width: 16rem !important;
    max-width: min(16rem, 100%) !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    padding: 0.45rem 0.75rem !important;
    border: 1px solid #e6e1fb !important;
    border-radius: 0.5rem !important;
    background-color: #ffffff !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
}
.fixed-table-toolbar .search input:focus,
.fixed-table-toolbar .search .form-control:focus {
    border-color: #7367f0 !important;
    box-shadow: 0 0 0 0.16rem rgba(115, 103, 240, 0.12) !important;
}
.content-wrapper .bootstrap-table .fixed-table-container,
.modal .bootstrap-table .fixed-table-container,
.content-wrapper .table-responsive,
.modal .table-responsive {
    border: 1px solid #ebe7fb !important;
    border-radius: 0.65rem !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}
.content-wrapper .bootstrap-table .fixed-table-container .fixed-table-body,
.modal .bootstrap-table .fixed-table-container .fixed-table-body {
    border-radius: 0.65rem !important;
}
.content-wrapper .table,
.modal .table,
.bootstrap-table .table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #ffffff !important;
}
.content-wrapper .table thead th,
.modal .table thead th,
.bootstrap-table .table thead th {
    height: 2.45rem !important;
    padding: 0.56rem 0.8rem !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ebe7fb !important;
    border-color: #ebe7fb !important;
    background-color: #f8fafc !important;
    color: #5d596c !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.content-wrapper .table tbody td,
.modal .table tbody td,
.bootstrap-table .table tbody td {
    height: 2.6rem !important;
    padding: 0.58rem 0.8rem !important;
    border-top: 0 !important;
    border-bottom: 1px solid #f0eef8 !important;
    border-color: #f0eef8 !important;
    color: #4b465c !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}
.content-wrapper .table thead th:first-child,
.modal .table thead th:first-child,
.bootstrap-table .table thead th:first-child {
    border-top-right-radius: 0.65rem !important;
}
.content-wrapper .table thead th:last-child,
.modal .table thead th:last-child,
.bootstrap-table .table thead th:last-child {
    border-top-left-radius: 0.65rem !important;
}
.content-wrapper .table tbody tr,
.modal .table tbody tr,
.bootstrap-table .table tbody tr {
    background-color: #ffffff !important;
    transition: background-color 0.14s ease !important;
}
.content-wrapper .table tbody tr:hover,
.modal .table tbody tr:hover,
.bootstrap-table .table tbody tr:hover,
.content-wrapper .table tbody tr:hover td,
.modal .table tbody tr:hover td,
.bootstrap-table .table tbody tr:hover td {
    background-color: #fbfaff !important;
}
.content-wrapper .table tbody tr.selected,
.modal .table tbody tr.selected,
.bootstrap-table .table tbody tr.selected,
.content-wrapper .table tbody tr.active,
.modal .table tbody tr.active,
.bootstrap-table .table tbody tr.active {
    background-color: #f0edff !important;
}
.bootstrap-table .fixed-table-loading {
    border-radius: 0.65rem !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: #7367f0 !important;
    box-shadow: none !important;
}
.bootstrap-table .no-records-found td,
.content-wrapper .table .no-records-found td {
    height: 3.25rem !important;
    background-color: #ffffff !important;
    color: #9a95ad !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}
.bootstrap-table .fixed-table-pagination,
.content-wrapper .fixed-table-pagination {
    margin-top: 0.75rem !important;
    padding: 0 !important;
    color: #6d6a86 !important;
    font-size: 0.82rem !important;
}
.bootstrap-table .fixed-table-pagination .page-link,
.content-wrapper .fixed-table-pagination .page-link {
    min-width: 1.9rem !important;
    height: 1.9rem !important;
    border-radius: 0.45rem !important;
    color: #6d6a86 !important;
}
.bootstrap-table .fixed-table-pagination .page-item.active .page-link,
.content-wrapper .fixed-table-pagination .page-item.active .page-link {
    background-color: #7367f0 !important;
    color: #ffffff !important;
}
.bootstrap-table .table .badge,
.content-wrapper .table .badge,
.dashboard-table-badge {
    min-height: 1.35rem !important;
    padding: 0.25rem 0.55rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
}
.bootstrap-table .table td[data-field="operate"] .btn,
.content-wrapper .table td[data-field="operate"] .btn,
.action-column-menu .btn,
.table-action-column .btn {
    width: 2rem !important;
    min-width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    border-radius: 0.45rem !important;
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
.bootstrap-table .table td[data-field="operate"] .btn:hover,
.bootstrap-table .table td[data-field="operate"] .btn:focus,
.content-wrapper .table td[data-field="operate"] .btn:hover,
.content-wrapper .table td[data-field="operate"] .btn:focus,
.action-column-menu .btn:hover,
.action-column-menu .btn:focus,
.table-action-column .btn:hover,
.table-action-column .btn:focus {
    background-color: #7367f0 !important;
    color: #ffffff !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-menu,
.content-wrapper .table td[data-field="operate"] .dropdown-menu,
.action-column-menu .dropdown-menu,
.table-action-column .dropdown-menu,
.action-column-dropdown-menu,
.fixed-table-toolbar .dropdown-menu {
    padding: 0.4rem !important;
    border: 1px solid #ebe7fb !important;
    border-radius: 0.55rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0.85rem 2rem rgba(47, 43, 74, 0.14) !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-item,
.content-wrapper .table td[data-field="operate"] .dropdown-item,
.action-column-menu .dropdown-item,
.table-action-column .dropdown-item,
.action-column-dropdown-menu .dropdown-item,
.fixed-table-toolbar .dropdown-menu .dropdown-item,
.fixed-table-toolbar .dropdown-menu label {
    min-height: 2.05rem !important;
    padding: 0.45rem 0.65rem !important;
    border-radius: 0.4rem !important;
    color: #4b465c !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
}
.bootstrap-table .table td[data-field="operate"] .dropdown-item:hover,
.bootstrap-table .table td[data-field="operate"] .dropdown-item:focus,
.content-wrapper .table td[data-field="operate"] .dropdown-item:hover,
.content-wrapper .table td[data-field="operate"] .dropdown-item:focus,
.action-column-menu .dropdown-item:hover,
.action-column-menu .dropdown-item:focus,
.table-action-column .dropdown-item:hover,
.table-action-column .dropdown-item:focus,
.action-column-dropdown-menu .dropdown-item:hover,
.action-column-dropdown-menu .dropdown-item:focus,
.fixed-table-toolbar .dropdown-menu .dropdown-item:hover,
.fixed-table-toolbar .dropdown-menu .dropdown-item:focus,
.fixed-table-toolbar .dropdown-menu label:hover {
    background-color: #f0edff !important;
    color: #7367f0 !important;
}
/* Keep Bootstrap Table dropdown icons and column labels stable in RTL. */
.fixed-table-toolbar .keep-open > .dropdown-toggle,
.fixed-table-toolbar .export > .dropdown-toggle {
    direction: ltr !important;
    flex-direction: row !important;
    gap: 0.3rem !important;
}
.fixed-table-toolbar .keep-open > .dropdown-toggle .caret,
.fixed-table-toolbar .export > .dropdown-toggle .caret {
    display: none !important;
}
.fixed-table-toolbar .keep-open > .dropdown-toggle::after,
.fixed-table-toolbar .export > .dropdown-toggle::after {
    flex: 0 0 auto !important;
    margin: 0 0 0 0.3rem !important;
}
.fixed-table-toolbar .dropdown-menu label {
    direction: rtl !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: right !important;
}
.fixed-table-toolbar .dropdown-menu label input[type="checkbox"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
}
.hover\:bg-primary:hover {
        background-color: #7367f0 !important;
        border-color: #7367f0 !important;
    }
.focus\:border-primary:focus {
        border-color: #7367f0 !important;
    }