/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (3) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (4) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap);
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/theme.css ***!
  \*******************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/theme.css (1) ***!
  \***********************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel .owl-item.center{z-index: 5;}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (5) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* Importing Bootstrap SCSS file. */
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
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: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
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,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
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;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  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) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  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;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  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;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.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, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.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, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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 {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.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 {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.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;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: 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-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .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-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@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-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-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, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  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) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@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: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  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 {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.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: left;
  width: 100%;
  margin-right: -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-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  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-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    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%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  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 {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.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;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.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;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.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;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !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;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !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;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  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;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !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;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !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;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !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;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !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;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !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;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !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;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !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;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .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-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;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !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;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !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;
  }
  .d-print-none {
    display: none !important;
  }
}
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}
.ng-select .ng-has-value .ng-placeholder{display:none}
.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}
.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
.ng-select.ng-select-single .ng-select-container{height:36px}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}
.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}
/* control positioning */
.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}
.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}
/* cursors */
.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
/* visual tweaks */
.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}
/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}
/* general toolbar styles */
.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}
.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}
/* layers control */
.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}
/* popup */
.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}
.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}
/* div icon */
.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}
/* Directions */
.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* Printing */
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.mat-toolbar {
  background: #ffffff; }
.c-btn {
  background: #fff;
  border: 1px solid #ccc;
  color: #333; }
.selected-list .c-list .c-token {
  background: #0079FE; }
.selected-list .c-list .c-token .c-label {
    color: #fff; }
.selected-list .c-list .c-token .c-remove svg {
    fill: #fff; }
.selected-list .c-angle-down svg, .selected-list .c-angle-up svg {
  fill: #333; }
.dropdown-list ul li:hover {
  background: #f5f5f5; }
.arrow-up, .arrow-down {
  border-bottom: 15px solid #fff; }
.arrow-2 {
  border-bottom: 15px solid #ccc; }
.list-area {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 5px #959595; }
.select-all {
  border-bottom: 1px solid #ccc; }
.list-filter {
  border-bottom: 1px solid #ccc; }
.list-filter .c-search svg {
    fill: #888; }
.list-filter .c-clear svg {
    fill: #888; }
.pure-checkbox input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }
.pure-checkbox input[type="checkbox"] + label {
  color: #000; }
.pure-checkbox input[type="checkbox"] + label:before {
  color: #0079FE;
  border: 1px solid #0079FE; }
.pure-checkbox input[type="checkbox"] + label:after {
  background-color: #0079FE; }
.pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }
.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }
.pure-checkbox input[type="checkbox"] + label:after {
  border-color: #ffffff; }
.pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }
.pure-checkbox input[type="checkbox"]:checked + label:before {
  background: #0079FE; }
.single-select-mode .pure-checkbox input[type="checkbox"]:focus + label:before, .single-select-mode .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }
.single-select-mode .pure-checkbox input[type="checkbox"] + label {
  color: #000; }
.single-select-mode .pure-checkbox input[type="checkbox"] + label:before {
  color: transparent !important;
  border: 0px solid #0079FE; }
.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  background-color: transparent !important; }
.single-select-mode .pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }
.single-select-mode .pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }
.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  border-color: #0079FE; }
.single-select-mode .pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }
.single-select-mode .pure-checkbox input[type="checkbox"]:checked + label:before {
  background: none !important; }
.selected-item {
  background: #e9f4ff; }
.btn-iceblue {
  background: #0079FE;
  border: 1px solid #ccc;
  color: #fff; }
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}
@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}
@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}
.dropzone,.dropzone *{box-sizing:border-box}
.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}
.dropzone.dz-clickable{cursor:pointer}
.dropzone.dz-clickable *{cursor:default}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}
.dropzone.dz-started .dz-message{display:none}
.dropzone.dz-drag-hover{border-style:solid}
.dropzone.dz-drag-hover .dz-message{opacity:.5}
.dropzone .dz-message{text-align:center;margin:3em 0}
.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}
.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}
.dropzone .dz-preview:hover{z-index:1000}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}
.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}
.dropzone .dz-preview.dz-image-preview{background:#fff}
.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}
.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}
.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}
.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}
.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}
.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}
.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}
.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}
.dropzone .dz-preview .dz-image img{display:block}
.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}
.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}
.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}
.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}
.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}
.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}
.dropzone .dz-preview.dz-error .dz-error-message{display:block}
.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}
.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}
.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}
.cdk-overlay-backdrop-noop-animation{transition:none}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*------------------------------------------------------------------
[Master Stylesheet]

Project        :   SPRUHA - HTML5 Bootstrap Admin Template
Version        :   V.1
Create Date    :   03/10/20
Copyright      :   Spruko Technologies Private Limited 
Author         :   SprukoSoft
Author URL     :   https://themeforest.net/user/sprukosoft
Support	       :   support@spruko.com
License        :   Licensed under ThemeForest License

-------------------------------------------------------------------*/
/*
1.	Bootstrap-custom
2.	Accordions
3.	Alerts
4.	Badges
5.	Breadcrumbs
6.	Buttons
7.	Cards
8.	Carousel
9.	Dropdown
10.	Forms
11.	Grid
12.	Input-group
13.	Modals
14.	Navigation
15.	Pagination
16.	Popover
17.	Progress
18.	Tables
19.	Datatable
20.	Toast
21.	Tooltip
22.	Color
23.	Main-content
24.	Header
25.	Footer
26.	Sidebar
27.	Right-sidebar
28.	Profile
29.	Iconbar
30.	Datepicker
31.	Datetimepicker
32.	Jqvmap
33.	Chart
34.	Parsely
35.	Quill
36.	Rangeslider
37.	Select2
38.	Spectrum
39.	Calendar
40.	Chat
41.	Contacts
42.	Error
43.	Invoice
44.	Mail
45.	Profile
46.	Account-setting
47.	Pricing
48.	Scrumboard
49.	Todotask
50.	Product-list
51.	Whishlist
52.	Border
53.	Height
54.	Margin
55.	Opacity
56.	Padding
57.	Position
58.	Typography
59.	Width
60.	Tags
61.	Tabs
62.	Navbar
63.	Wizard
64.	P-scroll
65.	Radio
66.	Rating
67.	Timeline
68.	Countdown
69.	Image
70.	List
71.	Checkbox
72.	Toggle
73.	Listgroup
74.	Jumborton
75.	Custom-control
76.	Element-sizes
77.	Custom-styles
*/
/* ############### FONTS IMPORT ############### */
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*Dark Theme*/
/*Dark Theme*/
/* ########## BOOTSTRAP OVERRIDES ########## */
/* ###### Bootstrap ###### */
:root {
    --primary-bg-color: #6259ca;
    --primary-bg-hover: #403fad;
    --primary-transparentcolor: rgba(98, 89, 202, 0.16);
    --primary-bg-border: #6259ca;
    --dark-theme: #0e0e23;
    --dark-body: #24243e;
    --dark-border: rgba(255, 255, 255, 0.15);
    --dark-color: #d0d0e2;
    --dark-primary: #6259ca;
    --indigo: $indigo;
    --purple: $purple;
    --pink: #f1388b;
    --orange: $orange;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: $white;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --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", 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;
}
* {
    box-sizing: border-box;
}
*::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-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-family: "Roboto", sans-serif !important;
    background: #eaedf7;
    color: #1d212f;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    touch-action: manipulation;
    font-feature-settings: "liga"0;
    overflow-y: scroll;
    width: 100%;
    position: relative;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e8e8f7;
}
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;
    list-style-type: none;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
    display: inline-block;
}
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: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    text-decoration: none;
}
a:not(.nav-link):not(.nav-sub-link):not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
a:not(.nav-link):not(.nav-sub-link):not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}
a:not(.nav-link):not(.nav-sub-link):not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
}
pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #a8afc7;
    text-align: left;
    caption-side: bottom;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
    text-transform: none;
}
button:focus {
    outline: none;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
select {
    text-transform: none;
    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;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox;
}
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: 0.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.1875rem;
}
h2,
.h2 {
    font-size: 1.75rem;
}
h3,
.h3 {
    font-size: 1.53125rem;
}
h4,
.h4 {
    font-size: 1.3125rem;
}
h5,
.h5 {
    font-size: 1.09375rem;
}
h6,
.h6 {
    font-size: 0.875rem;
}
.lead {
    font-size: 1.09375rem;
    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;
}
small,
.small {
    font-size: 80%;
    font-weight: 400;
}
mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.09375rem;
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #a8afc7;
}
.blockquote-footer::before {
    content: "— ";
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
    border-radius: 0px;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 90%;
    color: #a8afc7;
}
code {
    font-size: 87.5%;
    color: #f10075;
    word-break: break-word;
}
a>code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #ffffff;
    background-color: #8f9cc0;
    border-radius: 0.2rem;
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}
pre {
    display: block;
    padding: 1rem;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    border-radius: 3px;
    tab-size: 4;
    text-shadow: 0 1px white;
    -webkit-hyphens: none;
    hyphens: none;
    margin-top: 0;
    margin-bottom: 0;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.container,
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/* ###### Bootstrap ###### */
/* ###### Accordion ###### */
.accordion-color .card-header a.collapsed {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 500;
    letter-spacing: -0.1px;
}
.accordion-color .card-header a.collapsed:hover,
.accordion-color .card-header a.collapsed:focus {
    color: #ffffff;
}
.accordion-faq .accordion .card-header a {
    background-color: #f5f5fd;
}
.accordion .card {
    border-width: 0;
}
.accordion .card+.card {
    margin-top: 1px;
}
.accordion .card-header {
    padding: 0;
    background-color: transparent;
    font-weight: 500;
}
.accordion .card-header a {
    display: block;
    padding: 14px 20px;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    background-color: #e1e1f9;
}
.accordion .card-header a.collapsed {
    color: #3c4858;
    background-color: #e1e1f9;
    border-bottom-color: transparent;
}
.accordion .card-header a.collapsed:hover,
.accordion .card-header a.collapsed:focus {
    color: #8f9cc0;
    background-color: #eaedf7;
    background-color: #f5f5fd;
}
.accordion .card-body {
    padding: 15px;
    background-color: #ffffff;
    transition: none;
    border: 1px solid #e8e8f7;
    border-bottom: 0;
}
.accordion>.card {
    overflow: hidden;
}
.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}
.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion>.card .card-header {
    margin-bottom: -1px;
}
.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;
    }
}
.accordion .card-header a {
    background-color: #e1e1f9;
}
/* ###### Accordion ###### */
/* ###### Alerts ###### */
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px;
}
.alert .close {
    text-shadow: none;
    opacity: 0.9;
}
.alert strong {
    font-weight: 600;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3.8125rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}
.alert-primary {
    color: #1b3585;
    background-color: #d6e0ff;
    border-color: #c6d4ff;
}
.alert-primary hr {
    border-top-color: #adc1ff;
}
.alert-primary .alert-link {
    color: #12245b;
}
.alert-secondary {
    color: #f1388b;
    background-color: #f9e5db;
    border-color: #f9e5db;
}
.alert-secondary hr {
    border-top-color: #cacfdb;
}
.alert-secondary .alert-link {
    color: #f1388b;
}
.alert-success {
    color: #1f5c01;
    background-color: #d8efcc;
    border-color: #c8e9b8;
}
.alert-success hr {
    border-top-color: #b9e3a5;
}
.alert-success .alert-link {
    color: #0e2a00;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-info hr {
    border-top-color: #abdde5;
}
.alert-info .alert-link {
    color: #062c33;
}
.alert-warning {
    color: #856404;
    background-color: #ffeeba;
    border-color: #ffeeba;
}
.alert-warning hr {
    border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
    color: #533f03;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-danger hr {
    border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
    color: #491217;
}
.alert-light {
    color: #7f7f81;
    background-color: #fdfdfe;
    border-color: #fcfcfd;
}
.alert-light hr {
    border-top-color: #ededf3;
}
.alert-light .alert-link {
    color: #666667;
}
.alert-dark {
    color: #1f2533;
    background-color: #d8dae0;
    border-color: #c8ccd3;
}
.alert-dark hr {
    border-top-color: #babfc8;
}
.alert-dark .alert-link {
    color: #0c0e13;
}
[class*=alert-outline-] {
    border: 1px solid transparent;
}
.alert-outline-success {
    border-color: #36c54d;
    color: #19b159;
}
.alert-outline-info {
    border-color: #1ab6cf;
    color: #01b8ff;
}
.alert-outline-warning {
    border-color: #ffdb6d;
    color: #d39e00;
}
.alert-outline-danger {
    border-color: #eb8c95;
    color: #f16d75;
}
[class*=alert-solid-] {
    border-width: 0;
    color: #ffffff;
}
.alert-solid-success {
    background-color: #19b159;
}
.alert-solid-info {
    background-color: #01b8ff;
}
.alert-solid-warning {
    background-color: #ff9b21;
}
.alert-solid-danger {
    background-color: #f16d75;
}
.alert-message {
    border: 1px solid rgba(232, 232, 247, 0.2);
    border-radius: 3px;
    background: var(--primary-bg-color);
}
.alert-default {
    border: 1px solid #f0f2f8;
}
.alert-message {
    border-color: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.12);
    padding: 1rem;
}
.alert-icons {
    height: 70px;
    width: 70px;
    fill: #ffffff;
}
/* ###### Alerts ###### */
/* ###### Badge ###### */
.badge {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 4px 6px 5px;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    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;
}
.bg-pill {
    padding-right: 8px;
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}
@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}
.badge:empty {
    display: none;
}
.btn .badge,
.sp-container button .badge {
    position: relative;
    top: -1px;
}
.bg-secondary {
    color: #ffffff !important;
    background-color: #f1388b;
}
a.bg-secondary:hover {
    color: #ffffff !important;
    background-color: #e06b32;
}
a.bg-secondary:focus {
    color: #ffffff !important;
    background-color: #e06b32;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(236, 131, 27, 0.5);
}
a.bg-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(236, 131, 27, 0.5);
}
.bg-success {
    color: #ffffff !important;
    background-color: #19b159;
}
a.bg-success:hover {
    color: #ffffff !important;
    background-color: #37ce4f;
}
a.bg-success:focus {
    color: #ffffff;
    background-color: #37ce4f;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
}
a.bg-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
}
.bg-info {
    color: #ffffff !important;
    background-color: #01b8ff;
}
a.bg-info:hover {
    color: #ffffff !important;
    background-color: #06aff1;
}
a.bg-info:focus {
    color: #ffffff;
    background-color: #06aff1;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
a.bg-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.bg-warning {
    color: #0e0e0e !important;
    background-color: #ecb529;
}
a.bg-warning:hover {
    color: #8f9cc0 !important;
    background-color: #d39e00;
}
a.bg-warning:focus {
    color: #8f9cc0;
    background-color: #d39e00;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
a.bg-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.bg-danger {
    color: #ffffff !important;
    background-color: #fd6074;
}
a.bg-danger:hover {
    color: #ffffff !important;
    background-color: #f53729;
}
a.bg-danger:focus {
    color: #ffffff;
    background-color: #f53729;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
a.bg-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.bg-pink {
    color: #ffffff !important;
    background-color: #ff75ad;
}
a.bg-pink:hover,
a.bg-pink:focus {
    color: #ffffff !important;
    background-color: #ff75ad;
}
.bg-dark {
    color: #ffffff;
    background-color: #8f9cc0;
}
a.bg-dark:hover {
    color: #ffffff !important;
    background-color: #131212;
}
a.bg-dark:focus {
    color: #ffffff !important;
    background-color: #131212;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}
a.bg-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}
.bg-success-light {
    color: #19b159 !important;
    background: rgba(25, 177, 89, 0.2);
}
.bg-info-light {
    background: rgba(1, 184, 255, 0.2);
    color: #01b8ff;
}
/* ###### Badge ###### */
/* ###### Breadcrumb ###### */
.breadcrumb-style1,
.breadcrumb-style2,
.breadcrumb-style3 {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}
.breadcrumb-style1 .breadcrumb-item,
.breadcrumb-style2 .breadcrumb-item,
.breadcrumb-style3 .breadcrumb-item {
    font-size: 15px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: 0.5px;
}
.breadcrumb-style1 .breadcrumb-item a,
.breadcrumb-style2 .breadcrumb-item a,
.breadcrumb-style3 .breadcrumb-item a {
    color: #6f6f8e;
}
.breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    color: #a8afc7;
}
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    width: 16px;
    text-align: center;
    font-family: "Ionicons", sans-serif;
}
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
    content: "\f3d1";
}
.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    content: "\f287";
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #a8afc7;
    content: "/";
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #a8afc7;
}
.breadcrumb-5 a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: white;
    padding: 0 10px 0 39px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
}
.breadcrumb-5 a:first-child {
    padding-left: 46px;
    border-radius: 5px 0 0 5px;
}
.breadcrumb-5 a:first-child:before {
    left: 14px;
}
.breadcrumb-5 a:last-child {
    border-radius: 0 5px 5px 0;
    padding-right: 20px;
}
.breadcrumb-5 a.active,
.breadcrumb-5 a:hover {
    background: #333;
    background: linear-gradient(#333, #000000);
}
.breadcrumb-5 a.active:after {
    box-shadow: none;
}
.breadcrumb-5 a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 36px;
    height: 36px;
    z-index: 1;
    transform: scale(0.707) rotate(45deg);
    box-shadow: 2px -2px 0 2px rgb(240, 242, 248), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
}
.breadcrumb-5 a:last-child:after {
    content: none;
}
.breadcrumb-3 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.breadcrumb-3 li {
    display: contents;
    text-align: center;
}
.breadcrumb-4 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
}
.breadcrumb-4 li {
    display: contents;
    text-align: right;
}
/* ###### Breadcrumb ###### */
/* ###### Buttons ###### */
.btn,
.sp-container button {
    min-height: 38px;
    display: inline-block;
    font-weight: 400;
    color: #8f9cc0;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 3px;
    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;
}
.btn:active,
.sp-container button:active,
.btn:focus,
.sp-container button:focus {
    outline: 0;
    box-shadow: none;
}
.btn-light {
    color: #8f9cc0;
    background-color: #f1f2f9;
    border-color: #f1f2f9;
}
.btn-light:hover {
    color: #8f9cc0;
    background-color: #dde0e9;
    border-color: #d5d9e4;
}
.btn-light:focus,
.btn-light.focus {
    color: #8f9cc0;
    background-color: #dde0e9;
    border-color: #d5d9e4;
    box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #8f9cc0;
    background-color: #f1f2f9;
    border-color: #f1f2f9;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
    color: #8f9cc0;
    background-color: #d5d9e4;
    border-color: #cdd2df;
}
.show>.btn-light.dropdown-toggle {
    color: #8f9cc0;
    background-color: #d5d9e4;
    border-color: #cdd2df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}
.btn-indigo {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}
.btn-indigo:hover {
    color: #ffffff;
    background-color: #49047b;
    border-color: #49047b;
}
.btn-indigo:focus,
.btn-indigo.focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}
.btn-indigo.disabled,
.btn-indigo:disabled {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}
.btn-indigo:not(:disabled):not(.disabled):active,
.btn-indigo:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}
.show>.btn-indigo.dropdown-toggle {
    color: #ffffff;
    background-color: #4b0082;
    border-color: #4b0082;
}
.btn-indigo:not(:disabled):not(.disabled):active:focus,
.btn-indigo:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}
.show>.btn-indigo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}
.btn-purple {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #643ab0;
}
.btn-purple:hover {
    color: #ffffff !important;
    background-color: #5e37a6;
    border-color: #4e2d89;
}
.btn-purple:focus,
.btn-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}
.btn-purple.disabled,
.btn-purple:disabled {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #643ab0;
}
.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #59339d;
    border-color: #482a80;
}
.show>.btn-purple.dropdown-toggle {
    color: #ffffff;
    background-color: #59339d;
    border-color: #482a80;
}
.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}
.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}
.btn-pink {
    color: #ffffff;
    background-color: #f10075;
    border-color: #d80069;
}
.btn-pink:hover {
    color: #ffffff;
    background-color: #cb0062;
    border-color: #a50050;
}
.btn-pink:focus,
.btn-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}
.btn-pink.disabled,
.btn-pink:disabled {
    color: #ffffff;
    background-color: #f10075;
    border-color: #d80069;
}
.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #be005c;
    border-color: #98004a;
}
.show>.btn-pink.dropdown-toggle {
    color: #ffffff;
    background-color: #be005c;
    border-color: #98004a;
}
.btn-pink:not(:disabled):not(.disabled):active:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}
.show>.btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}
.btn-gray-500 {
    color: #8f9cc0;
    background-color: #a8afc7;
    border-color: #8896af;
}
.btn-gray-500:hover {
    color: #ffffff;
    background-color: #808faa;
    border-color: #697b9a;
}
.btn-gray-500:focus,
.btn-gray-500.focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}
.btn-gray-500.disabled,
.btn-gray-500:disabled {
    color: #8f9cc0;
    background-color: #a8afc7;
    border-color: #8896af;
}
.btn-gray-500:not(:disabled):not(.disabled):active,
.btn-gray-500:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #7988a4;
    border-color: #637493;
}
.show>.btn-gray-500.dropdown-toggle {
    color: #ffffff;
    background-color: #7988a4;
    border-color: #637493;
}
.btn-gray-500:not(:disabled):not(.disabled):active:focus,
.btn-gray-500:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}
.show>.btn-gray-500.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}
.btn-gray-700 {
    color: #ffffff;
    background-color: #3c4858;
    border-color: #4f5c73;
}
.btn-gray-700:hover {
    color: #ffffff;
    background-color: #49566b;
    border-color: #3a4455;
}
.btn-gray-700:focus,
.btn-gray-700.focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}
.btn-gray-700.disabled,
.btn-gray-700:disabled {
    color: #ffffff;
    background-color: #3c4858;
    border-color: #4f5c73;
}
.btn-gray-700:not(:disabled):not(.disabled):active,
.btn-gray-700:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #445064;
    border-color: #353e4d;
}
.show>.btn-gray-700.dropdown-toggle {
    color: #ffffff;
    background-color: #445064;
    border-color: #353e4d;
}
.btn-gray-700:not(:disabled):not(.disabled):active:focus,
.btn-gray-700:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}
.show>.btn-gray-700.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}
[class*=btn-outline-] {
    padding: 0.4rem 1rem;
    line-height: 1.657;
    border-width: 1px;
    background-color: transparent;
}
[class*=btn-outline-]:hover,
[class*=btn-outline-]:focus {
    color: #ffffff;
}
.btn-outline-indigo {
    border-color: #4b0082;
    color: #4b0082;
}
.btn-outline-indigo:hover,
.btn-outline-indigo:focus {
    background-color: #49047b;
}
@media (prefers-reduced-motion: reduce) {

    .btn,
    .sp-container button {
        transition: none;
    }
}
.btn:hover,
.sp-container button:hover {
    color: #8f9cc0;
    text-decoration: none;
}
.btn.disabled,
.sp-container button.disabled,
.btn:disabled,
.sp-container button:disabled {
    opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}
.btn-secondary {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #f1388b;
}
.btn-secondary:hover {
    color: #ffffff;
    background-color: #ec3487;
    border-color: #ec3487;
}
.btn-secondary:focus,
.btn-secondary.focus {
    background-color: #ec3487 !important;
    border-color: #ec3487 !important;
    box-shadow: 0 0 0 1px rgba(241, 56, 139, 0.3);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #f1388b;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #f75da2;
    border-color: #f1388b;
}
.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #f75da2;
    border-color: #f1388b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(241, 56, 139, 0.3);
}
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(241, 56, 139, 0.3);
}
.btn-success {
    color: #ffffff;
    background-color: #19b159;
    border-color: #19b159;
}
.btn-success:hover {
    color: #ffffff;
    background-color: #15a552;
    border-color: #15a552;
}
.btn-success:focus,
.btn-success.focus {
    color: #ffffff;
    background-color: #15a552;
    border-color: #15a552;
    box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #ffffff;
    background-color: #04b386;
    border-color: #04b386;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #04b386;
    border-color: #04b386;
}
.show>.btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #04b386;
    border-color: #04b386;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
}
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(21, 165, 82, 0.3);
}
.btn-info {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #01b8ff;
}
.btn-info:hover {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #06aff1;
}
.btn-info:focus,
.btn-info.focus {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #06aff1;
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}
.btn-info.disabled,
.btn-info:disabled {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #01b8ff;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #06aff1;
}
.show>.btn-info.dropdown-toggle {
    color: #ffffff;
    background-color: #06aff1;
    border-color: #06aff1;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}
.btn-warning {
    color: #ffffff;
    background-color: #ff9b21;
    border-color: #ff9b21;
}
.btn-warning:hover {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #f1911d;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #f1911d;
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #f1911d;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #f1911d;
}
.show>.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #f1911d;
    border-color: #f1911d;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(241, 145, 29, 0.3);
}
.btn-danger {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #fd6074;
}
.btn-danger:hover {
    color: #ffffff;
    background-color: #f53729;
    border-color: #f53729;
}
.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #fd6074;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #fd6074;
}
.show>.btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #fd6074;
    border-color: #fd6074;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}
.btn-white {
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
    color: #424e79;
}
.btn-white:hover {
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
    color: #424e79;
}
.btn-white:focus,
.btn-white.focus {
    background-color: #ffffff;
    background-image: none;
    border-color: #ffffff;
    color: #424e79;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.btn-white.disabled,
.btn-white:disabled {
    color: #495057;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active {
    color: #495057;
    background-color: #eff0f6;
    border-color: #e7e9f1;
}
.show>.btn-white.dropdown-toggle {
    color: #495057;
    background-color: #eff0f6;
    border-color: #e7e9f1;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.btn-dark {
    color: #ffffff;
    background-color: #8f9cc0;
    border-color: #8f9cc0;
}
.btn-dark:hover {
    color: #ffffff;
    background-color: #131212;
    border-color: #131212;
}
.btn-dark:focus,
.btn-dark.focus {
    color: #ffffff;
    background-color: #131212;
    border-color: #131212;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #ffffff;
    background-color: #3b4863;
    border-color: #3b4863;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #131212;
    border-color: #232b3b;
}
.show>.btn-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #131212;
    border-color: #232b3b;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.btn-outline-secondary {
    color: #f1388b !important;
    border-color: #f1388b;
}
.btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #f1388b;
    border-color: #f1388b;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 1px rgb(236, 131, 27);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #f1388b !important;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #f1388b;
}
.show>.btn-outline-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #f1388b;
    border-color: #f1388b;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(236, 131, 27);
}
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(236, 131, 27);
}
.btn-outline-success {
    color: #19b159 !important;
    border-color: #19b159;
}
.btn-outline-success:hover {
    color: #ffffff !important;
    background-color: #19b159;
    border-color: #19b159;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
    color: #ffffff !important;
    background-color: #19b159;
    border-color: #19b159;
    box-shadow: 0 0 0 1px rgb(56, 210, 80);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #19b159 !important;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #19b159;
    border-color: #19b159;
}
.show>.btn-outline-success.dropdown-toggle {
    color: #ffffff;
    background-color: #19b159;
    border-color: #19b159;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(56, 210, 80);
}
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(56, 210, 80);
}
.btn-outline-info {
    color: #01b8ff !important;
    border-color: #01b8ff;
}
.btn-outline-info:hover {
    color: #ffffff !important;
    background-color: #01b8ff;
    border-color: #01b8ff;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #01b8ff !important;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #01b8ff;
}
.show>.btn-outline-info.dropdown-toggle {
    color: #ffffff;
    background-color: #01b8ff;
    border-color: #01b8ff;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}
.btn-outline-warning {
    color: #000000 !important;
    border-color: #ff9b21;
}
.btn-outline-warning:hover {
    color: #000000 !important;
    background-color: #ff9b21;
    border-color: #ff9b21;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 1px rgb(255, 193, 7);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #000000 !important;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #8f9cc0;
    background-color: #ff9b21;
    border-color: #ff9b21;
}
.show>.btn-outline-warning.dropdown-toggle {
    color: #8f9cc0;
    background-color: #ff9b21;
    border-color: #ff9b21;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(255, 193, 7);
}
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(255, 193, 7);
}
.btn-outline-danger {
    color: #f16d75 !important;
    border-color: #f16d75;
}
.btn-outline-danger:hover {
    color: #ffffff !important;
    background-color: #f16d75;
    border-color: #f16d75;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #f16d75 !important;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #ffffff !important;
    background-color: #f16d75;
    border-color: #f16d75;
}
.show>.btn-outline-danger.dropdown-toggle {
    color: #ffffff !important;
    background-color: #f16d75;
    border-color: #f16d75;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}
.btn-outline-light {
    color: #eaedf7 !important;
    border-color: #eaedf7;
}
.btn-outline-light:hover {
    color: #000000 !important;
    background-color: #eaedf7;
    border-color: #eaedf7;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #000000 !important;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active {
    color: #8f9cc0;
    background-color: #eaedf7;
    border-color: #eaedf7;
}
.show>.btn-outline-light.dropdown-toggle {
    color: #8f9cc0;
    background-color: #eaedf7;
    border-color: #eaedf7;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}
.btn-outline-dark {
    color: #000000 !important;
    border-color: #000000;
}
.btn-outline-dark:hover {
    color: #ffffff !important;
    background-color: #8f9cc0;
    border-color: #8f9cc0;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #3b4863 !important;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #8f9cc0;
    border-color: #000000;
}
.show>.btn-outline-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #8f9cc0;
    border-color: #000000;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.btn-link {
    font-weight: 400;
    text-decoration: none;
}
.btn-link:hover {
    text-decoration: none;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: none;
    box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #a8afc7;
    pointer-events: none;
}
.btn-lg,
.btn-group-lg>.btn,
.sp-container .btn-group-lg>button {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
}
.btn-sm,
.btn-group-sm>.btn,
.sp-container .btn-group-sm>button {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block+.btn-block {
    margin-top: 0.5rem;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group>.btn,
.sp-container .btn-group>button,
.btn-group-vertical>.btn,
.sp-container .btn-group-vertical>button {
    position: relative;
    flex: 1 1 auto;
}
.btn-group>.btn:hover,
.sp-container .btn-group>button:hover,
.btn-group-vertical>.btn:hover,
.sp-container .btn-group-vertical>button:hover,
.btn-group>.btn:focus,
.sp-container .btn-group>button:focus,
.btn-group>.btn:active,
.sp-container .btn-group>button:active,
.btn-group>.btn.active,
.sp-container .btn-group>button.active,
.btn-group-vertical>.btn:focus,
.sp-container .btn-group-vertical>button:focus,
.btn-group-vertical>.btn:active,
.sp-container .btn-group-vertical>button:active,
.btn-group-vertical>.btn.active,
.sp-container .btn-group-vertical>button.active {
    z-index: 1;
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group {
    width: auto;
}
.btn-group>.btn:not(:first-child),
.sp-container .btn-group>button:not(:first-child) {
    margin-left: -1px;
}
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sp-container .btn-group>button:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn,
.sp-container .btn-group>.btn-group:not(:last-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.btn:not(:first-child),
.sp-container .btn-group>button:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn,
.sp-container .btn-group>.btn-group:not(:first-child)>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split,
.sp-container .btn-group-sm>button+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split,
.sp-container .btn-group-lg>button+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical>.btn {
    width: 100%;
}
.sp-container .btn-group-vertical>button {
    width: 100%;
}
.btn-group-vertical>.btn-group {
    width: 100%;
}
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px;
}
.sp-container .btn-group-vertical>button:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.sp-container .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.sp-container .btn-group-vertical>.btn-group:not(:last-child)>button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:not(:first-child),
.sp-container .btn-group-vertical>button:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.sp-container .btn-group-vertical>.btn-group:not(:first-child)>button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-toggle>.btn,
.sp-container .btn-group-toggle>button,
.btn-group-toggle>.btn-group>.btn,
.sp-container .btn-group-toggle>.btn-group>button {
    margin-bottom: 0;
}
.btn-group-toggle>.btn input[type=radio],
.sp-container .btn-group-toggle>button input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.sp-container .btn-group-toggle>button input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.sp-container .btn-group-toggle>.btn-group>button input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.sp-container .btn-group-toggle>.btn-group>button input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-rounded {
    border-radius: 50px;
}
.btn-with-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}
.btn-with-icon i {
    line-height: 0;
    font-size: 20px;
    margin-right: 5px;
}
.btn-with-icon i.typcn {
    line-height: 0.9;
}
.btn-with-icon i.fas {
    font-size: 15px;
}
.btn-with-icon i.icon {
    font-size: 18px;
}
.btn-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.btn-icon i {
    line-height: 1.5;
    font-size: 18px;
}
.btn-icon i.typcn {
    line-height: 0.95;
}
.btn-icon-list {
    display: flex;
    align-items: center;
}
.btn-icon-list .btn+.btn,
.btn-icon-list .sp-container button+.btn {
    margin-left: 5px;
}
.sp-container .btn-icon-list button+.btn,
.btn-icon-list .sp-container .btn+button,
.sp-container .btn-icon-list .btn+button,
.btn-icon-list .sp-container button+button,
.sp-container .btn-icon-list button+button {
    margin-left: 5px;
}
.btn-group-sm>.btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 3px;
    min-height: 0;
}
.btn-list {
    margin-bottom: -0.5rem;
    font-size: 0;
    padding: 0;
}
.btn-list>.btn:not(:last-child),
.btn-list>.dropdown:not(:last-child) {
    margin-right: 0.5rem;
}
.btn-list>.btn,
.btn-list>.dropdown {
    margin-bottom: 0.5rem;
}
.btn-default {
    color: #292828;
}
.btn-light {
    color: #2c3033;
    background-color: #eaedf7;
    border-color: #eaedf7;
}
.btn-light:hover {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
}
.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
}
.show>.btn-light.dropdown-toggle {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}
/* ###### Buttons ###### */
/* ###### Card  ###### */
.card {
    border-radius: 11px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #e8e8f7;
}
.card.text-white .main-content-label,
.card.tx-white .main-content-label {
    color: #ffffff;
}
.card-body {
    flex: 1 1 auto;
    padding: 25px;
}
.main-content-label {
    font-weight: 500;
    color: #3c4858;
    font-size: 14px;
    margin-bottom: 0rem;
    line-height: 1;
}
.card>hr {
    margin-right: 0;
    margin-left: 0;
}
.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.card .card {
    box-shadow: none;
}
.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-left: 1.25rem;
}
.card-header {
    padding: 20px 25px 0 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8f7;
    background: transparent;
}
.card-header:first-child {
    border-radius: 2px 2px 0 0;
    border-radius: 11px 11px 0 0;
}
.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}
.card-footer {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #e8e8f7;
    background: transparent;
}
.card-footer:last-child {
    border-radius: 11px;
}
.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.card-img {
    width: 100%;
    border-radius: 2px;
}
.card-img-top {
    width: 100%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.card-deck {
    display: flex;
    flex-direction: column;
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

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

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

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

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

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

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

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

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

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

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.card-header,
.card-footer {
    position: relative;
    border-color: #eaedf7;
    padding-left: 25px;
    padding-right: 25px;
}
.card-header-tab {
    border-bottom: 0;
    padding: 0;
}
.card-item .card-item-icon {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    bottom: 21px;
    top: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-item .card-item-icon.card-icon {
    background: var(--primary01);
}
.card-item .card-item-title {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    margin-bottom: 2rem;
    letter-spacing: 0;
    color: #383942;
}
.card-item .card-item-title small {
    font-size: 80%;
    font-weight: 300;
    text-transform: capitalize;
    color: #8d95b1;
}
.card-item .card-item-body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.card-item .card-item-body .card-item-stat .card-item-figure {
    display: flex;
    font-weight: 500;
    font-size: 1.125rem;
    letter-spacing: 0.5px;
    color: #383942;
}
.card-item .card-item-body .card-item-stat small {
    font-size: 85%;
    font-weight: 300;
    text-transform: capitalize;
    color: #8d95b1;
}
.card-item .card-item-body .card-item-redirect .btn-card-item-view {
    background: #F4F7FD;
    color: #A5ABBA;
    font-weight: 300;
    letter-spacing: 0.5px;
    border: none;
    transition: all, 0.3s;
}
.card-dashboard-calendar {
    padding: 20px;
    box-shadow: -7.829px 11.607px 20px 0px rgb(228, 227, 245);
}
.card-dashboard-calendar .main-content-label {
    color: #1c273c;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.card-dashboard-calendar .card-body {
    padding: 0;
}
.card-dashboard-calendar .ui-datepicker-inline {
    border-width: 0;
    max-width: none;
    padding: 0;
    margin: 0;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 0;
    padding: 13px 10px;
    margin: auto;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.card-dashboard-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    top: 12px;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar th {
    font-size: 12px;
    text-align: center;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar td a {
    font-size: 11.7px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: #ffffff;
    font-weight: 700;
    border-radius: 0;
}
@media (min-width: 576px) {
    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar {
        width: 100%;
    }
}
.card-table.table-vcenter th {
    font-weight: 600 !important;
}
.card-table .badge {
    padding: 9px 13px 9px;
}
.custom-card {
    margin-bottom: 20px;
    border: 0;
    box-shadow: -7.829px 11.607px 20px 0px rgb(228, 227, 245);
}
.card-aside {
    flex-direction: row;
}
.card-aside-column {
    min-width: 5rem;
    width: 30%;
    flex: 0 0 30%;
    background: no-repeat center/cover;
}
.card-options {
    margin-left: auto;
    display: flex;
    order: 100;
    margin-right: -0.5rem;
    color: #a8afc7;
    align-self: center;
}
.card-options a:not(.btn) {
    margin-left: 0;
    color: #505069;
    display: inline-block;
    min-width: 1rem;
    padding: 10px 15px;
}
.card-options a:not(.btn):hover {
    text-decoration: none;
    color: #505069;
}
.card-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    margin: 0;
}
.card-collapsed> :not(.card-header):not(.card-status) {
    display: none;
}
.card-options a:not(.btn) i {
    font-size: 1rem;
    vertical-align: middle;
}
.card-options .dropdown-toggle:after {
    display: none;
}
.custom-card-header {
    background: #ffffff;
    display: flex;
    line-height: 0;
}
.card-body+.card-body {
    border-top: 1px solid #f0f2f8;
}
.card-sub-title {
    font-size: 13px;
    margin-top: 3px;
}
.card-blog-overlay1 {
    background: url('3.jpg');
    background-size: cover;
}
.card-blog-overlay2 {
    background: url('1.jpg');
    background-size: cover;
}
.card-blog-overlay {
    background: url('2.jpg');
    background-size: cover;
    position: relative;
}
.card-blog-overlay:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}
.card-blog-overlay1:before,
.card-blog-overlay2:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}
.card-blog-overlay .custom-card-header,
.card-blog-overlay1 .custom-card-header,
.card-blog-overlay2 .custom-card-header {
    background: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-blog-overlay .card-footer,
.card-blog-overlay1 .card-footer,
.card-blog-overlay2 .card-footer {
    background: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.card-item-desc .card-item-desc-1 dt {
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
}
.card-item-desc dl,
.card-item-desc dd {
    margin-top: 0;
    margin-bottom: 0;
}
.card-item-desc .card-item-desc-1 dd {
    font-size: 13px;
    color: #737f9e;
    margin-bottom: 0;
}
.cart-details dt {
    font-weight: 400;
    margin-bottom: 0.6rem;
}
.cart-details dd {
    font-weight: 600;
}
@media (max-width: 575px) {
    .card-box img {
        position: relative !important;
        bottom: -27px !important;
        left: -14px !important;
    }
}
/* ###### Card  ###### */
/* ###### carousel ###### */
.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: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
.carousel-item.active {
    display: block;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}
.carousel-item-next,
.carousel-item-prev {
    display: block;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}
.carousel-fade .carousel-item.active {
    z-index: 0;
    opacity: 1;
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 0;
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s 0.6s opacity;
}
@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: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #ffffff;
    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 {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%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' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon svg,
.carousel-control-next-icon svg {
    width: 48px;
    height: 48px;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ffffff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.carousel-indicators .active {
    opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.carousel-slider #carousel {
    margin: 0;
}
.carousel-slider #thumbcarousel {
    margin: 10px 0 0 0;
    padding: 0;
}
.carousel-slider #thumbcarousel .carousel-item {
    text-align: center;
}
.carousel-slider #thumbcarousel .carousel-item .thumb {
    width: 100%;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 100px;
}
.carousel-slider #thumbcarousel .carousel-item .thumb:hover {
    border-color: #cad4e4;
}
.carousel-slider .carousel-item img {
    width: 100%;
    height: auto;
}
.carousel-control:active,
.carousel-control:focus,
.carousel-control:hover {
    color: #333;
}
#thumbcarousel .carousel-control-prev {
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
#thumbcarousel .carousel-control-next {
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.owl-carousel .owl-item {
    position: relative;
    cursor: move;
    overflow: hidden;
}
.owl-nav {
    display: block;
}
.owl-carousel {
    position: relative;
}
.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -25px;
    right: -1.5em;
    margin-top: -1.65em;
}
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -1.65em;
}
.owl-nav button {
    display: block;
    font-size: 1.3rem !important;
    line-height: 2em;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #e8ebf3 !important;
    z-index: 99;
    box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15);
}
.owl-nav button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
.owl-carousel:hover .owl-nav button {
    background: rgb(255, 255, 255) !important;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    animation: sonarEffect 1.3s ease-out 75ms;
}
.owl-nav>div i {
    margin: 0;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 0.65em;
    left: 0;
    right: 0;
    z-index: 99;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 1em;
    height: 1em;
    margin: 5px 7px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.product-carousel .thumb {
    border: 1px solid #cad4e4;
    padding: 5px;
}
/* ###### carousel ###### */
/* ########## Dropdown ########## */
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-menu-start {
    right: auto;
    left: 0;
}
.dropdown-menu-end {
    right: 0;
    left: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

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

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

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }

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

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    vertical-align: 0;
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    vertical-align: 0;
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e8e8f7;
}
.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #647194;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    padding: 8px 15px;
    font-size: 13px;
    border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: #141c2b;
    text-decoration: none;
    background-color: #f1f2f9;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #a8afc7;
    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.76562rem;
    color: #a8afc7;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #8f9cc0;
}
.dropdown-menu .main-form-search {
    flex: 1;
    width: 100%;
    position: relative;
}
.dropdown-menu .main-header-center .select2-container--default .select2-selection--single {
    border-radius: 6px 0 0 6px;
    background: #eaebfa;
    height: 40px;
    width: 200px !important;
}
.dropdown-menu .main-header-center .search-btn {
    padding: 0.375rem 0.85rem 0.4rem 0.7rem;
    border-radius: 0 6px 6px 0;
    color: #ffffff;
    display: inline-block;
}
.dropdown-menu .main-form-search .btn,
.dropdown-menu .main-form-search .sp-container button {
    display: inline-block;
    position: initial;
    padding: 0.375rem 0.85rem 0.4rem 0.7rem;
    border-radius: 0 6px 6px 0;
    color: #ffffff;
}
.dropdown-menu .sp-container .main-form-search button {
    display: inline-block;
    position: initial;
    padding: 0.375rem 0.85rem 0.4rem 0.7rem;
    border-radius: 0 6px 6px 0;
    color: #ffffff;
}
.dropdown-menu .main-header-center .form-control {
    background: #eaebfa;
    border: 1px solid #e6eaff;
    transition: none;
    height: 40px;
    border-radius: 0;
}
.dropdown-menu .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
    margin-left: 0;
}
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}
.dropdown.header-message .nav-link.icon {
    font-size: 18px;
}
.dropdown-menu {
    border-width: 1px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #8f9cc0;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e8e8f7;
    border-radius: 0px;
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.3);
}
.dropdown-menu[data-popper-placement^=top],
.dropdown-menu[data-popper-placement^=right],
.dropdown-menu[data-popper-placement^=bottom],
.dropdown-menu[data-popper-placement^=left] {
    right: auto;
    bottom: auto;
}
/* ########## Dropdown ########## */
/* ###### Form-elements ###### */
.form-control {
    display: block;
    width: 100%;
    padding: 0.175rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e8e8f7;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 38px;
    border-radius: 5px;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control:focus {
    color: #000;
    outline: 0;
    border-color: #eeeef9;
    box-shadow: none;
}
.form-control::placeholder {
    color: #a8afc7;
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #f6f6ff;
    opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}
select.form-control:focus::-ms-value {
    color: #8f9cc0;
    background-color: #ffffff;
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.09375rem;
    line-height: 1.5;
}
.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.76562rem;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #8f9cc0;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}
.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
    height: auto;
}
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 1rem;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
.form-check-input:disabled~.form-check-label {
    color: #a8afc7;
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}
.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 {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

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

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

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

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

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

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}
.custom-file,
.custom-file-input {
    height: 38px;
}
.form-label {
    display: block;
    margin-bottom: 5px;
    color: #8f9cc0;
}
.file-browser .btn-default {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    padding: 0.46rem 15px;
    color: #ffffff;
    border-radius: 0;
    border: 1px solid #e2e8f5;
}
.main-form-group {
    padding: 12px 15px;
    border: 1px solid #e8e8f7;
}
.main-form-group.focus {
    border-color: #e8e8f7;
    box-shadow: 0 0 0 2px rgba(91, 71, 251, 0.16);
}
.main-form-group .form-label {
    font-size: 13px;
    margin-bottom: 2px;
    font-weight: 400;
    color: #a8afc7;
}
.main-form-group .form-control {
    padding: 0;
    border-width: 0;
    height: 25px;
    color: #8f9cc0;
    font-weight: 500;
}
.main-form-group .form-control:focus {
    box-shadow: none;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #19b159;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    color: #ffffff;
    background-color: rgba(59, 176, 1, 0.9);
    border-radius: 3px;
}
.was-validated .form-control:valid,
.form-control.is-valid,
input.form-control.parsley-success,
textarea.form-control.parsley-success {
    border-color: #19b159;
    padding-right: calc(1.5em + 0.75rem);
    
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
input.form-control.parsley-success:focus,
textarea.form-control.parsley-success:focus {
    border-color: #19b159;
    box-shadow: none;
}
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block;
}
.form-control.is-valid~.valid-feedback,
input.form-control.parsley-success~.valid-feedback,
textarea.form-control.parsley-success~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
input.form-control.parsley-success~.valid-tooltip,
textarea.form-control.parsley-success~.valid-tooltip {
    display: block;
}
.was-validated textarea.form-control:valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
textarea.form-control.is-valid,
textarea.form-control.parsley-success {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid,
input.custom-select.parsley-success,
textarea.custom-select.parsley-success {
    border-color: #19b159;
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
    
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus,
input.custom-select.parsley-success:focus,
textarea.custom-select.parsley-success:focus {
    border-color: #19b159;
    box-shadow: none;
}
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip {
    display: block;
}
.custom-select.is-valid~.valid-feedback,
input.custom-select.parsley-success~.valid-feedback,
textarea.custom-select.parsley-success~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
input.custom-select.parsley-success~.valid-tooltip,
textarea.custom-select.parsley-success~.valid-tooltip {
    display: block;
}
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
    display: block;
}
.form-control-file.is-valid~.valid-feedback,
input.form-control-file.parsley-success~.valid-feedback,
textarea.form-control-file.parsley-success~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
input.form-control-file.parsley-success~.valid-tooltip,
textarea.form-control-file.parsley-success~.valid-tooltip {
    display: block;
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label,
input.form-check-input.parsley-success~.form-check-label,
textarea.form-check-input.parsley-success~.form-check-label {
    color: #19b159;
}
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block;
}
.form-check-input.is-valid~.valid-feedback,
input.form-check-input.parsley-success~.valid-feedback,
textarea.form-check-input.parsley-success~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
input.form-check-input.parsley-success~.valid-tooltip,
textarea.form-check-input.parsley-success~.valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label,
input.custom-control-input.parsley-success~.custom-control-label,
textarea.custom-control-input.parsley-success~.custom-control-label {
    color: #19b159;
}
.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before,
input.custom-control-input.parsley-success~.custom-control-label::before,
textarea.custom-control-input.parsley-success~.custom-control-label::before {
    border-color: #19b159;
}
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before,
input.custom-control-input.parsley-success:checked~.custom-control-label::before,
textarea.custom-control-input.parsley-success:checked~.custom-control-label::before {
    border-color: #4ce301;
    background-color: #4ce301;
}
.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before,
input.custom-control-input.parsley-success:focus~.custom-control-label::before,
textarea.custom-control-input.parsley-success:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 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,
input.custom-control-input.parsley-success:focus:not(:checked)~.custom-control-label::before,
textarea.custom-control-input.parsley-success:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label,
input.custom-file-input.parsley-success~.custom-file-label,
textarea.custom-file-input.parsley-success~.custom-file-label {
    border-color: #19b159;
}
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block;
}
.custom-file-input.is-valid~.valid-feedback,
input.custom-file-input.parsley-success~.valid-feedback,
textarea.custom-file-input.parsley-success~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
input.custom-file-input.parsley-success~.valid-tooltip,
textarea.custom-file-input.parsley-success~.valid-tooltip {
    display: block;
}
.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label,
input.custom-file-input.parsley-success:focus~.custom-file-label,
textarea.custom-file-input.parsley-success:focus~.custom-file-label {
    border-color: #19b159;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #f16d75;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    color: #ffffff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 3px;
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
input.form-control.parsley-error,
textarea.form-control.parsley-error {
    border-color: #f16d75;
    padding-right: calc(1.5em + 0.75rem);
    
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
input.form-control.parsley-error:focus,
textarea.form-control.parsley-error:focus {
    border-color: #f16d75;
    box-shadow: none;
}
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block;
}
.form-control.is-invalid~.invalid-feedback,
input.form-control.parsley-error~.invalid-feedback,
textarea.form-control.parsley-error~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
input.form-control.parsley-error~.invalid-tooltip,
textarea.form-control.parsley-error~.invalid-tooltip {
    display: block;
}
.was-validated textarea.form-control:invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
textarea.form-control.is-invalid,
textarea.form-control.parsley-error {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid,
input.custom-select.parsley-error,
textarea.custom-select.parsley-error {
    border-color: #f16d75;
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
    
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus,
input.custom-select.parsley-error:focus,
textarea.custom-select.parsley-error:focus {
    border-color: #f16d75;
    box-shadow: none;
}
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip {
    display: block;
}
.custom-select.is-invalid~.invalid-feedback,
input.custom-select.parsley-error~.invalid-feedback,
textarea.custom-select.parsley-error~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
input.custom-select.parsley-error~.invalid-tooltip,
textarea.custom-select.parsley-error~.invalid-tooltip {
    display: block;
}
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block;
}
.form-control-file.is-invalid~.invalid-feedback,
input.form-control-file.parsley-error~.invalid-feedback,
textarea.form-control-file.parsley-error~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
input.form-control-file.parsley-error~.invalid-tooltip,
textarea.form-control-file.parsley-error~.invalid-tooltip {
    display: block;
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label,
input.form-check-input.parsley-error~.form-check-label,
textarea.form-check-input.parsley-error~.form-check-label {
    color: #f16d75;
}
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block;
}
.form-check-input.is-invalid~.invalid-feedback,
input.form-check-input.parsley-error~.invalid-feedback,
textarea.form-check-input.parsley-error~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
input.form-check-input.parsley-error~.invalid-tooltip,
textarea.form-check-input.parsley-error~.invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label,
input.custom-control-input.parsley-error~.custom-control-label,
textarea.custom-control-input.parsley-error~.custom-control-label {
    color: #f16d75;
}
.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before,
input.custom-control-input.parsley-error~.custom-control-label::before,
textarea.custom-control-input.parsley-error~.custom-control-label::before {
    border-color: #f16d75;
}
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before,
input.custom-control-input.parsley-error:checked~.custom-control-label::before,
textarea.custom-control-input.parsley-error: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,
input.custom-control-input.parsley-error:focus~.custom-control-label::before,
textarea.custom-control-input.parsley-error: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,
input.custom-control-input.parsley-error:focus:not(:checked)~.custom-control-label::before,
textarea.custom-control-input.parsley-error:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label,
input.custom-file-input.parsley-error~.custom-file-label,
textarea.custom-file-input.parsley-error~.custom-file-label {
    border-color: #f16d75;
}
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block;
}
.custom-file-input.is-invalid~.invalid-feedback,
input.custom-file-input.parsley-error~.invalid-feedback,
textarea.custom-file-input.parsley-error~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
input.custom-file-input.parsley-error~.invalid-tooltip,
textarea.custom-file-input.parsley-error~.invalid-tooltip {
    display: block;
}
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label,
input.custom-file-input.parsley-error:focus~.custom-file-label,
textarea.custom-file-input.parsley-error:focus~.custom-file-label {
    border-color: #f16d75;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
select.form-control.select-lg {
    height: 46px !important;
    padding: 10px 16px !important;
    font-size: 17px !important;
    line-height: 1.3333333 !important;
}
select.form-control.select-sm {
    height: 28px !important;
    padding: 0px 10px 1px 10px !important;
    line-height: 1 !important;
}
#example-input .form-control::placeholder {
    color: #19b159 !important;
}
input,
select,
textarea {
    color: #000000;
}
/* ###### Form-elements ###### */
/* ###### Grid ###### */
.row-sm {
    margin-left: -10px;
    margin-right: -10px;
}
.row-sm>div {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.row-xs {
    margin-left: -5px;
    margin-right: -5px;
}
.row-xs>div {
    padding-left: 5px;
    padding-right: 5px;
}
@media (min-width: 576px) {
    .row-xs--sm {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row-xs--sm>div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row-sm--sm {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-sm--sm>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row--sm {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row--sm>div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px) {
    .row-xs--md {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row-xs--md>div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row-sm--md {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-sm--md>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row--md {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row--md>div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .row-xs--lg {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row-xs--lg>div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row-sm--lg {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-sm--lg>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row--lg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row--lg>div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 1200px) {
    .row-xs--xl {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row-xs--xl>div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row-sm--xl {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-sm--xl>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row--xl {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row--xl>div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* ###### Grid ###### */
/* ###### Input-group ###### */
.input-group-prepend,
.input-group-append {
    border-radius: 0;
    display: flex;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3c4858;
    text-align: center;
    white-space: nowrap;
    background-color: #f6f6ff;
    border: 1px solid #e8e8f7;
    border-radius: 3px;
    padding-top: 0;
    padding-bottom: 0;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: dstretch;
    width: 100%;
}
.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file {
    margin-left: -1px;
}
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file {
    margin-left: -1px;
}
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file {
    margin-left: -1px;
}
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
    margin-left: -1px;
}
.input-group>.form-control:focus,
.input-group>.custom-select:focus {
    z-index: 3;
}
.input-group>.custom-file .custom-file-input:focus {
    z-index: 4;
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3;
}
.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.custom-file {
    display: flex;
    align-items: center;
}
.input-group>.custom-file:not(:last-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-prepend .btn,
.input-group-prepend .sp-container button {
    position: relative;
    z-index: 0;
}
.sp-container .input-group-prepend button {
    position: relative;
    z-index: 0;
}
.input-group-append .btn,
.input-group-append .sp-container button {
    position: relative;
    z-index: 0;
}
.sp-container .input-group-append button {
    position: relative;
    z-index: 0;
}
.input-group-prepend .btn:focus,
.input-group-prepend .sp-container button:focus {
    z-index: 3;
}
.sp-container .input-group-prepend button:focus {
    z-index: 3;
}
.input-group-append .btn:focus,
.input-group-append .sp-container button:focus {
    z-index: 3;
}
.sp-container .input-group-append button:focus {
    z-index: 3;
}
.input-group-prepend .btn+.btn,
.input-group-prepend .sp-container button+.btn {
    margin-left: -1px;
}
.sp-container .input-group-prepend button+.btn,
.input-group-prepend .sp-container .btn+button,
.sp-container .input-group-prepend .btn+button,
.input-group-prepend .sp-container button+button,
.sp-container .input-group-prepend button+button {
    margin-left: -1px;
}
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .sp-container button+.input-group-text {
    margin-left: -1px;
}
.sp-container .input-group-prepend button+.input-group-text {
    margin-left: -1px;
}
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn {
    margin-left: -1px;
}
.input-group-prepend .sp-container .input-group-text+button {
    margin-left: -1px;
}
.sp-container .input-group-prepend .input-group-text+button {
    margin-left: -1px;
}
.input-group-append .btn+.btn,
.input-group-append .sp-container button+.btn {
    margin-left: -1px;
}
.sp-container .input-group-append button+.btn,
.input-group-append .sp-container .btn+button,
.sp-container .input-group-append .btn+button,
.input-group-append .sp-container button+button,
.sp-container .input-group-append button+button {
    margin-left: -1px;
}
.input-group-append .btn+.input-group-text,
.input-group-append .sp-container button+.input-group-text {
    margin-left: -1px;
}
.sp-container .input-group-append button+.input-group-text {
    margin-left: -1px;
}
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
    margin-left: -1px;
}
.input-group-append .sp-container .input-group-text+button {
    margin-left: -1px;
}
.sp-container .input-group-append .input-group-text+button {
    margin-left: -1px;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
    height: calc(1.5em + 1rem + 2px);
}
.input-group-lg>.form-control,
.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 {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0rem;
}
.sp-container .input-group-lg>.input-group-prepend>button,
.input-group-lg>.input-group-append>.btn,
.sp-container .input-group-lg>.input-group-append>button {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0rem;
}
.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm>.form-control,
.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 {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0rem;
}
.sp-container .input-group-sm>.input-group-prepend>button,
.input-group-sm>.input-group-append>.btn,
.sp-container .input-group-sm>.input-group-append>button {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0rem;
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem;
}
.input-group>.input-group-prepend>.btn,
.sp-container .input-group>.input-group-prepend>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sp-container .input-group>.input-group-append:not(:last-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sp-container .input-group>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-append>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sp-container .input-group>.input-group-append>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sp-container .input-group>.input-group-prepend:not(:first-child)>button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sp-container .input-group>.input-group-prepend:first-child>button:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}
.input-sm {
    height: 28px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.input-group input-group-btn {
    border-radius: 0 6px 6px 0 !important;
}
/* ###### Input-group ###### */
/* ###### Modal ###### */
.modal.animated .modal-dialog {
    transform: translate(0, 0);
}
.modal.effect-scale .modal-dialog {
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.3s;
}
.modal.effect-scale.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}
.modal.effect-slide-in-right .modal-dialog {
    transform: translateX(20%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.modal.effect-slide-in-right.show .modal-dialog {
    transform: translateX(0);
    opacity: 1;
}
.modal.effect-slide-in-bottom .modal-dialog {
    transform: translateY(20%);
    opacity: 0;
    transition: all 0.3s;
}
.modal.effect-slide-in-bottom.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}
.modal.effect-newspaper .modal-dialog {
    transform: scale(0) rotate(720deg);
    opacity: 0;
}
.modal.effect-newspaper.show~.modal-backdrop,
.modal.effect-newspaper .modal-dialog {
    transition: all 0.5s;
}
.modal.effect-newspaper.show .modal-dialog {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
.modal.effect-fall {
    perspective: 1300px;
}
.modal.effect-fall .modal-dialog {
    transform-style: preserve-3d;
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
}
.modal.effect-fall.show .modal-dialog {
    transition: all 0.3s ease-in;
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1;
}
.modal.effect-flip-horizontal {
    perspective: 1300px;
}
.modal.effect-flip-horizontal .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition: all 0.3s;
    opacity: 0;
}
.modal.effect-flip-horizontal.show .modal-dialog {
    transform: rotateY(0deg);
    opacity: 1;
}
.modal.effect-flip-vertical {
    perspective: 1300px;
}
.modal.effect-flip-vertical .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateX(-70deg);
    transition: all 0.3s;
    opacity: 0;
}
.modal.effect-flip-vertical.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1;
}
.modal.effect-super-scaled .modal-dialog {
    transform: scale(2);
    opacity: 0;
    transition: all 0.3s;
}
.modal.effect-super-scaled.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}
.modal.effect-sign {
    perspective: 1300px;
}
.modal.effect-sign .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateX(-60deg);
    transform-origin: 50% 0;
    opacity: 0;
    transition: all 0.3s;
}
.modal.effect-sign.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1;
}
.modal.effect-rotate-bottom {
    perspective: 1300px;
}
.modal.effect-rotate-bottom .modal-dialog {
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.modal.effect-rotate-bottom.show .modal-dialog {
    transform: translateY(0%) rotateX(0deg);
    opacity: 1;
}
.modal.effect-rotate-left {
    perspective: 1300px;
}
.modal.effect-rotate-left .modal-dialog {
    transform-style: preserve-3d;
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s;
}
.modal.effect-rotate-left.show .modal-dialog {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
.modal.effect-just-me .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.3s;
}
.modal.effect-just-me .close {
    text-shadow: none;
    color: #ffffff;
}
.modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.modal.effect-just-me .modal-header h6 {
    color: #ffffff;
    font-weight: 500;
}
.modal.effect-just-me .modal-content {
    background: #000000;
}
.modal.effect-just-me .modal-body {
    color: rgba(255, 255, 255, 0.8);
}
.modal.effect-just-me .modal-body h6 {
    color: #ffffff;
}
.modal.effect-just-me .modal-footer {
    background-color: transparent;
    border-top-color: rgba(255, 255, 255, 0.1);
}
.modal.effect-just-me.show~.modal-backdrop {
    opacity: 0.96;
}
.modal.effect-just-me.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}
.close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #4a526f;
    text-shadow: 0 1px 0 #ffffff;
}
.close:hover {
    color: #8f9cc0;
    text-decoration: none;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
    outline: none;
}
a.close.disabled {
    pointer-events: none;
}
.modal-open {
    overflow: hidden;
}
.modal-open .select2-container--open {
    z-index: 9999;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    
    display: none;
    width: 100%;
    height: 100%;
    overflow: scroll;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
.modal.show .modal-dialog {
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    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% - 1rem);
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    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-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #202029;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
    opacity: 0.8;
}
.modal-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8f7;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    align-items: center;
    padding: 10px 20px !important;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}
.modal-header .modal-title {
    margin-bottom: 0;
}
.modal-title {
    font-size: 24px;
    font-weight: 700;
    color: #4a526f;
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    padding: 25px;
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e8e8f7;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.modal-footer> :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer> :not(:last-child) {
    margin-right: 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: 1.75rem auto;
    }

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

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

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

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }

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

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.modal-content-demo .modal-body h6 {
    color: #1d212f;
    font-size: 15px;
    margin-bottom: 15px;
}
.modal-content-demo .modal-body p {
    margin-bottom: 0;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%;
}
.fade {
    transition: opacity 0.15s linear;
}
.fade:not(.show) {
    opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.modal-backdrop {
    background-color: #0a0a0a;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e8e8f7;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.24);
    border-radius: 0;
    border-width: 0;
}
.modal-content .close {
    font-size: 28px;
    padding: 0;
    margin: 0;
    line-height: 0.5;
}
@media (min-width: 576px) {
    .modal-header {
        padding: 15px 20px;
    }
}
@media (min-width: 992px) {
    .modal-header {
        padding: 20px;
    }
}
@media (min-width: 1200px) {
    .modal-header {
        padding: 20px 25px;
    }
}
div.dtr-modal div.dtr-modal-content {
    box-shadow: none;
}
/* ###### Modal ###### */
/* ###### Navigation   ###### */
.nav-link:hover,
.nav-link:focus,
.nav-link:active {
    outline: none;
}
.nav-pills .nav-link {
    color: #3c4858;
    border-radius: 3px;
}
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    color: #8f9cc0;
}
.nav-pills .nav-link.active {
    border-radius: 2px;
    color: #ffffff;
}
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    color: #ffffff;
}
.nav-dark .nav-link {
    color: #a8afc7;
}
.nav-dark .nav-link:hover,
.nav-dark .nav-link:focus {
    color: #ffffff;
}
@media (min-width: 768px) {
    .nav-tabs .nav-link {
        padding: 10px 20px;
    }
}
@media (min-width: 768px) {
    .main-nav {
        align-items: center;
    }
}
.main-nav .nav-link {
    display: block;
    color: #3c4858;
    padding: 0;
    position: relative;
    line-height: normal;
}
.main-nav .nav-link:hover,
.main-nav .nav-link:focus {
    color: #8f9cc0;
}
.main-nav .nav-link+.nav-link {
    padding-top: 12px;
    margin-top: 12px;
}
@media (min-width: 768px) {
    .main-nav .nav-link+.nav-link {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
        padding-left: 15px;
        margin-left: 15px;
    }
}
.main-nav-column {
    flex-direction: column;
}
.main-nav-column .nav-link {
    padding: 0;
    height: 38px;
    color: #606c8c;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.main-nav-column .nav-link i {
    font-size: 18px;
    width: 24px;
    margin-right: 12px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    line-height: 0.9;
}
.main-nav-column .nav-link i:not([class*=" tx-"]) {
    color: #606c8c;
}
.main-nav-column .nav-link span {
    font-weight: 400;
    font-size: 11px;
    margin-left: auto;
}
.main-nav-column .nav-link:hover,
.main-nav-column .nav-link:focus,
.main-nav-column .nav-link:hover i:not([class*=" tx-"]),
.main-nav-column .nav-link:focus i:not([class*=" tx-"]) {
    color: #8f9cc0;
}
.main-nav-column .nav-link.active {
    position: relative;
}
.main-nav-column .nav-link.active i:not([class*=" tx-"]) {
    color: var(--primary-bg-color) !important;
}
.main-nav-column .nav-link.active::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: -28px;
    width: 3px;
    border-radius: 3px;
    display: none;
}
.main-nav-column.sm .nav-link {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 10px 0;
}
.main-nav-column.sm .nav-link i {
    font-size: 21px;
}
@media (prefers-reduced-motion: reduce) {
    .main-nav-column .nav-link i {
        transition: none;
    }
}
.main-nav-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
}
.main-nav-dark .nav-link:hover,
.main-nav-dark .nav-link:focus {
    color: #ffffff;
}
.main-nav-dark .nav-link+.nav-link {
    border-color: #3c4858;
}
.main-nav-colored-bg .nav-link+.nav-link {
    border-color: rgba(255, 255, 255, 0.4);
}
.main-nav-colored-bg .nav-link.active {
    color: #ffffff;
}
.main-nav-line {
    position: relative;
}
.main-nav-line .nav-link {
    padding: 0;
    color: #3c4858;
    position: relative;
}
.main-nav-line .nav-link+.nav-link {
    margin-top: 15px;
}
.main-nav-line .nav-link.active {
    color: #8f9cc0;
}
.main-nav-line.main-nav-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
}
.main-nav-line.main-nav-dark .nav-link:hover,
.main-nav-line.main-nav-dark .nav-link:focus {
    color: #ffffff;
}
.main-nav-line.main-nav-dark .nav-link.active {
    color: #ffffff;
}
.main-nav-line.main-nav-dark .nav-link.active::before {
    background-color: #ffffff;
}
@media (min-width: 769px) {
    .main-nav-line .nav-link+.nav-link {
        margin-top: 0;
        margin-left: 30px;
    }
}
@media (max-width: 768px) {
    .main-nav-line .nav-link+.nav-link {
        margin-top: 10px;
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    .main-nav-line .nav-link.active::before {
        top: auto;
        bottom: -18px;
        left: 0;
        right: 0;
        height: 2px;
        width: auto;
    }
}
@media (min-width: 992px) {
    .main-nav-line-chat {
        padding-left: 0;
        flex-shrink: 0;
        height: 57px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
        border-bottom: 1px solid #e2e8f5;
    }

    .nav.main-nav-line-chat {
        padding-left: 20px;
    }
}
#underline .main-nav-line .nav-link.active {
    text-decoration: underline;
}
/* ###### Navigation   ###### */
/* ###### Pagination  ###### */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}
.page-link {
    color: #71719a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-width: 0;
    border: 1px solid #e8e8f7;
    font-weight: 400;
    position: relative;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #ffffff;
}
.page-link i {
    font-size: 18px;
    line-height: 0;
}
.page-link:hover,
.page-link:focus {
    background-color: #eaedf7;
    box-shadow: none;
    z-index: 2;
}
.page-link:hover {
    text-decoration: none;
    background-color: #eaedf7;
    border-color: #eaedf7;
}
.page-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
}
.page-item.active .page-link {
    color: #ffffff;
}
.page-item.disabled .page-link {
    color: #a8afc7;
    pointer-events: none;
    cursor: auto;
    background-color: #ffffff;
    border-color: #eaedf7;
}
.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.09375rem;
    line-height: 1.5;
}
.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
}
.page-item:first-child .page-link {
    border-radius: 6px 0 0 6px;
}
.page-item:last-child .page-link {
    border-radius: 0 6px 6px 0;
}
.pagination-dark .page-item.active .page-link {
    color: #ffffff;
}
.pagination-dark .page-link {
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
}
.pagination-dark .page-link:hover,
.pagination-dark .page-link:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
}
.pagination-success .page-item.active .page-link {
    background-color: #19b159;
    border-color: #19b159;
}
.pagination-circled .page-item+.page-item {
    margin-left: 5px;
}
.pagination-circled .page-item:first-child .page-link,
.pagination-circled .page-item:last-child .page-link {
    border-radius: 100% !important;
}
.pagination-circled .page-link {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.pagination-circle {
    margin-top: 0;
    border-radius: 50px;
    background: #eaedf7;
    padding: 7px;
}
.pagination-circle li a,
.pagination-circle li span {
    padding: 0;
    border-radius: 50px !important;
    margin: 0 3px;
    min-width: 32px;
    height: 32px;
    width: 32px;
    line-height: 31px;
    text-align: center;
    font-size: 14px;
    border: 0;
    background: #ffffff;
}
.pagination-radius {
    margin-top: 0;
    border-radius: 6px;
    padding: 6px;
}
.pagination-radius>li {
    display: inline;
}
.pagination-radius li a,
.pagination-radius li span {
    padding: 0;
    border-radius: 6px !important;
    margin: 0;
    min-width: 32px;
    height: 32px;
    width: 32px;
    line-height: 31px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #dee4f5;
    margin-left: 4px;
    background: #ffffff;
}
.pagination-radius .page-link i {
    font-size: 11px;
    line-height: 0;
}
.pagination-circle .page-link i {
    font-size: 11px;
    line-height: 0;
}
/* ###### Pagination  ###### */
/* ###### Popover  ###### */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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: left;
    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.76562rem;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e8e8f7;
    border-radius: 0.3rem;
    padding: 0;
}
.popover.show {
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.3);
}
.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;
}
.popover-header {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header::before {
    display: none !important;
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #8f9cc0;
}
.popover-body p:last-child {
    margin-bottom: 0;
}
.popover-head-primary .popover-header {
    background-color: var(--primary-bg-color) !important;
    color: #ffffff;
}
.popover-head-primary.bs-popover-top .arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=top] .arrow {
    bottom: -7px;
}
.popover-head-primary.bs-popover-left .arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=left] .arrow {
    right: -7px;
}
.popover-head-primary.bs-popover-right .arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=right] .arrow {
    left: -7px;
}
.popover-head-secondary .popover-header {
    color: #ffffff;
    background-color: #f1388b !important;
}
.popover-head-secondary.bs-popover-top .arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=top] .arrow {
    bottom: -7px;
}
.popover-head-secondary.bs-popover-left .arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=left] .arrow {
    right: -7px;
}
.popover-head-secondary.bs-popover-right .arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=right] .arrow {
    left: -7px;
}
.popover-head-secondary.bs-popover-bottom .arrow::after,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .arrow::after {
    border-bottom-color: #f1388b;
}
.popover-head-primary,
.popover-head-secondary {
    border: 0;
}
.popover-head-primary .popover-header,
.popover-head-secondary .popover-header {
    border: 0;
}
.popover-head-primary .popover-body,
.popover-head-secondary .popover-body {
    border: 1px solid rgba(28, 39, 60, 0.2);
    border-top-width: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.popover-head-primary.bs-popover-bottom .arrow::before,
.popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .arrow::before {
    display: none;
}
.popover-head-secondary.bs-popover-bottom .arrow::before,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .arrow::before {
    display: none;
}
.popover-primary {
    border-width: 0;
    padding: 15px;
}
.popover-primary .popover-header {
    background-color: transparent !important;
    border-bottom-width: 0;
    padding: 0 0 15px;
    color: #ffffff;
}
.popover-primary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75);
}
.popover-primary .arrow::before {
    display: none;
}
.popover-secondary {
    background-color: #f1388b !important;
    border-width: 0;
    padding: 15px;
}
.popover-secondary .popover-header {
    background-color: transparent !important;
    border-bottom-width: 0;
    padding: 0 0 15px;
    color: #ffffff;
}
.popover-secondary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75);
}
.popover-secondary .arrow::before {
    display: none;
}
.popover-secondary.bs-popover-top .arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=top] .arrow::after {
    border-top-color: #f1388b;
}
.popover-secondary.bs-popover-bottom .arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .arrow::after {
    border-bottom-color: #f1388b;
}
.popover-secondary.bs-popover-left .arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=left] .arrow::after {
    border-left-color: #f1388b;
}
.popover-secondary.bs-popover-right .arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=right] .arrow::after {
    border-right-color: #f1388b;
}
.popover-static-demo {
    background-color: #eaedf7;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.popover-static-demo .popover {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}
.popover-static-demo .bs-popover-top .arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=top] .arrow,
.popover-static-demo .bs-popover-bottom .arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=bottom] .arrow {
    left: 50%;
    margin-left: -5px;
}
.popover-static-demo .bs-popover-left,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left],
.popover-static-demo .bs-popover-right,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] {
    margin-top: 5px;
}
.popover-static-demo .bs-popover-left .arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left] .arrow,
.popover-static-demo .bs-popover-right .arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] .arrow {
    top: 50%;
    margin-top: -5px;
}
.bs-popover-top,
.bs-popover-auto[data-popper-placement^=top] {
    margin-bottom: 0.5rem;
}
.bs-popover-top>.arrow,
.bs-popover-auto[data-popper-placement^=top]>.arrow {
    bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top>.arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #eaedf7;
}
.bs-popover-top>.arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #ffffff;
}
.bs-popover-right,
.bs-popover-auto[data-popper-placement^=right] {
    margin-left: 0.5rem;
}
.bs-popover-right>.arrow,
.bs-popover-auto[data-popper-placement^=right]>.arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-right>.arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #eaedf7;
}
.bs-popover-right>.arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #ffffff;
}
.bs-popover-bottom,
.bs-popover-auto[data-popper-placement^=bottom] {
    margin-top: 0.5rem;
}
.bs-popover-bottom>.arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.arrow {
    top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom>.arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #eaedf7;
}
.bs-popover-bottom>.arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #ffffff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[data-popper-placement^=left] {
    margin-right: 0.5rem;
}
.bs-popover-left>.arrow,
.bs-popover-auto[data-popper-placement^=left]>.arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-left>.arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #eaedf7;
}
.bs-popover-left>.arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #ffffff;
}
.popover-primary.bs-popover-top .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: var(--primary-bg-color);
}
.popover-secondary.bs-popover-top .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: #f1388b;
}
.modal-open .popover {
    z-index: 999999;
}
.modal-open .tooltip {
    z-index: 9999;
}
/* ###### Popover  ###### */
/* ###### Progress ###### */
.progress-bar-xs {
    height: 5px;
}
.progress-bar-sm {
    height: 8px;
}
.progress-bar-lg {
    height: 15px;
}
.progress {
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #eaedf7;
    border-radius: 3px;
}
@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    transition: width 0.6s ease;
    border-radius: 10px;
    height: 10px;
    font-size: 11px;
}
@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: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}
/* ###### Progress ###### */
/* ###### Table  ###### */
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #1d212f;
}
.table th,
.table td {
    vertical-align: middle;
    padding: 9px 19px;
    line-height: 1.462;
    border-top: 0;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #e8e8f7 !important;
}
.table tbody+tbody {
    border-top: 1px solid #e8e8f7;
}
.table thead th,
.table thead td {
    color: #3c4858;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom-width: 1px;
    border-top-width: 0;
    padding: 11px 19px;
}
.table tbody tr {
    background-color: rgba(255, 255, 255, 0.5);
}
.table tbody tr th {
    font-weight: 500;
}
.table-sm th,
.table-sm td {
    padding: 0.3rem;
}
.table-bordered {
    border: 1px solid #e8e8f7 !important;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #e8e8f7;
}
.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
    border-top-width: 1px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: transparent;
}
.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: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
    background-color: #f8f8ff;
}
.table-primary {
    background-color: #c6d4ff;
}
.table-primary>th,
.table-primary>td {
    background-color: #c6d4ff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #95afff;
}
.table-hover .table-primary:hover {
    background-color: #adc1ff;
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #adc1ff;
}
.table-secondary {
    background-color: #d9dde5;
}
.table-secondary>th,
.table-secondary>td {
    background-color: #d9dde5;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #b9c1ce;
}
.table-hover .table-secondary:hover {
    background-color: #cacfdb;
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #cacfdb;
}
.table-success {
    background-color: #c8e9b8;
}
.table-success>th,
.table-success>td {
    background-color: #c8e9b8;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #99d67b;
}
.table-hover .table-success:hover {
    background-color: #b9e3a5;
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b9e3a5;
}
.table-info {
    background-color: #bee5eb;
}
.table-info>th,
.table-info>td {
    background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #86cfda;
}
.table-hover .table-info:hover {
    background-color: #abdde5;
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5;
}
.table-warning {
    background-color: #ffeeba;
}
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1;
}
.table-danger {
    background-color: #f5c6cb;
}
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ed969e;
}
.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7;
}
.table-light {
    background-color: #fcfcfd;
}
.table-light>th,
.table-light>td {
    background-color: #fcfcfd;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #f9fafb;
}
.table-hover .table-light:hover {
    background-color: #ededf3;
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ededf3;
}
.table-dark {
    color: #ffffff;
    background-color: #3b4863;
}
.table-dark>th,
.table-dark>td {
    background-color: #c8ccd3;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #49597b;
}
.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: #ffffff;
    background-color: rgba(255, 255, 255, 0.075);
}
.table-hover .table-dark:hover {
    background-color: #babfc8;
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #babfc8;
}
.table-active {
    background-color: rgba(0, 0, 0, 0.075);
}
.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 {
    color: #ffffff;
    background-color: #3b4863;
    border-color: #49597b;
}
.table .thead-light th {
    color: #3c4858;
    background-color: #eaedf7;
    border-color: #eaedf7;
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: scroll;
        -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: a;
        -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: scroll;
        -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: scroll;
        -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;
}
.table-striped tbody tr:nth-of-type(2n + 1) {
    background-color: #efefff;
}
.table.dtr-details {
    margin-bottom: 0;
}
.table-shopping-cart .media {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem;
}
table.table-bordered.dataTable thead tr:first-child th,
table.table-bordered.dataTable thead tr:first-child td {
    border-top-width: 0 !important;
}
.table-bordered thead th {
    background: none !important;
    border-bottom-width: 0px !important;
}
.table-responsive.tasks .table> :not(caption)>*>* {
    border-bottom: 0 !important;
}
.table-responsive.userlist-table .table> :not(caption)>*>* {
    border-bottom: 0 !important;
}
.table-striped tbody tr:nth-of-type(2n + 1) {
    background-color: #efefff;
}
.table-responsive .table-product.table> :not(caption)>*>* {
    border-bottom: 0px !important;
}
table.dataTable {
    width: 100% !important;
}
/* ###### Table  ###### */
/* ###### Datatables ###### */
table.dataTable {
    border: 1px solid #e8e8f7;
}
table.dataTable.no-footer {
    border-bottom-color: #eaedf7;
}
table.dataTable thead th,
table.dataTable thead td {
    border-top-width: 0;
    border-bottom-width: 0;
    padding: 8px 10px;
    font-weight: 700;
    font-size: 12px;
    color: #434b63;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    border: 1px solid #e8e8f7;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 0;
    background-image: none;
    color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    border: 0;
    background-image: none;
    color: #ffffff !important;
}
.table.dataTable tr {
    border: 1px solid #e8e8f7;
    white-space: nowrap;
}
.dataTables_info {
    margin-bottom: 1rem;
}
.table.dataTable th,
.table.dataTable td {
    border-left: 1px solid #e8e8f7;
    outline: none;
}
div.dataTables_wrapper div.dataTables_length select {
    margin-right: 10px;
}
/* ######  Datatables ###### */
/* ###### Toast ###### */
.toast {
    max-width: 100%;
    width: 300px;
    overflow: hidden;
    font-size: 0.875rem;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.95);
    border-color: #eaedf7;
    box-shadow: 0 2px 3px rgba(28, 39, 60, 0.06);
    border-radius: 0px;
}
.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}
.toast.showing {
    opacity: 1;
}
.toast.show {
    display: block;
    opacity: 1;
}
.toast.hide {
    display: none;
}
.toast-body {
    padding: 0.75rem;
}
.toast-header {
    border-bottom-color: rgba(205, 212, 224, 0.4);
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.toast-header .close {
    font-weight: 300;
    color: #a8afc7;
}
.demo-static-toast .toast {
    opacity: 1;
}
/* ###### Toast ###### */
/* ###### Tooltip  ###### */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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: left;
    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.76562rem;
    word-wrap: break-word;
    opacity: 0;
    top: 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;
}
.tooltip-inner {
    font-size: 12px;
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 3px;
}
.tooltip-primary .tooltip-inner {
    background-color: var(--primary-bg-color) !important;
    color: #ffffff !important;
}
.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: var(--primary-bg-color) !important;
}
.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: var(--primary-bg-color);
}
.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: var(--primary-bg-color);
}
.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: var(--primary-bg-color);
}
.tooltip-secondary .tooltip-inner {
    background-color: #f1388b !important;
    color: #ffffff;
}
.tooltip-secondary.bs-tooltip-top .arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: #f1388b !important;
}
.tooltip-secondary.bs-tooltip-bottom .arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: #f1388b !important;
}
.tooltip-secondary.bs-tooltip-left .arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: #f1388b;
}
.tooltip-secondary.bs-tooltip-right .arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: #f1388b;
}
.tooltip-info .tooltip-inner {
    background-color: #01b8ff !important;
    color: #ffffff !important;
}
.tooltip-info.bs-tooltip-top .arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: #01b8ff !important;
}
.tooltip-info.bs-tooltip-bottom .arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: #01b8ff;
}
.tooltip-info.bs-tooltip-left .arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: #01b8ff;
}
.tooltip-info.bs-tooltip-right .arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: #01b8ff;
}
.tooltip-danger .tooltip-inner {
    background-color: #f16d75 !important;
    color: #ffffff !important;
}
.tooltip-danger.bs-tooltip-top .arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: #f16d75 !important;
}
.tooltip-danger.bs-tooltip-bottom .arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: #f16d75;
}
.tooltip-danger.bs-tooltip-left .arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: #f16d75;
}
.tooltip-danger.bs-tooltip-right .arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: #f16d75;
}
.tooltip-success .tooltip-inner {
    background-color: #19b159;
    color: #ffffff;
}
.tooltip-success.bs-tooltip-top .arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: #19b159;
}
.tooltip-success.bs-tooltip-bottom .arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: #19b159;
}
.tooltip-success.bs-tooltip-left .arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: #19b159;
}
.tooltip-success.bs-tooltip-right .arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: #19b159;
}
.tooltip-warning .tooltip-inner {
    background-color: #ff9b21;
    color: #8f9cc0;
}
.tooltip-warning.bs-tooltip-top .arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: #ff9b21;
}
.tooltip-warning.bs-tooltip-bottom .arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: #ff9b21;
}
.tooltip-warning.bs-tooltip-left .arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: #ff9b21;
}
.tooltip-warning.bs-tooltip-right .arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: #ff9b21;
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
    padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[data-popper-placement^=top] .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000000;
}
.bs-tooltip-right,
.bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[data-popper-placement^=right] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000000;
}
.bs-tooltip-left,
.bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[data-popper-placement^=left] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000000;
}
.tooltip-static-demo {
    text-align: center;
    background-color: #eaedf7;
    padding: 20px;
}
.tooltip-static-demo .tooltip {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}
.tooltip-static-demo .bs-tooltip-top .arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=top] .arrow,
.tooltip-static-demo .bs-tooltip-bottom .arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=bottom] .arrow {
    left: 50%;
    margin-left: -2px;
}
.tooltip-static-demo .bs-tooltip-left,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left],
.tooltip-static-demo .bs-tooltip-right,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] {
    margin-top: 5px;
}
.tooltip-static-demo .bs-tooltip-left .arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left] .arrow,
.tooltip-static-demo .bs-tooltip-right .arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] .arrow {
    top: 40%;
    margin-top: -3px;
}
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--primary-bg-color) !important;
}
.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #f1388b !important;
}
.tooltip-info.bs-tooltip-start .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #01b8ff !important;
}
.tooltip-danger.bs-tooltip-end .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #fd6074 !important;
}
/* ###### Tooltip  ###### */
/* ############### Switcher STYLES ############### */
body {
    background: #eaedf7;
}
.custom-card {
    box-shadow: 0 10px 30px 0 var(--primary005);
}
.bg-primary {
    background-color: var(--primary-bg-color) !important;
}
.bg-primary:hover,
.bg-primary:focus {
    background-color: var(--primary-bg-color) !important;
}
.bg-primary-transparent {
    background-color: var(--primary01);
}
.select2-container--classic .select2-selection--single:focus,
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--classic .select2-selection--multiple:focus {
    border-color: var(--primary-bg-color);
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border-color: var(--primary-bg-color);
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: var(--primary-bg-color);
}
.main-header-center .search-btn {
    background-color: var(--primary-bg-color);
}
.text-primary {
    color: var(--primary-bg-color) !important;
}
.text-primary:hover,
.text-primary :focus {
    color: var(--primary-bg-color) !important;
}
.border-primary {
    border-color: var(--primary-bg-color) !important;
}
.bd-primary {
    border-color: var(--primary-bg-color);
}
.card-item .card-item-icon.card-icon {
    background: var(--primary01);
    fill: var(--primary-bg-color);
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-month {
    color: var(--primary-bg-color);
}
.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
#back-to-top {
    background: var(--primary-bg-color);
}
.ckbox span:after {
    background-color: var(--primary-bg-color);
}
.btn-primary {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.btn-primary:hover {
    color: #ffffff;
    background-color: var(--primary-bg-hover);
    border-color: var(--primary-bg-hover);
}
.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--primary-bg-hover);
    border-color: var(--primary-bg-hover);
    box-shadow: 0 0 0 1px var(--primary07);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: var(--primary08);
    border-color: var(--primary08);
}
.show>.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--primary08);
    border-color: var(--primary08);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.btn-main-primary {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.btn-main-primary:hover {
    color: #ffffff;
    background-color: var(--primary-bg-hover);
    border-color: var(--primary-bg-hover);
}
.btn-main-primary:focus,
.btn-main-primary.focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.btn-main-primary.disabled,
.btn-main-primary:disabled {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.btn-main-primary:not(:disabled):not(.disabled):active,
.btn-main-primary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: var(--primary08);
    border-color: var(--primary08);
}
.show>.btn-main-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--primary08);
    border-color: var(--primary08);
}
.btn-main-primary:not(:disabled):not(.disabled):active:focus,
.btn-main-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.show>.btn-main-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.btn-outline-primary {
    color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color);
}
.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--primary-bg-color);
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #ffffff !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.show>.btn-outline-primary.dropdown-toggle {
    color: #ffffff !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px var(--primary07);
}
.bg-primary {
    color: #ffffff !important;
    background-color: var(--primary-bg-color);
}
a.bg-primary:hover {
    color: #ffffff !important;
    background-color: var(--primary-bg-color);
}
a.bg-primary:focus {
    color: #ffffff !important;
    background-color: var(--primary-bg-color);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary05);
}
a.bg-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary05);
}
.main-nav-column .nav-link.active {
    color: var(--primary-bg-color) !important;
}
.main-nav-column .nav-link.active:hover,
.main-nav-column .nav-link.active:focus {
    color: var(--primary-bg-color) !important;
}
a {
    color: var(--primary-bg-color);
}
a:hover {
    color: var(--primary-bg-color);
}
.main-nav-line-chat .nav-link.active,
.main-msg-send {
    color: var(--primary-bg-color) !important;
}
.main-calendar .fc-view.fc-agenda-view .fc-day-header.fc-today>a {
    color: var(--primary-bg-color);
}
.main-calendar td.fc-today .fc-day-number {
    background-color: var(--primary-bg-color);
}
.main-calendar td.fc-today .fc-day-number:hover,
.main-calendar td.fc-today .fc-day-number:focus {
    background-color: var(--primary-bg-color);
}
.main-avatar {
    background-color: var(--primary-bg-color);
}
.page-item.active .page-link {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    background-color: var(--primary-bg-color);
}
.nav-pills .nav-link.active {
    background-color: var(--primary-bg-color);
    color: #ffffff !important;
}
.main-nav .nav-link.active {
    color: var(--primary-bg-color) !important;
}
.accordion .card-header a {
    color: var(--primary-bg-color);
}
.accordion-color .card-header a.collapsed {
    background-color: var(--primary-bg-color) !important;
}
.timeline-wrapper-primary .timeline-panel:before,
.timeline-wrapper-primary .timeline-badge {
    background: var(--primary-bg-color);
}
.main-content-body-profile .main-nav-line .nav-link.active {
    color: var(--primary-bg-color);
}
.custom-switch-input:checked~.custom-switch-indicator {
    background: var(--primary-bg-color);
}
.rdiobox input[type=radio]:checked+span:before {
    border-color: transparent;
    background-color: var(--primary-bg-color);
}
.selectgroup-input:checked+.selectgroup-button {
    border-color: var(--primary-bg-color);
    color: var(--primary-bg-color);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background: var(--primary01);
    color: var(--primary-bg-color);
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.irs-bar {
    background-color: var(--primary-bg-color);
}
.irs-from,
.irs-to,
.irs-single {
    color: #ffffff;
    background: var(--primary-bg-color);
}
.irs-line-mid,
.irs-line-right {
    background-color: #eaedf7;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--primary-bg-color);
}
.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number {
    background-color: var(--primary-bg-color) !important;
}
.profile-cover__info .nav strong,
.profile-tab .main-nav-line .nav-link.active {
    color: var(--primary-bg-color) !important;
}
.pricing-tabs .nav-price li .active {
    color: var(--primary-bg-color);
}
.signpages .details:before {
    background: #fff;
}
.construction:before {
    background: var(--primary-bg-color);
}
.tag-primary,
.progress-bar {
    background-color: var(--primary-bg-color);
}
.breadcrumb {
    background-color: #eaedf7;
}
.bg-primary .main-nav .nav-link.active,
.bg-secondary .main-nav .nav-link.active {
    color: #ffffff !important;
}
.popover-header {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.lds-heart div:after,
.lds-heart div:before {
    background: var(--primary-bg-color);
}
.lds-ripple div {
    border-color: var(--primary-bg-color);
}
.lds-spinner div:after {
    background: var(--primary-bg-color);
}
.lds-circle>div {
    background: var(--primary-bg-color);
}
.lds-dual-ring:after {
    border-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color) transparent var(--primary-bg-color) transparent;
}
.lds-facebook div {
    background: var(--primary-bg-color);
}
.main-navbar .nav-item.active .nav-link {
    color: #ffffff;
}
.main-navbar .nav-item.active .nav-link.with-sub::after {
    color: #ffffff;
}
.main-navbar .nav-sub-item.active>.nav-sub-link.active {
    color: #ffffff;
}
.main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
    color: #ffffff;
}
.main-navbar .nav-sub-item.active>.nav-sub-link.active .sub-with-sub::after {
    color: #ffffff !important;
}
.main-navbar .nav-sub-link:hover,
.main-navbar .nav-sub-link:focus {
    color: #ffffff !important;
}
@media (min-width: 992px) {

    .main-navbar .nav-sub-link:hover,
    .main-navbar .nav-sub-link:focus {
        color: #ffffff;
    }

    .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: #ffffff;
    }

    .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
    }
}
@media (max-width: 991px) {
    .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: #ffffff;
    }

    .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
    }

    .main-navbar .nav-sub-link:hover,
    .main-navbar .nav-sub-link:focus {
        color: #ffffff !important;
    }
}
.main-form-search .btn,
.main-form-search .sp-container button {
    background-color: var(--primary-bg-color);
}
.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
    background: var(--primary-bg-color) !important;
    color: #ffffff !important;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background-color: var(--primary-bg-color) !important;
    color: #ffffff !important;
}
.lds-heart div {
    background: var(--primary-bg-color);
}
.accordion .card-header a.collapsed:hover,
.accordion .card-header a.collapsed:focus {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.main-sidebar-body li.active .sidemenu-label,
.main-sidebar-body li.active i {
    color: var(--primary-bg-color);
}
.main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub {
    color: #ffffff !important;
}
.main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub .sidemenu-label,
.main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub i,
.main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub::before {
    color: #ffffff !important;
    opacity: 1 !important;
}
.main-sidebar-body li.nav-sub-item.active .nav-sub-item .nav-sub-link.active {
    color: #ffffff !important;
}
.main-sidebar-body li.nav-sub-item.active .nav-sub-item .nav-sub-link.active::before {
    color: #ffffff !important;
    opacity: 1 !important;
}
.main-sidebar-body .nav-sub-link:hover,
.main-sidebar-body .nav-sub-link:focus {
    color: #ffffff !important;
}
.main-sidebar-body .nav-sub-link:hover::before,
.main-sidebar-body .nav-sub-link:focus::before {
    color: #ffffff !important;
    opacity: 1 !important;
}
.main-sidebar-body .nav-sub-link:hover.sub-with-sub .sidemenu-label,
.main-sidebar-body .nav-sub-link:hover.sub-with-sub .angle,
.main-sidebar-body .nav-sub-link:focus.sub-with-sub .sidemenu-label,
.main-sidebar-body .nav-sub-link:focus.sub-with-sub .angle {
    color: #ffffff !important;
}
.main-sidebar-body li.active .sidemenu-icon {
    background: var(--primary-bg-color);
}
.main-sidebar-body .nav-sub-item.active .nav-sub-item .nav-sub-link:hover,
.main-sidebar-body .nav-sub-item.active .nav-sub-item .nav-sub-link:focus {
    color: #ffffff !important;
}
.main-sidebar-body .nav-sub-item.active .nav-sub-item .nav-sub-link:hover::before,
.main-sidebar-body .nav-sub-item.active .nav-sub-item .nav-sub-link:focus::before {
    color: #ffffff !important;
}
.project-status.primary:before {
    border-left-color: var(--primary-bg-color);
    border-right-color: var(--primary-bg-color);
}
.bg-primary-light {
    background-color: var(--primary01);
    color: var(--primary-bg-color);
}
.list-card {
    background: var(--primary005);
}
.forth.circle .chart-circle-value.circle-style {
    border-color: var(--primary07);
}
.crypto-btc-usd .nav-link.active {
    background-color: var(--primary-bg-color) !important;
    color: #ffffff;
}
.irs-slider:before {
    background-color: var(--primary-bg-color) !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #ffffff;
    border-color: var(--primary-bg-color);
    background-color: var(--primary-bg-color);
}
.sweet-alert button {
    background-color: var(--primary-bg-color) !important;
}
.popover-primary {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color);
}
.popover-primary.bs-popover-top>.arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=top]>.arrow::after,
.popover-primary.bs-popover-top>.arrow::before,
.popover-primary.bs-popover-auto[data-popper-placement^=top]>.arrow::before {
    border-top-color: var(--primary-bg-color);
}
.peity path:first-child {
    fill: var(--primary-bg-color);
}
.peity path:last-child {
    fill: var(--primary01);
}
.main-navbar .nav-sub-link.active.sub-with-sub::after {
    color: #ffffff !important;
}
@media (min-width: 992px) {

    .main-navbar .nav-sub-link:hover.sub-with-sub::after,
    .main-navbar .nav-sub-link:focus.sub-with-sub::after {
        color: #ffffff !important;
    }
}
.lds-dual-ring:after {
    border: 5px solid var(--primary-bg-color);
    border-color: var(--primary-bg-color) transparent var(--primary-bg-color) transparent;
}
.lds-ripple div {
    border: 4px solid var(--primary-bg-color);
}
.alert-message {
    border: 1px solid var(--primary-bg-color) !important;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1) !important;
    padding: 1rem;
}
.main-sidebar-body .nav-sub-item.active>.nav-sub-link.active:before {
    color: #ffffff !important;
    opacity: 1;
}
.accordion-button:not(.collapsed) {
    color: var(--primary-bg-color) !important;
    background-color: var(--primary05);
}
.accordion-button:focus {
    border-color: var(--primary-bg-color);
    box-shadow: 0 0 0 0.25rem var(--primary02);
}
body.dark-theme {
    background: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme {
    --bs-table-striped-color: $white;
}
.dark-theme hr {
    border-top-color: var(--dark-border);
}
.dark-theme caption,
.dark-theme .blockquote-footer {
    color: var(--dark-color);
}
.dark-theme .img-thumbnail {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .figure-caption {
    color: var(--dark-color);
}
.dark-theme kbd {
    background-color: var(--dark-theme);
}
.dark-theme .accordion-color .card-header a.collapsed {
    color: var(--dark-color) !important;
}
.dark-theme .accordion-faq .accordion .card-header a {
    background-color: var(--dark-body);
}
.dark-theme .accordion .card-header a {
    background-color: var(--dark-body);
}
.dark-theme .accordion .card-header a.collapsed {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .accordion .card-header a.collapsed:hover,
.dark-theme .accordion .card-header a.collapsed:focus {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .accordion .card-body {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .alert-message,
.dark-theme .alert-default {
    border-color: var(--dark-border);
}
.dark-theme .breadcrumb-style1 .breadcrumb-item a,
.dark-theme .breadcrumb-style2 .breadcrumb-item a,
.dark-theme .breadcrumb-style3 .breadcrumb-item a,
.dark-theme .breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before,
.dark-theme .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before,
.dark-theme .breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    color: var(--dark-color);
}
.dark-theme .breadcrumb-item+.breadcrumb-item::before,
.dark-theme .breadcrumb-item.active {
    color: var(--dark-color);
}
.dark-theme .btn-light {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .btn-light:hover,
.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus,
.dark-theme .btn-light.disabled,
.dark-theme .btn-light:disabled {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
}
.dark-theme .btn-light:not(:disabled):not(.disabled):active,
.dark-theme .btn-light:not(:disabled):not(.disabled).active {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .show>.btn-light.dropdown-toggle {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .btn-link:disabled,
.dark-theme .btn-link.disabled {
    color: var(--dark-color);
}
.dark-theme .btn-default {
    color: var(--dark-color);
}
.dark-theme .card {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .main-content-label {
    color: var(--dark-color);
}
.dark-theme .card-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .card-footer {
    background: var(--dark-theme);
    border-top-color: var(--dark-border);
}
.dark-theme .card-header,
.dark-theme .card-footer {
    border-color: var(--dark-border);
}
.dark-theme .card-item .card-item-title {
    color: var(--dark-color);
}
.dark-theme .card-item .card-item-title small {
    color: var(--dark-color);
}
.dark-theme .card-item .card-item-body .card-item-stat .card-item-figure,
.dark-theme .card-item .card-item-body .card-item-stat small {
    color: var(--dark-color);
}
.dark-theme .card-item .card-item-body .card-item-redirect .btn-card-item-view {
    background: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .card-dashboard-calendar .main-content-label {
    color: var(--dark-color);
}
.dark-theme .card-options a:not(.btn) {
    color: var(--dark-color);
}
.dark-theme .card-options a:not(.btn):hover {
    color: var(--dark-color);
}
.dark-theme .custom-card-header {
    background: var(--dark-theme);
}
.dark-theme .card-body+.card-body {
    border-top-color: var(--dark-border);
}
.dark-theme .card-blog-overlay .custom-card-header,
.dark-theme .card-blog-overlay1 .custom-card-header,
.dark-theme .card-blog-overlay2 .custom-card-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .card-blog-overlay .card-footer,
.dark-theme .card-blog-overlay1 .card-footer,
.dark-theme .card-blog-overlay2 .card-footer {
    border-top-color: var(--dark-border);
}
.dark-theme .card-item-desc .card-item-desc-1 dd {
    color: var(--dark-color);
}
.dark-theme .carousel-slider #thumbcarousel .carousel-item .thumb:hover {
    border-color: var(--dark-border);
}
.dark-theme .carousel-control:active,
.dark-theme .carousel-control:focus,
.dark-theme .carousel-control:hover {
    color: var(--dark-color);
}
.dark-theme .owl-nav button {
    background: var(--dark-body) !important;
    border-color: var(--dark-border) !important;
}
.dark-theme .product-carousel .thumb {
    border-color: var(--dark-border);
}
.dark-theme .dropdown-divider {
    border-top-color: var(--dark-border);
}
.dark-theme .dropdown-item {
    color: var(--dark-color);
}
.dark-theme .dropdown-item:hover,
.dark-theme .dropdown-item:focus {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .dropdown-item.disabled,
.dark-theme .dropdown-item:disabled {
    color: var(--dark-color);
}
.dark-theme .dropdown-header,
.dark-theme .dropdown-item-text {
    color: var(--dark-color);
}
.dark-theme .dropdown-menu {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .dropdown-menu .main-header-center .select2-container--default .select2-selection--single {
    background: var(--dark-body);
}
.dark-theme .dropdown-menu .main-header-center .form-control {
    background: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .form-control {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .form-control:focus {
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .form-control::placeholder {
    color: var(--dark-color);
}
.dark-theme .form-control:disabled,
.dark-theme .form-control[readonly] {
    background-color: var(--dark-body);
}
.dark-theme select.form-control:focus::-ms-value {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .form-control-plaintext,
.dark-theme .form-check-input:disabled~.form-check-label,
.dark-theme .form-label {
    color: var(--dark-color);
}
.dark-theme .file-browser .btn-default {
    border-color: var(--dark-border);
}
.dark-theme .main-form-group {
    border-color: var(--dark-border);
}
.dark-theme .main-form-group.focus {
    border-color: var(--dark-border);
}
.dark-theme .main-form-group .form-label,
.dark-theme .main-form-group .form-control {
    color: var(--dark-color);
}
.dark-theme input,
.dark-theme select,
.dark-theme textarea {
    color: var(--dark-color);
}
.dark-theme .input-group-text {
    color: var(--dark-color);
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .modal.effect-just-me .modal-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .modal.effect-just-me .modal-content {
    background: var(--dark-body);
}
.dark-theme .modal.effect-just-me .modal-body {
    color: var(--dark-color);
}
.dark-theme .modal.effect-just-me .modal-footer {
    border-top-color: var(--dark-border);
}
.dark-theme .close {
    color: var(--dark-color);
}
.dark-theme .close:hover {
    color: var(--dark-color);
}
.dark-theme .modal-backdrop {
    background-color: var(--dark-body);
}
.dark-theme .modal-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .modal-title {
    color: var(--dark-color);
}
.dark-theme .modal-footer {
    border-top-color: var(--dark-border);
}
.dark-theme .modal-content-demo .modal-body h6 {
    color: var(--dark-color);
}
.dark-theme .modal-backdrop {
    background-color: var(--dark-body);
}
.dark-theme .modal-content {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 8px 16px 0 rgba(255, 255, 255, 0.2);
}
.dark-theme .nav-pills .nav-link {
    color: var(--dark-color);
}
.dark-theme .nav-pills .nav-link:hover,
.dark-theme .nav-pills .nav-link:focus {
    color: var(--dark-color);
}
.dark-theme .nav-dark .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-nav .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-nav .nav-link:hover,
.dark-theme .main-nav .nav-link:focus {
    color: var(--dark-color);
}
.dark-theme .main-nav-column .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-nav-column .nav-link i:not([class*=" tx-"]),
.dark-theme .main-nav-column .nav-link:hover,
.dark-theme .main-nav-column .nav-link:focus,
.dark-theme .main-nav-column .nav-link:hover i:not([class*=" tx-"]),
.dark-theme .main-nav-column .nav-link:focus i:not([class*=" tx-"]) {
    color: var(--dark-color);
}
.dark-theme .main-nav-dark .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-nav-dark .nav-link+.nav-link {
    border-color: var(--dark-border);
}
.dark-theme .main-nav-colored-bg .nav-link+.nav-link {
    border-color: var(--dark-border);
}
.dark-theme .main-nav-line .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-nav-line .nav-link.active {
    color: var(--dark-color);
}
.dark-theme .main-nav-line.main-nav-dark .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-nav-line.main-nav-dark .nav-link.active::before {
    background-color: var(--dark-theme);
}
@media (min-width: 992px) {
    .dark-theme .main-nav-line-chat {
        border-bottom-color: var(--dark-border);
    }
}
.dark-theme .page-link {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .page-link:hover,
.dark-theme .page-link:focus {
    background-color: var(--dark-theme);
}
.dark-theme .page-link:hover {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .page-link:focus {
    box-shadow: 0 0 0 0.2rem var(--dark-border);
}
.dark-theme .page-item.disabled .page-link {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .pagination-dark .page-link {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .pagination-dark .page-link:hover,
.dark-theme .pagination-dark .page-link:focus {
    background-color: var(--dark-theme);
}
.dark-theme .pagination-circle {
    background: var(--dark-body);
}
.dark-theme .pagination-circle li a,
.dark-theme .pagination-circle li span {
    background: var(--dark-theme);
}
.dark-theme .pagination-radius li a,
.dark-theme .pagination-radius li span {
    border-color: var(--dark-border);
    background: var(--dark-theme);
}
.dark-theme .popover {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .popover-header {
    background-color: var(--dark-theme);
    border-bottom-color: var(--dark-border);
}
.dark-theme .popover-body {
    color: var(--dark-color);
}
.dark-theme .popover-static-demo {
    background-color: var(--dark-theme);
}
.dark-theme .bs-popover-top>.arrow::before,
.dark-theme .bs-popover-auto[data-popper-placement^=top]>.arrow::before,
.dark-theme .bs-popover-top>.arrow::after,
.dark-theme .bs-popover-auto[data-popper-placement^=top]>.arrow::after {
    border-top-color: var(--dark-border);
}
.dark-theme .bs-popover-right>.arrow::before,
.dark-theme .bs-popover-auto[data-popper-placement^=right]>.arrow::before,
.dark-theme .bs-popover-right>.arrow::after,
.dark-theme .bs-popover-auto[data-popper-placement^=right]>.arrow::after {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .bs-popover-bottom>.arrow::before,
.dark-theme .bs-popover-auto[data-popper-placement^=bottom]>.arrow::before,
.dark-theme .bs-popover-bottom>.arrow::after,
.dark-theme .bs-popover-auto[data-popper-placement^=bottom]>.arrow::after,
.dark-theme .bs-popover-bottom .popover-header::before,
.dark-theme .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    border-bottom-color: var(--dark-border);
}
.dark-theme .bs-popover-left>.arrow::before,
.dark-theme .bs-popover-auto[data-popper-placement^=left]>.arrow::before,
.dark-theme .bs-popover-left>.arrow::after,
.dark-theme .bs-popover-auto[data-popper-placement^=left]>.arrow::after {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .popover-secondary.bs-popover-top .popover-arrow::after,
.dark-theme .popover-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-top-color: var(--dark-border);
}
.dark-theme .progress {
    background-color: var(--dark-body);
}
.dark-theme .table {
    color: var(--dark-color);
}
.dark-theme .table thead th {
    border-bottom-color: var(--dark-border) !important;
}
.dark-theme .table tbody+tbody {
    border-top-color: var(--dark-border);
}
.dark-theme .table tbody tr {
    background-color: var(--dark-theme);
}
.dark-theme .table-bordered {
    border-color: var(--dark-border) !important;
}
.dark-theme .table-bordered th,
.dark-theme .table-bordered td {
    border-color: var(--dark-border);
}
.dark-theme .table-striped tbody tr:nth-of-type(odd),
.dark-theme .table-hover tbody tr:hover {
    background-color: var(--dark-theme);
}
.dark-theme .table-active {
    background-color: var(--dark-theme);
}
.dark-theme .table-active>th,
.dark-theme .table-active>td {
    background-color: var(--dark-theme);
}
.dark-theme .table-hover .table-active:hover {
    background-color: var(--dark-theme);
}
.dark-theme .table-hover .table-active:hover>td,
.dark-theme .table-hover .table-active:hover>th {
    background-color: var(--dark-theme);
}
.dark-theme .table .thead-light th {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .table-striped tbody tr:nth-of-type(2n + 1) {
    background-color: var(--dark-body);
}
.dark-theme table.dataTable {
    border-color: var(--dark-border);
}
.dark-theme table.dataTable.no-footer {
    border-bottom-color: var(--dark-border);
}
.dark-theme table.dataTable thead th,
.dark-theme table.dataTable thead td {
    color: var(--dark-color);
}
.dark-theme .dataTables_wrapper .dataTables_filter input {
    border-color: var(--dark-border);
}
.dark-theme .table.dataTable tr {
    border-color: var(--dark-border);
}
.dark-theme .table.dataTable th,
.dark-theme .table.dataTable td {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .toast {
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .toast-header {
    border-bottom-color: var(--dark-border);
    background-color: var(--dark-body);
}
.dark-theme .toast-header .close {
    color: var(--dark-color);
}
.dark-theme .tooltip-inner {
    background-color: var(--dark-body);
}
.dark-theme .bs-tooltip-top .arrow::before,
.dark-theme .bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
    border-top-color: var(--dark-border);
}
.dark-theme .bs-tooltip-right .arrow::before,
.dark-theme .bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .bs-tooltip-bottom .arrow::before,
.dark-theme .bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
    border-bottom-color: var(--dark-border);
}
.dark-theme .bs-tooltip-left .arrow::before,
.dark-theme .bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .tooltip-static-demo {
    background-color: var(--dark-theme);
}
.dark-theme .main-header-center .form-control {
    border-color: var(--dark-border);
}
.dark-theme pre {
    background-color: var(--dark-body);
}
.dark-theme .form-control:disabled,
.dark-theme .form-control[readonly] {
    background-color: var(--dark-body);
}
.dark-theme .selectgroup-input:checked+.selectgroup-button {
    background: var(--dark-body);
}
.dark-theme .input-group-text {
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .irs-line-mid,
.dark-theme .irs-line-right {
    background-color: var(--dark-theme);
}
.dark-theme .irs-min,
.dark-theme .irs-max {
    color: var(--dark-color);
    background: var(--dark-body);
}
.dark-theme .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--dark-body);
}
.dark-theme .select2-container--default .select2-selection--single {
    background-color: var(--dark-theme);
    border-color: var(--dark-border) !important;
}
.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone {
    border-color: var(--dark-border);
    background-color: var(--dark-body);
}
.dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dark-body) !important;
}
.dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--dark-theme);
}
.dark-theme .wizard>.steps a .number,
.dark-theme .wizard>.steps a:hover .number,
.dark-theme .wizard>.steps a:active .number {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .pricing-tabs .nav-price li .active {
    background: var(--dark-body);
}
.dark-theme .table-hover tbody tr:hover {
    background-color: var(--dark-theme);
}
.dark-theme .breadcrumb {
    background-color: var(--dark-body);
}
.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--dark-body);
    border-color: var(--dark-border);
    color: var(--dark-color);
}
.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--dark-color);
}
.dark-theme .main-sidebar-body li.active li .sidemenu-label,
.dark-theme .main-sidebar-body li.active li i {
    color: rgba(255, 255, 255, 0.4) !important;
}
.dark-theme .project .deadline,
.dark-theme .forth.circle .chart-circle-value.circle-style {
    background: var(--dark-body);
}
.dark-theme .alert-message {
    border-color: var(--dark-border);
    background: var(--dark-body);
}
@media (max-width: 991.98px) {
    .dark-theme .main-content-left-show .main-content-left {
        background-color: var(--dark-theme);
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }
}
.dark-theme .main-content-label,
.dark-theme .card-table-two .card-title,
.dark-theme .card-dashboard-eight .card-title,
.dark-theme .main-content-label-sm,
.dark-theme .main-content-text {
    color: var(--dark-color);
}
.dark-theme .main-content-choose-demo {
    color: var(--dark-body);
}
.dark-theme .main-content-choose-demo .card.coming-soon {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .main-content-choose-demo .main-content-label,
.dark-theme .main-content-choose-demo .card-table-two .card-title {
    color: var(--dark-color);
}
.dark-theme .card-table-two .main-content-choose-demo .card-title,
.dark-theme .main-content-choose-demo .card-dashboard-eight .card-title,
.dark-theme .card-dashboard-eight .main-content-choose-demo .card-title {
    color: var(--dark-color);
}
@media (max-width: 991.98px) {
    .dark-theme .main-header-menu-show .main-header-menu {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }
}
.dark-theme .main-header {
    background-color: var(--dark-theme);
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-header-menu-icon span {
    background-color: var(--dark-color);
}
.dark-theme .main-header-menu-icon span::before,
.dark-theme .main-header-menu-icon span::after {
    background-color: var(--dark-color);
}
.dark-theme .main-header-menu {
    background-color: var(--dark-theme);
}
.dark-theme .main-header-menu .nav-item::before {
    border-top-color: var(--dark-border);
    border-left-color: var(--dark-border);
    border-right-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .main-header-menu .nav-item>.nav-link {
    color: var(--dark-color);
}
.dark-theme .main-header-menu-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-header-center .search-panel .dropdown-toggle {
    background: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .main-header-center .search-panel .btn:hover .dropdown-toggle {
    color: var(--dark-color);
}
.dark-theme .main-header-center .form-control:focus {
    border-color: var(--dark-border) !important;
}
.dark-theme .main-header-center .sp-container .form-control:focus+button {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-header-center .form-control:focus+button,
.dark-theme .sp-container .main-header-center button:hover i {
    color: var(--dark-color);
}
.dark-theme .main-header-center .btn:focus i,
.dark-theme .main-header-center .sp-container button:focus i {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-header-center button:focus i {
    color: var(--dark-color);
}
.dark-theme .main-header-right .btn-social {
    color: var(--dark-color);
}
.dark-theme .main-header-right .btn-social:hover,
.dark-theme .main-header-right .btn-social:focus {
    color: var(--dark-color);
}
.dark-theme .main-header-search-link {
    color: var(--dark-color);
}
.dark-theme .main-header-arrow {
    color: var(--dark-color);
}
.dark-theme .main-header-arrow:hover,
.dark-theme .main-header-arrow:focus {
    color: var(--dark-color);
}
.dark-theme .main-header-message>a,
.dark-theme .main-header-notification>a {
    color: var(--dark-color);
}
.dark-theme .main-header-message .dropdown-menu {
    border-color: var(--dark-border);
}
.dark-theme .main-header-notification .dropdown-footer {
    border-top-color: var(--dark-border);
}
.dark-theme .main-header-profile h6 {
    color: var(--dark-color);
}
.dark-theme .main-menu-sub .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-menu-sub .nav-link+.nav-link {
    border-top-color: var(--dark-border);
}
@media (min-width: 992px) {
    .dark-theme .main-menu-sub {
        background-color: var(--dark-theme);
        border-color: var(--dark-border);
    }
}
.dark-theme .main-menu-sub-mega .nav+.nav {
    border-top-color: var(--dark-border);
}
.dark-theme .main-menu-sub-mega .mega-subtitle {
    color: var(--dark-color);
}
@media (min-width: 992px) {
    .dark-theme .main-menu-sub-mega .container {
        background-color: var(--dark-theme);
        border-color: var(--dark-border);
    }
}
@media (min-width: 992px) {
    .dark-theme .main-menu-sub-mega .container>div+div {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
.dark-theme .main-header-right .nav-link.icon {
    color: var(--dark-color);
}
.dark-theme .main-header-right .nav-link.icon:hover {
    background: var(--dark-body);
}
.dark-theme .main-header-notification.show .dropdown-menu::before,
.dark-theme .main-header-message.show .dropdown-menu::before,
.dark-theme .main-profile-menu.show .dropdown-menu::before {
    background: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-left-color: var(--dark-border);
    border-right-color: var(--dark-border);
}
.dark-theme .header-search.show .dropdown-menu::before {
    background: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .header-search .dropdown-menu {
    border-color: var(--dark-border);
}
.dark-theme .main-form-search .form-control {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .main-form-search .form-control:focus {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .main-form-search .form-control:focus+.btn {
    color: var(--dark-color);
}
.dark-theme .main-form-search .sp-container .form-control:focus+button {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-form-search .form-control:focus+button {
    color: var(--dark-color);
}
.dark-theme .main-form-search .btn,
.dark-theme .main-form-search .sp-container button {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-form-search button {
    color: var(--dark-color);
}
.dark-theme .main-form-search .btn:hover,
.dark-theme .main-form-search .sp-container button:hover {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-form-search button:hover {
    color: var(--dark-color);
}
.dark-theme .main-form-search .btn:focus,
.dark-theme .main-form-search .sp-container button:focus {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-form-search button:focus {
    color: var(--dark-color);
}
.dark-theme .main-header-message .dropdown-footer {
    border-top-color: var(--dark-border);
}
.dark-theme .main-header-flags .dropdown-menu {
    border-color: var(--dark-border);
}
.dark-theme .main-header-flags.show .dropdown-menu::before {
    background: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-left-color: var(--dark-border);
    border-right-color: var(--dark-border);
}
.dark-theme .main-header-flags .dropdown-footer {
    border-top-color: var(--dark-border);
}
.dark-theme .main-footer {
    background-color: var(--dark-theme);
}
.dark-theme .main-footer-demo {
    color: var(--dark-border);
}
.dark-theme .main-footer-demo a {
    color: var(--dark-body);
}
.dark-theme .sidebar {
    background-color: var(--dark-theme);
}
.dark-theme .sidebar-body h5 {
    border-bottom-color: var(--dark-border);
    background: var(--dark-body);
}
.dark-theme .main-profile-menu .dropdown-item {
    color: var(--dark-color);
}
.dark-theme .main-profile-menu .dropdown-item:hover,
.dark-theme .main-profile-menu .dropdown-item:focus {
    background-color: var(--dark-body);
}
.dark-theme .main-profile-menu .dropdown-item+.dropdown-item {
    border-top-color: var(--dark-border);
}
.dark-theme .main-profile-menu .border-top {
    border-top-color: var(--dark-border) !important;
}
.dark-theme .main-iconbar {
    background-color: var(--dark-theme);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
    border-top-color: var(--dark-border);
}
.dark-theme .main-iconbar .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-iconbar .nav-link:hover,
.dark-theme .main-iconbar .nav-link:focus {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-logo {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-logo:hover,
.dark-theme .main-iconbar-logo:focus {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-help {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-help:hover,
.dark-theme .main-iconbar-help:focus {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-aside {
    background-color: var(--dark-theme);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
    border-top-color: var(--dark-border);
}
.dark-theme .main-iconbar-toggle-menu {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-toggle-menu:hover,
.dark-theme .main-iconbar-toggle-menu:focus {
    color: var(--dark-color);
}
@media (min-width: 1200px) {
    .dark-theme .main-iconbar-toggle-menu::before {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
.dark-theme .main-iconbar-body .nav-item+.nav-item {
    border-top-color: var(--dark-border);
}
.dark-theme .main-iconbar-body .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-body .nav-link i,
.dark-theme .main-iconbar-body .nav-link.with-sub::after {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-body .nav-sub {
    border-top-color: var(--dark-border);
}
.dark-theme .main-iconbar-body .nav-sub .nav-sub-item+.nav-sub-item {
    border-top-color: var(--dark-border);
}
.dark-theme .main-iconbar-body .nav-sub .nav-sub-link {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-title,
.dark-theme .main-iconbar-text {
    color: var(--dark-color);
}
.dark-theme .main-iconbar-primary .nav-link {
    color: var(--dark-body);
}
.dark-theme .main-iconbar-primary .nav-link:hover,
.dark-theme .main-iconbar-primary .nav-link:focus {
    background-color: var(--dark-theme);
}
.dark-theme .main-iconbar-primary .nav-link.active {
    background-color: var(--dark-body);
}
.dark-theme .main-iconbar-primary .main-iconbar-help {
    color: var(--dark-body);
}
.dark-theme .main-iconbar-aside-primary {
    background-color: var(--dark-theme);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-theme .main-iconbar-aside-primary .main-iconbar-header {
    background-color: var(--dark-theme);
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-iconbar-aside-primary .main-iconbar-body .nav-item+.nav-item,
.dark-theme .main-iconbar-aside-primary .main-iconbar-body .nav-sub,
.dark-theme .main-iconbar-aside-primary .main-iconbar-body .nav-sub-item+.nav-sub-item {
    border-top-color: var(--dark-border);
}
.dark-theme .main-icon-group {
    color: var(--dark-color);
}
.dark-theme .icons-list-item {
    background: var(--dark-body);
    border-color: var(--dark-border);
}
@media (min-width: 992px) {
    .dark-theme.horizontalmenu .hor-menu .nav-link .hor-icon {
        color: rgba(255, 255, 255, 0.6);
        fill: rgba(255, 255, 255, 0.6);
    }

    .dark-theme.horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        border-top-color: var(--dark-border);
        border-left-color: var(--dark-border);
        background-color: var(--dark-theme);
    }

    .dark-theme .hor-menu .slide-left,
    .dark-theme .hor-menu .slide-right {
        color: var(--dark-color);
        border-color: var(--dark-border);
        background-color: var(--dark-theme);
    }

    .dark-theme .main-navbar .sub-nav-sub {
        background-color: var(--dark-theme);
        border-color: var(--dark-border);
    }

    .dark-theme .main-navbar .nav-sub-link.sub-with-sub::after {
        color: rgba(255, 255, 255, 0.4);
    }
}
@media (max-width: 991.98px) {
    .dark-theme.horizontalmenu .main-body-1 li.nav-item.active .nav-link {
        background-color: var(--dark-body);
        color: var(--dark-color);
    }

    .dark-theme.horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .dark-theme.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-right-color: var(--dark-theme);
        border-left-color: var(--dark-theme);
    }

    .dark-theme.horizontalmenu .main-body-1 .nav-item.active .nav-link .shape1,
    .dark-theme.horizontalmenu .main-body-1 .nav-item.active .nav-link .shape2 {
        background: var(--dark-body);
    }

    .dark-theme.horizontalmenu .main-body-1 .nav-sub .nav-sub-link:before {
        color: var(--dark-color);
    }
}
.dark-theme .sidemenu-logo {
    border-bottom-color: var(--dark-border);
}
@media (max-width: 991.98px) {
    .dark-theme .main-sidebar {
        background-color: var(--dark-theme);
    }
}
.dark-theme .main-sidebar-body li.nav-item.active .nav-link {
    background-color: var(--dark-body);
}
.dark-theme .main-sidebar-body .nav-item.active .nav-link:before,
.dark-theme .main-sidebar-body .nav-item.active .nav-link:after {
    border-right-color: var(--dark-theme);
    border-left-color: var(--dark-theme);
}
.dark-theme .main-sidebar-body .nav-item.active .nav-link .shape1,
.dark-theme .main-sidebar-body .nav-item.active .nav-link .shape2 {
    background: var(--dark-body);
}
.dark-theme .main-sidebar-loggedin .media-body h6,
.dark-theme .main-sidebar-loggedin .media-body span {
    color: var(--dark-color);
}
.dark-theme .main-sidebar-body .nav-label,
.dark-theme .second-sidemenu .nav-label,
.dark-theme .main-sidebar-body .sub-txt,
.dark-theme .second-sidemenu .sub-txt {
    color: rgba(255, 255, 255, 0.3);
}
.dark-theme .main-sidebar-body .nav-link {
    color: rgba(255, 255, 255, 0.4);
}
.dark-theme .main-sidebar-body .nav-sub-link {
    color: rgba(255, 255, 255, 0.4);
}
.dark-theme .main-sidebar-body .nav-sub-link.with-sub::after {
    color: var(--dark-color);
}
.dark-theme .main-sidebar-body .nav-sub-link+.nav-sub-link {
    border-top-color: var(--dark-border);
}
@media (min-width: 992px) {
    .dark-theme.main-body .side-header {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme.main-sidebar-hide .sidemenu-logo,
    .dark-theme.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        border-bottom-color: var(--dark-border);
    }
}
@media (min-width: 992px) {

    .dark-theme.main-sidebar-open .main-sidebar-body .sub-txt,
    .dark-theme.main-sidebar-open .main-sidebar-body .nav-label {
        color: rgba(255, 255, 255, 0.3);
    }
}
@media (min-width: 992px) {

    .dark-theme.main-body.leftmenu .sidemenu-logo,
    .dark-theme.main-sidebar-hide .sidemenu-logo {
        background: var(--dark-theme);
    }
}
@media screen and (min-width: 992px) {
    .dark-theme.icontext-menu.main-sidebar-hide.main-sidebar-open li.nav-item.active .nav-link {
        background: var(--dark-body) !important;
    }
}
@media screen and (min-width: 992px) {
    .dark-theme.hover-submenu.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
    }

    .dark-theme.hover-submenu.main-sidebar-hide .nav-sub {
        background: var(--dark-theme);
    }

    .dark-theme.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        background: var(--dark-theme);
    }

    .dark-theme.hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
    }
}
@media screen and (min-width: 992px) {
    .dark-theme.hover-submenu1.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
    }

    .dark-theme.hover-submenu1.main-sidebar-hide .nav-sub {
        background: var(--dark-theme);
    }

    .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        background: var(--dark-theme);
    }

    .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
    }
}
.dark-theme .ui-datepicker {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .ui-datepicker .ui-datepicker-header {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    color: var(--dark-color);
    background: var(--dark-theme);
}
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.dark-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-title {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-calendar th {
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .ui-datepicker .ui-datepicker-calendar td {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default,
.dark-theme .ui-datepicker .ui-datepicker-calendar td span {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-calendar td a {
    color: var(--dark-color);
}
.dark-theme .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .ui-datepicker-inline {
    border-color: var(--dark-border);
}
.dark-theme .datetimepicker {
    border-color: var(--dark-border);
}
.dark-theme .datetimepicker table th.prev,
.dark-theme .datetimepicker table th.next,
.dark-theme .datetimepicker table th.switch {
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .datetimepicker table th.prev span::before,
.dark-theme .datetimepicker table th.next span::before {
    color: var(--dark-color);
}
.dark-theme .datetimepicker table th.prev:hover,
.dark-theme .datetimepicker table th.prev:focus {
    background-color: var(--dark-theme);
}
.dark-theme .datetimepicker table th.next:hover,
.dark-theme .datetimepicker table th.next:focus {
    background-color: var(--dark-theme);
}
.dark-theme .datetimepicker table th.switch {
    color: var(--dark-color);
}
.dark-theme .datetimepicker table td.old,
.dark-theme .datetimepicker table td.new {
    color: var(--dark-color);
}
.dark-theme .datetimepicker .datetimepicker-days table thead tr:last-child th {
    color: var(--dark-color);
}
.dark-theme .main-datetimepicker {
    border-color: var(--dark-border);
}
.dark-theme .main-datetimepicker>.datepicker_inner_container {
    background-color: var(--dark-theme);
}
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar th {
    color: var(--dark-color);
}
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.day_another_month {
    color: var(--dark-color);
}
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.hover {
    background-color: var(--dark-theme);
}
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist {
    border-left-color: var(--dark-border);
    border-right-color: var(--dark-border);
}
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:hover,
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:focus {
    background-color: var(--dark-theme);
}
.dark-theme .jqvmap-label {
    background-color: var(--dark-theme);
}
.dark-theme .mapael .zoomButton {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .mapael .mapTooltip {
    background-color: var(--dark-theme);
}
.dark-theme .ql-wrapper-demo {
    background-color: var(--dark-theme);
}
.dark-theme .ql-scrolling-demo {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .ql-scrolling-demo .ql-container .ql-editor {
    color: var(--dark-color);
}
.dark-theme .ql-bubble.ql-container:not(.ql-disabled) a::before {
    background-color: var(--dark-theme);
}
.dark-theme .ql-bubble .ql-tooltip {
    background-color: var(--dark-theme);
}
.dark-theme .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top-color: var(--dark-border);
}
.dark-theme .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom-color: var(--dark-border);
}
.dark-theme .ql-bubble .ql-toolbar button {
    color: var(--dark-color);
}
.dark-theme .ql-bubble .ql-toolbar button .ql-fill {
    fill: var(--dark-color);
}
.dark-theme .ql-bubble .ql-toolbar button .ql-stroke {
    stroke: var(--dark-color);
}
.dark-theme .ql-bubble .ql-toolbar button.ql-active {
    background-color: var(--dark-theme);
}
.dark-theme .ql-snow.ql-container {
    border-color: var(--dark-border);
}
.dark-theme .ql-snow.ql-toolbar {
    border-color: var(--dark-border);
}
.dark-theme .ql-snow.ql-toolbar .ql-picker-label {
    border-color: var(--dark-border);
}
.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active {
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
    stroke: var(--dark-color);
}
.dark-theme .ql-snow.ql-toolbar button {
    border-color: var(--dark-border);
    color: var(--dark-color);
}
.dark-theme .ql-snow.ql-toolbar button:hover,
.dark-theme .ql-snow.ql-toolbar button:focus {
    border-color: var(--dark-border);
}
.dark-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.dark-theme .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: var(--dark-color);
}
.dark-theme .ql-snow.ql-toolbar button.ql-active {
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: var(--dark-color);
}
.dark-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--dark-color);
}
.dark-theme .ql-snow .ql-picker {
    color: var(--dark-color);
}
.dark-theme .ql-snow .ql-picker:hover .ql-picker-label,
.dark-theme .ql-snow .ql-picker:focus .ql-picker-label {
    color: var(--dark-color);
}
.dark-theme .ql-snow .ql-picker:hover .ql-picker-label .ql-stroke,
.dark-theme .ql-snow .ql-picker:focus .ql-picker-label .ql-stroke {
    stroke: var(--dark-color);
}
.dark-theme .ql-snow .ql-picker-label {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .ql-snow .ql-stroke {
    stroke: var(--dark-color);
}
.dark-theme .ql-snow .ql-editor {
    color: var(--dark-color);
}
.dark-theme .irs-line-left,
.dark-theme .irs-line-mid,
.dark-theme .irs-line-right {
    background-color: var(--dark-theme);
}
.dark-theme .irs-dark .irs-bar,
.dark-theme .irs-dark .irs-bar-edge,
.dark-theme .irs-dark .irs-slider::before,
.dark-theme .irs-dark .irs-from,
.dark-theme .irs-dark .irs-to,
.dark-theme .irs-dark .irs-single {
    background-color: var(--dark-color);
}
.dark-theme .irs-dark .irs-from::after,
.dark-theme .irs-dark .irs-to::after,
.dark-theme .irs-dark .irs-single::after {
    border-top-color: var(--dark-border);
}
.dark-theme .irs-modern .irs-slider {
    background-color: var(--dark-theme);
}
.dark-theme .irs-modern .irs-slider::before {
    background-color: var(--dark-theme);
}
.dark-theme .irs-modern.irs-dark .irs-slider {
    border-color: var(--dark-border);
}
.dark-theme .irs-modern.irs-dark .irs-slider::before {
    border-color: var(--dark-border);
}
.dark-theme .irs-outline .irs-slider {
    background-color: var(--dark-theme);
}
.dark-theme .irs-outline.irs-dark .irs-line,
.dark-theme .irs-outline.irs-dark .irs-slider {
    border-color: var(--dark-border);
}
.dark-theme .irs-outline.irs-dark .irs-line:hover::before,
.dark-theme .irs-outline.irs-dark .irs-line:focus::before {
    background-color: var(--dark-body);
}
.dark-theme .irs-outline.irs-dark .irs-slider:hover::before,
.dark-theme .irs-outline.irs-dark .irs-slider:focus::before {
    background-color: var(--dark-body);
}
.dark-theme .select2-container--default .select2-selection--single {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-theme .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dark-color);
}
.dark-theme .select2-container--default .select2-selection--multiple {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .select2-container--default.select2-container--focus .select2-selection--multiple,
.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--dark-border);
}
.dark-theme .select2-container--default .select2-results__option[aria-selected=true],
.dark-theme .select2-container--default.select2-container--disabled .select2-selection__choice {
    background-color: var(--dark-theme);
}
.dark-theme .select2-container--open .select2-selection--single,
.dark-theme .select2-container--open .select2-selection--multiple {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .select2-dropdown {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .bg-gray+.select2-container--default .select2-selection--single {
    background-color: var(--dark-theme);
}
.dark-theme .bg-gray+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dark-color);
}
.dark-theme .select2-dropdown::-webkit-scrollbar-thumb {
    background: var(--dark-border);
}
.dark-theme .select2-dropdown *:hover::-webkit-scrollbar-thumb {
    background: var(--dark-theme);
}
.dark-theme .sp-container {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .sp-container button {
    background-color: var(--dark-theme);
}
.dark-theme .sp-container button:hover,
.dark-theme .sp-container button:focus {
    background-color: var(--dark-theme);
}
.dark-theme .sp-button-container .sp-cancel {
    color: var(--dark-color) !important;
}
.dark-theme .sp-button-container .sp-cancel:hover,
.dark-theme .sp-button-container .sp-cancel:focus {
    color: var(--dark-color) !important;
}
.dark-theme .sp-replacer {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .sp-replacer:hover,
.dark-theme .sp-replacer:focus,
.dark-theme .sp-replacer.sp-active {
    border-color: var(--dark-border);
}
.dark-theme .sp-dd::before {
    color: var(--dark-color);
}
.dark-theme .sp-choose {
    background-color: var(--dark-theme);
}
.dark-theme .sp-palette .sp-thumb-el:hover,
.dark-theme .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: var(--dark-border);
}
.dark-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar th {
    color: var(--dark-color);
}
.dark-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar td span,
.dark-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar td a {
    color: var(--dark-color);
}
.dark-theme .main-nav-calendar-event .nav-link.exclude {
    color: var(--dark-color);
}
.dark-theme .main-nav-calendar-event .nav-link.exclude i {
    color: var(--dark-color);
}
.dark-theme .main-nav-calendar-event .nav-link.exclude::before {
    border-top-color: var(--dark-border);
}
.dark-theme .main-calendar {
    border-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-content,
.dark-theme .main-calendar .fc-divider,
.dark-theme .main-calendar .fc-list-heading td,
.dark-theme .main-calendar .fc-list-view,
.dark-theme .main-calendar .fc-popover,
.dark-theme .main-calendar .fc-row,
.dark-theme .main-calendar tbody,
.dark-theme .main-calendar td,
.dark-theme .main-calendar th,
.dark-theme .main-calendar thead {
    border-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-header-toolbar h2 {
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-header-toolbar button {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-header-toolbar button:hover,
.dark-theme .main-calendar .fc-header-toolbar button:focus,
.dark-theme .main-calendar .fc-header-toolbar button.fc-state-active {
    background-color: var(--dark-theme);
}
.dark-theme .main-calendar .fc-header-toolbar button.fc-today-button.fc-state-disabled {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-head-container .fc-day-header {
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-view>table {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-view>table>thead th,
.dark-theme .main-calendar .fc-view>table>thead td {
    border-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-view>table>tbody>tr>td {
    border-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-view .fc-other-month {
    background-color: var(--dark-body);
}
.dark-theme .main-calendar .fc-view .fc-day-number {
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-view .fc-day-number:hover,
.dark-theme .main-calendar .fc-view .fc-day-number:focus {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:first-child,
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main,
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
    background-color: var(--dark-theme);
}
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
    border-top-color: var(--dark-border);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
    border-bottom-color: var(--dark-border);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a {
    color: var(--dark-color);
}
.dark-theme .main-calendar td.fc-today {
    background-color: var(--dark-theme);
}
.dark-theme .main-calendar .fc-time-grid-event .fc-title,
.dark-theme .main-calendar .fc-time-grid-event .fc-desc {
    color: var(--dark-color);
}
.dark-theme .main-calendar .fc-list-empty {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
@media (max-width: 575px) {

    .dark-theme .main-calendar .fc-header-toolbar button.fc-month-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        color: var(--dark-color);
    }
}
.dark-theme .main-modal-calendar-schedule .modal-content>.close {
    color: var(--dark-color);
}
.dark-theme .main-modal-calendar-schedule .form-group-date {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .main-modal-calendar-event .nav-modal-event .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-modal-calendar-event .modal-body {
    background-color: var(--dark-theme);
}
.dark-theme .main-modal-calendar-event .event-start-date,
.dark-theme .main-modal-calendar-event .event-end-date {
    color: var(--dark-color);
}
.dark-theme .main-nav-line-chat {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-nav-line-chat .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-chat-contacts-wrapper {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-chat-list .media+.media {
    border-top-color: var(--dark-border);
}
.dark-theme .main-chat-list .media.new {
    background-color: var(--dark-theme);
}
.dark-theme .main-chat-list .media.new .main-img-user span {
    display: flex;
}
.dark-theme .main-chat-list .media.new .media-contact-name span:first-child,
.dark-theme .main-chat-list .media.new .media-body p {
    color: var(--dark-color);
}
.dark-theme .main-chat-list .media:hover,
.dark-theme .main-chat-list .media:focus {
    background-color: var(--dark-body);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-chat-list .media.selected {
    background-color: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-chat-list .media.selected .media-contact-name span:first-child,
.dark-theme .main-chat-list .media.selected .media-body p {
    color: var(--dark-color);
}
.dark-theme .main-chat-list .media-body p {
    color: var(--dark-color);
}
.dark-theme .main-chat-list .media-contact-name span:first-child,
.dark-theme .main-chat-list .media-contact-name span:last-child {
    color: var(--dark-color);
}
.dark-theme .main-chat-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-chat-header .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-chat-msg-name h6,
.dark-theme .main-chat-msg-name small {
    color: var(--dark-color);
}
.dark-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before,
.dark-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
    border-left-color: var(--dark-body) !important;
    border-right-color: var(--dark-body) !important;
}
.dark-theme .main-msg-wrapper {
    background-color: var(--dark-body);
}
.dark-theme .main-msg-wrapper:before,
.dark-theme .main-msg-wrapper:after {
    border-color: transparent var(--dark-body) transparent transparent;
}
.dark-theme .main-chat-body .media-body>div:last-child {
    color: var(--dark-color);
}
.dark-theme .main-chat-time span {
    background: var(--dark-body);
}
.dark-theme .main-chat-footer {
    border-top-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .main-chat-footer .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-chat-body .media.flex-row-reverse .main-msg-wrapper2 {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .main-msg-wrapper2 {
    background-color: var(--dark-body);
}
.dark-theme .main-contact-label {
    color: var(--dark-color);
}
.dark-theme .main-contact-label::after {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-contact-item+.main-contact-item {
    border-top-color: var(--dark-border);
}
.dark-theme .main-contact-item:hover,
.dark-theme .main-contact-item:focus {
    background-color: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-contact-item.selected {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
    background-color: var(--dark-body);
}
.dark-theme .main-contact-body h6,
.dark-theme .main-contact-body span {
    color: var(--dark-color);
}
.dark-theme .main-contact-star {
    color: var(--dark-color);
}
.dark-theme .main-contact-star:hover,
.dark-theme .main-contact-star:focus {
    color: var(--dark-color);
}
.dark-theme .main-contact-info-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-contact-info-header .main-img-user a {
    background-color: var(--dark-body);
    color: var(--dark-color);
    box-shadow: 0 0 0 2px var(--dark-color);
}
.dark-theme .main-contact-info-header .media-body h4,
.dark-theme .main-contact-info-header .media-body p,
.dark-theme .main-contact-info-header .media-body .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-contact-action a {
    color: var(--dark-color);
}
.dark-theme .main-contact-info-body .media-icon {
    color: var(--dark-color);
}
.dark-theme .main-contact-info-body .media-body label,
.dark-theme .main-contact-info-body .media-body span {
    color: var(--dark-color);
}
.dark-theme .main-card-signin {
    background-color: var(--dark-body);
}
@media (min-width: 480px) {
    .dark-theme .main-card-signin {
        border-color: var(--dark-border);
    }
}
.dark-theme .main-signin-footer p,
.dark-theme .main-signin-footer a {
    color: var(--dark-color);
}
.dark-theme .main-signup-wrapper {
    background-color: var(--dark-body);
}
.dark-theme .main-column-signup-left h5 {
    color: var(--dark-color);
}
.dark-theme .main-column-signup {
    background-color: var(--dark-theme);
}
@media (min-width: 992px) {
    .dark-theme .main-column-signup {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
.dark-theme .main-signup-header h4,
.dark-theme .main-signup-header label {
    color: var(--dark-color);
}
.dark-theme .main-signup-header .form-control {
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .main-signup-header .form-control:focus {
    border-color: var(--dark-border);
}
.dark-theme .main-signup-header .form-control::placeholder {
    color: var(--dark-color);
}
.dark-theme .main-signup-footer p,
.dark-theme .main-signup-footer a {
    color: var(--dark-color);
}
.dark-theme .main-error-wrapper h1,
.dark-theme .main-error-wrapper h2 {
    color: var(--dark-color);
}
.dark-theme .signpages .login_form {
    background-color: var(--dark-theme);
}
.dark-theme .signpages .form__input {
    border-bottom-color: var(--dark-border);
}
.dark-theme .error-1 .nav-link.icon {
    color: var(--dark-color);
}
@media (min-width: 992px) {
    .dark-theme .main-content-left-invoice {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }
}
.dark-theme .main-invoice-list {
    border-top-color: var(--dark-border);
}
.dark-theme .main-invoice-list .media:hover,
.dark-theme .main-invoice-list .media:focus {
    background-color: var(--dark-theme);
}
.dark-theme .main-invoice-list .media+.media::before {
    border-top-color: var(--dark-border);
}
.dark-theme .main-invoice-list .media-icon {
    color: var(--dark-color);
}
.dark-theme .main-invoice-list .media-body h6 {
    color: var(--dark-color);
}
.dark-theme .main-invoice-list .media-body p {
    color: var(--dark-color);
}
.dark-theme .main-invoice-list .media-body p span {
    color: var(--dark-color);
}
.dark-theme .main-invoice-list .selected {
    background-color: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .invoice-title,
.dark-theme .billed-from h6,
.dark-theme .billed-to h6 {
    color: var(--dark-color);
}
.dark-theme .invoice-info-row+.invoice-info-row {
    border-top-color: var(--dark-border);
}
.dark-theme .invoice-info-row span:first-child {
    color: var(--dark-color);
}
.dark-theme .table-invoice tbody>tr>th:first-child,
.dark-theme .table-invoice tbody>tr>td:first-child,
.dark-theme .table-invoice tbody>tr>th:first-child .invoice-notes p,
.dark-theme .table-invoice tbody>tr>td:first-child .invoice-notes p {
    color: var(--dark-color);
}
.dark-theme .main-mail-header .btn-group .btn,
.dark-theme .main-mail-header .btn-group .sp-container button {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .sp-container .main-mail-header .btn-group button {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .main-mail-header .btn-group .btn:hover,
.dark-theme .main-mail-header .btn-group .sp-container button:hover {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .sp-container .main-mail-header .btn-group button:hover {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .main-mail-header .btn-group .btn:focus,
.dark-theme .main-mail-header .btn-group .sp-container button:focus {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .sp-container .main-mail-header .btn-group button:focus {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .main-mail-header .btn-group .btn.disabled,
.dark-theme .main-mail-header .btn-group .sp-container button.disabled {
    background-color: var(--dark-theme);
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .sp-container .main-mail-header .btn-group button.disabled {
    background-color: var(--dark-theme);
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .main-mail-options {
    border-color: var(--dark-border);
}
.dark-theme .main-mail-options .btn:hover,
.dark-theme .main-mail-options .sp-container button:hover {
    background-color: var(--dark-body);
}
.dark-theme .sp-container .main-mail-options button:hover {
    background-color: var(--dark-body);
}
.dark-theme .main-mail-options .btn:focus,
.dark-theme .main-mail-options .sp-container button:focus {
    background-color: var(--dark-body);
}
.dark-theme .sp-container .main-mail-options button:focus {
    background-color: var(--dark-body);
}
.dark-theme .main-mail-options .btn.disabled,
.dark-theme .main-mail-options .sp-container button.disabled {
    color: var(--dark-color);
}
.dark-theme .sp-container .main-mail-options button.disabled {
    color: var(--dark-color);
}
.dark-theme .main-mail-item {
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
    background-color: var(--dark-body);
}
.dark-theme .main-mail-item:hover,
.dark-theme .main-mail-item:focus {
    background-color: var(--dark-body);
}
.dark-theme .main-mail-item.unread,
.dark-theme .main-mail-item.selected {
    background-color: var(--dark-theme);
}
.dark-theme .main-mail-star {
    color: var(--dark-color);
}
.dark-theme .main-mail-subject strong,
.dark-theme .main-mail-subject span {
    color: var(--dark-color);
}
@media (max-width: 991px) {

    .dark-theme .mail-container .tab-list-items.task-menu-show,
    .dark-theme .mail-container .tab-list-items.mail-menu-show {
        background: var(--dark-theme);
    }

    .dark-theme .task-actions li .task-action-items i {
        border-color: var(--dark-border);
    }
}
.dark-theme .main-mail-date {
    color: var(--dark-color);
}
.dark-theme .main-mail-compose {
    background-color: var(--dark-body);
}
.dark-theme .main-mail-compose-header {
    background-color: var(--dark-theme);
}
.dark-theme .main-mail-compose-header .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-mail-compose-body {
    background-color: var(--dark-theme);
}
.dark-theme .main-mail-compose-body .form-group .form-label {
    color: var(--dark-color);
}
.dark-theme .main-mail-compose-body .form-group+.form-group {
    border-top-color: var(--dark-border);
}
.dark-theme .main-mail-compose-body .form-group .nav-link:hover,
.dark-theme .main-mail-compose-body .form-group .nav-link:focus {
    color: var(--dark-color);
}
.dark-theme .main-mail-two .main-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-mail-left {
    background-color: var(--dark-body);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-theme .main-mail-content {
    background-color: var(--dark-body);
}
.dark-theme .main-content-body-show .main-header-mail-arrow {
    background: var(--dark-body);
}
.dark-theme .table-inbox tr td .fa-bookmark {
    color: var(--dark-color);
}
.dark-theme .inbox-pagination a.np-btn {
    border-color: var(--dark-border);
}
.dark-theme .mail-option .chk-all,
.dark-theme .mail-option .btn-group a.btn {
    border-color: var(--dark-border);
}
.dark-theme .table-inbox {
    border-color: var(--dark-border);
}
.dark-theme .table-inbox tr td {
    border-top-color: var(--dark-border);
}
.dark-theme .table-inbox tr td .fa-star {
    color: var(--dark-color);
}
.dark-theme .table-inbox tr td .fa-star.inbox-started,
.dark-theme .table-inbox tr td .fa-star:hover {
    color: var(--dark-color);
}
.dark-theme .mail-option .dropdown-menu>li>a {
    color: var(--dark-color);
}
.dark-theme .mail-option .dropdown-menu>li>a:hover {
    background: var(--dark-theme);
}
.dark-theme .profile-cover__img>img {
    border-color: var(--dark-border);
}
.dark-theme .profile-cover__img>.h3 {
    color: var(--dark-color);
}
@media (min-width: 601px) {
    .dark-theme .profile-cover__info .nav {
        color: var(--dark-color);
    }
}
.dark-theme .profile-cover__info .nav li {
    color: var(--dark-color);
}
.dark-theme .profile-cover__info .nav li:not(:first-child) {
    border-left-color: var(--dark-border);
    border-right-color: var(--dark-border);
}
@media (max-width: 600px) {
    .dark-theme .profile-cover__info .nav {
        color: var(--dark-color);
    }

    .dark-theme .profile-cover__info .nav li:not(:first-child) {
        border-top-color: var(--dark-border);
    }
}
.dark-theme .main-content-left-profile {
    border-bottom-color: var(--dark-border);
}
@media (min-width: 992px) {
    .dark-theme .main-content-left-profile {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }
}
.dark-theme .main-profile-name,
.dark-theme .main-profile-name-text {
    color: var(--dark-color);
}
.dark-theme .main-content-body-profile .nav {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-content-body-profile .main-nav-line .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-profile-view-info h6 {
    color: var(--dark-color);
}
.dark-theme .main-traffic-detail-item>div:first-child>span:first-child {
    color: var(--dark-color);
}
.dark-theme .main-traffic-detail-item>div:first-child>span:last-child {
    color: var(--dark-color);
}
.dark-theme .main-traffic-detail-item>div:first-child>span:last-child span {
    color: var(--dark-color);
}
.dark-theme .main-profile-work-list .media-body h6,
.dark-theme .main-profile-work-list .media-body p {
    color: var(--dark-color);
}
.dark-theme .main-profile-contact-list .media-body span,
.dark-theme .main-profile-contact-list .media-body div {
    color: var(--dark-color);
}
@media (max-width: 767px) {
    .dark-theme .profile-cover__info .nav {
        color: var(--dark-color);
    }
}
.dark-theme .crypto-transcation.list-unstyled li {
    border-color: var(--dark-border);
}
.dark-theme .toolbar .btn {
    background: var(--dark-theme);
    color: var(--dark-color);
    border-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .crypto-card {
    background-color: var(--dark-theme);
}
.dark-theme .card-bitcoin label,
.dark-theme .card-bitcoin p {
    color: var(--dark-color);
}
.dark-theme .crypto-wallet .chart-circle-value.circle-style {
    background: var(--dark-body);
}
.dark-theme .buy-sell .form {
    border-color: var(--dark-border);
    background: var(--dark-theme);
}
.dark-theme .payment-list .payment-item {
    color: var(--dark-color);
}
.dark-theme .payment-list .payment-item i {
    border-color: var(--dark-border);
}
.dark-theme .payment-cards {
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .crypto-buysell-card .nav.panel-tabs li {
    background: var(--dark-theme);
}
.dark-theme .wallet .input-group-addon-right,
.dark-theme .wallet .input-group-addon {
    color: var(--dark-color);
    border-color: var(--dark-border) !important;
}
.dark-theme .wallet .clipboard-icon {
    background: var(--dark-body);
}
.dark-theme .wallet .input-group-addon-left {
    background: var(--dark-body);
    border-color: var(--dark-border) !important;
}
.dark-theme .card-order i {
    background: var(--dark-body);
}
.dark-theme .owl-theme:before {
    background: linear-gradient(to left, transparent 0%, var(--dark-body) 100%);
}
.dark-theme .owl-theme:after {
    background: linear-gradient(to right, transparent 0%, var(--dark-body) 100%);
}
.dark-theme .ratio {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .countrywise-sale .list-group-item {
    border-color: var(--dark-border);
}
.dark-theme .countrywise-sale .list-group-item span {
    color: var(--dark-color);
}
.dark-theme .top-selling-products .price,
.dark-theme .top-selling-products .count,
.dark-theme .top-selling-products .title,
.dark-theme .top-selling-products .amount,
.dark-theme .top-selling-products .items-sold {
    color: var(--dark-color);
}
.dark-theme .ecommerce.wizard {
    background: var(--dark-theme);
}
.dark-theme .ecommerce.wizard .nav-tabs {
    border-bottom-color: var(--dark-border);
}
.dark-theme .connecting-line {
    background: var(--dark-body);
}
@media (min-width: 768px) {
    .dark-theme #checkoutsteps>.steps .number {
        background-color: var(--dark-body);
        color: var(--dark-color);
    }

    .dark-theme #checkoutsteps .checkoutline {
        background-color: var(--dark-theme);
    }
}
@media (max-width: 767px) {
    .dark-theme #checkoutsteps>.steps .number {
        background-color: var(--dark-theme);
        color: var(--dark-color);
    }

    .dark-theme #checkoutsteps .checkoutline {
        background-color: var(--dark-theme);
    }
}
.dark-theme #checkoutsteps>.steps a {
    color: var(--dark-color);
}
.dark-theme #checkoutsteps .item {
    border-bottom-color: var(--dark-border);
}
.dark-theme #checkoutsteps .item .thumb {
    border-color: var(--dark-border);
}
.dark-theme .card-pay .tabs-menu.nav {
    background: var(--dark-body);
}
.dark-theme .card-pay .tabs-menu.nav li {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .item1-links li {
    border-top-color: var(--dark-border);
}
.dark-theme .item1-links a {
    color: var(--dark-color);
}
.dark-theme .track {
    background-color: var(--dark-body);
}
.dark-theme .track .step.active .text {
    color: var(--dark-color);
}
.dark-theme .track .icon {
    background: var(--dark-body);
}
.dark-theme .product-grid .product-like-icon {
    color: var(--dark-color);
    background: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .product-grid .product-like-icon:hover {
    color: var(--dark-color);
    background: var(--dark-theme);
}
.dark-theme .product-grid .product-link a {
    color: var(--dark-color);
    background: var(--dark-body);
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .product-grid .product-link a:hover {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .product-grid .product-link a span {
    color: var(--dark-color);
}
.dark-theme .product-grid .title a {
    color: var(--dark-color);
}
.dark-theme .product-grid .price {
    color: var(--dark-color);
}
.dark-theme .product-grid .price .old-price {
    color: var(--dark-color);
}
.dark-theme .product_price .old_price {
    color: var(--dark-color);
}
@media (max-width: 567px) {
    .dark-theme .card-pay .tabs-menu li {
        border-bottom-color: var(--dark-border);
    }
}
.dark-theme #wishlist .product-grid .wishlist-icon {
    border-color: var(--dark-border);
}
.dark-theme .notification .notification-time .date,
.dark-theme .notification .notification-time .time {
    color: var(--dark-color);
}
.dark-theme .notification .notification-icon a {
    background: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .notification .notification-body {
    box-shadow: 0px 8px 16px var(--dark-theme);
    background: var(--dark-theme);
}
.dark-theme .notification .notification-body:before {
    border-right-color: var(--dark-border);
    border-left-color: transparent;
}
.dark-theme .border {
    border-color: var(--dark-border) !important;
}
.dark-theme .border-top {
    border-top-color: var(--dark-border) !important;
}
.dark-theme .border-end {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .border-bottom {
    border-bottom-color: var(--dark-border) !important;
}
.dark-theme .border-start {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .border-secondary {
    border-color: var(--dark-border) !important;
}
.dark-theme .bd {
    border-color: var(--dark-border);
}
.dark-theme .bd-t {
    border-top-color: var(--dark-border);
}
.dark-theme .bd-r {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .bd-b {
    border-bottom-color: var(--dark-border);
}
.dark-theme .bd-l {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .bd-y {
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .bd-x {
    border-left-color: var(--dark-border);
    border-right-color: var(--dark-border);
}
@media (min-width: 480px) {
    .dark-theme .bd-xs {
        border-color: var(--dark-border);
    }

    .dark-theme .bd-xs-t {
        border-top-color: var(--dark-border);
    }

    .dark-theme .bd-xs-r {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }

    .dark-theme .bd-xs-b {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-xs-l {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }

    .dark-theme .bd-xs-y {
        border-top-color: var(--dark-border);
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-xs-x {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
@media (min-width: 576px) {
    .dark-theme .bd-sm {
        border-color: var(--dark-border);
    }

    .dark-theme .bd-sm-t {
        border-top-color: var(--dark-border);
    }

    .dark-theme .bd-sm-r {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }

    .dark-theme .bd-sm-b {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-sm-l {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }

    .dark-theme .bd-sm-y {
        border-top-color: var(--dark-border);
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-sm-x {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
@media (min-width: 768px) {
    .dark-theme .bd-md {
        border-color: var(--dark-border);
    }

    .dark-theme .bd-md-t {
        border-top-color: var(--dark-border);
    }

    .dark-theme .bd-md-r {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }

    .dark-theme .bd-md-b {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-md-l {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }

    .dark-theme .bd-md-y {
        border-top-color: var(--dark-border);
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-md-x {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
@media (min-width: 992px) {
    .dark-theme .bd-lg {
        border-color: var(--dark-border);
    }

    .dark-theme .bd-lg-t {
        border-top-color: var(--dark-border);
    }

    .dark-theme .bd-lg-r {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }

    .dark-theme .bd-lg-b {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-lg-l {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }

    .dark-theme .bd-lg-y {
        border-top-color: var(--dark-border);
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-lg-x {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
@media (min-width: 1200px) {
    .dark-theme .bd-xl {
        border-color: var(--dark-border);
    }

    .dark-theme .bd-xl-t {
        border-top-color: var(--dark-border);
    }

    .dark-theme .bd-xl-r {
        border-right-color: var(--dark-border);
        border-left-color: var(--dark-border);
    }

    .dark-theme .bd-xl-b {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-xl-l {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }

    .dark-theme .bd-xl-y {
        border-top-color: var(--dark-border);
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .bd-xl-x {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
.dark-theme .text-body,
.dark-theme .text-muted {
    color: var(--dark-color) !important;
}
.dark-theme .tag {
    background-color: var(--dark-body);
}
.dark-theme a.tag:hover {
    background-color: var(--dark-theme);
}
.dark-theme .tag-addon {
    background: var(--dark-body);
}
.dark-theme .nav-tabs {
    border-bottom-color: var(--dark-border);
}
.dark-theme .nav-tabs .nav-link {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .nav-tabs .nav-link:hover,
.dark-theme .nav-tabs .nav-link:focus {
    border-color: var(--dark-border);
}
.dark-theme .nav-tabs .nav-link.disabled {
    color: var(--dark-color);
}
.dark-theme .nav-tabs .nav-link.active {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border) var(--dark-color) var(--dark-border) !important;
}
.dark-theme .nav-tabs .nav-item.show .nav-link {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border) var(--dark-color) var(--dark-border);
}
.dark-theme .main-nav-tabs {
    background-color: var(--dark-theme);
}
.dark-theme .main-nav-tabs .lSAction>a {
    background-color: var(--dark-body);
}
.dark-theme .main-nav-tabs .lSAction>a:hover,
.dark-theme .main-nav-tabs .lSAction>a:focus {
    background-color: var(--dark-body);
}
.dark-theme .main-nav-tabs .lSAction>a.disabled {
    background-color: var(--dark-theme);
}
.dark-theme .main-nav-tabs .tab-link {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .main-nav-tabs .tab-link:hover,
.dark-theme .main-nav-tabs .tab-link:focus {
    background-color: var(--dark-theme);
}
.dark-theme .main-nav-tabs .tab-link.active {
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .tabs-style-1 .panel-tabs {
    border-bottom-color: var(--dark-border);
}
.dark-theme .tabs-style-1 .main-nav-line .nav-link {
    border-color: var(--dark-border);
}
.dark-theme .tabs-style-1 .main-nav-line .nav-link.active {
    color: var(--dark-color);
    border-color: var(--dark-border) var(--dark-border) var(--dark-border);
}
.dark-theme .tabs-style-3 {
    border-color: var(--dark-border);
}
.dark-theme .tabs-style-3 .nav.panel-tabs li a {
    color: var(--dark-color);
}
.dark-theme .tabs-style-4 .nav.panel-tabs li a,
.dark-theme .nav-link.disabled {
    color: var(--dark-color);
}
@media (min-width: 992px) {
    .dark-theme .main-navbar .nav-sub {
        background-color: var(--dark-theme);
        border-top-color: var(--dark-border);
    }
}
.dark-theme .main-navbar {
    background-color: var(--dark-theme);
}
@media (min-width: 992px) {

    .dark-theme .main-navbar .nav-sub-mega .container,
    .dark-theme .main-navbar .nav-sub-mega .container-fluid {
        background-color: var(--dark-theme);
        border-top-color: var(--dark-border);
    }
}
@media (min-width: 992px) {
    .dark-theme .main-navbar .nav-link {
        color: rgba(255, 255, 255, 0.6);
    }

    .dark-theme .main-navbar .nav-link.with-sub::after {
        color: var(--dark-color);
    }

    .dark-theme .main-navbar .nav-link.with-sub::before {
        border-top-color: var(--dark-border);
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
        background-color: var(--dark-theme);
    }

    .dark-theme .main-navbar .nav-sub-link {
        color: rgba(255, 255, 255, 0.4);
    }

    .dark-theme .main-navbar .nav-sub-link.with-sub::after {
        color: rgba(255, 255, 255, 0.4);
    }

    .dark-theme .main-navbar .nav-item .nav-sub li:not(.nav-sub-item),
    .dark-theme .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
        color: var(--dark-color);
    }
}
@media (max-width: 992px) {

    .dark-theme .main-navbar .nav-sub-link:hover,
    .dark-theme .main-navbar .nav-sub-link:focus {
        color: var(--dark-color);
    }
}
@media (min-width: 992px) {

    .dark-theme .main-navbar .nav-sub-mega .container>div+div,
    .dark-theme .main-navbar .nav-sub-mega .container-fluid>div+div {
        border-left-color: var(--dark-border);
        border-right-color: var(--dark-border);
    }
}
.dark-theme .main-navbar-header {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-navbar-search {
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-navbar-search .form-control:focus {
    border-color: var(--dark-border);
}
.dark-theme .main-navbar-three .nav-link {
    color: var(--dark-color);
}
.dark-theme .main-navbar-three .nav-link:hover,
.dark-theme .main-navbar-three .nav-link:focus {
    color: var(--dark-color);
}
.dark-theme .navbar-toggler .header-icons:hover,
.dark-theme .option-dots:hover {
    background-color: var(--dark-theme);
}
.dark-theme .wizard {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .wizard>.steps a {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps a:hover,
.dark-theme .wizard>.steps a:active {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps a .number,
.dark-theme .wizard>.steps a:hover .number,
.dark-theme .wizard>.steps a:active .number {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .wizard>.steps .disabled a {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps .disabled a:hover,
.dark-theme .wizard>.steps .disabled a:active {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps .current a .number,
.dark-theme .wizard>.steps .current a:hover .number,
.dark-theme .wizard>.steps .current a:active .number {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps .done a {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps .done a:hover,
.dark-theme .wizard>.steps .done a:active {
    color: var(--dark-color);
}
.dark-theme .wizard>.steps .done a .number,
.dark-theme .wizard>.steps .done a:hover .number,
.dark-theme .wizard>.steps .done a:active .number {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .wizard>.content {
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .wizard>.content>.title {
    color: var(--dark-color);
}
.dark-theme .wizard>.actions .disabled a {
    background-color: var(--dark-theme);
}
.dark-theme .wizard>.actions .disabled a:hover,
.dark-theme .wizard>.actions .disabled a:active {
    background-color: var(--dark-theme);
}
@media (min-width: 576px) {
    .dark-theme .wizard.vertical>.content {
        border-left-color: var(--dark-border) !important;
        border-right-color: var(--dark-border) !important;
    }

    .dark-theme .wizard.vertical>.actions {
        border-left-color: var(--dark-border) !important;
        border-right-color: var(--dark-border) !important;
    }
}
.dark-theme .wizard-style-1>.steps>ul a .number,
.dark-theme .wizard-style-1>.steps>ul a:hover .number,
.dark-theme .wizard-style-1>.steps>ul a:active .number {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .wizard-style-1>.steps>ul .done a .number,
.dark-theme .wizard-style-1>.steps>ul .done a:hover .number,
.dark-theme .wizard-style-1>.steps>ul .done a:active .number {
    color: var(--dark-color);
}
.dark-theme .wizard-style-2>.steps>ul a .number,
.dark-theme .wizard-style-2>.steps>ul a:hover .number,
.dark-theme .wizard-style-2>.steps>ul a:active .number {
    border-color: var(--dark-border);
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .ps>.ps__rail-y {
    background-color: var(--dark-body);
}
.dark-theme .rdiobox span:before {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .rdiobox span:after {
    background-color: var(--dark-theme);
}
.dark-theme .custom-select {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .custom-select:focus::-ms-value,
.dark-theme .custom-select:disabled {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .custom-file-input:disabled~.custom-file-label {
    background-color: var(--dark-theme);
}
.dark-theme .custom-file-label {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .custom-file-label::after {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .custom-range::-webkit-slider-thumb:active {
    background-color: var(--dark-body);
}
.dark-theme .custom-range::-webkit-slider-runnable-track {
    background-color: var(--dark-theme);
}
.dark-theme .custom-range::-moz-range-thumb:active {
    background-color: var(--dark-body);
}
.dark-theme .custom-range::-moz-range-track {
    background-color: var(--dark-theme);
}
.dark-theme .custom-range::-ms-thumb:active {
    background-color: var(--dark-body);
}
.dark-theme .custom-range::-ms-fill-lower,
.dark-theme .custom-range::-ms-fill-upper {
    background-color: var(--dark-theme);
}
.dark-theme .custom-range:disabled::-webkit-slider-thumb,
.dark-theme .custom-range:disabled::-moz-range-thumb,
.dark-theme .custom-range:disabled::-ms-thumb {
    background-color: var(--dark-theme);
}
.dark-theme .custom-switch-indicator {
    background: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .custom-switch-indicator:before {
    background: var(--dark-theme);
}
.dark-theme .custom-switch-description,
.dark-theme .custom-switch-input:checked~.custom-switch-description {
    color: var(--dark-color);
}
.dark-theme .custom-switch .custom-control-label::after,
.dark-theme .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--dark-theme);
}
.dark-theme .main-rating-value {
    color: var(--dark-color);
}
.dark-theme .rating-stars .rating-stars-container .rating-star {
    color: var(--dark-color);
}
.dark-theme .rating-stars .rating-stars-container .rating-star.sm,
.dark-theme .rating-stars .rating-stars-container .rating-star.is--no-hover,
.dark-theme .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: var(--dark-color);
}
.dark-theme .rating-stars input {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .latest-timeline1-icon {
    color: var(--dark-color);
}
.dark-theme .latest-timeline ul.timeline:before {
    background: var(--dark-body);
}
.dark-theme .latest-timeline1 a {
    color: var(--dark-color);
}
.dark-theme .vtimeline:before {
    background-color: var(--dark-body);
}
.dark-theme .vtimeline .timeline-wrapper .timeline-panel {
    background: var(--dark-theme);
}
.dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .vtimeline .timeline-wrapper .timeline-badge {
    border-color: var(--dark-border);
}
.dark-theme .vtimeline .timeline-wrapper .timeline-badge i {
    color: var(--dark-color);
}
.dark-theme .timeline-wrapper-secondary .timeline-panel:before,
.dark-theme .timeline-wrapper-secondary .timeline-badge {
    background: var(--dark-body);
}
.dark-theme .timeline-wrapper-light .timeline-panel:before,
.dark-theme .timeline-wrapper-light .timeline-badge {
    background: var(--dark-theme);
}
.dark-theme .timeline-wrapper-dark .timeline-panel:before,
.dark-theme .timeline-wrapper-dark .timeline-badge {
    background: var(--dark-body);
}
.dark-theme .img-sm {
    border-color: var(--dark-border);
    background: var(--dark-body);
}
.dark-theme .avatar {
    color: var(--dark-color);
}
.dark-theme .main-avatar {
    color: var(--dark-color);
}
.dark-theme .main-avatar::after {
    background-color: var(--dark-theme);
}
.dark-theme .avatar-xl::after {
    box-shadow: 0 0 0 2.5px var(--dark-border);
}
.dark-theme .avatar-xxl::after {
    box-shadow: 0 0 0 3px var(--dark-border);
}
@media (min-width: 576px) {

    .dark-theme .demo-avatar-group .main-img-user+.main-img-user,
    .dark-theme .demo-avatar-group .main-img-user+.main-avatar {
        border-color: var(--dark-border);
    }

    .dark-theme .demo-avatar-group .main-avatar+.main-img-user,
    .dark-theme .demo-avatar-group .main-avatar+.main-avatar {
        border-color: var(--dark-border);
    }
}
@media (min-width: 576px) {

    .dark-theme #shapes .demo-avatar-group .main-img-user+.main-img-user,
    .dark-theme #shapes .demo-avatar-group .main-img-user+.main-avatar {
        border-color: var(--dark-border);
    }
}
.dark-theme .main-list-item+.main-list-item {
    border-top-color: var(--dark-border);
}
.dark-theme .main-list-item>div:first-child h6,
.dark-theme .main-list-item>div span {
    color: var(--dark-color);
}
.dark-theme .ckbox span:before {
    background-color: var(--dark-theme);
    border-color: var(--dark-border) !important;
}
.dark-theme .main-toggle {
    background-color: var(--dark-body);
}
.dark-theme .main-toggle span {
    background-color: var(--dark-theme);
}
.dark-theme .main-toggle span::before,
.dark-theme .main-toggle span::after {
    color: var(--dark-color);
}
.dark-theme .main-toggle-dark.on {
    background-color: var(--dark-body);
}
.dark-theme .list-group {
    color: var(--dark-color);
}
.dark-theme .list-group-item-action {
    color: var(--dark-color);
}
.dark-theme .list-group-item-action:hover,
.dark-theme .list-group-item-action:focus,
.dark-theme .list-group-item-action:active {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .list-group-item {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
    color: var(--dark-color);
}
.dark-theme .list-group-item.disabled,
.dark-theme .list-group-item:disabled {
    background-color: var(--dark-theme);
}
.dark-theme .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: var(--dark-color);
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .custom-control-input:disabled~.custom-control-label {
    color: var(--dark-color);
}
.dark-theme .custom-control-input:disabled~.custom-control-label::before {
    background-color: var(--dark-theme);
}
.dark-theme .custom-control-label::before {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .custom-switch-indicator-md {
    background: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .custom-switch-description {
    color: var(--dark-color);
}
@media print {

    .dark-theme pre,
    .dark-theme blockquote,
    .dark-theme .badge {
        border-color: var(--dark-border);
    }

    .dark-theme .table td,
    .dark-theme .table th {
        background-color: var(--dark-body) !important;
    }

    .dark-theme .table-bordered th,
    .dark-theme .table-bordered td {
        border-color: var(--dark-border) !important;
    }

    .dark-theme .table-dark th,
    .dark-theme .table-dark td,
    .dark-theme .table-dark thead th,
    .dark-theme .table-dark tbody+tbody {
        border-color: var(--dark-border);
    }

    .dark-theme .table .thead-dark th {
        border-color: var(--dark-border);
    }
}
.dark-theme .main-table-reference {
    background-color: var(--dark-theme);
}
.dark-theme .main-table-reference>thead>tr>th,
.dark-theme .main-table-reference>thead>tr>td {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .main-table-reference>tbody>tr>th,
.dark-theme .main-table-reference>tbody>tr>td {
    border-color: var(--dark-border);
}
.dark-theme .main-notification-title,
.dark-theme .main-notification-text {
    color: var(--dark-color);
}
.dark-theme .main-notification-list,
.dark-theme .main-profile-menu .dropdown-menu .dropdown-item:first-child {
    border-top-color: var(--dark-border);
}
.dark-theme .main-notification-list .media+.media {
    border-top-color: var(--dark-border);
}
.dark-theme .main-notification-list .media.new {
    color: var(--dark-color);
}
.dark-theme .main-notification-list .media:hover::before,
.dark-theme .main-notification-list .media:focus::before {
    background-color: var(--dark-theme);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .main-notification-list .media-body p,
.dark-theme .main-notification-list .media-body span {
    color: var(--dark-color);
}
.dark-theme .main-dropdown-form-demo .static-dropdown {
    background-color: var(--dark-theme);
}
.dark-theme .main-dropdown-form-demo .dropdown-title {
    color: var(--dark-color);
}
.dark-theme .main-content-left-components {
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-theme .main-content-left-components .component-item .nav-link {
    color: var(--dark-color);
}
.dark-theme .flag-dropdown .dropdown-item {
    color: var(--dark-color);
}
.dark-theme .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
@media (max-width: 991px) {
    .dark-theme .main-header.side-header {
        border-bottom-color: var(--dark-border);
    }

    .dark-theme .header-search .select2-container--default .select2-selection--single {
        background-color: var(--dark-theme);
        border-color: var(--dark-border);
    }

    .dark-theme .responsive-navbar.navbar .navbar-collapse {
        background: var(--dark-theme);
        border-bottom-color: var(--dark-border);
        border-top-color: var(--dark-border);
    }
}
.dark-theme .media-logo,
.dark-theme .media-icon {
    color: var(--dark-color);
}
.dark-theme .flat a {
    background: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .flat a:after {
    background: var(--dark-theme);
    box-shadow: 2px -2px 0 2px var(--dark-body), 3px -3px 0 2px var(--dark-body);
}
.dark-theme .flat a.active:before,
.dark-theme .flat a:hover:before {
    color: var(--dark-color);
}
.dark-theme .flat a:before {
    background: var(--dark-body);
}
.dark-theme .page-header .breadcrumb-item a,
.dark-theme .page-header .breadcrumb-item.active {
    color: var(--dark-color);
}
@media (max-width: 991px) {
    .dark-theme .main-header {
        border-bottom-color: var(--dark-border);
    }
}
@media (max-width: 767px) {
    .dark-theme .main-content-body-contacts {
        border-top-color: var(--dark-border);
    }

    .dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right-color: var(--dark-border) !important;
        border-left-color: var(--dark-border) !important;
    }
}
@media (min-width: 992px) {
    .dark-theme .main-navbar.sticky.sticky-pin {
        border-bottom-color: var(--dark-border);
    }
}
.dark-theme .contact-icon:hover {
    background: var(--dark-border);
}
.dark-theme .component-item a:before {
    color: var(--dark-color);
}
.dark-theme .main-icon-list {
    border-color: var(--dark-border);
}
.dark-theme .skill-tags a {
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .reviewnavs li a,
.dark-theme .dash-icon {
    color: var(--dark-color);
}
.dark-theme .pricing-tabs .nav-price li a {
    color: var(--dark-color);
    background: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .pricing-tabs .nav-price li .active {
    background: var(--dark-body);
}
.dark-theme .pricingTable2 {
    background: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .pricingTable2-header {
    background-color: var(--dark-theme);
}
.dark-theme .pricingTable2 .pricingTable2-header h3 {
    color: var(--dark-color);
}
.dark-theme .pricingTable2 .pricingTable2-sign-up {
    border-top-color: var(--dark-border);
}
.dark-theme .example {
    border-color: var(--dark-border);
}
.dark-theme .highlight {
    border-color: var(--dark-border);
    background: var(--dark-body);
}
.dark-theme .clipboard-icon {
    background: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .our-team:hover .picture img {
    box-shadow: 0 0 0 3px var(--dark-border);
}
.dark-theme .task-list {
    color: var(--dark-color);
}
.dark-theme .task-list:after {
    background: var(--dark-border);
}
.dark-theme .dt-button-collection .dropdown-item.active,
.dark-theme .dt-button-collection .dropdown-item:active {
    color: var(--dark-color);
    background-color: var(--dark-theme);
}
.dark-theme .advanced-search {
    background: var(--dark-theme);
}
.dark-theme .contact-info .contact-icon:hover {
    color: var(--dark-color);
}
.dark-theme .activity-block .task-list li .task-icon {
    color: var(--dark-color);
}
.dark-theme #global-loader {
    background: var(--dark-theme);
}
.dark-theme .page-header .page-title i {
    background: linear-gradient(89.1deg, var(--dark-body) 0.7%, var(--dark-body) 88.4%);
}
.dark-theme .feature .feature-icon {
    color: var(--dark-color);
}
.dark-theme .feature.bg-transparent {
    background: var(--dark-body) !important;
}
.dark-theme .search-imgs li img {
    border-color: var(--dark-border) !important;
}
.dark-theme .handle-counter input {
    border-color: var(--dark-border);
}
.dark-theme .handle-counter .btn:disabled {
    color: var(--dark-color);
}
.dark-theme .handle-counter .btn:disabled:hover {
    background-color: var(--dark-body);
}
.dark-theme .itemside .title {
    color: var(--dark-color);
}
.dark-theme .upgrade.custom-card {
    background: var(--dark-body);
}
.dark-theme ::-webkit-scrollbar-thumb {
    background: var(--dark-border);
}
.dark-theme .selectgroup-button {
    border-color: var(--dark-border);
    color: var(--dark-color);
}
.dark-theme .selectgroup-input:checked+.selectgroup-button {
    background: var(--dark-body);
}
.dark-theme .toast-header .btn-close {
    color: var(--dark-color);
}
.dark-theme .tag.tag-attachments,
.dark-theme .tag.tag-attachments-lg,
.dark-theme .tag.tag-attachments-sm {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .tags .tag-files span {
    color: var(--dark-color);
}
.dark-theme .theme-container .active {
    background: var(--dark-body);
}
.dark-theme .theme-container1 .active,
.dark-theme .theme-container2 .active {
    border-color: var(--dark-border);
    background: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .dark-layout {
    display: block;
}
.dark-theme .light-layout {
    display: none;
}
.dark-theme .main-content-title {
    color: #ffffff;
}
.dark-theme .card-dashboard-calendar .table tbody tr {
    background-color: transparent;
}
.dark-theme .btn-white {
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .btn-white:hover {
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .btn-white:focus,
.dark-theme .btn-white.focus {
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .btn-white.disabled,
.dark-theme .btn-white:disabled {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
}
.dark-theme .btn-white:not(:disabled):not(.disabled):active,
.dark-theme .btn-white:not(:disabled):not(.disabled).active {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
}
.dark-theme .show>.btn-white.dropdown-toggle {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-theme);
}
.dark-theme .table thead th,
.dark-theme .table thead td {
    color: var(--dark-color);
}
.dark-theme .bg-light {
    background-color: var(--dark-body) !important;
    color: var(--dark-color);
}
@media (min-width: 992px) {
    .dark-theme .main-sidebar-header .sidemenu-logo {
        border-right-color: var(--dark-border) !important;
        border-left-color: var(--dark-border) !important;
    }

    .dark-theme.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
        display: block;
    }

    .dark-theme.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo {
        display: none;
    }

    .dark-theme .main-navbar .nav-sub {
        box-shadow: 0 8px 16px 0 var(--dark-body);
    }

    .dark-theme .table-responsive .table> :not(caption)>*>* {
        border-bottom-color: var(--dark-border) !important;
    }
}
.dark-theme .responsive-navbar.navbar .navbar-collapse {
    box-shadow: 7px 8px 9px -2px var(--dark-theme);
}
@media (max-width: 991px) {

    .dark-theme.main-body .mobile-logo-dark,
    .dark-theme.horizontalmenu .mobile-logo-dark {
        display: block;
    }

    .dark-theme.main-body .mobile-logo,
    .dark-theme.horizontalmenu .mobile-logo {
        display: none;
    }
}
.dark-theme .navbar-toggler {
    color: var(--dark-color);
}
.dark-theme.error-1 .nav-link.icon {
    color: var(--dark-color);
}
@media screen and (min-width: 992px) {
    .dark-theme.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        box-shadow: -6px 4px 20px 0px var(--dark-body);
    }

    .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        box-shadow: -6px 4px 20px 0px var(--dark-body);
    }
}
.dark-theme .border-end-0 {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .border-start-0 {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .select2-search__field {
    background-color: var(--dark-body);
}
.dark-theme .text-dark {
    color: var(--dark-color) !important;
}
.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus {
    box-shadow: 0 0 0 1px var(--dark-border);
}
.dark-theme .page-link {
    border-color: var(--dark-border);
}
@media (min-width: 992px) {
    .dark-theme .main-navbar.hor-menu {
        box-shadow: -8px 12px 18px 0 var(--dark-body);
    }
}
.dark-theme .apexcharts-datalabels-group text {
    fill: var(--dark-color);
}
.dark-theme .table-hover>tbody>tr:hover {
    color: #ffffff;
}
.dark-theme .handle-counter input {
    background-color: var(--dark-theme);
}
.dark-theme .form-select {
    color: var(--dark-color);
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:active {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: var(--dark-border);
}
.dark-theme .ql-snow .ql-picker-options {
    background-color: var(--dark-body);
}
.dark-theme .ff_fileupload_filename input {
    background-color: transparent;
}
.dark-theme .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
    color: var(--dark-color);
}
.dark-theme .ql-snow .ql-tooltip {
    background-color: var(--dark-body);
    border-color: var(--dark-border);
    box-shadow: 0px 0px 5px var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .ql-tooltip.ql-editing input {
    background-color: var(--dark-theme);
}
.dark-theme .ql-snow .ql-tooltip input[type=text] {
    border-color: var(--dark-border);
}
.dark-theme .ql-snow .ql-tooltip input[type=text]:focus-visible {
    outline: none;
}
.dark-theme a.text-dark:hover,
.dark-theme a.text-dark:focus {
    color: #ffffff !important;
}
.dark-theme .item1-links.nav.nav-tabs .nav-link {
    background-color: var(--dark-theme);
}
.dark-theme .tx-inverse {
    color: #ffffff;
}
.dark-theme .btn,
.dark-theme .sp-container button {
    color: #ffffff;
}
.dark-theme .table-striped>tbody>tr:nth-of-type(odd) {
    color: #ffffff !important;
}
.dark-theme .owl-carousel:hover .owl-nav button {
    background: var(--dark-theme) !important;
}
.dark-theme .bg-white {
    background-color: var(--dark-theme) !important;
}
.dark-theme .box-shadow {
    box-shadow: 0 8px 16px 0 var(--dark-body);
}
.dark-theme .btn-outline-dark {
    color: var(--dark-color) !important;
    border-color: var(--dark-border);
}
.dark-theme .btn-outline-warning {
    color: var(--dark-color) !important;
}
.dark-theme .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.dark-theme .bs-popover-start>.popover-arrow::after {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.dark-theme .bs-popover-top>.popover-arrow::after {
    border-top-color: var(--dark-border);
}
.dark-theme .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.dark-theme .bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: var(--dark-border);
}
.dark-theme .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.dark-theme .bs-popover-end>.popover-arrow::after {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.dark-theme .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.dark-theme .bs-tooltip-end .tooltip-arrow::before {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .toast-header h6 {
    color: var(--dark-color);
}
.dark-theme .bootstrap-tagsinput {
    background-color: transparent;
}
.dark-theme.rtl .main-msg-wrapper:before,
.dark-theme.rtl .main-msg-wrapper:after {
    border-color: transparent transparent transparent var(--dark-body) !important;
}
.dark-theme.rtl .notification .notification-body:before {
    border-left-color: var(--dark-border);
    border-right-color: transparent;
}
.dark-theme #external-events {
    border-color: var(--dark-border);
    background: var(--dark-body);
}
.dark-theme #external-events p {
    color: var(--dark-color);
}
.dark-theme .fc-theme-standard td,
.dark-theme .fc-theme-standard th {
    border-color: var(--dark-border);
}
.dark-theme .fc .fc-non-business {
    background: var(--dark-body);
}
.dark-theme .fc-theme-standard .fc-scrollgrid {
    border-color: var(--dark-border);
}
.dark-theme .fc .fc-daygrid-day.fc-day-today {
    background-color: var(--dark-body);
}
.dark-theme .fc-daygrid-day-number {
    color: var(--dark-color);
}
.dark-theme .fc-theme-standard .fc-popover-header {
    background: var(--dark-body);
}
.dark-theme .fc-theme-standard .fc-popover {
    border-color: var(--dark-border);
    background: var(--dark-body);
}
.dark-theme .fc-theme-standard .fc-list-day-cushion {
    background-color: var(--dark-body);
}
.dark-theme .fc-theme-standard .fc-list {
    border-color: var(--dark-border);
}
.dark-theme .fc .fc-list-empty {
    background-color: var(--dark-body);
}
.dark-theme .fc .fc-list-event:hover td {
    background-color: var(--dark-theme);
}
.dark-theme .datepicker-container {
    background-color: var(--dark-body);
}
.dark-theme .datepicker-top-left::after,
.dark-theme .datepicker-top-right::after {
    border-bottom-color: var(--dark-border);
}
.dark-theme .datepicker-panel>ul>li {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .datepicker-panel>ul>li[data-view="years current"],
.dark-theme .datepicker-panel>ul>li[data-view="year current"],
.dark-theme .datepicker-panel>ul>li[data-view="month current"] {
    color: var(--dark-color);
}
.dark-theme .datepicker-panel>ul[data-view=week]>li {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .datepicker-panel>ul[data-view=week]>li:hover {
    background-color: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .datepicker-panel>ul>li:hover {
    background-color: var(--dark-theme);
}
.dark-theme .vtimeline .timeline-wrapper .timeline-panel {
    box-shadow: 0 8px 16px 0 var(--dark-body);
}
.dark-theme .sweet-alert {
    background-color: var(--dark-body);
}
.dark-theme .sweet-alert h2 {
    color: var(--dark-color);
}
.dark-theme .notifit_confirm,
.dark-theme .notifit_prompt {
    background-color: var(--dark-theme);
    box-shadow: 0px 2px 10px var(--dark-body);
}
.dark-theme .tree ul:before {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .tree li {
    color: var(--dark-color);
    border-color: var(--dark-border);
}
.dark-theme .tree ul li:before {
    border-top-color: var(--dark-border);
}
.dark-theme .tree li a {
    color: var(--dark-color);
}
.dark-theme .tree li button {
    color: var(--dark-color);
}
.dark-theme .tree li button:active,
.dark-theme .tree li button:focus {
    color: var(--dark-color);
}
.dark-theme .tree li.branch {
    background: var(--dark-body);
}
.dark-theme .tree li.branch li {
    background: var(--dark-body);
}
.dark-theme .profile-nav-line.bg-gray-100 {
    background-color: var(--dark-body);
}
.dark-theme .bd-r-0 {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .bd-l-0 {
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-theme .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--dark-body);
}
.dark-theme .intl-tel-input {
    border-color: var(--dark-border);
}
.dark-theme .intl-tel-input .flag-dropdown .selected-flag {
    background: var(--dark-body);
}
.dark-theme .intl-tel-input .flag-dropdown .selected-flag:hover {
    background-color: var(--dark-body);
}
.dark-theme .intl-tel-input .flag-dropdown .country-list {
    background-color: var(--dark-body);
    box-shadow: 0px 12px 41px 0px var(--dark-body);
}
.dark-theme .intl-tel-input .flag-dropdown .country-list .divider {
    border-bottom-color: var(--dark-border);
}
.dark-theme .intl-tel-input .flag-dropdown .country-list .country .dial-code {
    color: var(--dark-color);
}
.dark-theme .intl-tel-input .flag-dropdown .country-list .country.highlight {
    background-color: var(--dark-body);
}
.dark-theme .intl-tel-input input {
    border-color: var(--dark-border);
}
.dark-theme #mobile-number {
    background-color: var(--dark-theme);
}
.dark-theme .dropify-wrapper {
    color: var(--dark-color);
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, var(--dark-theme) 25%, transparent 25%, transparent 50%, var(--dark-theme) 50%, var(--dark-theme) 75%, transparent 75%, transparent);
}
.dark-theme .dropify-wrapper .dropify-clear {
    border-color: var(--dark-border);
    color: var(--dark-color);
}
.dark-theme .dropify-wrapper .dropify-preview {
    background-color: var(--dark-body);
}
.dark-theme .note-editor.note-frame.panel.panel-default .panel-heading {
    background-color: var(--dark-body);
    border-bottom-color: var(--dark-border);
}
.dark-theme .note-btn.btn-default {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .note-editor.note-airframe,
.dark-theme .note-editor.note-frame {
    border-color: var(--dark-border);
}
.dark-theme .note-editor .btn-default:not(:disabled):not(.disabled):active {
    background-color: var(--dark-body);
}
.dark-theme .richText {
    border-color: var(--dark-border);
    background-color: var(--dark-body) !important;
}
.dark-theme .richText .richText-form input[type=text],
.dark-theme .richText .richText-form input[type=file],
.dark-theme .richText .richText-form input[type=number] {
    border-color: var(--dark-border);
}
.dark-theme .richText .richText-form select {
    border-color: var(--dark-border);
}
.dark-theme .richText .richText-form button {
    color: var(--dark-color);
}
.dark-theme .richText .richText-toolbar ul {
    border-bottom-color: var(--dark-border);
}
.dark-theme .richText .richText-toolbar ul li a {
    color: var(--dark-color);
}
.dark-theme .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
    background-color: var(--dark-body);
    border-color: var(--dark-border);
}
.dark-theme .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    background: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
    border-bottom-color: var(--dark-border);
}
.dark-theme .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
    background-color: var(--dark-body);
}
.dark-theme .richText .richText-toolbar ul li a:hover {
    background-color: var(--dark-body);
}
.dark-theme .richText .richText-editor {
    background-color: var(--dark-body);
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .richText .richText-editor table td,
.dark-theme .richText .richText-editor table th {
    border-color: var(--dark-border);
}
.dark-theme .richText .richText-initial {
    background-color: var(--dark-body);
}
.dark-theme .richText .richText-undo,
.dark-theme .richText .richText-redo {
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-theme .richText .richText-help-popup hr {
    border-top-color: var(--dark-border);
}
.dark-theme .richText .richText-list.list-rightclick {
    background-color: var(--dark-body);
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}
.dark-theme .richText .richText-toolbar ul li a {
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}
.dark-theme .richText-form-item input {
    background-color: var(--dark-theme);
}
.dark-theme .richText-form-item select {
    background-color: var(--dark-theme);
}
.dark-theme #back-to-top:hover {
    background: var(--dark-theme) !important;
    color: #ffffff !important;
}
.dark-theme .table-responsive .table> :not(caption)>*>* {
    border-bottom-color: var(--dark-border) !important;
}
.dark-theme .transcation-crypto .table-responsive .table th:last-child,
.dark-theme .transcation-crypto .table-responsive .table td:last-child {
    border-left-color: var(--dark-border) !important;
}
.dark-theme table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom-color: var(--dark-border);
}
.dark-theme table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.dark-theme table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border-color: var(--dark-border);
}
.dark-theme .dtr-details tbody,
.dark-theme .dtr-details td,
.dark-theme .dtr-details tfoot,
.dark-theme .dtr-details th,
.dark-theme .dtr-details thead,
.dark-theme .dtr-details tr {
    border-color: var(--dark-border);
}
.dark-theme .crypto-card {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23262649' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.dark-theme .error-bg {
    background: url('bg1.png');
    background-position: center;
    background-size: cover;
    min-height: calc(100vh - 165px);
}
@media (max-width: 991px) {
    .dark-theme .error-logo-light {
        display: block;
    }

    .dark-theme .error-logo {
        display: none;
    }
}
.dark-theme .datetimepicker-hours table td,
.dark-theme .datetimepicker-minutes table td,
.dark-theme .datetimepicker-months table td,
.dark-theme .datetimepicker-years table td {
    background: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .datetimepicker table th.dow {
    background: var(--dark-theme);
}
.dark-theme .datetimepicker table td {
    background: var(--dark-theme);
    color: var(--dark-color);
}
.dark-theme .datetimepicker table th.next:hover,
.dark-theme .datetimepicker table th.prev:hover,
.dark-theme .datetimepicker table th.switch:hover {
    color: #ffffff;
}
.dark-theme .datetimepicker-years span.hour:hover,
.dark-theme .datetimepicker-years span.minute:hover,
.dark-theme .datetimepicker-years span.month:hover,
.dark-theme .datetimepicker-years span.year:hover {
    background: var(--dark-body);
}
.dark-theme .datetimepicker-minutes span.hour:hover,
.dark-theme .datetimepicker-minutes span.minute:hover,
.dark-theme .datetimepicker-minutes span.month:hover,
.dark-theme .datetimepicker-minutes span.year:hover {
    background: var(--dark-body);
}
.dark-theme .datetimepicker-hours span.hour:hover,
.dark-theme .datetimepicker-hours span.minute:hover,
.dark-theme .datetimepicker-hours span.month:hover,
.dark-theme .datetimepicker-hours span.year:hover {
    background: var(--dark-body);
}
.dark-theme .datetimepicker-days td:hover {
    background: var(--dark-body);
}
.dark-theme .datetimepicker-months span.hour:hover,
.dark-theme .datetimepicker-months span.minute:hover,
.dark-theme .datetimepicker-months span.month:hover,
.dark-theme .datetimepicker-months span.year:hover {
    background: var(--dark-body);
}
.dark-theme .datepicker table tr td span {
    background: var(--dark-theme);
}
.dark-theme .datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: var(--dark-border);
}
.dark-theme .datepicker-days tbody {
    background: var(--dark-theme);
}
.dark-theme .datepicker td {
    color: var(--dark-color);
}
.dark-theme .datepicker table tr td span:hover,
.dark-theme .datepicker table tr td span.focused {
    background: var(--dark-body);
}
.dark-theme .datepicker table tr td span.active.active,
.dark-theme .datepicker table tr td span.active:hover.active {
    background-color: var(--dark-body);
}
.dark-theme .daterangepicker .input-mini {
    border-color: var(--dark-border);
}
.dark-theme .daterangepicker:after {
    border-bottom-color: var(--dark-border);
}
.dark-theme .daterangepicker .calendar-table {
    border-color: var(--dark-border);
    background-color: var(--dark-theme);
}
.dark-theme .daterangepicker .calendar td {
    color: var(--dark-color) !important;
}
.dark-theme .daterangepicker td.off {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .daterangepicker .input-mini.active {
    border-color: var(--dark-border);
}
.dark-theme .daterangepicker td.available:hover,
.dark-theme .daterangepicker th.available:hover {
    background-color: var(--dark-body);
}
.dark-theme .daterangepicker td.active {
    background-color: var(--dark-body);
}
.dark-theme .daterangepicker td.in-range {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme .daterangepicker td.off.in-range,
.dark-theme .daterangepicker td.off.start-date,
.dark-theme .daterangepicker td.off.end-date {
    background-color: var(--dark-body);
    color: var(--dark-color);
}
.dark-theme dp-day-calendar .dp-day-calendar-container {
    background: var(--dark-body);
}
.dark-theme dp-calendar-nav.dp-material .dp-calendar-nav-container {
    border-color: var(--dark-border) !important;
}
.dark-theme dp-day-calendar.dp-material .dp-calendar-wrapper {
    border-color: var(--dark-border) !important;
}
.dark-theme .accordion-button {
    color: var(--dark-color);
    background-color: var(--dark-body);
}
.dark-theme .accordion-item {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.dark-theme .demo_changer .form_holder {
    background: var(--dark-body);
    border-left-color: var(--dark-border);
}
.dark-theme .demo_changer h4 {
    border-bottom-color: var(--dark-border);
    background: var(--dark-theme);
    border-top-color: var(--dark-border);
}
.dark-theme .demo_changer,
.dark-theme .demo_changer p {
    color: var(--dark-color) !important;
}
.dark-theme .dropdown-menu {
    color: var(--dark-color) !important;
    background-color: var(--dark-body) !important;
    border-color: var(--dark-border) !important;
}
body.rtl {
    text-align: right;
    direction: rtl;
}
.rtl {
    /* Closed Menu Start*/
    /* Closed Menu end*/
    /* Icon-Text Menu Start*/
}
.rtl dd {
    margin-left: auto;
    margin-right: 0;
}
.rtl caption {
    text-align: right;
}
.rtl .list-unstyled,
.rtl .list-inline {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: 0.5rem;
}
.rtl .alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 3.8125rem;
}
.rtl .alert-dismissible .close {
    right: auto;
    left: 0;
}
.rtl .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}
.rtl .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.rtl .breadcrumb-5 a {
    float: right;
}
.rtl .breadcrumb-5 a:first-child {
    padding-left: 10px;
    padding-right: 46px;
    border-radius: 0 5px 5px 0;
}
.rtl .breadcrumb-5 a:first-child:before {
    left: 0;
    right: 14px;
}
.rtl .breadcrumb-5 a:last-child {
    padding-right: 39px;
    padding-left: 20px;
}
.rtl .breadcrumb-5 a:after {
    right: auto;
    left: -18px;
    transform: scale(0.707) rotate(225deg);
}
.rtl .breadcrumb-4 ol,
.rtl .breadcrumb-4 li {
    text-align: left;
}
.rtl .btn-group>.btn:not(:first-child),
.rtl .sp-container .btn-group>button:not(:first-child) {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .btn-group>.btn-group:not(:first-child) {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .sp-container .btn-group>button:not(:last-child):not(.dropdown-toggle),
.rtl .btn-group>.btn-group:not(:last-child)>.btn,
.rtl .sp-container .btn-group>.btn-group:not(:last-child)>button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .btn-group>.btn:not(:first-child),
.rtl .sp-container .btn-group>button:not(:first-child),
.rtl .btn-group>.btn-group:not(:first-child)>.btn,
.rtl .sp-container .btn-group>.btn-group:not(:first-child)>button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rtl .btn-with-icon i {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .btn-icon-list .btn+.btn,
.rtl .btn-icon-list .sp-container button+.btn {
    margin-left: 0;
    margin-right: 5px;
}
.rtl .sp-container .btn-icon-list button+.btn,
.rtl .btn-icon-list .sp-container .btn+button,
.rtl .sp-container .btn-icon-list .btn+button,
.rtl .btn-icon-list .sp-container button+button,
.rtl .sp-container .btn-icon-list button+button {
    margin-left: 0;
    margin-right: 5px;
}
.rtl .btn-list>.btn:not(:last-child),
.rtl .btn-list>.dropdown:not(:last-child) {
    margin-right: 0;
    margin-left: 0.5rem;
}
.rtl .card-link+.card-link {
    margin-left: 0;
    margin-right: 1.25rem;
}
@media (min-width: 576px) {
    .rtl .card-group>.card+.card {
        margin-left: auto;
        margin-right: 0;
        border-left: 1px solid #e8e8f7;
        border-right: 0;
    }

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

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

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

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

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

    .rtl .card-group>.card:not(:first-child) .card-img-bottom,
    .rtl .card-group>.card:not(:first-child) .card-footer {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 3px;
    }
}
.rtl .card-item .card-item-icon {
    right: auto;
    left: 20px;
}
.rtl .card-options {
    margin-right: auto;
    margin-left: -0.5rem;
}
.rtl .card-options a:not(.btn) {
    margin-left: auto;
    margin-right: 0;
}
.rtl .card-blog-overlay:before,
.rtl .card-blog-overlay1:before,
.rtl .card-blog-overlay2:before {
    right: auto;
    left: 0;
}
@media (max-width: 575px) {
    .rtl .card-box img {
        left: auto !important;
        right: -14px !important;
    }
}
.rtl .carousel-item {
    float: right;
    margin-right: auto;
    margin-left: -100%;
}
.rtl .carousel-control-prev {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}
.rtl .carousel-control-next {
    right: auto;
    left: 0;
    transform: rotate(180deg);
}
.rtl .carousel-indicators {
    padding-left: inherit;
    padding-right: 0;
}
.rtl #thumbcarousel .carousel-control-prev {
    left: auto;
    right: 0;
}
.rtl #thumbcarousel .carousel-control-next {
    right: auto;
    left: 0;
}
.rtl .owl-nav .owl-prev {
    right: -25px;
    left: -1.5em;
}
.rtl .owl-nav .owl-next {
    right: auto;
    left: -25px;
}
.rtl .dropdown-toggle:empty::after {
    margin-left: auto;
    margin-right: 0;
}
.rtl .dropdown-menu-start {
    left: auto;
    right: 0;
}
.rtl .dropdown-menu-end {
    left: 0;
    right: auto;
}
@media (min-width: 576px) {
    .rtl .dropdown-menu-sm-left {
        left: auto;
        right: 0;
    }

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

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

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

    .rtl .dropdown-menu-xl-right {
        left: 0;
        right: auto;
    }
}
.rtl .dropup .dropdown-toggle::after {
    margin-left: auto;
    margin-right: 0.255em;
}
.rtl .dropup .dropdown-toggle:empty::after {
    margin-left: auto;
    margin-right: 0;
}
.rtl .dropright .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: 0.125rem;
}
.rtl .dropright .dropdown-toggle::after {
    margin-left: auto;
    margin-right: 0.255em;
    border-right: 0.3em solid;
    border-left: 0;
}
.rtl .dropright .dropdown-toggle:empty::after {
    margin-left: auto;
    margin-right: 0;
}
.rtl .dropleft .dropdown-menu {
    left: 100%;
    right: auto;
    margin-right: auto;
    margin-left: 0.125rem;
}
.rtl .dropleft .dropdown-toggle::after {
    margin-left: auto;
    margin-right: 0.255em;
}
.rtl .dropleft .dropdown-toggle::before {
    margin-right: auto;
    margin-left: 0.255em;
    border-right: 0;
    border-left: 0.3em solid;
}
.rtl .dropleft .dropdown-toggle:empty::after {
    margin-left: auto;
    margin-right: 0;
}
.rtl .dropdown-menu .main-header-center .search-btn {
    padding: 0.375rem 0.7rem 0.4rem 0.85rem;
}
.rtl .dropdown-menu .main-form-search .btn,
.rtl .dropdown-menu .main-form-search .sp-container button {
    padding: 0.375rem 0.7rem 0.4rem 0.85rem;
}
.rtl .dropdown-menu .sp-container .main-form-search button {
    padding: 0.375rem 0.7rem 0.4rem 0.85rem;
}
.rtl .dropdown-toggle-split::after,
.rtl .dropup .dropdown-toggle-split::after,
.rtl .dropright .dropdown-toggle-split::after {
    margin-left: auto;
    margin-right: 0;
}
.rtl .dropleft .dropdown-toggle-split::before {
    margin-right: auto;
    margin-left: 0;
}
.rtl .dropdown-menu {
    float: right;
    text-align: right;
}
.rtl .dropdown-menu[data-popper-placement^=top],
.rtl .dropdown-menu[data-popper-placement^=right],
.rtl .dropdown-menu[data-popper-placement^=bottom],
.rtl .dropdown-menu[data-popper-placement^=left] {
    right: 0;
    left: auto;
}
.rtl .form-control {
    padding: 0.175rem 0.75rem 0.175rem 2.25rem;
}
.rtl .form-check {
    padding-left: inherit;
    padding-right: 1.25rem;
}
.rtl .form-check-input {
    margin-left: auto;
    margin-right: -1.25rem;
}
.rtl .form-check-inline {
    padding-left: inherit;
    padding-right: 0;
    margin-right: auto;
    margin-left: 0.75rem;
}
.rtl .form-check-inline .form-check-input {
    margin-right: 0;
    margin-left: 0.3125rem;
}
@media (min-width: 576px) {
    .rtl .form-inline .form-check {
        padding-left: inherit;
        padding-right: 0;
    }

    .rtl .form-inline .form-check-input {
        margin-right: 0;
        margin-left: 0.25rem;
    }
}
.rtl .file-browser .btn-default {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
.rtl .was-validated .form-control:valid,
.rtl .form-control.is-valid,
.rtl input.form-control.parsley-success,
.rtl textarea.form-control.parsley-success {
    padding-right: 0.75rem;
    padding-left: calc(1.5em + 0.75rem);
    background-position: center left calc(0.375em + 0.1875rem);
}
.rtl .was-validated textarea.form-control:valid {
    padding-right: 0.75rem;
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.rtl textarea.form-control.is-valid,
.rtl textarea.form-control.parsley-success {
    padding-right: 0.75rem;
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.rtl .was-validated .custom-select:valid,
.rtl .custom-select.is-valid,
.rtl input.custom-select.parsley-success,
.rtl textarea.custom-select.parsley-success {
    padding-right: 0.75rem;
    padding-left: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
}
.rtl .was-validated .form-control:invalid,
.rtl .form-control.is-invalid,
.rtl input.form-control.parsley-error,
.rtl textarea.form-control.parsley-error {
    padding-right: 0.75rem;
    padding-left: calc(1.5em + 0.75rem);
    background-position: center left calc(0.375em + 0.1875rem);
}
.rtl .was-validated textarea.form-control:invalid {
    padding-right: 0.75rem;
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.rtl textarea.form-control.is-invalid,
.rtl textarea.form-control.parsley-error {
    padding-right: 0.75rem;
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}
.rtl .was-validated .custom-select:invalid,
.rtl .custom-select.is-invalid,
.rtl input.custom-select.parsley-error,
.rtl textarea.custom-select.parsley-error {
    padding-right: 0.75rem;
    padding-left: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
}
.rtl .input-group>.form-control+.form-control,
.rtl .input-group>.form-control+.custom-select,
.rtl .input-group>.form-control+.custom-file {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group>.form-control-plaintext+.form-control,
.rtl .input-group>.form-control-plaintext+.custom-select,
.rtl .input-group>.form-control-plaintext+.custom-file {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group>.custom-select+.form-control,
.rtl .input-group>.custom-select+.custom-select,
.rtl .input-group>.custom-select+.custom-file {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group>.custom-file+.form-control,
.rtl .input-group>.custom-file+.custom-select,
.rtl .input-group>.custom-file+.custom-file {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group>.form-control:not(:last-child),
.rtl .input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.form-control:not(:first-child),
.rtl .input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .input-group>.custom-file:not(:last-child) .custom-file-label {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .input-group-prepend .btn+.btn,
.rtl .input-group-prepend .sp-container button+.btn {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .sp-container .input-group-prepend button+.btn,
.rtl .input-group-prepend .sp-container .btn+button,
.rtl .sp-container .input-group-prepend .btn+button,
.rtl .input-group-prepend .sp-container button+button,
.rtl .sp-container .input-group-prepend button+button {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-prepend .btn+.input-group-text,
.rtl .input-group-prepend .sp-container button+.input-group-text {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .sp-container .input-group-prepend button+.input-group-text {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-prepend .input-group-text+.input-group-text,
.rtl .input-group-prepend .input-group-text+.btn {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-prepend .sp-container .input-group-text+button {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .sp-container .input-group-prepend .input-group-text+button {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-append .btn+.btn,
.rtl .input-group-append .sp-container button+.btn {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .sp-container .input-group-append button+.btn,
.rtl .input-group-append .sp-container .btn+button,
.rtl .sp-container .input-group-append .btn+button,
.rtl .input-group-append .sp-container button+button,
.rtl .sp-container .input-group-append button+button {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-append .btn+.input-group-text,
.rtl .input-group-append .sp-container button+.input-group-text {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .sp-container .input-group-append button+.input-group-text {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-append .input-group-text+.input-group-text,
.rtl .input-group-append .input-group-text+.btn {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-append .sp-container .input-group-text+button {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .sp-container .input-group-append .input-group-text+button {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-prepend {
    margin-right: auto;
    margin-left: -1px;
}
.rtl .input-group-append {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .input-group-lg>.custom-select,
.rtl .input-group-sm>.custom-select {
    padding-right: inherit;
    padding-left: 1.75rem;
}
.rtl .input-group>.input-group-prepend>.btn,
.rtl .sp-container .input-group>.input-group-prepend>button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.input-group-prepend>.input-group-text,
.rtl .input-group>.input-group-append:not(:last-child)>.btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .sp-container .input-group>.input-group-append:not(:last-child)>button {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.input-group-append:not(:last-child)>.input-group-text,
.rtl .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .sp-container .input-group>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group>.input-group-append>.btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .sp-container .input-group>.input-group-append>button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .input-group>.input-group-append>.input-group-text,
.rtl .input-group>.input-group-prepend:not(:first-child)>.btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .sp-container .input-group>.input-group-prepend:not(:first-child)>button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.rtl .input-group>.input-group-prepend:first-child>.btn:not(:first-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .sp-container .input-group>.input-group-prepend:first-child>button:not(:first-child),
.rtl .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .close {
    float: left;
}
.rtl .modal,
.rtl .modal-backdrop {
    left: auto;
    right: 0;
}
.rtl .modal-header .close {
    margin: -1rem auto -1rem 0;
}
.rtl .modal-footer> :not(:first-child) {
    margin-left: auto;
    margin-right: 0.25rem;
}
.rtl .modal-footer> :not(:last-child) {
    margin-right: auto;
    margin-left: 0.25rem;
}
@media (min-width: 768px) {
    .rtl .main-nav .nav-link+.nav-link {
        padding-left: inherit;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 15px;
    }
}
.rtl .main-nav-column .nav-link i {
    margin-right: 0;
    margin-left: 12px;
}
.rtl .main-nav-column .nav-link span {
    margin-left: 0;
    margin-right: auto;
}
.rtl .main-nav-column .nav-link.active::before {
    left: auto;
    right: -28px;
}
@media (min-width: 769px) {
    .rtl .main-nav-line .nav-link+.nav-link {
        margin-left: 0;
        margin-right: 30px;
    }
}
@media (max-width: 768px) {
    .rtl .main-nav-line .nav-link+.nav-link {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-nav-line-chat {
        padding-left: inherit;
        padding-right: 0;
    }

    .rtl .nav.main-nav-line-chat {
        padding-left: inherit;
        padding-right: 20px;
    }
}
.rtl .pagination {
    padding-left: 0;
    padding-right: 7px;
}
.rtl .page-link {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .pagination-circled .page-item+.page-item {
    margin-left: 0;
    margin-right: 5px;
}
.rtl .pagination-radius li a,
.rtl .pagination-radius li span {
    margin-left: 0;
    margin-right: 4px;
}
.rtl .popover {
    left: auto;
    right: 0;
    text-align: right;
}
.rtl .popover-head-primary.bs-popover-left .arrow,
.rtl .popover-head-primary.bs-popover-auto[data-popper-placement^=left] .arrow {
    right: auto;
    left: -7px;
}
.rtl .popover-head-primary.bs-popover-right .arrow,
.rtl .popover-head-primary.bs-popover-auto[data-popper-placement^=right] .arrow {
    left: auto;
    right: -7px;
}
.rtl .popover-head-secondary.bs-popover-left .arrow,
.rtl .popover-head-secondary.bs-popover-auto[data-popper-placement^=left] .arrow {
    right: auto;
    left: -7px;
}
.rtl .popover-head-secondary.bs-popover-right .arrow,
.rtl .popover-head-secondary.bs-popover-auto[data-popper-placement^=right] .arrow {
    left: auto;
    right: -7px;
}
.rtl .popover-static-demo .bs-popover-top .arrow,
.rtl .popover-static-demo .bs-popover-auto[data-popper-placement^=top] .arrow,
.rtl .popover-static-demo .bs-popover-bottom .arrow,
.rtl .popover-static-demo .bs-popover-auto[data-popper-placement^=bottom] .arrow {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -5px;
}
.rtl .bs-popover-right,
.rtl .bs-popover-auto[data-popper-placement^=right] {
    margin-left: auto;
    margin-right: 0.5rem;
}
.rtl .bs-popover-right>.arrow,
.rtl .bs-popover-auto[data-popper-placement^=right]>.arrow {
    left: auto;
    right: calc((0.5rem + 1px) * -1);
}
.rtl .bs-popover-right>.arrow::before,
.rtl .bs-popover-auto[data-popper-placement^=right]>.arrow::before {
    left: auto;
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-right-color: transparent;
    border-left-color: #eaedf7;
}
.rtl .bs-popover-right>.arrow::after,
.rtl .bs-popover-auto[data-popper-placement^=right]>.arrow::after {
    left: auto;
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-right-color: transparent;
    border-left-color: #ffffff;
}
.rtl .bs-popover-bottom .popover-header::before,
.rtl .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -0.5rem;
}
.rtl .bs-popover-left,
.rtl .bs-popover-auto[data-popper-placement^=left] {
    margin-right: auto;
    margin-left: 0.5rem;
}
.rtl .bs-popover-left>.arrow,
.rtl .bs-popover-auto[data-popper-placement^=left]>.arrow {
    right: auto;
    left: calc((0.5rem + 1px) * -1);
}
.rtl .bs-popover-left>.arrow::before,
.rtl .bs-popover-auto[data-popper-placement^=left]>.arrow::before {
    right: auto;
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-left-color: transparent;
    border-right-color: #eaedf7;
}
.rtl .bs-popover-left>.arrow::after,
.rtl .bs-popover-auto[data-popper-placement^=left]>.arrow::after {
    right: auto;
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-left-color: transparent;
    border-right-color: #ffffff;
}
.rtl .dataTables_wrapper .dataTables_filter input {
    margin-left: auto;
    margin-right: 0;
}
.rtl .table.dataTable th,
.rtl .table.dataTable td {
    border-left: 0;
    border-right: 1px solid #e8e8f7;
}
.rtl div.dataTables_wrapper div.dataTables_length select {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .tooltip {
    text-align: right;
}
.rtl .bs-tooltip-right .arrow,
.rtl .bs-tooltip-auto[data-popper-placement^=right] .arrow {
    left: auto;
    right: 0;
}
.rtl .bs-tooltip-right .arrow::before,
.rtl .bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
    right: auto;
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-right-color: transparent;
    border-left-color: #000000;
}
.rtl .bs-tooltip-left .arrow,
.rtl .bs-tooltip-auto[data-popper-placement^=left] .arrow {
    right: auto;
    left: 0;
}
.rtl .bs-tooltip-left .arrow::before,
.rtl .bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
    left: auto;
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-left-color: transparent;
    border-right-color: #000000;
}
.rtl .tooltip-static-demo .bs-tooltip-top .arrow,
.rtl .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=top] .arrow,
.rtl .tooltip-static-demo .bs-tooltip-bottom .arrow,
.rtl .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=bottom] .arrow {
    right: 50%;
    left: auto;
    margin-right: -2px;
    margin-left: auto;
}
@media (max-width: 991.98px) {
    .rtl .main-content-left-show .main-content-left {
        left: auto;
        right: 0;
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }
}
.rtl .main-content-right {
    padding-left: inherit;
    padding-right: 25px;
    margin-right: 25px;
    margin-left: auto;
}
@media (max-width: 991.98px) {
    .rtl .main-header-menu-show .main-header-menu {
        border-right: 0;
        border-left: 1px solid rgba(28, 39, 60, 0.08);
    }
}
.rtl .main-logo i {
    margin-right: auto;
    margin-left: 8px;
}
.rtl .main-header-menu-icon {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .main-header-menu-icon span::before,
.rtl .main-header-menu-icon span::after {
    left: auto;
    right: 0;
}
@media (min-width: 992px) {
    .rtl .main-header-menu-icon {
        margin-right: auto;
        margin-left: 25px;
    }
}
.rtl .main-header-menu {
    left: auto;
    right: 0;
}
.rtl .main-header-menu .nav-item::before {
    margin-left: auto;
    margin-right: 25px;
    border-left: 0;
    border-right: 2px solid rgba(28, 39, 60, 0.12);
}
.rtl .main-header-menu .nav-item>.nav-link.with-sub::after {
    margin-right: auto;
    margin-left: 0;
}
.rtl .main-header-menu .nav-item>.nav-link .typcn {
    margin-right: auto;
    margin-left: 15px;
}
.rtl .main-header-menu .nav-item.active>.nav-link::before {
    left: auto;
    right: -20px;
}
@media (min-width: 992px) {
    .rtl .main-header-menu {
        border-right: 1px solid #e8e8f7;
        border-left: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-header-menu .nav-item+.nav-item {
        margin-left: auto;
        margin-right: 30px;
    }
}
@media (min-width: 992px) {
    .rtl .main-header-menu .nav-item>.nav-link.with-sub::after {
        margin-left: auto;
        margin-right: 5px;
    }
}
@media (min-width: 992px) {
    .rtl .main-header-menu .nav-item>.nav-link .typcn {
        margin-right: auto;
        margin-left: 7px;
    }
}
.rtl .main-header-center {
    margin: 0 0.8rem 0 0;
}
.rtl .main-header-center .search-btn {
    padding: 0.375rem 0.7rem 0.4rem 0.85rem;
}
.rtl .main-header-right .btn-social+.btn-social {
    margin-right: 10px;
    margin-left: auto;
}
.rtl .main-header-right .btn-buy {
    margin-left: auto;
    margin-right: 20px;
}
.rtl .main-header-search-link {
    margin-right: auto;
    margin-left: 15px;
}
.rtl .main-header-message>a.new::before {
    right: auto;
    left: 2px;
}
.rtl .main-header-notification>a.new::before {
    right: auto;
    left: 2px;
}
.rtl .main-header-notification .dropdown-menu {
    left: -10px;
    right: auto;
}
.rtl .main-header-message .dropdown-menu {
    left: -10px !important;
    right: auto;
}
.rtl .main-menu-sub {
    margin-left: auto;
    margin-right: 32px;
}
@media (min-width: 992px) {
    .rtl .main-menu-sub {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-menu-sub-mega .container>div+div {
        border-right: 1px solid rgba(28, 39, 60, 0.05);
        border-left: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-menu-sub-mega .nav+.nav {
        margin-left: auto;
        margin-right: 20px;
    }
}
@media (min-width: 1200px) {
    .rtl .main-menu-sub-mega .nav+.nav {
        margin-left: auto;
        margin-right: 25px;
    }
}
.rtl .main-header-notification.show .dropdown-menu::before,
.rtl .main-header-message.show .dropdown-menu::before,
.rtl .main-profile-menu.show .dropdown-menu::before {
    right: auto;
    left: 28px;
}
.rtl .header-search.show .dropdown-menu::before {
    right: auto;
    left: 28px;
    border-right: 1px solid #f0f2f8;
    border-left: 0;
}
.rtl .header-search .dropdown-menu {
    left: -10px;
    right: auto;
}
.rtl .main-form-search .form-control {
    padding-right: 2.6rem;
    padding-left: inherit;
}
.rtl .main-form-search .btn,
.rtl .main-form-search .sp-container button {
    left: auto;
    right: 8px;
    padding-left: inherit;
    padding-right: 16px;
}
.rtl .sp-container .main-form-search button {
    left: auto;
    right: 8px;
    padding-left: inherit;
    padding-right: 16px;
}
.rtl .main-message-list .media {
    padding: 10px 15px 0px 10px;
}
.rtl .main-header-flags .dropdown-menu {
    left: auto;
    right: -10px;
}
.rtl .main-header-flags.show .dropdown-menu::before {
    left: auto;
    right: 28px;
    border-left: 0;
    border-right: 1px solid #f0f2f8;
}
.rtl .main-flags-list .media {
    padding: 10px 15px 0px 10px;
}
.rtl .hor-header.hor-top-header .nav-link-badge {
    left: auto;
    right: 11px;
}
@media (max-width: 991px) {
    .rtl .hor-header.hor-top-header .main-logo {
        left: auto;
        right: 0px;
        margin-right: 0;
        margin-left: auto;
    }
}
.rtl .main-header-right .nav-link .badge {
    right: auto;
    left: 4px;
}
.rtl .sidebar-left {
    right: 0;
    left: auto;
}
.rtl .sidebar-right,
.rtl .sidebar-profile {
    right: auto;
    left: 0;
}
.rtl .row .sidebar.sidebar-left.sidebar-xs-show {
    left: auto;
    right: 0;
}
.rtl .row .sidebar.sidebar-right.sidebar-xs-show,
.rtl .row .sidebar.sidebar-profile.sidebar-xs-show {
    right: auto;
    left: 0;
}
@media (min-width: 768px) {
    .rtl .row .sidebar.sidebar-left.sidebar-sm-show {
        left: auto;
        right: 0;
    }

    .rtl .row .sidebar.sidebar-right.sidebar-sm-show,
    .rtl .row .sidebar.sidebar-profile.sidebar-sm-show {
        right: auto;
        left: 0;
    }
}
@media (min-width: 992px) {
    .rtl .row .sidebar.sidebar-left.sidebar-md-show {
        left: auto;
        right: 0;
    }

    .rtl .row .sidebar.sidebar-right.sidebar-md-show,
    .rtl .row .sidebar.sidebar-profile.sidebar-md-show {
        right: auto;
        left: 0;
    }
}
@media (min-width: 1170px) {
    .rtl .row .sidebar.sidebar-left.sidebar-lg-show {
        left: auto;
        right: 0;
    }

    .rtl .row .sidebar.sidebar-right.sidebar-lg-show,
    .rtl .row .sidebar.sidebar-profile.sidebar-lg-show {
        right: auto;
        left: 0;
    }
}
.rtl .sidebar-icon {
    right: auto;
    left: 25px;
}
.rtl .main-profile-menu .dropdown-menu {
    right: auto;
    left: -10px;
}
.rtl .main-profile-menu .dropdown-item i {
    margin-right: 0;
    margin-left: 10px;
}
.rtl .main-iconbar {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .main-iconbar-logo::after {
    left: auto;
    right: 20px;
}
.rtl .main-iconbar-aside {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
    left: auto;
    right: 64px;
}
@media (min-width: 1200px) {
    .rtl .main-iconbar-aside {
        border-right: 1px solid #e8e8f7;
        border-left: 0;
    }
}
@media (min-width: 1200px) {
    .rtl .main-iconbar-aside.show+.main-content {
        margin-right: 294px;
        margin-left: auto;
    }
}
.rtl .main-iconbar-header {
    padding-right: 0;
    padding-left: inherit;
}
@media (min-width: 1200px) {
    .rtl .main-iconbar-toggle-menu::before {
        left: auto;
        right: -1px;
        border-left: 0;
        border-right: 2px solid #000000;
    }
}
.rtl .main-iconbar-body .nav-link i {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .main-iconbar-body .nav-link.with-sub::after {
    margin-left: 0;
    margin-right: auto;
}
.rtl .main-iconbar-body .nav-sub .nav-sub-item {
    margin-right: 15px;
    margin-left: auto;
}
@media (min-width: 992px) {
    .rtl .main-iconbar-body .nav-link.with-sub::after {
        margin-right: 4px;
        margin-left: auto;
    }
}
.rtl .main-iconbar-aside-primary {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .main-iconbar-aside-primary .main-iconbar-body .nav {
    padding-right: 0;
    padding-left: inherit;
    border-left-width: 1px;
    border-right-width: 0;
}
@media (min-width: 992px) {
    .rtl .main-iconbar-aside-primary.show+.main-content {
        margin-left: auto;
        margin-right: 64px;
    }
}
.rtl .icons-list {
    margin: 0 0 -1px -1px;
}
@media (min-width: 992px) {
    .rtl.horizontalmenu .hor-menu .nav .nav-item {
        padding-right: inherit;
        padding-left: 0px;
    }

    .rtl.horizontalmenu .hor-menu li.nav-item .nav-link {
        padding-right: inherit;
        padding-left: 10px;
    }

    .rtl.horizontalmenu .hor-menu .nav-link .hor-icon {
        margin-right: 10px;
        margin-left: 5px;
    }

    .rtl.horizontalmenu .main-navbar .nav-sub-item {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        left: auto;
        right: 36%;
    }

    .rtl.horizontalmenu .hor-menu .menu-nav .nav-sub {
        left: auto;
        right: inherit;
    }

    .rtl .main-navbar .nav-sub-item>.sub-nav-sub {
        left: auto;
        right: 100%;
        padding: 0 12px 0 0;
    }

    .rtl .main-navbar .nav-sub-link {
        margin-left: auto;
        margin-right: 18px;
        padding-left: 0px;
        padding-right: 8px;
    }

    .rtl .main-navbar .nav-sub-link.sub-with-sub::after {
        margin-right: auto;
        margin-left: 3px;
    }
}
.rtl .ltr #slide-right {
    left: 20px;
    right: auto;
}
.rtl .ltr #slide-left {
    right: 20px;
    left: auto;
}
@media (max-width: 991.98px) {
    .rtl.horizontalmenu .main-body-1 .nav {
        padding: 0 15px 0 0;
    }

    .rtl.horizontalmenu .main-body-1 li.nav-item.active .nav-link {
        margin-left: auto;
        margin-right: 0;
        border-left: 0px;
    }

    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-right: 0;
        border-left: 20px solid #0e0e23;
    }

    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        right: auto;
        left: 0px;
        border-left-color: #0e0e23;
        border-right-color: transparent;
    }

    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link .shape1,
    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link .shape2 {
        right: auto;
        left: 0px;
    }

    .rtl.horizontalmenu .main-body-1 li.active .hor-icon {
        margin-right: 0;
        margin-left: 10px;
    }

    .rtl.horizontalmenu .hor-menu i.angle {
        right: auto;
        left: 20px;
    }

    .rtl.horizontalmenu .main-navbar .nav-item {
        padding-right: 0;
        padding-left: 0;
    }

    .rtl.horizontalmenu .main-body-1 .nav-link .hor-icon {
        margin-right: 0;
        margin-left: 10px;
    }

    .rtl.horizontalmenu .main-navbar .nav-link i {
        margin-right: auto;
        margin-left: 0;
    }

    .rtl.horizontalmenu .main-body-1 .nav-sub {
        margin-left: 0;
        margin-right: 1.2rem;
    }

    .rtl.horizontalmenu .main-body-1 .nav-sub .nav-sub-link:before {
        margin-right: 0;
        margin-left: 22px;
    }

    .rtl.horizontalmenu .hor-menu .nav-link:hover .sidemenu-label {
        margin-left: 0;
        margin-right: 5px;
    }

    .rtl.horizontalmenu .hor-menu .nav-item.show i.angle {
        right: auto;
        left: 20px;
    }
}
.rtl .side-menu .nav-link:hover .sidemenu-label {
    margin-left: auto;
    margin-right: 5px;
}
.rtl .side-menu i.angle,
.rtl .side-menu .nav-item.show i.angle {
    right: auto;
    left: 20px;
}
.rtl .side-badge,
.rtl.main-sidebar-open.main-sidebar-hide .side-badge {
    right: auto;
    left: 18px;
}
@media (min-width: 992px) {
    .rtl.main-sidebar-hide .main-sidebar-sticky+.main-content {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .rtl .main-sidebar {
        left: auto;
        right: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-sidebar {
        border-right-width: 0;
        border-left-width: 1px;
    }
}
.rtl .main-sidebar-sticky {
    left: auto;
    right: 0;
}
.rtl .main-sidebar-body .nav-item.active .nav-link:before,
.rtl .main-sidebar-body .nav-item.active .nav-link:after {
    right: auto;
    left: 0px;
    border-left-color: #0e0e23;
    border-right-color: transparent;
}
.rtl .main-sidebar-body .nav-item.active .nav-link .shape1,
.rtl .main-sidebar-body .nav-item.active .nav-link .shape2 {
    right: auto;
    left: 0px;
}
.rtl .main-sidebar-body li.nav-item.active .nav-link {
    margin-left: auto;
    margin-right: 0;
    border-right: 1px solid transparent;
    border-left: 0px;
    border-radius: 0 30px 30px 0;
}
.rtl .main-sidebar-body .nav-item.active .nav-link:before,
.rtl .main-sidebar-body .nav-item.active .nav-link:after {
    border-right: 0;
    border-left: 20px solid #0e0e23;
}
@media (min-width: 992px) {
    .rtl .main-sidebar-sticky+.main-content {
        margin-left: auto;
        margin-right: 220px;
    }
}
@media (min-width: 1200px) {
    .rtl .main-sidebar-sticky+.main-content {
        margin-left: auto;
        margin-right: 240px;
    }
}
.rtl .main-sidebar-loggedin .media-body {
    margin-left: auto;
    margin-right: 12px;
}
.rtl.main-body .main-sidebar-body .nav {
    padding: 0 15px 0 0;
}
.rtl .nav-header {
    margin: 0 15px 0 0;
}
.rtl .main-sidebar-body .nav-link .sidemenu-icon {
    margin-right: 0;
    margin-left: 10px;
}
.rtl .main-sidebar-body .nav-sub {
    margin-left: auto;
    margin-right: 1.2rem;
}
.rtl .main-sidebar-body .nav-sub .nav-sub-link:before {
    margin-right: 0;
    margin-left: 22px;
}
.rtl .main-sidebar-body .nav-sub-item .nav-sub {
    padding: 0 12px 0 0;
    border-left-width: 0;
    border-right-width: 1px;
    margin-left: auto;
    margin-right: 0;
}
.rtl .main-sidebar-body .nav-sub-link.with-sub::after {
    margin-left: 0;
    margin-right: auto;
}
.rtl .main-sidebar-body li.active .sidemenu-icon {
    margin-right: 0;
    margin-left: 10px;
}
@media (min-width: 992px) {
    .rtl .main-sidebar-body .nav-sub-link.with-sub::after {
        margin-left: 0;
        margin-right: 4px;
    }
}
@media (min-width: 992px) {
    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active {
        margin-left: auto;
        margin-right: 0;
        border-right: 1px solid transparent;
        border-left: 0px;
    }

    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon,
    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
        margin-right: 0;
        margin-left: 10px;
    }

    .rtl.main-body.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
        padding: 0 15px 0 0;
    }

    .rtl.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        margin-right: 5px !important;
        margin-left: 0;
    }

    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before,
    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
        right: auto;
        left: 0px;
        border-left-color: #0e0e23;
        border-right-color: transparent;
    }
}
@media (min-width: 1200px) {
    .rtl .side-content {
        margin-left: 0;
        margin-right: 240px;
    }
}
@media (min-width: 992px) {
    .rtl .side-header .main-logo {
        margin-right: auto;
        margin-left: 0;
    }

    .rtl.main-sidebar-hide .side-header,
    .rtl.main-sidebar-hide .main-footer {
        padding-left: inherit;
        padding-right: 70px;
    }

    .rtl.main-body .side-header {
        left: auto;
        right: 0;
        padding-left: inherit;
        padding-right: 240px;
    }

    .rtl.main-body.main-sidebar-hide .side-header {
        padding-left: inherit;
        padding-right: 75px;
    }

    .rtl .main-content.side-content {
        margin-left: 0;
        margin-right: 240px;
    }
}
@media (max-width: 992px) and (min-width: 991px) {
    .rtl .main-header-menu-icon {
        margin-left: auto;
        margin-right: 15px;
    }
}
@media (max-width: 991px) {
    .rtl .main-header-menu-icon {
        margin-left: auto;
        margin-right: 15px;
    }

    .rtl .side-header .icon-logo {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl.main-sidebar-hide .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.main-sidebar-hide .main-content.side-content {
        margin-left: 0;
        margin-right: 80px;
    }

    .rtl.main-sidebar-hide.main-sidebar-open .nav-header {
        margin: 0 15px 0 0;
    }

    .rtl.main-sidebar-hide .side-menu .main-logo .icon-logo {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl.main-sidebar-open .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.main-sidebar-open .main-sidebar-body .side-menu .nav-link {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl.main-sidebar-open .side-menu .nav-item.show i.angle {
        right: auto;
        left: 20px;
    }

    .rtl.main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        margin-right: auto;
        margin-left: 5px;
    }
}
.rtl .main-header .select2-container .select2-selection--single .select2-selection__rEndered {
    padding-right: 17px;
    padding-left: 20px;
}
@media (min-width: 992px) {
    .rtl .main-sidebar-header .sidemenu-logo {
        border-right: 0;
        border-left: 1px solid var(--dark-border);
    }
}
@media screen and (min-width: 992px) {
    .rtl.closed-leftmenu.main-sidebar-hide .side-menu {
        left: auto !important;
        right: -240px !important;
    }

    .rtl.closed-leftmenu.main-sidebar-hide .main-content.side-content {
        margin-right: 0px;
        margin-left: auto;
    }

    .rtl.closed-leftmenu.main-body.main-sidebar-hide .side-header {
        padding-left: inherit;
        padding-right: 0;
    }
}
@media screen and (min-width: 992px) {
    .rtl.icontext-menu.main-sidebar-hide .main-content.side-content {
        margin-left: 0;
        margin-right: 100px;
    }

    .rtl.icontext-menu.main-sidebar-hide .side-header {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl.icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
        padding: 0 15px 0 0 !important;
    }

    .rtl.icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 5px !important;
        margin-left: 10px !important;
    }
}
@media screen and (min-width: 992px) {
    .rtl.hover-submenu.main-sidebar-hide .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.hover-submenu.main-sidebar-hide .side-header {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl.hover-submenu.main-sidebar-hide .main-content.side-content {
        margin-left: 0;
        margin-right: 100px;
    }

    .rtl.hover-submenu.main-sidebar-hide .nav-sub {
        left: auto;
        right: 80px;
    }

    .rtl.hover-submenu.main-sidebar-hide .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.hover-submenu.main-sidebar-hide .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 12px 0 0;
        border-left-width: 0;
        border-right-width: 1px;
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.hover-submenu.main-sidebar-hide .side-menu .nav-link:hover .sidemenu-label {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 12px 0 0;
        border-left-width: 0;
        border-right-width: 1px;
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        padding: 12px 15px 12px 0;
    }

    .rtl.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.hover-submenu.main-sidebar-hide.main-sidebar-open .side-header {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl.hover-submenu.main-sidebar-hide.main-sidebar-open .main-content.side-content {
        margin-left: 0;
        margin-right: 100px;
    }
}
@media screen and (min-width: 992px) {
    .rtl.hover-submenu1.main-sidebar-hide .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide .side-header {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl.hover-submenu1.main-sidebar-hide .main-content.side-content {
        margin-left: 0;
        margin-right: 100px;
    }

    .rtl.hover-submenu1.main-sidebar-hide .nav-sub {
        left: auto;
        right: 80px;
    }

    .rtl.hover-submenu1.main-sidebar-hide .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 12px 0 0;
        border-left-width: 0;
        border-right-width: 1px;
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide .side-menu .nav-link:hover .sidemenu-label {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub-link {
        padding: 8px 12px 8px 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {
        padding: 8px 12px 8px 0;
        text-align: right;
    }

    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 12px 0 0;
        border-left-width: 0;
        border-right-width: 1px;
        margin-left: auto;
        margin-right: 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu {
        left: auto;
        right: 0;
    }

    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-header {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .main-content.side-content {
        margin-left: 0;
        margin-right: 100px;
    }
}
.rtl .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    right: auto;
    left: 17px;
    transform: rotate(180deg);
}
.rtl .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    left: auto;
    right: 17px;
    transform: rotate(180deg);
}
.rtl .ui-datepicker .ui-datepicker-calendar td {
    text-align: left;
}
.rtl .ui-datepicker .ui-datepicker-calendar td:last-child {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
.rtl .ui-datepicker-multi .ui-datepicker-group {
    padding-right: inherit;
    padding-left: 15px;
    float: right;
}
.rtl .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
    left: auto;
    right: 10px;
}
.rtl .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
    right: auto;
    left: 10px;
}
.rtl .ui-datepicker-multi .ui-datepicker-group-last {
    padding-right: inherit;
    padding-left: 0;
}
.rtl .datetimepicker table th.prev span::before {
    left: auto;
    right: 0;
}
.rtl .datetimepicker table th.next span::before {
    right: auto;
    left: 0;
}
.rtl .main-datetimepicker>.datepicker_header a:nth-child(2)::before {
    left: auto;
    right: 0;
}
.rtl .main-datetimepicker>.datepicker_header a:last-child::before {
    right: auto;
    left: 0;
}
.rtl .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist {
    border-left: 0;
    border-right: 1px solid #e8e8f7;
}
.rtl .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item {
    margin: 0 1px 0 0;
}
.rtl #jqvmap1_ca_pin {
    margin-left: auto;
    margin-right: -2%;
}
.rtl #jqvmap1_ct_pin {
    margin-left: auto;
    margin-right: -0.25%;
}
.rtl #jqvmap1_fl_pin {
    margin-left: auto;
    margin-right: 5%;
}
.rtl #jqvmap1_id_pin {
    margin-left: auto;
    margin-right: -1%;
}
.rtl #jqvmap1_ky_pin {
    margin-left: auto;
    margin-right: 2%;
}
.rtl #jqvmap1_la_pin {
    margin-left: auto;
    margin-right: -2%;
}
.rtl #jqvmap1_mi_pin {
    margin-left: auto;
    margin-right: 3%;
}
.rtl #jqvmap1_mn_pin {
    margin-left: auto;
    margin-right: -2%;
}
.rtl #jqvmap1_nh_pin {
    margin-left: auto;
    margin-right: -0.25%;
}
.rtl #jqvmap1_ok_pin,
.rtl #jqvmap1_va_pin {
    margin-left: auto;
    margin-right: 2%;
}
.rtl #jqvmap1_wv_pin {
    margin-left: auto;
    margin-right: -1%;
}
.rtl .main-donut-chart .slice,
.rtl .chart-donut {
    left: auto;
    right: 0;
}
.rtl .flot-chart-wrapper {
    margin-right: -16px;
    margin-left: -30px;
}
.rtl .chart-legEnd div+div {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .chart-legEnd span {
    margin-right: auto;
    margin-left: 5px;
}
@media (min-width: 576px) {
    .rtl .chart-legEnd {
        right: auto;
        left: 40px;
    }

    .rtl .chart-legEnd span {
        margin-right: auto;
        margin-left: 8px;
    }

    .rtl .chart-legEnd div+div {
        margin-left: auto;
        margin-right: 30px;
    }
}
.rtl .mapael .zoomButton {
    left: auto;
    right: 10px;
}
@media (min-width: 768px) {
    .rtl .ql-scrolling-demo {
        padding-left: inherit;
        padding-right: 15px;
    }
}
.rtl .ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 0 0 8px;
}
.rtl .ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: auto;
    margin-right: 0;
}
@media (min-width: 576px) {
    .rtl .ql-bubble .ql-toolbar .ql-formats:first-child {
        margin-left: auto;
        margin-right: 0;
    }
}
.rtl .ql-snow.ql-toolbar .ql-formats {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .ql-snow .ql-formats button+button {
    margin: 0 2px 0 0;
}
.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: auto;
    left: 3px;
}
.rtl .ql-snow .ql-picker-label {
    padding-left: inherit;
    padding-right: 10px;
}
.rtl .irs-bar-edge,
.rtl .irs-line-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .irs-line-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .irs-slider:before {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -1px;
}
.rtl .irs-modern .irs-slider::before {
    margin-left: auto;
    margin-right: -2px;
}
.rtl .irs-outline .irs-bar-edge {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.rtl .irs-outline .irs-slider::before {
    margin-left: auto;
    margin-right: -4px;
}
.rtl .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 0.75rem;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: auto;
    margin-left: 4px;
    padding: 3px 20px 3px 10px !important;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: auto;
    right: 7px;
}
.rtl .select2-container--default .select2-search--inline .select2-search__field {
    padding-left: inherit;
    padding-right: 7px;
}
.rtl .select2-container--default.select2-container--disabled .select2-selection__choice {
    padding-left: inherit;
    padding-right: 10px;
}
.rtl .sp-picker-container {
    border-left: 1px solid #e8e8f7;
    border-right: 0;
}
.rtl .sp-dd::before {
    left: auto;
    right: 0;
}
.rtl .spinner-border {
    border-right-color: #e8e8f7;
    border-left-color: transparent;
}
.rtl .lds-facebook div {
    left: auto;
    right: 6px;
}
.rtl .lds-facebook div:nth-child(1) {
    left: auto;
    right: 6px;
}
.rtl .lds-facebook div:nth-child(2) {
    left: auto;
    right: 26px;
}
.rtl .lds-facebook div:nth-child(3) {
    left: auto;
    right: 45px;
}
.rtl .lds-spinner div:after {
    right: 29px;
    left: auto;
}
.rtl .pulse {
    right: auto;
    left: 17px;
}
.rtl .ripple:after {
    left: auto;
    right: 0;
}
.rtl .spinner-border {
    border-right-color: #e8e8f7;
    border-left-color: transparent;
}
.rtl .main-nav-calendar-event .nav-link i {
    margin-right: auto;
    margin-left: 10px;
}
@media (min-width: 992px) {
    .rtl .main-content-body-calendar {
        padding-left: inherit;
        padding-right: 25px;
    }
}
.rtl .main-calendar .fc-view .fc-day-number {
    margin: 2px 0 0 2px;
}
.rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
.rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
    border-left: 0;
    border-right: 4px solid transparent;
}
.rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time,
.rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
    margin-left: auto;
    margin-right: 20%;
}
.rtl .main-calendar .fc-time-grid-event {
    border-left-width: 1px;
    border-right-width: 0;
}
@media (max-width: 575px) {

    .rtl .main-calendar .fc-header-toolbar button.fc-month-button::before,
    .rtl .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before,
    .rtl .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before,
    .rtl .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .rtl .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        left: auto;
        right: 10px;
    }

    .rtl .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .rtl .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        left: auto;
        right: 11px;
    }
}
@media (max-width: 991.98px) {

    .rtl .main-calendar .fc-view>table>thead th:first-child,
    .rtl .main-calendar .fc-view>table>thead td:first-child {
        border-left-width: 1px;
        border-right-width: 0;
    }

    .rtl .main-calendar .fc-view>table>thead th:last-child,
    .rtl .main-calendar .fc-view>table>thead td:last-child {
        border-right-width: 1px;
        border-left-width: 0;
    }
}
@media (max-width: 991.98px) {
    .rtl .main-calendar .fc-view>table>tbody>tr>td:first-child {
        border-left-width: 1px;
        border-right-width: 0;
    }

    .rtl .main-calendar .fc-view>table>tbody>tr>td:last-child {
        border-right-width: 1px;
        border-left-width: 0;
    }
}
@media (min-width: 576px) {

    .rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: auto;
        margin-right: 15%;
    }
}
@media (min-width: 768px) {

    .rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: auto;
        margin-right: 12%;
    }
}
@media (min-width: 992px) {

    .rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: auto;
        margin-right: 10%;
    }
}
@media (min-width: 1200px) {

    .rtl .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .rtl .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: auto;
        margin-right: 8%;
    }
}
@media (min-width: 576px) {
    .rtl .main-calendar .fc-event {
        border-left-width: 0;
        border-right-width: 2px;
    }
}
.rtl .main-modal-calendar-schedule .modal-content>.close {
    right: auto;
    left: 25px;
}
.rtl .main-modal-calendar-schedule .form-group-date>i {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .main-modal-calendar-event .nav-modal-event .nav-link+.nav-link {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-nav-line-chat {
    padding-left: inherit;
    padding-right: 20px;
}
.rtl .main-nav-line-chat .nav-link+.nav-link {
    margin-left: 0;
    margin-right: 30px;
}
@media (min-width: 992px) {
    .rtl .main-chat-contacts-wrapper {
        padding: 10px 0 10px 15px;
    }
}
.rtl .main-chat-contacts {
    padding-left: inherit;
    padding-right: 20px;
}
.rtl .main-chat-list .main-img-user span {
    left: auto;
    right: -2px;
}
.rtl .main-chat-list .media-body {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-chat-header .nav {
    margin-left: 0;
    margin-right: auto;
}
.rtl .main-chat-header .nav-link+.nav-link {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-chat-msg-name {
    margin-right: 15px;
    margin-left: auto;
}
.rtl .main-chat-body .media.flex-row-reverse .media-body {
    margin-left: 20px;
    margin-right: 0;
}
.rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before,
.rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
    left: auto;
    right: 100%;
    border-right-color: #e9e9f9 !important;
    border-left-color: transparent !important;
}
@media (min-width: 576px) {
    .rtl .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 20px;
        margin-right: 55px;
    }
}
.rtl .main-msg-wrapper:before,
.rtl .main-msg-wrapper:after {
    right: auto;
    left: 100%;
}
.rtl .main-chat-body .media-body {
    margin-left: auto;
    margin-right: 20px;
}
@media (min-width: 576px) {
    .rtl .main-chat-body .media-body {
        margin-right: 20px;
        margin-left: 55px;
    }
}
.rtl .main-chat-footer .nav-link+.nav-link {
    margin-left: auto;
    margin-right: 10px;
}
@media (min-width: 576px) {
    .rtl .main-chat-footer .form-control {
        margin-left: auto;
        margin-right: 20px;
    }
}
.rtl .main-content-left-contacts .main-content-breadcrumb,
.rtl .main-content-left-contacts .main-content-title {
    padding-right: 20px;
    padding-left: inherit;
}
@media (min-width: 992px) {

    .rtl .main-content-left-contacts .main-content-breadcrumb,
    .rtl .main-content-left-contacts .main-content-title {
        padding-left: inherit;
        padding-right: 0;
    }
}
.rtl .main-contact-label {
    padding-right: 20px;
    padding-left: inherit;
}
.rtl .main-contact-item {
    border-right-width: 1px;
    border-left-width: 0;
}
.rtl .main-contact-item.selected {
    border-left-color: transparent;
    border-right-color: #eaedf7;
}
.rtl .main-contact-body {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-contact-info-header {
    padding-left: inherit;
    padding-right: 20px;
}
.rtl .main-contact-info-header .main-img-user a {
    right: auto;
    left: 0;
}
.rtl .main-contact-info-header .media-body .nav-link i {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .main-contact-info-header .media-body .nav-link+.nav-link {
    margin-left: auto;
    margin-right: 10px;
}
@media (min-width: 992px) {
    .rtl .main-contact-info-header .media-body {
        margin-left: auto;
        margin-right: 30px;
    }
}
@media (min-width: 576px) {
    .rtl .main-contact-info-header .media-body .nav-link i {
        margin-right: auto;
        margin-left: 7px;
    }
}
@media (min-width: 576px) {
    .rtl .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-left: auto;
        margin-right: 25px;
    }
}
.rtl .main-contact-action {
    right: auto;
    left: 20px;
}
@media (min-width: 992px) {
    .rtl .main-contact-action {
        right: auto;
        left: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-column-signup {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
.rtl .main-signup-header .row>div .btn i,
.rtl .main-signup-header .row>div .sp-container button i {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .sp-container .main-signup-header .row>div button i {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .signpages .details {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.rtl .construction {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.rtl .construction:before {
    left: auto;
    right: 0;
}
.rtl .signpages .details:before {
    left: auto;
    right: 0;
}
.rtl .signpages .login_form {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.rtl .signpages .form__input {
    padding-left: inherit;
    padding-right: 2em;
}
@media screen and (max-width: 640px) {
    .rtl .signpages .login_form {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
}
.rtl.error-1 .demo-icon {
    right: auto;
    left: 60px;
}
@media (max-width: 991px) {
    .rtl.error-1 .demo-icon {
        right: auto !important;
        left: 30px !important;
    }
}
@media (min-width: 992px) {
    .rtl .main-content-left-invoice {
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }
}
.rtl .main-invoice-list .media {
    border-right-width: 1px;
    border-left-width: 0;
}
.rtl .main-invoice-list .media+.media::before {
    right: 55px;
    left: 0;
}
.rtl .main-invoice-list .media-body {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .table-invoice tbody>tr>th:first-child .invoice-notes,
.rtl .table-invoice tbody>tr>td:first-child .invoice-notes {
    margin-right: auto;
    margin-left: 20px;
}
.rtl .main-content-left-invoice .main-content-breadcrumb,
.rtl .main-content-left-invoice .main-content-title {
    padding-left: inherit;
    padding-right: 20px;
}
@media (min-width: 992px) {

    .rtl .main-content-left-invoice .main-content-breadcrumb,
    .rtl .main-content-left-invoice .main-content-title {
        padding-left: inherit;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-content-left-mail .btn-compose {
        margin-right: auto;
        margin-left: 0;
    }
}
.rtl .main-task-menu {
    padding-right: inherit;
    padding-left: 0;
}
@media (min-width: 992px) {
    .rtl .main-task-menu {
        padding-right: inherit;
        padding-left: 0;
    }
}
.rtl .main-mail-header>div:last-child>span {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .main-mail-header .btn-group .btn+.btn,
.rtl .main-mail-header .btn-group .sp-container button+.btn {
    margin-left: auto;
    margin-right: -2px;
}
.rtl .sp-container .main-mail-header .btn-group button+.btn,
.rtl .main-mail-header .btn-group .sp-container .btn+button,
.rtl .sp-container .main-mail-header .btn-group .btn+button,
.rtl .main-mail-header .btn-group .sp-container button+button,
.rtl .sp-container .main-mail-header .btn-group button+button {
    margin-left: auto;
    margin-right: -2px;
}
.rtl .main-mail-options {
    padding: 5px 20px 5px 10px;
}
.rtl .main-mail-item .main-img-user,
.rtl .main-mail-item .main-avatar {
    margin-right: auto;
    margin-left: 15px;
}
.rtl .main-mail-checkbox {
    margin-right: auto;
    margin-left: 15px;
}
.rtl .main-mail-star {
    margin-right: auto;
    margin-left: 15px;
    right: auto;
    left: 0;
}
@media (min-width: 992px) {
    .rtl .main-mail-body {
        margin-right: auto;
        margin-left: 15px;
    }
}
@media (min-width: 992px) {
    .rtl .task-actions {
        float: left;
        margin-left: 0;
        margin-right: auto;
    }
}
@media (max-width: 991px) {

    .rtl .mail-container .tab-list-items.task-menu-show,
    .rtl .mail-container .tab-list-items.mail-menu-show {
        left: auto;
        right: 0;
        padding-left: inherit;
        padding-right: 27px;
    }

    .rtl .task-actions {
        float: left;
        margin-left: auto;
        margin-right: 0;
    }
}
.rtl .main-mail-attachment {
    margin-right: auto;
    margin-left: 15px;
}
@media (min-width: 992px) {
    .rtl .main-mail-attachment {
        right: auto;
        left: 63px;
    }
}
.rtl .card-box img {
    left: auto;
    right: -17px;
}
.rtl .main-mail-date {
    right: auto;
    left: 15px;
    margin-left: 0;
    margin-right: auto;
}
.rtl .main-mail-compose {
    left: auto;
    right: 0;
}
.rtl .main-mail-compose-header .nav-link+.nav-link {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-mail-compose-body .form-group>div {
    margin-left: auto;
    margin-right: 10px;
}
.rtl .main-mail-compose-body .form-group .nav-link+.nav-link {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-mail-compose-compress,
.rtl .main-mail-compose-minimize {
    right: auto;
    left: 30px;
}
.rtl .main-mail-two .main-header-menu-icon {
    margin-right: auto;
    margin-left: 0;
}
.rtl .main-mail-left {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .main-mail-left .main-task-menu,
.rtl .main-mail-left .main-mail-menu {
    padding-right: inherit;
    padding-left: 0;
}
.rtl ul.inbox-pagination {
    float: left;
}
.rtl .inbox-pagination li span {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .inbox-pagination a.np-btn {
    margin-left: auto;
    margin-right: 5px;
}
.rtl .profile-cover__action {
    padding: 216px 185px 10px 30px;
}
.rtl .profile-cover__action>.btn {
    margin-left: auto;
    margin-right: 10px;
}
.rtl .profile-cover__img {
    left: auto;
    right: 50px;
}
@media (min-width: 601px) {
    .rtl .profile-cover__info .nav {
        padding: 15px 170px 10px 0;
    }
}
.rtl .profile-cover__info .nav li:not(:first-child) {
    margin-right: 30px;
    margin-left: 0;
    padding-left: inherit;
    padding-right: 30px;
    border-left: 0;
    border-right: 1px solid rgba(238, 238, 238, 0.2);
}
@media (max-width: 600px) {
    .rtl .profile-cover__info .nav {
        padding: 39px 170px 10px 0;
        margin-right: auto;
        margin-left: 0;
    }

    .rtl .profile-cover__info .nav li {
        margin-right: auto;
        margin-left: 1rem;
    }

    .rtl .profile-cover__info .nav li:not(:first-child) {
        margin-left: auto;
        margin-right: 0;
        padding-left: inherit;
        padding-right: 0;
        border-left-width: 1px;
        border-right-width: 0;
    }

    .rtl .main-nav-line .nav-link+.nav-link {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-content-left-profile {
        padding-right: inherit;
        padding-left: 20px;
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }
}
@media (min-width: 1200px) {
    .rtl .main-content-left-profile {
        padding-right: inherit;
        padding-left: 25px;
    }
}
.rtl .main-profile-social-list .media-body {
    margin-left: auto;
    margin-right: 20px;
}
@media (min-width: 992px) {
    .rtl .main-content-body-profile .nav {
        padding-left: inherit;
        padding-right: 20px;
    }
}
@media (min-width: 1200px) {
    .rtl .main-content-body-profile .nav {
        padding-left: inherit;
        padding-right: 25px;
    }
}
@media (min-width: 992px) {
    .rtl .main-profile-body {
        padding: 25px 20px 0 0;
    }
}
@media (min-width: 1200px) {
    .rtl .main-profile-body {
        padding-left: inherit;
        padding-right: 25px;
    }
}
.rtl .main-profile-view-info {
    left: auto;
    right: 0;
}
.rtl .main-profile-view-info span {
    margin-left: auto;
    margin-right: 5px;
}
.rtl .main-profile-work-list .media-body {
    margin-left: auto;
    margin-right: 20px;
}
.rtl .main-profile-contact-list .media-body {
    margin-left: auto;
    margin-right: 25px;
}
.rtl .btn-profile {
    right: auto;
    left: 50px;
}
@media (max-width: 767px) {
    .rtl .profile-cover__info .nav {
        margin-right: auto;
        margin-left: 0;
    }

    .rtl .profile-cover__info .nav li {
        margin-right: 0;
        margin-left: 1rem !important;
    }

    .rtl .profile-cover__info .nav li:not(:first-child) {
        margin-left: 0;
        margin-right: 0;
        padding-left: inherit;
        padding-right: 0;
        border-left-width: 1px;
        border-right-width: 0;
    }

    .rtl .main-nav-line .nav-link+.nav-link {
        margin-left: auto;
        margin-right: 0;
    }
}
.rtl .card-bitcoin .media-body {
    margin-left: auto;
    margin-right: 20px;
}
.rtl .crypto-card .chart-wrapper {
    left: 0;
    right: -26px;
}
.rtl .exchange-icon {
    left: auto;
    right: -51px;
}
.rtl .payment-list {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .cryptoicon {
    margin-right: auto;
    margin-left: 15px;
    float: right;
    margin-top: 11px;
}
.rtl .select2-results__option .cryptoicon {
    margin-top: 0;
}
.rtl .form input:checked+label:after {
    right: auto;
    left: 0;
    border-width: 0 0 35px 35px;
}
.rtl .form input:checked+label:before {
    right: auto;
    left: 4px;
}
.rtl .crypto-buysell-card .nav.panel-tabs li .active:before {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -10px;
}
.rtl .crypto-wallet .clipboard-icon {
    right: auto;
    left: 0;
}
.rtl .crypto-wallet .clipboard-icon:hover,
.rtl .crypto-wallet .clipboard-icon:focus {
    right: auto;
    left: 0;
}
.rtl .wallet .clipboard-icon {
    right: auto;
    left: 0;
    border-left: 1px solid #e8e8f7;
    border-right: 0;
}
.rtl .wallet .input-group-addon-left {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
.rtl .transcation-crypto .table.dataTable th,
.rtl .transcation-crypto .table.dataTable td {
    border-left: 0;
    border-right: 0;
}
.rtl .transcation-crypto table.dataTable thead .sorting:before,
.rtl .transcation-crypto table.dataTable thead .sorting_asc:before,
.rtl .transcation-crypto table.dataTable thead .sorting_desc:before,
.rtl .transcation-crypto table.dataTable thead .sorting_asc_disabled:before,
.rtl .transcation-crypto table.dataTable thead .sorting_desc_disabled:before {
    right: auto;
    left: 1em;
}
.rtl .transcation-crypto table.dataTable thead .sorting:after,
.rtl .transcation-crypto table.dataTable thead .sorting_asc:after,
.rtl .transcation-crypto table.dataTable thead .sorting_desc:after {
    right: auto;
    left: 0.5em;
}
.rtl table.dataTable thead .sorting_asc_disabled:after,
.rtl .transcation-crypto table.dataTable thead .sorting_desc_disabled:after {
    right: auto;
    left: 0.5em;
}
.rtl .ratio {
    right: auto;
    left: -10px;
}
.rtl .product-timeline ul.timeline-1>li {
    padding-left: inherit;
    padding-right: 1rem;
}
.rtl .product-timeline ul.timeline-1>li .product-icon {
    left: auto;
    right: 3px;
}
.rtl .product-timeline ul.timeline-1::before {
    margin: 20px 22px 0 20px;
    left: auto;
    right: -2px;
    border-left: 0;
    border-right: 2px dotted rgba(98, 89, 202, 0.3);
}
.rtl .countrywise-sale .list-group-item span {
    margin-left: 0;
    margin-right: auto;
}
.rtl .countrywise-sale .list-group-item p {
    margin-left: auto;
    margin-right: 10px;
}
.rtl .top-selling-products .product-img {
    margin-right: 0;
    margin-left: 1rem;
}
.rtl .top-selling-products .product-price {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}
.rtl .top-selling-products .product-amount {
    float: left;
    margin-left: 0;
    margin-right: auto;
}
.rtl .table-filter select {
    margin-left: auto;
    margin-right: 5px;
}
.rtl .table-filter .btn {
    margin-left: auto;
    margin-right: -1px;
    float: left;
    border-radius: 4px 0 0 4px;
}
.rtl .table-filter input {
    margin-left: auto;
    margin-right: 5px;
}
.rtl .status {
    margin: 2px 0 4px 6px;
}
.rtl #checkoutsteps .item .purchase {
    margin-left: auto;
    margin-right: 21px;
}
.rtl #checkoutsteps .checkout span.heading {
    margin-right: auto;
    margin-left: 5px;
}
.rtl #checkoutsteps .total {
    float: left;
}
.rtl .card-pay .tabs-menu.nav li {
    border-right: 0;
    border-left: 1px solid #d3dfea;
}
.rtl .card-pay .tabs-menu.nav li a {
    border-right: 0;
    border-left: 0;
}
.rtl .item1-links a i {
    margin-right: auto;
    margin-left: 1rem;
}
.rtl .track .step::before,
.rtl .product-image .pic-2 {
    left: auto;
    right: 0;
}
.rtl .product-grid:hover .product-image .pic-2,
.rtl .product-grid .product-discount-label {
    left: auto;
    right: 10px;
}
.rtl .product-grid .product-like-icon {
    right: auto;
    left: -50px;
}
.rtl .product-grid:hover .product-like-icon {
    right: auto;
    left: 10px;
}
.rtl .product-grid .product-link {
    left: auto;
    right: 0;
}
.rtl .product-grid .product-link a {
    border-right: 0;
    border-left: 2px solid rgba(215, 215, 215, 0.15);
}
.rtl .product-grid .product-link a:nth-child(2n) {
    border-right: 0;
    border-left: none;
}
.rtl .product-content .rating {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .product-grid .price .old-price {
    margin-right: auto;
    margin-left: 12px;
}
.rtl #wishlist .product-grid {
    text-align: right;
}
.rtl #wishlist .product-grid .product-content {
    text-align: right;
}
.rtl #wishlist .product-grid .wishlist-icon {
    right: auto;
    left: 10px;
}
.rtl .notify-time {
    right: auto;
    left: 25px;
}
.rtl .notification:before {
    left: auto;
    right: 20%;
    margin-left: auto;
    margin-right: -1px;
}
.rtl .notification .notification-time {
    left: auto;
    right: 0;
    text-align: left;
}
.rtl .notification .notification-icon {
    left: auto;
    right: 15%;
}
.rtl .notification .notification-body {
    margin-right: 24%;
    margin-left: 18%;
}
.rtl .notification .notification-body:before {
    border-right-color: transparent;
    border-left-color: #ffffff;
    left: auto;
    right: -20px;
}
.rtl .border-end {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .border-start {
    border-left: 0;
    border-right: 1px solid #e8e8f7;
}
.rtl .border-end-0 {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
.rtl .border-start-0 {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .rounded-end {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.rtl .rounded-start {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.rtl .rounded-end-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.rtl .rounded-start-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.rtl .rounded-end-11 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
}
.rtl .rounded-start-11 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 11px !important;
    border-bottom-right-radius: 11px !important;
}
.rtl .bd-r {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .bd-l {
    border-left: 0;
    border-right: 1px solid #e8e8f7;
}
.rtl .bd-r-0 {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
.rtl .bd-l-0 {
    border-left: 1px solid #e8e8f7;
    border-right: 0;
}
@media (min-width: 480px) {
    .rtl .bd-xs-r {
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }

    .rtl .bd-xs-l {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 576px) {
    .rtl .bd-sm-r {
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }

    .rtl .bd-sm-l {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 768px) {
    .rtl .bd-md-r {
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }

    .rtl .bd-md-l {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 992px) {
    .rtl .bd-lg-r {
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }

    .rtl .bd-lg-l {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 1200px) {
    .rtl .bd-xl-r {
        border-right: 0;
        border-left: 1px solid #e8e8f7;
    }

    .rtl .bd-xl-l {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
.rtl .mg-r-0 {
    margin-right: auto;
    margin-left: 0px;
}
.rtl .mg-l-0 {
    margin-left: auto;
    margin-right: 0px;
}
.rtl .mg-r-1 {
    margin-right: auto;
    margin-left: 1px;
}
.rtl .mg-l-1 {
    margin-left: auto;
    margin-right: 1px;
}
.rtl .mg-r-2 {
    margin-right: auto;
    margin-left: 2px;
}
.rtl .mg-l-2 {
    margin-left: auto;
    margin-right: 2px;
}
.rtl .mg-r-3 {
    margin-right: auto;
    margin-left: 3px;
}
.rtl .mg-l-3 {
    margin-left: auto;
    margin-right: 3px;
}
.rtl .mg-r-4 {
    margin-right: auto;
    margin-left: 4px;
}
.rtl .mg-l-4 {
    margin-left: auto;
    margin-right: 4px;
}
.rtl .mg-r-5 {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .mg-l-5 {
    margin-left: auto;
    margin-right: 5px;
}
.rtl .mg-r-6 {
    margin-right: auto;
    margin-left: 6px;
}
.rtl .mg-l-6 {
    margin-left: auto;
    margin-right: 6px;
}
.rtl .mg-r-7 {
    margin-right: auto;
    margin-left: 7px;
}
.rtl .mg-l-7 {
    margin-left: auto;
    margin-right: 7px;
}
.rtl .mg-r-8 {
    margin-right: auto;
    margin-left: 8px;
}
.rtl .mg-l-8 {
    margin-left: auto;
    margin-right: 8px;
}
.rtl .mg-r-9 {
    margin-right: auto;
    margin-left: 9px;
}
.rtl .mg-l-9 {
    margin-left: auto;
    margin-right: 9px;
}
.rtl .mg-r-10 {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .mg-l-10 {
    margin-left: auto;
    margin-right: 10px;
}
.rtl .mg-r-15 {
    margin-right: 0;
    margin-left: 15px;
}
.rtl .mg-l-15 {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .mg-r-20 {
    margin-right: auto;
    margin-left: 20px;
}
.rtl .mg-l-20 {
    margin-left: 0;
    margin-right: 20px;
}
.rtl .mg-r-25 {
    margin-right: auto;
    margin-left: 25px;
}
.rtl .mg-l-25 {
    margin-left: auto;
    margin-right: 25px;
}
.rtl .mg-r-30 {
    margin-right: auto;
    margin-left: 30px;
}
.rtl .mg-l-30 {
    margin-left: auto;
    margin-right: 30px;
}
.rtl .mg-r-35 {
    margin-right: auto;
    margin-left: 35px;
}
.rtl .mg-l-35 {
    margin-left: auto;
    margin-right: 35px;
}
.rtl .mg-r-40 {
    margin-right: auto;
    margin-left: 40px;
}
.rtl .mg-l-40 {
    margin-left: auto;
    margin-right: 40px;
}
.rtl .mg-r-45 {
    margin-right: auto;
    margin-left: 45px;
}
.rtl .mg-l-45 {
    margin-left: auto;
    margin-right: 45px;
}
.rtl .mg-r-50 {
    margin-right: auto;
    margin-left: 50px;
}
.rtl .mg-l-50 {
    margin-left: auto;
    margin-right: 50px;
}
.rtl .mg-r-55 {
    margin-right: auto;
    margin-left: 55px;
}
.rtl .mg-l-55 {
    margin-right: 55px;
    margin-left: auto;
}
.rtl .mg-r-60 {
    margin-right: auto;
    margin-left: 60px;
}
.rtl .mg-l-60 {
    margin-left: auto;
    margin-right: 60px;
}
.rtl .mg-r-65 {
    margin-right: auto;
    margin-left: 65px;
}
.rtl .mg-l-65 {
    margin-left: auto;
    margin-right: 65px;
}
.rtl .mg-r-70 {
    margin-right: auto;
    margin-left: 70px;
}
.rtl .mg-l-70 {
    margin-left: auto;
    margin-right: 70px;
}
.rtl .mg-r-75 {
    margin-right: auto;
    margin-left: 75px;
}
.rtl .mg-l-75 {
    margin-left: auto;
    margin-right: 75px;
}
.rtl .mg-r-80 {
    margin-right: auto;
    margin-left: 80px;
}
.rtl .mg-l-80 {
    margin-left: auto;
    margin-right: 80px;
}
.rtl .mg-r-85 {
    margin-right: auto;
    margin-left: 85px;
}
.rtl .mg-l-85 {
    margin-left: auto;
    margin-right: 85px;
}
.rtl .mg-r-90 {
    margin-right: auto;
    margin-left: 90px;
}
.rtl .mg-l-90 {
    margin-left: auto;
    margin-right: 90px;
}
.rtl .mg-r-95 {
    margin-right: auto;
    margin-left: 95px;
}
.rtl .mg-l-95 {
    margin-left: auto;
    margin-right: 95px;
}
.rtl .mg-r-100 {
    margin-right: auto;
    margin-left: 100px;
}
.rtl .mg-l-100 {
    margin-left: auto;
    margin-right: 100px;
}
.rtl .mg-r-105 {
    margin-right: auto;
    margin-left: 105px;
}
.rtl .mg-l-105 {
    margin-left: auto;
    margin-right: 105px;
}
.rtl .mg-r-110 {
    margin-right: auto;
    margin-left: 110px;
}
.rtl .mg-l-110 {
    margin-left: 110px;
}
.rtl .mg-r-115 {
    margin-left: 115px;
    margin-right: auto;
}
.rtl .mg-l-115 {
    margin-left: auto;
    margin-right: 115px;
}
.rtl .mg-r-120 {
    margin-right: auto;
    margin-left: 120px;
}
.rtl .mg-l-120 {
    margin-left: auto;
    margin-right: 120px;
}
.rtl .mg-r-auto {
    margin-right: 0;
    margin-left: auto;
}
.rtl .mg-l-auto {
    margin-left: 0;
    margin-right: auto;
}
@media (min-width: 480px) {
    .rtl .mg-xs-r-0 {
        margin-right: auto;
        margin-left: 0px;
    }

    .rtl .mg-xs-l-0 {
        margin-left: auto;
        margin-right: 0px;
    }

    .rtl .mg-xs-r-1 {
        margin-right: auto;
        margin-left: 1px;
    }

    .rtl .mg-xs-l-1 {
        margin-left: auto;
        margin-right: 1px;
    }

    .rtl .mg-xs-r-2 {
        margin-right: auto;
        margin-left: 2px;
    }

    .rtl .mg-xs-l-2 {
        margin-left: auto;
        margin-right: 2px;
    }

    .rtl .mg-xs-r-3 {
        margin-right: auto;
        margin-left: 3px;
    }

    .rtl .mg-xs-l-3 {
        margin-left: auto;
        margin-right: 3px;
    }

    .rtl .mg-xs-r-4 {
        margin-right: auto;
        margin-left: 4px;
    }

    .rtl .mg-xs-l-4 {
        margin-left: auto;
        margin-right: 4px;
    }

    .rtl .mg-xs-r-5 {
        margin-right: auto;
        margin-left: 5px;
    }

    .rtl .mg-xs-l-5 {
        margin-left: auto;
        margin-right: 5px;
    }

    .rtl .mg-xs-r-6 {
        margin-right: auto;
        margin-left: 6px;
    }

    .rtl .mg-xs-l-6 {
        margin-left: auto;
        margin-right: 6px;
    }

    .rtl .mg-xs-r-7 {
        margin-right: auto;
        margin-left: 7px;
    }

    .rtl .mg-xs-l-7 {
        margin-left: auto;
        margin-right: 7px;
    }

    .rtl .mg-xs-r-8 {
        margin-right: auto;
        margin-left: 8px;
    }

    .rtl .mg-xs-l-8 {
        margin-left: auto;
        margin-right: 8px;
    }

    .rtl .mg-xs-r-9 {
        margin-right: auto;
        margin-left: 9px;
    }

    .rtl .mg-xs-l-9 {
        margin-left: auto;
        margin-right: 9px;
    }

    .rtl .mg-xs-r-10 {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .mg-xs-l-10 {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl .mg-xs-r-15 {
        margin-right: auto;
        margin-left: 15px;
    }

    .rtl .mg-xs-l-15 {
        margin-left: auto;
        margin-right: 15px;
    }

    .rtl .mg-xs-r-20 {
        margin-right: auto;
        margin-left: 20px;
    }

    .rtl .mg-xs-l-20 {
        margin-left: auto;
        margin-right: 20px;
    }

    .rtl .mg-xs-r-25 {
        margin-right: auto;
        margin-left: 25px;
    }

    .rtl .mg-xs-l-25 {
        margin-left: auto;
        margin-right: 25px;
    }

    .rtl .mg-xs-r-30 {
        margin-right: auto;
        margin-left: 30px;
    }

    .rtl .mg-xs-l-30 {
        margin-left: auto;
        margin-right: 30px;
    }

    .rtl .mg-xs-r-35 {
        margin-right: auto;
        margin-left: 35px;
    }

    .rtl .mg-xs-l-35 {
        margin-left: auto;
        margin-right: 35px;
    }

    .rtl .mg-xs-r-40 {
        margin-right: auto;
        margin-left: 40px;
    }

    .rtl .mg-xs-l-40 {
        margin-left: auto;
        margin-right: 40px;
    }

    .rtl .mg-xs-r-45 {
        margin-right: auto;
        margin-left: 45px;
    }

    .rtl .mg-xs-l-45 {
        margin-left: auto;
        margin-right: 45px;
    }

    .rtl .mg-xs-r-50 {
        margin-right: auto;
        margin-left: 50px;
    }

    .rtl .mg-xs-l-50 {
        margin-left: auto;
        margin-right: 50px;
    }

    .rtl .mg-xs-r-55 {
        margin-right: auto;
        margin-left: 55px;
    }

    .rtl .mg-xs-l-55 {
        margin-left: auto;
        margin-right: 55px;
    }

    .rtl .mg-xs-r-60 {
        margin-right: auto;
        margin-left: 60px;
    }

    .rtl .mg-xs-l-60 {
        margin-left: auto;
        margin-right: 60px;
    }

    .rtl .mg-xs-r-65 {
        margin-right: auto;
        margin-left: 65px;
    }

    .rtl .mg-xs-l-65 {
        margin-left: auto;
        margin-right: 65px;
    }

    .rtl .mg-xs-r-70 {
        margin-right: auto;
        margin-left: 70px;
    }

    .rtl .mg-xs-l-70 {
        margin-left: auto;
        margin-right: 70px;
    }

    .rtl .mg-xs-r-75 {
        margin-right: auto;
        margin-left: 75px;
    }

    .rtl .mg-xs-l-75 {
        margin-left: auto;
        margin-right: 75px;
    }

    .rtl .mg-xs-r-80 {
        margin-right: auto;
        margin-left: 80px;
    }

    .rtl .mg-xs-l-80 {
        margin-left: auto;
        margin-right: 80px;
    }

    .rtl .mg-xs-r-85 {
        margin-right: auto;
        margin-left: 85px;
    }

    .rtl .mg-xs-l-85 {
        margin-left: auto;
        margin-right: 85px;
    }

    .rtl .mg-xs-r-90 {
        margin-right: auto;
        margin-left: 90px;
    }

    .rtl .mg-xs-l-90 {
        margin-left: auto;
        margin-right: 90px;
    }

    .rtl .mg-xs-r-95 {
        margin-right: auto;
        margin-left: 95px;
    }

    .rtl .mg-xs-l-95 {
        margin-left: auto;
        margin-right: 95px;
    }

    .rtl .mg-xs-r-100 {
        margin-right: auto;
        margin-left: 100px;
    }

    .rtl .mg-xs-l-100 {
        margin-left: auto;
        margin-right: 100px;
    }

    .rtl .mg-xs-r-auto {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-xs-l-auto {
        margin-left: 0;
        margin-right: auto;
    }
}
@media (min-width: 576px) {
    .rtl .mg-sm-r-0 {
        margin-right: auto;
        margin-left: 0px;
    }

    .rtl .mg-sm-l-0 {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-sm-r-1 {
        margin-right: auto;
        margin-left: 1px;
    }

    .rtl .mg-sm-l-1 {
        margin-left: auto;
        margin-right: 1px;
    }

    .rtl .mg-sm-r-2 {
        margin-right: auto;
        margin-left: 2px;
    }

    .rtl .mg-sm-l-2 {
        margin-left: auto;
        margin-right: 2px;
    }

    .rtl .mg-sm-r-3 {
        margin-right: auto;
        margin-left: 3px;
    }

    .rtl .mg-sm-l-3 {
        margin-left: auto;
        margin-right: 3px;
    }

    .rtl .mg-sm-r-4 {
        margin-right: auto;
        margin-left: 4px;
    }

    .rtl .mg-sm-l-4 {
        margin-left: auto;
        margin-right: 4px;
    }

    .rtl .mg-sm-r-5 {
        margin-right: auto;
        margin-left: 5px;
    }

    .rtl .mg-sm-l-5 {
        margin-left: auto;
        margin-right: 5px;
    }

    .rtl .mg-sm-r-6 {
        margin-right: auto;
        margin-left: 6px;
    }

    .rtl .mg-sm-l-6 {
        margin-left: auto;
        margin-right: 6px;
    }

    .rtl .mg-sm-r-7 {
        margin-right: auto;
        margin-left: 7px;
    }

    .rtl .mg-sm-l-7 {
        margin-left: auto;
        margin-right: 7px;
    }

    .rtl .mg-sm-r-8 {
        margin-right: auto;
        margin-left: 8px;
    }

    .rtl .mg-sm-l-8 {
        margin-left: auto;
        margin-right: 8px;
    }

    .rtl .mg-sm-r-9 {
        margin-right: auto;
        margin-left: 9px;
    }

    .rtl .mg-sm-l-9 {
        margin-left: auto;
        margin-right: 9px;
    }

    .rtl .mg-sm-r-10 {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .mg-sm-l-10 {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl .mg-sm-r-15 {
        margin-right: auto;
        margin-left: 15px;
    }

    .rtl .mg-sm-l-15 {
        margin-left: auto;
        margin-right: 15px;
    }

    .rtl .mg-sm-r-20 {
        margin-right: 0;
        margin-left: 20px;
    }

    .rtl .mg-sm-l-20 {
        margin-left: auto;
        margin-right: 20px;
    }

    .rtl .mg-sm-r-25 {
        margin-right: auto;
        margin-left: 25px;
    }

    .rtl .mg-sm-l-25 {
        margin-left: auto;
        margin-right: 25px;
    }

    .rtl .mg-sm-r-30 {
        margin-right: auto;
        margin-left: 30px;
    }

    .rtl .mg-sm-l-30 {
        margin-left: auto;
        margin-right: 30px;
    }

    .rtl .mg-sm-r-35 {
        margin-right: auto;
        margin-left: 35px;
    }

    .rtl .mg-sm-l-35 {
        margin-left: auto;
        margin-right: 35px;
    }

    .rtl .mg-sm-r-40 {
        margin-right: auto;
        margin-left: 40px;
    }

    .rtl .mg-sm-l-40 {
        margin-left: auto;
        margin-right: 40px;
    }

    .rtl .mg-sm-r-45 {
        margin-right: auto;
        margin-left: 45px;
    }

    .rtl .mg-sm-l-45 {
        margin-left: auto;
        margin-right: 45px;
    }

    .rtl .mg-sm-r-50 {
        margin-right: auto;
        margin-left: 50px;
    }

    .rtl .mg-sm-l-50 {
        margin-left: auto;
        margin-right: 50px;
    }

    .rtl .mg-sm-r-55 {
        margin-right: auto;
        margin-left: 55px;
    }

    .rtl .mg-sm-l-55 {
        margin-left: auto;
        margin-right: 55px;
    }

    .rtl .mg-sm-r-60 {
        margin-right: auto;
        margin-left: 60px;
    }

    .rtl .mg-sm-l-60 {
        margin-left: auto;
        margin-right: 60px;
    }

    .rtl .mg-sm-r-65 {
        margin-right: auto;
        margin-left: 65px;
    }

    .rtl .mg-sm-l-65 {
        margin-left: auto;
        margin-right: 65px;
    }

    .rtl .mg-sm-r-70 {
        margin-right: auto;
        margin-left: 70px;
    }

    .rtl .mg-sm-l-70 {
        margin-left: auto;
        margin-right: 70px;
    }

    .rtl .mg-sm-r-75 {
        margin-right: auto;
        margin-left: 75px;
    }

    .rtl .mg-sm-l-75 {
        margin-left: auto;
        margin-right: 75px;
    }

    .rtl .mg-sm-r-80 {
        margin-right: auto;
        margin-left: 80px;
    }

    .rtl .mg-sm-l-80 {
        margin-left: auto;
        margin-right: 80px;
    }

    .rtl .mg-sm-r-85 {
        margin-right: auto;
        margin-left: 85px;
    }

    .rtl .mg-sm-l-85 {
        margin-left: auto;
        margin-right: 85px;
    }

    .rtl .mg-sm-r-90 {
        margin-right: auto;
        margin-left: 90px;
    }

    .rtl .mg-sm-l-90 {
        margin-left: auto;
        margin-right: 90px;
    }

    .rtl .mg-sm-r-95 {
        margin-right: auto;
        margin-left: 95px;
    }

    .rtl .mg-sm-l-95 {
        margin-left: auto;
        margin-right: 95px;
    }

    .rtl .mg-sm-r-100 {
        margin-right: auto;
        margin-left: 100px;
    }

    .rtl .mg-sm-l-100 {
        margin-left: auto;
        margin-right: 100px;
    }

    .rtl .mg-sm-r-auto {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-sm-l-auto {
        margin-left: 0;
        margin-right: auto;
    }
}
@media (min-width: 768px) {
    .rtl .mg-md-r-0 {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl .mg-md-l-0 {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-md-r-1 {
        margin-right: auto;
        margin-left: 1px;
    }

    .rtl .mg-md-l-1 {
        margin-left: auto;
        margin-right: 1px;
    }

    .rtl .mg-md-r-2 {
        margin-right: auto;
        margin-left: 2px;
    }

    .rtl .mg-md-l-2 {
        margin-left: auto;
        margin-right: 2px;
    }

    .rtl .mg-md-r-3 {
        margin-right: auto;
        margin-left: 3px;
    }

    .rtl .mg-md-l-3 {
        margin-left: auto;
        margin-right: 3px;
    }

    .rtl .mg-md-r-4 {
        margin-right: auto;
        margin-left: 4px;
    }

    .rtl .mg-md-l-4 {
        margin-left: auto;
        margin-right: 4px;
    }

    .rtl .mg-md-r-5 {
        margin-right: auto;
        margin-left: 5px;
    }

    .rtl .mg-md-l-5 {
        margin-left: auto;
        margin-right: 5px;
    }

    .rtl .mg-md-r-6 {
        margin-right: auto;
        margin-left: 6px;
    }

    .rtl .mg-md-l-6 {
        margin-left: auto;
        margin-right: 6px;
    }

    .rtl .mg-md-r-7 {
        margin-right: auto;
        margin-left: 7px;
    }

    .rtl .mg-md-l-7 {
        margin-left: auto;
        margin-right: 7px;
    }

    .rtl .mg-md-r-8 {
        margin-right: auto;
        margin-left: 8px;
    }

    .rtl .mg-md-l-8 {
        margin-left: auto;
        margin-right: 8px;
    }

    .rtl .mg-md-r-9 {
        margin-right: auto;
        margin-left: 9px;
    }

    .rtl .mg-md-l-9 {
        margin-left: auto;
        margin-right: 9px;
    }

    .rtl .mg-md-r-10 {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .mg-md-l-10 {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl .mg-md-r-15 {
        margin-right: auto;
        margin-left: 15px;
    }

    .rtl .mg-md-l-15 {
        margin-left: auto;
        margin-right: 15px;
    }

    .rtl .mg-md-r-20 {
        margin-right: 0;
        margin-left: 20px;
    }

    .rtl .mg-md-l-20 {
        margin-left: auto;
        margin-right: 20px;
    }

    .rtl .mg-md-r-25 {
        margin-right: auto;
        margin-left: 25px;
    }

    .rtl .mg-md-l-25 {
        margin-left: auto;
        margin-right: 25px;
    }

    .rtl .mg-md-r-30 {
        margin-right: auto;
        margin-left: 30px;
    }

    .rtl .mg-md-l-30 {
        margin-left: auto;
        margin-right: 30px;
    }

    .rtl .mg-md-r-35 {
        margin-right: auto;
        margin-left: 35px;
    }

    .rtl .mg-md-l-35 {
        margin-left: auto;
        margin-right: 35px;
    }

    .rtl .mg-md-r-40 {
        margin-right: auto;
        margin-left: 40px;
    }

    .rtl .mg-md-l-40 {
        margin-left: auto;
        margin-right: 40px;
    }

    .rtl .mg-md-r-45 {
        margin-right: auto;
        margin-left: 45px;
    }

    .rtl .mg-md-l-45 {
        margin-left: auto;
        margin-right: 45px;
    }

    .rtl .mg-md-r-50 {
        margin-right: auto;
        margin-left: 50px;
    }

    .rtl .mg-md-l-50 {
        margin-left: auto;
        margin-right: 50px;
    }

    .rtl .mg-md-r-55 {
        margin-right: auto;
        margin-left: 55px;
    }

    .rtl .mg-md-l-55 {
        margin-left: auto;
        margin-right: 55px;
    }

    .rtl .mg-md-r-60 {
        margin-right: auto;
        margin-left: 60px;
    }

    .rtl .mg-md-l-60 {
        margin-left: auto;
        margin-right: 60px;
    }

    .rtl .mg-md-r-65 {
        margin-right: auto;
        margin-left: 65px;
    }

    .rtl .mg-md-l-65 {
        margin-left: auto;
        margin-right: 65px;
    }

    .rtl .mg-md-r-70 {
        margin-right: auto;
        margin-left: 70px;
    }

    .rtl .mg-md-l-70 {
        margin-left: auto;
        margin-right: 70px;
    }

    .rtl .mg-md-r-75 {
        margin-right: auto;
        margin-left: 75px;
    }

    .rtl .mg-md-l-75 {
        margin-left: auto;
        margin-right: 75px;
    }

    .rtl .mg-md-r-80 {
        margin-right: auto;
        margin-left: 80px;
    }

    .rtl .mg-md-l-80 {
        margin-left: auto;
        margin-right: 80px;
    }

    .rtl .mg-md-r-85 {
        margin-right: auto;
        margin-left: 85px;
    }

    .rtl .mg-md-l-85 {
        margin-left: auto;
        margin-right: 85px;
    }

    .rtl .mg-md-r-90 {
        margin-right: auto;
        margin-left: 90px;
    }

    .rtl .mg-md-l-90 {
        margin-left: auto;
        margin-right: 90px;
    }

    .rtl .mg-md-r-95 {
        margin-right: auto;
        margin-left: 95px;
    }

    .rtl .mg-md-l-95 {
        margin-left: auto;
        margin-right: 95px;
    }

    .rtl .mg-md-r-100 {
        margin-right: auto;
        margin-left: 100px;
    }

    .rtl .mg-md-l-100 {
        margin-left: auto;
        margin-right: 100px;
    }

    .rtl .mg-md-r-auto {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-md-l-auto {
        margin-left: 0;
        margin-right: auto;
    }
}
@media (min-width: 992px) {
    .rtl .mg-lg-r-0 {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl .mg-lg-l-0 {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-lg-r-1 {
        margin-right: auto;
        margin-left: 1px;
    }

    .rtl .mg-lg-l-1 {
        margin-left: auto;
        margin-right: 1px;
    }

    .rtl .mg-lg-r-2 {
        margin-right: auto;
        margin-left: 2px;
    }

    .rtl .mg-lg-l-2 {
        margin-left: auto;
        margin-right: 2px;
    }

    .rtl .mg-lg-r-3 {
        margin-right: auto;
        margin-left: 3px;
    }

    .rtl .mg-lg-l-3 {
        margin-left: auto;
        margin-right: 3px;
    }

    .rtl .mg-lg-r-4 {
        margin-right: auto;
        margin-left: 4px;
    }

    .rtl .mg-lg-l-4 {
        margin-left: auto;
        margin-right: 4px;
    }

    .rtl .mg-lg-r-5 {
        margin-right: auto;
        margin-left: 5px;
    }

    .rtl .mg-lg-l-5 {
        margin-left: auto;
        margin-right: 5px;
    }

    .rtl .mg-lg-r-6 {
        margin-right: auto;
        margin-left: 6px;
    }

    .rtl .mg-lg-l-6 {
        margin-left: auto;
        margin-right: 6px;
    }

    .rtl .mg-lg-r-7 {
        margin-right: auto;
        margin-left: 7px;
    }

    .rtl .mg-lg-l-7 {
        margin-left: auto;
        margin-right: 7px;
    }

    .rtl .mg-lg-r-8 {
        margin-right: auto;
        margin-left: 8px;
    }

    .rtl .mg-lg-l-8 {
        margin-left: auto;
        margin-right: 8px;
    }

    .rtl .mg-lg-r-9 {
        margin-right: auto;
        margin-left: 9px;
    }

    .rtl .mg-lg-l-9 {
        margin-left: auto;
        margin-right: 9px;
    }

    .rtl .mg-lg-r-10 {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .mg-lg-l-10 {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl .mg-lg-r-15 {
        margin-right: auto;
        margin-left: 15px;
    }

    .rtl .mg-lg-l-15 {
        margin-left: auto;
        margin-right: 15px;
    }

    .rtl .mg-lg-r-20 {
        margin-right: auto;
        margin-left: 20px;
    }

    .rtl .mg-lg-l-20 {
        margin-left: auto;
        margin-right: 20px;
    }

    .rtl .mg-lg-r-25 {
        margin-right: auto;
        margin-left: 25px;
    }

    .rtl .mg-lg-l-25 {
        margin-left: auto;
        margin-right: 25px;
    }

    .rtl .mg-lg-r-30 {
        margin-right: auto;
        margin-left: 30px;
    }

    .rtl .mg-lg-l-30 {
        margin-left: auto;
        margin-right: 30px;
    }

    .rtl .mg-lg-r-35 {
        margin-right: auto;
        margin-left: 35px;
    }

    .rtl .mg-lg-l-35 {
        margin-left: auto;
        margin-right: 35px;
    }

    .rtl .mg-lg-r-40 {
        margin-right: auto;
        margin-left: 40px;
    }

    .rtl .mg-lg-l-40 {
        margin-left: auto;
        margin-right: 40px;
    }

    .rtl .mg-lg-r-45 {
        margin-right: auto;
        margin-left: 45px;
    }

    .rtl .mg-lg-l-45 {
        margin-left: auto;
        margin-right: 45px;
    }

    .rtl .mg-lg-r-50 {
        margin-right: auto;
        margin-left: 50px;
    }

    .rtl .mg-lg-l-50 {
        margin-left: auto;
        margin-right: 50px;
    }

    .rtl .mg-lg-r-55 {
        margin-right: auto;
        margin-left: 55px;
    }

    .rtl .mg-lg-l-55 {
        margin-left: auto;
        margin-right: 55px;
    }

    .rtl .mg-lg-r-60 {
        margin-right: auto;
        margin-left: 60px;
    }

    .rtl .mg-lg-l-60 {
        margin-left: auto;
        margin-right: 60px;
    }

    .rtl .mg-lg-r-65 {
        margin-right: auto;
        margin-left: 65px;
    }

    .rtl .mg-lg-l-65 {
        margin-left: auto;
        margin-right: 65px;
    }

    .rtl .mg-lg-r-70 {
        margin-right: auto;
        margin-left: 70px;
    }

    .rtl .mg-lg-l-70 {
        margin-left: auto;
        margin-right: 70px;
    }

    .rtl .mg-lg-r-75 {
        margin-right: auto;
        margin-left: 75px;
    }

    .rtl .mg-lg-l-75 {
        margin-left: auto;
        margin-right: 75px;
    }

    .rtl .mg-lg-r-80 {
        margin-right: auto;
        margin-left: 80px;
    }

    .rtl .mg-lg-l-80 {
        margin-left: auto;
        margin-right: 80px;
    }

    .rtl .mg-lg-r-85 {
        margin-right: auto;
        margin-left: 85px;
    }

    .rtl .mg-lg-l-85 {
        margin-left: auto;
        margin-right: 85px;
    }

    .rtl .mg-lg-r-90 {
        margin-right: auto;
        margin-left: 90px;
    }

    .rtl .mg-lg-l-90 {
        margin-left: auto;
        margin-right: 90px;
    }

    .rtl .mg-lg-r-95 {
        margin-right: auto;
        margin-left: 95px;
    }

    .rtl .mg-lg-l-95 {
        margin-left: auto;
        margin-right: 95px;
    }

    .rtl .mg-lg-r-100 {
        margin-right: auto;
        margin-left: 100px;
    }

    .rtl .mg-lg-l-100 {
        margin-left: auto;
        margin-right: 100px;
    }

    .rtl .mg-lg-r-auto {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-lg-l-auto {
        margin-left: 0;
        margin-right: auto;
    }
}
@media (min-width: 1200px) {
    .rtl .mg-xl-r-0 {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl .mg-xl-l-0 {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-xl-r-1 {
        margin-right: auto;
        margin-left: 1px;
    }

    .rtl .mg-xl-l-1 {
        margin-left: auto;
        margin-right: 1px;
    }

    .rtl .mg-xl-r-2 {
        margin-right: auto;
        margin-left: 2px;
    }

    .rtl .mg-xl-l-2 {
        margin-left: auto;
        margin-right: 2px;
    }

    .rtl .mg-xl-r-3 {
        margin-right: auto;
        margin-left: 3px;
    }

    .rtl .mg-xl-l-3 {
        margin-left: auto;
        margin-right: 3px;
    }

    .rtl .mg-xl-r-4 {
        margin-right: auto;
        margin-left: 4px;
    }

    .rtl .mg-xl-l-4 {
        margin-left: auto;
        margin-right: 4px;
    }

    .rtl .mg-xl-r-5 {
        margin-right: auto;
        margin-left: 5px;
    }

    .rtl .mg-xl-l-5 {
        margin-left: auto;
        margin-right: 5px;
    }

    .rtl .mg-xl-r-6 {
        margin-right: auto;
        margin-left: 6px;
    }

    .rtl .mg-xl-l-6 {
        margin-left: auto;
        margin-right: 6px;
    }

    .rtl .mg-xl-r-7 {
        margin-right: auto;
        margin-left: 7px;
    }

    .rtl .mg-xl-l-7 {
        margin-left: auto;
        margin-right: 7px;
    }

    .rtl .mg-xl-r-8 {
        margin-right: auto;
        margin-left: 8px;
    }

    .rtl .mg-xl-l-8 {
        margin-left: auto;
        margin-right: 8px;
    }

    .rtl .mg-xl-r-9 {
        margin-right: auto;
        margin-left: 9px;
    }

    .rtl .mg-xl-l-9 {
        margin-left: auto;
        margin-right: 9px;
    }

    .rtl .mg-xl-r-10 {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .mg-xl-l-10 {
        margin-left: auto;
        margin-right: 10px;
    }

    .rtl .mg-xl-r-15 {
        margin-right: auto;
        margin-left: 15px;
    }

    .rtl .mg-xl-l-15 {
        margin-left: auto;
        margin-right: 15px;
    }

    .rtl .mg-xl-r-20 {
        margin-right: auto;
        margin-left: 20px;
    }

    .rtl .mg-xl-l-20 {
        margin-left: auto;
        margin-right: 20px;
    }

    .rtl .mg-xl-r-25 {
        margin-right: auto;
        margin-left: 25px;
    }

    .rtl .mg-xl-l-25 {
        margin-left: auto;
        margin-right: 25px;
    }

    .rtl .mg-xl-r-30 {
        margin-right: auto;
        margin-left: 30px;
    }

    .rtl .mg-xl-l-30 {
        margin-left: auto;
        margin-right: 30px;
    }

    .rtl .mg-xl-r-35 {
        margin-right: auto;
        margin-left: 35px;
    }

    .rtl .mg-xl-l-35 {
        margin-left: auto;
        margin-right: 35px;
    }

    .rtl .mg-xl-r-40 {
        margin-right: auto;
        margin-left: 40px;
    }

    .rtl .mg-xl-l-40 {
        margin-left: auto;
        margin-right: 40px;
    }

    .rtl .mg-xl-r-45 {
        margin-right: auto;
        margin-left: 45px;
    }

    .rtl .mg-xl-l-45 {
        margin-left: auto;
        margin-right: 45px;
    }

    .rtl .mg-xl-r-50 {
        margin-right: auto;
        margin-left: 50px;
    }

    .rtl .mg-xl-l-50 {
        margin-left: auto;
        margin-right: 50px;
    }

    .rtl .mg-xl-r-55 {
        margin-right: auto;
        margin-left: 55px;
    }

    .rtl .mg-xl-l-55 {
        margin-left: auto;
        margin-right: 55px;
    }

    .rtl .mg-xl-r-60 {
        margin-right: auto;
        margin-left: 60px;
    }

    .rtl .mg-xl-l-60 {
        margin-left: auto;
        margin-right: 60px;
    }

    .rtl .mg-xl-r-65 {
        margin-right: auto;
        margin-left: 65px;
    }

    .rtl .mg-xl-l-65 {
        margin-left: auto;
        margin-right: 65px;
    }

    .rtl .mg-xl-r-70 {
        margin-right: auto;
        margin-left: 70px;
    }

    .rtl .mg-xl-l-70 {
        margin-left: auto;
        margin-right: 70px;
    }

    .rtl .mg-xl-r-75 {
        margin-right: auto;
        margin-left: 75px;
    }

    .rtl .mg-xl-l-75 {
        margin-left: auto;
        margin-right: 75px;
    }

    .rtl .mg-xl-r-80 {
        margin-right: auto;
        margin-left: 80px;
    }

    .rtl .mg-xl-l-80 {
        margin-left: auto;
        margin-right: 80px;
    }

    .rtl .mg-xl-r-85 {
        margin-right: auto;
        margin-left: 85px;
    }

    .rtl .mg-xl-l-85 {
        margin-left: auto;
        margin-right: 85px;
    }

    .rtl .mg-xl-r-90 {
        margin-right: auto;
        margin-left: 90px;
    }

    .rtl .mg-xl-l-90 {
        margin-left: auto;
        margin-right: 90px;
    }

    .rtl .mg-xl-r-95 {
        margin-right: auto;
        margin-left: 95px;
    }

    .rtl .mg-xl-l-95 {
        margin-left: auto;
        margin-right: 95px;
    }

    .rtl .mg-xl-r-100 {
        margin-right: auto;
        margin-left: 100px;
    }

    .rtl .mg-xl-l-100 {
        margin-left: auto;
        margin-right: 100px;
    }

    .rtl .mg-xl-r-auto {
        margin-right: 0;
        margin-left: auto;
    }

    .rtl .mg-xl-l-auto {
        margin-left: 0;
        margin-right: auto;
    }
}
.rtl .me-0 {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.rtl .ms-0 {
    margin-left: auto !important;
    margin-right: 0 !important;
}
.rtl .me-1 {
    margin-right: auto !important;
    margin-left: 0.25rem !important;
}
.rtl .ms-1 {
    margin-left: auto !important;
    margin-right: 0.25rem !important;
}
.rtl .me-2 {
    margin-right: auto !important;
    margin-left: 0.5rem !important;
}
.rtl .ms-2 {
    margin-left: auto !important;
    margin-right: 0.5rem !important;
}
.rtl .me-3 {
    margin-right: auto !important;
    margin-left: 1rem !important;
}
.rtl .ms-3 {
    margin-left: auto !important;
    margin-right: 1rem !important;
}
.rtl .me-4 {
    margin-right: auto !important;
    margin-left: 1.5rem !important;
}
.rtl .ms-4 {
    margin-left: auto !important;
    margin-right: 1.5rem !important;
}
.rtl .me-5 {
    margin-right: auto !important;
    margin-left: 3rem !important;
}
.rtl .ms-5 {
    margin-left: auto !important;
    margin-right: 3rem !important;
}
.rtl .pe-0 {
    padding-right: inherit !important;
    padding-left: 0 !important;
}
.rtl .ps-0 {
    padding-left: inherit !important;
    padding-right: 0 !important;
}
.rtl .pe-1 {
    padding-right: inherit !important;
    padding-left: 0.25rem !important;
}
.rtl .ps-1 {
    padding-left: inherit !important;
    padding-right: 0.25rem !important;
}
.rtl .pe-2 {
    padding-right: inherit !important;
    padding-left: 0.5rem !important;
}
.rtl .ps-2 {
    padding-left: inherit !important;
    padding-right: 0.5rem !important;
}
.rtl .pe-3 {
    padding-right: inherit !important;
    padding-left: 1rem !important;
}
.rtl .ps-3 {
    padding-left: inherit !important;
    padding-right: 1rem !important;
}
.rtl .pe-4 {
    padding-right: inherit !important;
    padding-left: 1.5rem !important;
}
.rtl .ps-4 {
    padding-left: inherit !important;
    padding-right: 1.5rem !important;
}
.rtl .pe-5 {
    padding-right: inherit !important;
    padding-left: 3rem !important;
}
.rtl .ps-5 {
    padding-left: inherit !important;
    padding-right: 3rem !important;
}
.rtl .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}
.rtl .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}
@media (min-width: 576px) {
    .rtl .me-sm-0 {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .rtl .ms-sm-0 {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .rtl .me-sm-1 {
        margin-right: auto !important;
        margin-left: 0.25rem !important;
    }

    .rtl .ms-sm-1 {
        margin-left: auto !important;
        margin-right: 0.25rem !important;
    }

    .rtl .me-sm-2 {
        margin-right: auto !important;
        margin-left: 0.5rem !important;
    }

    .rtl .ms-sm-2 {
        margin-left: auto !important;
        margin-right: 0.5rem !important;
    }

    .rtl .me-sm-3 {
        margin-right: auto !important;
        margin-left: 1rem !important;
    }

    .rtl .ms-sm-3 {
        margin-left: auto !important;
        margin-right: 1rem !important;
    }

    .rtl .me-sm-4 {
        margin-right: auto !important;
        margin-left: 1.5rem !important;
    }

    .rtl .ms-sm-4 {
        margin-left: auto !important;
        margin-right: 1.5rem !important;
    }

    .rtl .me-sm-5 {
        margin-right: auto !important;
        margin-left: 3rem !important;
    }

    .rtl .ms-sm-5 {
        margin-left: auto !important;
        margin-right: 3rem !important;
    }

    .rtl .pe-sm-0 {
        padding-right: inherit !important;
        padding-left: 0 !important;
    }

    .rtl .ps-sm-0 {
        padding-left: inherit !important;
        padding-right: 0 !important;
    }

    .rtl .pe-sm-1 {
        padding-right: inherit !important;
        padding-left: 0.25rem !important;
    }

    .rtl .ps-sm-1 {
        padding-left: inherit !important;
        padding-right: 0.25rem !important;
    }

    .rtl .pe-sm-2 {
        padding-right: inherit !important;
        padding-left: 0.5rem !important;
    }

    .rtl .ps-sm-2 {
        padding-left: inherit !important;
        padding-right: 0.5rem !important;
    }

    .rtl .pe-sm-3 {
        padding-right: inherit !important;
        padding-left: 1rem !important;
    }

    .rtl .ps-sm-3 {
        padding-left: inherit !important;
        padding-right: 1rem !important;
    }

    .rtl .pe-sm-4 {
        padding-right: inherit !important;
        padding-left: 1.5rem !important;
    }

    .rtl .ps-sm-4 {
        padding-left: inherit !important;
        padding-right: 1.5rem !important;
    }

    .rtl .pe-sm-5 {
        padding-right: inherit !important;
        padding-left: 3rem !important;
    }

    .rtl .ps-sm-5 {
        padding-left: inherit !important;
        padding-right: 3rem !important;
    }

    .rtl .me-sm-n1 {
        margin-right: auto !important;
        margin-left: -0.25rem !important;
    }

    .rtl .ms-sm-n1 {
        margin-left: auto !important;
        margin-right: -0.25rem !important;
    }

    .rtl .me-sm-n2 {
        margin-right: auto !important;
        margin-left: -0.5rem !important;
    }

    .rtl .ms-sm-n2 {
        margin-left: auto !important;
        margin-right: -0.5rem !important;
    }

    .rtl .me-sm-n3 {
        margin-right: auto !important;
        margin-left: -1rem !important;
    }

    .rtl .ms-sm-n3 {
        margin-left: auto !important;
        margin-right: -1rem !important;
    }

    .rtl .me-sm-n4 {
        margin-right: auto !important;
        margin-left: -1.5rem !important;
    }

    .rtl .ms-sm-n4 {
        margin-left: auto !important;
        margin-right: -1.5rem !important;
    }

    .rtl .me-sm-n5 {
        margin-right: auto !important;
        margin-left: -3rem !important;
    }

    .rtl .ms-sm-n5 {
        margin-left: auto !important;
        margin-right: -3rem !important;
    }

    .rtl .me-sm-auto {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .rtl .ms-sm-auto {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}
@media (min-width: 768px) {
    .rtl .me-md-0 {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .rtl .ms-md-0 {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .rtl .me-md-1 {
        margin-right: auto !important;
        margin-left: 0.25rem !important;
    }

    .rtl .ms-md-1 {
        margin-left: auto !important;
        margin-right: 0.25rem !important;
    }

    .rtl .me-md-2 {
        margin-right: auto !important;
        margin-left: 0.5rem !important;
    }

    .rtl .ms-md-2 {
        margin-left: auto !important;
        margin-right: 0.5rem !important;
    }

    .rtl .me-md-3 {
        margin-right: auto !important;
        margin-left: 1rem !important;
    }

    .rtl .ms-md-3 {
        margin-left: auto !important;
        margin-right: 1rem !important;
    }

    .rtl .me-md-4 {
        margin-right: auto !important;
        margin-left: 1.5rem !important;
    }

    .rtl .ms-md-4 {
        margin-left: 0 !important;
        margin-right: 1.5rem !important;
    }

    .rtl .me-md-5 {
        margin-right: auto !important;
        margin-left: 3rem !important;
    }

    .rtl .ms-md-5 {
        margin-left: auto !important;
        margin-right: 3rem !important;
    }

    .rtl .pe-md-0 {
        padding-right: inherit !important;
        padding-left: 0 !important;
    }

    .rtl .ps-md-0 {
        padding-left: inherit !important;
        padding-right: 0 !important;
    }

    .rtl .pe-md-1 {
        padding-right: inherit !important;
        padding-left: 0.25rem !important;
    }

    .rtl .ps-md-1 {
        padding-left: inherit !important;
        padding-right: 0.25rem !important;
    }

    .rtl .pe-md-2 {
        padding-right: inherit !important;
        padding-left: 0.5rem !important;
    }

    .rtl .ps-md-2 {
        padding-left: inherit !important;
        padding-right: 0.5rem !important;
    }

    .rtl .pe-md-3 {
        padding-right: inherit !important;
        padding-left: 1rem !important;
    }

    .rtl .ps-md-3 {
        padding-left: inherit !important;
        padding-right: 1rem !important;
    }

    .rtl .pe-md-4 {
        padding-right: inherit !important;
        padding-left: 1.5rem !important;
    }

    .rtl .ps-md-4 {
        padding-left: inherit !important;
        padding-right: 1.5rem !important;
    }

    .rtl .pe-md-5 {
        padding-right: inherit !important;
        padding-left: 3rem !important;
    }

    .rtl .ps-md-5 {
        padding-left: inherit !important;
        padding-right: 3rem !important;
    }

    .rtl .me-md-n1 {
        margin-right: auto !important;
        margin-left: -0.25rem !important;
    }

    .rtl .ms-md-n1 {
        margin-left: auto !important;
        margin-right: -0.25rem !important;
    }

    .rtl .me-md-n2 {
        margin-right: auto !important;
        margin-left: -0.5rem !important;
    }

    .rtl .ms-md-n2 {
        margin-left: auto !important;
        margin-right: -0.5rem !important;
    }

    .rtl .me-md-n3 {
        margin-right: auto !important;
        margin-left: -1rem !important;
    }

    .rtl .ms-md-n3 {
        margin-left: auto !important;
        margin-right: -1rem !important;
    }

    .rtl .me-md-n4 {
        margin-right: auto !important;
        margin-left: -1.5rem !important;
    }

    .rtl .ms-md-n4 {
        margin-left: auto !important;
        margin-right: -1.5rem !important;
    }

    .rtl .me-md-n5 {
        margin-right: auto !important;
        margin-left: -3rem !important;
    }

    .rtl .ms-md-n5 {
        margin-left: auto !important;
        margin-right: -3rem !important;
    }

    .rtl .me-md-auto {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .rtl .ms-md-auto {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    .rtl .me-lg-0 {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .rtl .ms-lg-0 {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .rtl .me-lg-1 {
        margin-right: auto !important;
        margin-left: 0.25rem !important;
    }

    .rtl .ms-lg-1 {
        margin-left: auto !important;
        margin-right: 0.25rem !important;
    }

    .rtl .me-lg-2 {
        margin-right: auto !important;
        margin-left: 0.5rem !important;
    }

    .rtl .ms-lg-2 {
        margin-left: auto !important;
        margin-right: 0.5rem !important;
    }

    .rtl .me-lg-3 {
        margin-right: auto !important;
        margin-left: 1rem !important;
    }

    .rtl .ms-lg-3 {
        margin-left: auto !important;
        margin-right: 1rem !important;
    }

    .rtl .me-lg-4 {
        margin-right: auto !important;
        margin-left: 1.5rem !important;
    }

    .rtl .ms-lg-4 {
        margin-left: auto !important;
        margin-right: 1.5rem !important;
    }

    .rtl .me-lg-5 {
        margin-right: auto !important;
        margin-left: 3rem !important;
    }

    .rtl .ms-lg-5 {
        margin-left: auto !important;
        margin-right: 3rem !important;
    }

    .rtl .pe-lg-0 {
        padding-right: inherit !important;
        padding-left: 0 !important;
    }

    .rtl .ps-lg-0 {
        padding-left: inherit !important;
        padding-right: 0 !important;
    }

    .rtl .pe-lg-1 {
        padding-right: inherit !important;
        padding-left: 0.25rem !important;
    }

    .rtl .ps-lg-1 {
        padding-left: inherit !important;
        padding-right: 0.25rem !important;
    }

    .rtl .pe-lg-2 {
        padding-right: inherit !important;
        padding-left: 0.5rem !important;
    }

    .rtl .ps-lg-2 {
        padding-left: inherit !important;
        padding-right: 0.5rem !important;
    }

    .rtl .pe-lg-3 {
        padding-right: inherit !important;
        padding-left: 1rem !important;
    }

    .rtl .ps-lg-3 {
        padding-left: inherit !important;
        padding-right: 1rem !important;
    }

    .rtl .pe-lg-4 {
        padding-right: inherit !important;
        padding-left: 1.5rem !important;
    }

    .rtl .ps-lg-4 {
        padding-left: inherit !important;
        padding-right: 1.5rem !important;
    }

    .rtl .pe-lg-5 {
        padding-right: inherit !important;
        padding-left: 3rem !important;
    }

    .rtl .ps-lg-5 {
        padding-left: inherit !important;
        padding-right: 3rem !important;
    }

    .rtl .me-lg-n1 {
        margin-right: auto !important;
        margin-left: -0.25rem !important;
    }

    .rtl .ms-lg-n1 {
        margin-left: auto !important;
        margin-right: -0.25rem !important;
    }

    .rtl .me-lg-n2 {
        margin-right: auto !important;
        margin-left: -0.5rem !important;
    }

    .rtl .ms-lg-n2 {
        margin-left: auto !important;
        margin-right: -0.5rem !important;
    }

    .rtl .me-lg-n3 {
        margin-right: auto !important;
        margin-left: -1rem !important;
    }

    .rtl .ms-lg-n3 {
        margin-left: auto !important;
        margin-right: -1rem !important;
    }

    .rtl .me-lg-n4 {
        margin-right: auto !important;
        margin-left: -1.5rem !important;
    }

    .rtl .ms-lg-n4 {
        margin-left: auto !important;
        margin-right: -1.5rem !important;
    }

    .rtl .me-lg-n5 {
        margin-right: auto !important;
        margin-left: -3rem !important;
    }

    .rtl .ms-lg-n5 {
        margin-left: auto !important;
        margin-right: -3rem !important;
    }

    .rtl .me-lg-auto {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .rtl .ms-lg-auto {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}
@media (min-width: 1200px) {
    .rtl .me-xl-0 {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .rtl .ms-xl-0 {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .rtl .me-xl-1 {
        margin-right: auto !important;
        margin-left: 0.25rem !important;
    }

    .rtl .ms-xl-1 {
        margin-left: auto !important;
        margin-right: 0.25rem !important;
    }

    .rtl .me-xl-2 {
        margin-right: auto !important;
        margin-left: 0.5rem !important;
    }

    .rtl .ms-xl-2 {
        margin-left: auto !important;
        margin-right: 0.5rem !important;
    }

    .rtl .me-xl-3 {
        margin-right: auto !important;
        margin-left: 1rem !important;
    }

    .rtl .ms-xl-3 {
        margin-left: auto !important;
        margin-right: 1rem !important;
    }

    .rtl .me-xl-4 {
        margin-right: auto !important;
        margin-left: 1.5rem !important;
    }

    .rtl .ms-xl-4 {
        margin-left: auto !important;
        margin-right: 1.5rem !important;
    }

    .rtl .me-xl-5 {
        margin-right: auto !important;
        margin-left: 3rem !important;
    }

    .rtl .ms-xl-5 {
        margin-left: auto !important;
        margin-right: 3rem !important;
    }

    .rtl .pe-xl-0 {
        padding-right: inherit !important;
        padding-left: 0 !important;
    }

    .rtl .ps-xl-0 {
        padding-left: inherit !important;
        padding-right: 0 !important;
    }

    .rtl .pe-xl-1 {
        padding-right: inherit !important;
        padding-left: 0.25rem !important;
    }

    .rtl .ps-xl-1 {
        padding-left: inherit !important;
        padding-right: 0.25rem !important;
    }

    .rtl .pe-xl-2 {
        padding-right: inherit !important;
        padding-left: 0.5rem !important;
    }

    .rtl .ps-xl-2 {
        padding-left: inherit !important;
        padding-right: 0.5rem !important;
    }

    .rtl .pe-xl-3 {
        padding-right: inherit !important;
        padding-left: 1rem !important;
    }

    .rtl .ps-xl-3 {
        padding-left: inherit !important;
        padding-right: 1rem !important;
    }

    .rtl .pe-xl-4 {
        padding-right: inherit !important;
        padding-left: 1.5rem !important;
    }

    .rtl .ps-xl-4 {
        padding-left: inherit !important;
        padding-right: 1.5rem !important;
    }

    .rtl .pe-xl-5 {
        padding-right: inherit !important;
        padding-left: 3rem !important;
    }

    .rtl .ps-xl-5 {
        padding-left: inherit !important;
        padding-right: 3rem !important;
    }

    .rtl .me-xl-n1 {
        margin-right: auto !important;
        margin-left: -0.25rem !important;
    }

    .rtl .ms-xl-n1 {
        margin-left: auto !important;
        margin-right: -0.25rem !important;
    }

    .rtl .me-xl-n2 {
        margin-right: auto !important;
        margin-left: -0.5rem !important;
    }

    .rtl .ms-xl-n2 {
        margin-left: auto !important;
        margin-right: -0.5rem !important;
    }

    .rtl .me-xl-n3 {
        margin-right: auto !important;
        margin-left: -1rem !important;
    }

    .rtl .ms-xl-n3 {
        margin-left: auto !important;
        margin-right: -1rem !important;
    }

    .rtl .me-xl-n4 {
        margin-right: auto !important;
        margin-left: -1.5rem !important;
    }

    .rtl .ms-xl-n4 {
        margin-left: auto !important;
        margin-right: -1.5rem !important;
    }

    .rtl .me-xl-n5 {
        margin-right: auto !important;
        margin-left: -3rem !important;
    }

    .rtl .ms-xl-n5 {
        margin-left: auto !important;
        margin-right: -3rem !important;
    }

    .rtl .me-xl-auto {
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .rtl .ms-xl-auto {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}
.rtl .pd-r-0 {
    padding-right: inherit;
    padding-left: 0px;
}
.rtl .pd-l-0 {
    padding-left: inherit;
    padding-right: 0px;
}
.rtl .pd-r-1 {
    padding-right: inherit;
    padding-left: 1px;
}
.rtl .pd-l-1 {
    padding-left: inherit;
    padding-right: 1px;
}
.rtl .pd-r-2 {
    padding-right: inherit;
    padding-left: 2px;
}
.rtl .pd-l-2 {
    padding-left: inherit;
    padding-right: 2px;
}
.rtl .pd-r-3 {
    padding-right: inherit;
    padding-left: 3px;
}
.rtl .pd-l-3 {
    padding-left: inherit;
    padding-right: 3px;
}
.rtl .pd-r-4 {
    padding-right: inherit;
    padding-left: 4px;
}
.rtl .pd-l-4 {
    padding-left: inherit;
    padding-right: 4px;
}
.rtl .pd-r-5 {
    padding-right: inherit;
    padding-left: 5px;
}
.rtl .pd-l-5 {
    padding-left: inherit;
    padding-right: 5px;
}
.rtl .pd-r-6 {
    padding-right: inherit;
    padding-left: 6px;
}
.rtl .pd-l-6 {
    padding-left: inherit;
    padding-right: 6px;
}
.rtl .pd-r-7 {
    padding-right: inherit;
    padding-left: 7px;
}
.rtl .pd-l-7 {
    padding-left: inherit;
    padding-right: 7px;
}
.rtl .pd-r-8 {
    padding-right: inherit;
    padding-left: 8px;
}
.rtl .pd-l-8 {
    padding-left: inherit;
    padding-right: 8px;
}
.rtl .pd-r-9 {
    padding-right: inherit;
    padding-left: 9px;
}
.rtl .pd-l-9 {
    padding-left: inherit;
    padding-right: 9px;
}
.rtl .pd-r-10 {
    padding-right: inherit;
    padding-left: 10px;
}
.rtl .pd-l-10 {
    padding-left: inherit;
    padding-right: 10px;
}
.rtl .pd-r-15 {
    padding-right: inherit;
    padding-left: 15px;
}
.rtl .pd-l-15 {
    padding-left: inherit;
    padding-right: 15px;
}
.rtl .pd-r-20 {
    padding-right: inherit;
    padding-left: 20px;
}
.rtl .pd-l-20 {
    padding-left: inherit;
    padding-right: 20px;
}
.rtl .pd-r-25 {
    padding-right: inherit;
    padding-left: 25px;
}
.rtl .pd-l-25 {
    padding-left: inherit;
    padding-right: 25px;
}
.rtl .pd-r-30 {
    padding-right: inherit;
    padding-left: 30px;
}
.rtl .pd-l-30 {
    padding-left: inherit;
    padding-right: 30px;
}
.rtl .pd-r-35 {
    padding-right: inherit;
    padding-left: 35px;
}
.rtl .pd-l-35 {
    padding-left: inherit;
    padding-right: 35px;
}
.rtl .pd-r-40 {
    padding-right: inherit;
    padding-left: 40px;
}
.rtl .pd-l-40 {
    padding-left: inherit;
    padding-right: 40px;
}
.rtl .pd-r-45 {
    padding-right: inherit;
    padding-left: 45px;
}
.rtl .pd-l-45 {
    padding-left: inherit;
    padding-right: 45px;
}
.rtl .pd-r-50 {
    padding-right: inherit;
    padding-left: 50px;
}
.rtl .pd-l-50 {
    padding-left: inherit;
    padding-right: 50px;
}
.rtl .pd-r-55 {
    padding-right: inherit;
    padding-left: 55px;
}
.rtl .pd-l-55 {
    padding-left: inherit;
    padding-right: 55px;
}
.rtl .pd-r-60 {
    padding-right: inherit;
    padding-left: 60px;
}
.rtl .pd-l-60 {
    padding-left: inherit;
    padding-right: 60px;
}
.rtl .pd-r-65 {
    padding-right: inherit;
    padding-left: 65px;
}
.rtl .pd-l-65 {
    padding-left: inherit;
    padding-right: 65px;
}
.rtl .pd-r-70 {
    padding-right: inherit;
    padding-left: 70px;
}
.rtl .pd-l-70 {
    padding-left: inherit;
    padding-right: 70px;
}
.rtl .pd-r-75 {
    padding-right: inherit;
    padding-left: 75px;
}
.rtl .pd-l-75 {
    padding-left: inherit;
    padding-right: 75px;
}
.rtl .pd-r-80 {
    padding-right: inherit;
    padding-left: 80px;
}
.rtl .pd-l-80 {
    padding-left: inherit;
    padding-right: 80px;
}
.rtl .pd-r-85 {
    padding-right: inherit;
    padding-left: 85px;
}
.rtl .pd-l-85 {
    padding-left: inherit;
    padding-right: 85px;
}
.rtl .pd-r-90 {
    padding-right: inherit;
    padding-left: 90px;
}
.rtl .pd-l-90 {
    padding-left: inherit;
    padding-right: 90px;
}
.rtl .pd-r-95 {
    padding-right: inherit;
    padding-left: 95px;
}
.rtl .pd-l-95 {
    padding-left: inherit;
    padding-right: 95px;
}
.rtl .pd-r-100 {
    padding-right: inherit;
    padding-left: 100px;
}
.rtl .pd-l-100 {
    padding-left: inherit;
    padding-right: 100px;
}
.rtl .pd-r-110 {
    padding-right: inherit;
    padding-left: 110px;
}
.rtl .pd-l-110 {
    padding-left: inherit;
    padding-right: 110px;
}
.rtl .pd-r-120 {
    padding-right: inherit;
    padding-left: 120px;
}
.rtl .pd-l-120 {
    padding-left: inherit;
    padding-right: 120px;
}
.rtl .pd-r-130 {
    padding-right: inherit;
    padding-left: 130px;
}
.rtl .pd-l-130 {
    padding-left: inherit;
    padding-right: 130px;
}
.rtl .pd-r-140 {
    padding-right: inherit;
    padding-left: 140px;
}
.rtl .pd-l-140 {
    padding-left: inherit;
    padding-right: 140px;
}
.rtl .pd-r-150 {
    padding-right: inherit;
    padding-left: 150px;
}
.rtl .pd-l-150 {
    padding-left: inherit;
    padding-right: 150px;
}
.rtl .pd-r-160 {
    padding-right: inherit;
    padding-left: 160px;
}
.rtl .pd-l-160 {
    padding-left: inherit;
    padding-right: 160px;
}
.rtl .pd-r-170 {
    padding-right: inherit;
    padding-left: 170px;
}
.rtl .pd-l-170 {
    padding-left: inherit;
    padding-right: 170px;
}
.rtl .pd-r-180 {
    padding-right: inherit;
    padding-left: 180px;
}
.rtl .pd-l-180 {
    padding-left: inherit;
    padding-right: 180px;
}
.rtl .pd-r-190 {
    padding-right: inherit;
    padding-left: 190px;
}
.rtl .pd-l-190 {
    padding-left: inherit;
    padding-right: 190px;
}
.rtl .pd-r-200 {
    padding-right: inherit;
    padding-left: 200px;
}
.rtl .pd-l-200 {
    padding-left: inherit;
    padding-right: 200px;
}
@media (min-width: 480px) {
    .rtl .pd-xs-r-0 {
        padding-right: inherit;
        padding-left: 0px;
    }

    .rtl .pd-xs-l-0 {
        padding-left: inherit;
        padding-right: 0px;
    }

    .rtl .pd-xs-r-1 {
        padding-right: inherit;
        padding-left: 1px;
    }

    .rtl .pd-xs-l-1 {
        padding-left: inherit;
        padding-right: 1px;
    }

    .rtl .pd-xs-r-2 {
        padding-right: inherit;
        padding-left: 2px;
    }

    .rtl .pd-xs-l-2 {
        padding-left: inherit;
        padding-right: 2px;
    }

    .rtl .pd-xs-r-3 {
        padding-right: inherit;
        padding-left: 3px;
    }

    .rtl .pd-xs-l-3 {
        padding-left: inherit;
        padding-right: 3px;
    }

    .rtl .pd-xs-r-4 {
        padding-right: inherit;
        padding-left: 4px;
    }

    .rtl .pd-xs-l-4 {
        padding-left: inherit;
        padding-right: 4px;
    }

    .rtl .pd-xs-r-5 {
        padding-right: inherit;
        padding-left: 5px;
    }

    .rtl .pd-xs-l-5 {
        padding-left: inherit;
        padding-right: 5px;
    }

    .rtl .pd-xs-r-6 {
        padding-right: inherit;
        padding-left: 6px;
    }

    .rtl .pd-xs-l-6 {
        padding-left: inherit;
        padding-right: 6px;
    }

    .rtl .pd-xs-r-7 {
        padding-right: inherit;
        padding-left: 7px;
    }

    .rtl .pd-xs-l-7 {
        padding-left: inherit;
        padding-right: 7px;
    }

    .rtl .pd-xs-r-8 {
        padding-right: inherit;
        padding-left: 8px;
    }

    .rtl .pd-xs-l-8 {
        padding-left: inherit;
        padding-right: 8px;
    }

    .rtl .pd-xs-r-9 {
        padding-right: inherit;
        padding-left: 9px;
    }

    .rtl .pd-xs-l-9 {
        padding-left: inherit;
        padding-right: 9px;
    }

    .rtl .pd-xs-r-10 {
        padding-right: inherit;
        padding-left: 10px;
    }

    .rtl .pd-xs-l-10 {
        padding-left: inherit;
        padding-right: 10px;
    }

    .rtl .pd-xs-r-15 {
        padding-right: inherit;
        padding-left: 15px;
    }

    .rtl .pd-xs-l-15 {
        padding-left: inherit;
        padding-right: 15px;
    }

    .rtl .pd-xs-r-20 {
        padding-right: inherit;
        padding-left: 20px;
    }

    .rtl .pd-xs-l-20 {
        padding-left: inherit;
        padding-right: 20px;
    }

    .rtl .pd-xs-r-25 {
        padding-right: inherit;
        padding-left: 25px;
    }

    .rtl .pd-xs-l-25 {
        padding-left: inherit;
        padding-right: 25px;
    }

    .rtl .pd-xs-r-30 {
        padding-right: inherit;
        padding-left: 30px;
    }

    .rtl .pd-xs-l-30 {
        padding-left: inherit;
        padding-right: 30px;
    }

    .rtl .pd-xs-r-35 {
        padding-right: inherit;
        padding-left: 35px;
    }

    .rtl .pd-xs-l-35 {
        padding-left: inherit;
        padding-right: 35px;
    }

    .rtl .pd-xs-r-40 {
        padding-right: inherit;
        padding-left: 40px;
    }

    .rtl .pd-xs-l-40 {
        padding-left: inherit;
        padding-right: 40px;
    }

    .rtl .pd-xs-r-45 {
        padding-right: inherit;
        padding-left: 45px;
    }

    .rtl .pd-xs-l-45 {
        padding-left: inherit;
        padding-right: 45px;
    }

    .rtl .pd-xs-r-50 {
        padding-right: inherit;
        padding-left: 50px;
    }

    .rtl .pd-xs-l-50 {
        padding-left: inherit;
        padding-right: 50px;
    }

    .rtl .pd-xs-r-55 {
        padding-right: inherit;
        padding-left: 55px;
    }

    .rtl .pd-xs-l-55 {
        padding-left: inherit;
        padding-right: 55px;
    }

    .rtl .pd-xs-r-60 {
        padding-right: inherit;
        padding-left: 60px;
    }

    .rtl .pd-xs-l-60 {
        padding-left: inherit;
        padding-right: 60px;
    }

    .rtl .pd-xs-r-65 {
        padding-right: inherit;
        padding-left: 65px;
    }

    .rtl .pd-xs-l-65 {
        padding-left: inherit;
        padding-right: 65px;
    }

    .rtl .pd-xs-r-70 {
        padding-right: inherit;
        padding-left: 70px;
    }

    .rtl .pd-xs-l-70 {
        padding-left: inherit;
        padding-right: 70px;
    }

    .rtl .pd-xs-r-75 {
        padding-right: inherit;
        padding-left: 75px;
    }

    .rtl .pd-xs-l-75 {
        padding-left: inherit;
        padding-right: 75px;
    }

    .rtl .pd-xs-r-80 {
        padding-right: inherit;
        padding-left: 80px;
    }

    .rtl .pd-xs-l-80 {
        padding-left: inherit;
        padding-right: 80px;
    }

    .rtl .pd-xs-r-85 {
        padding-right: inherit;
        padding-left: 85px;
    }

    .rtl .pd-xs-l-85 {
        padding-left: inherit;
        padding-right: 85px;
    }

    .rtl .pd-xs-r-90 {
        padding-right: inherit;
        padding-left: 90px;
    }

    .rtl .pd-xs-l-90 {
        padding-left: inherit;
        padding-right: 90px;
    }

    .rtl .pd-xs-r-95 {
        padding-right: inherit;
        padding-left: 95px;
    }

    .rtl .pd-xs-l-95 {
        padding-left: inherit;
        padding-right: 95px;
    }

    .rtl .pd-xs-r-100 {
        padding-right: inherit;
        padding-left: 100px;
    }

    .rtl .pd-xs-l-100 {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl .pd-xs-r-110 {
        padding-right: inherit;
        padding-left: 110px;
    }

    .rtl .pd-xs-l-110 {
        padding-left: inherit;
        padding-right: 110px;
    }

    .rtl .pd-xs-r-120 {
        padding-right: inherit;
        padding-left: 120px;
    }

    .rtl .pd-xs-l-120 {
        padding-left: inherit;
        padding-right: 120px;
    }

    .rtl .pd-xs-r-130 {
        padding-right: inherit;
        padding-left: 130px;
    }

    .rtl .pd-xs-l-130 {
        padding-left: inherit;
        padding-right: 130px;
    }

    .rtl .pd-xs-r-140 {
        padding-right: inherit;
        padding-left: 140px;
    }

    .rtl .pd-xs-l-140 {
        padding-left: inherit;
        padding-right: 140px;
    }

    .rtl .pd-xs-r-150 {
        padding-right: inherit;
        padding-left: 150px;
    }

    .rtl .pd-xs-l-150 {
        padding-left: inherit;
        padding-right: 150px;
    }

    .rtl .pd-xs-r-160 {
        padding-right: inherit;
        padding-left: 160px;
    }

    .rtl .pd-xs-l-160 {
        padding-left: inherit;
        padding-right: 160px;
    }

    .rtl .pd-xs-r-170 {
        padding-right: inherit;
        padding-left: 170px;
    }

    .rtl .pd-xs-l-170 {
        padding-left: inherit;
        padding-right: 170px;
    }

    .rtl .pd-xs-r-180 {
        padding-right: inherit;
        padding-left: 180px;
    }

    .rtl .pd-xs-l-180 {
        padding-left: inherit;
        padding-right: 180px;
    }

    .rtl .pd-xs-r-190 {
        padding-right: inherit;
        padding-left: 190px;
    }

    .rtl .pd-xs-l-190 {
        padding-left: inherit;
        padding-right: 190px;
    }

    .rtl .pd-xs-r-200 {
        padding-right: inherit;
        padding-left: 200px;
    }

    .rtl .pd-xs-l-200 {
        padding-left: inherit;
        padding-right: 200px;
    }
}
@media (min-width: 576px) {
    .rtl .pd-sm-r-0 {
        padding-right: inherit;
        padding-left: 0px;
    }

    .rtl .pd-sm-l-0 {
        padding-left: inherit;
        padding-right: 0px;
    }

    .rtl .pd-sm-r-1 {
        padding-right: inherit;
        padding-left: 1px;
    }

    .rtl .pd-sm-l-1 {
        padding-left: inherit;
        padding-right: 1px;
    }

    .rtl .pd-sm-r-2 {
        padding-right: inherit;
        padding-left: 2px;
    }

    .rtl .pd-sm-l-2 {
        padding-left: inherit;
        padding-right: 2px;
    }

    .rtl .pd-sm-r-3 {
        padding-right: inherit;
        padding-left: 3px;
    }

    .rtl .pd-sm-l-3 {
        padding-left: inherit;
        padding-right: 3px;
    }

    .rtl .pd-sm-r-4 {
        padding-right: inherit;
        padding-left: 4px;
    }

    .rtl .pd-sm-l-4 {
        padding-left: inherit;
        padding-right: 4px;
    }

    .rtl .pd-sm-r-5 {
        padding-right: inherit;
        padding-left: 5px;
    }

    .rtl .pd-sm-l-5 {
        padding-left: inherit;
        padding-right: 5px;
    }

    .rtl .pd-sm-r-6 {
        padding-right: inherit;
        padding-left: 6px;
    }

    .rtl .pd-sm-l-6 {
        padding-left: inherit;
        padding-right: 6px;
    }

    .rtl .pd-sm-r-7 {
        padding-right: inherit;
        padding-left: 7px;
    }

    .rtl .pd-sm-l-7 {
        padding-left: inherit;
        padding-right: 7px;
    }

    .rtl .pd-sm-r-8 {
        padding-right: inherit;
        padding-left: 8px;
    }

    .rtl .pd-sm-l-8 {
        padding-left: inherit;
        padding-right: 8px;
    }

    .rtl .pd-sm-r-9 {
        padding-right: inherit;
        padding-left: 9px;
    }

    .rtl .pd-sm-l-9 {
        padding-left: inherit;
        padding-right: 9px;
    }

    .rtl .pd-sm-r-10 {
        padding-right: inherit;
        padding-left: 10px;
    }

    .rtl .pd-sm-l-10 {
        padding-left: inherit;
        padding-right: 10px;
    }

    .rtl .pd-sm-r-15 {
        padding-right: inherit;
        padding-left: 15px;
    }

    .rtl .pd-sm-l-15 {
        padding-left: inherit;
        padding-right: 15px;
    }

    .rtl .pd-sm-r-20 {
        padding-right: inherit;
        padding-left: 20px;
    }

    .rtl .pd-sm-l-20 {
        padding-left: inherit;
        padding-right: 20px;
    }

    .rtl .pd-sm-r-25 {
        padding-right: inherit;
        padding-left: 25px;
    }

    .rtl .pd-sm-l-25 {
        padding-left: inherit;
        padding-right: 25px;
    }

    .rtl .pd-sm-r-30 {
        padding-right: inherit;
        padding-left: 30px;
    }

    .rtl .pd-sm-l-30 {
        padding-left: inherit;
        padding-right: 30px;
    }

    .rtl .pd-sm-r-35 {
        padding-right: inherit;
        padding-left: 35px;
    }

    .rtl .pd-sm-l-35 {
        padding-left: inherit;
        padding-right: 35px;
    }

    .rtl .pd-sm-r-40 {
        padding-right: inherit;
        padding-left: 40px;
    }

    .rtl .pd-sm-l-40 {
        padding-left: inherit;
        padding-right: 40px;
    }

    .rtl .pd-sm-r-45 {
        padding-right: inherit;
        padding-left: 45px;
    }

    .rtl .pd-sm-l-45 {
        padding-left: inherit;
        padding-right: 45px;
    }

    .rtl .pd-sm-r-50 {
        padding-right: inherit;
        padding-left: 50px;
    }

    .rtl .pd-sm-l-50 {
        padding-left: inherit;
        padding-right: 50px;
    }

    .rtl .pd-sm-r-55 {
        padding-right: inherit;
        padding-left: 55px;
    }

    .rtl .pd-sm-l-55 {
        padding-left: inherit;
        padding-right: 55px;
    }

    .rtl .pd-sm-r-60 {
        padding-right: inherit;
        padding-left: 60px;
    }

    .rtl .pd-sm-l-60 {
        padding-left: inherit;
        padding-right: 60px;
    }

    .rtl .pd-sm-r-65 {
        padding-right: inherit;
        padding-left: 65px;
    }

    .rtl .pd-sm-l-65 {
        padding-left: inherit;
        padding-right: 65px;
    }

    .rtl .pd-sm-r-70 {
        padding-right: inherit;
        padding-left: 70px;
    }

    .rtl .pd-sm-l-70 {
        padding-left: inherit;
        padding-right: 70px;
    }

    .rtl .pd-sm-r-75 {
        padding-right: inherit;
        padding-left: 75px;
    }

    .rtl .pd-sm-l-75 {
        padding-left: inherit;
        padding-right: 75px;
    }

    .rtl .pd-sm-r-80 {
        padding-right: inherit;
        padding-left: 80px;
    }

    .rtl .pd-sm-l-80 {
        padding-left: inherit;
        padding-right: 80px;
    }

    .rtl .pd-sm-r-85 {
        padding-right: inherit;
        padding-left: 85px;
    }

    .rtl .pd-sm-l-85 {
        padding-left: inherit;
        padding-right: 85px;
    }

    .rtl .pd-sm-r-90 {
        padding-right: inherit;
        padding-left: 90px;
    }

    .rtl .pd-sm-l-90 {
        padding-left: inherit;
        padding-right: 90px;
    }

    .rtl .pd-sm-r-95 {
        padding-right: inherit;
        padding-left: 95px;
    }

    .rtl .pd-sm-l-95 {
        padding-left: inherit;
        padding-right: 95px;
    }

    .rtl .pd-sm-r-100 {
        padding-right: inherit;
        padding-left: 100px;
    }

    .rtl .pd-sm-l-100 {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl .pd-sm-r-110 {
        padding-right: inherit;
        padding-left: 110px;
    }

    .rtl .pd-sm-l-110 {
        padding-left: inherit;
        padding-right: 110px;
    }

    .rtl .pd-sm-r-120 {
        padding-right: inherit;
        padding-left: 120px;
    }

    .rtl .pd-sm-l-120 {
        padding-left: inherit;
        padding-right: 120px;
    }

    .rtl .pd-sm-r-130 {
        padding-right: inherit;
        padding-left: 130px;
    }

    .rtl .pd-sm-l-130 {
        padding-left: inherit;
        padding-right: 130px;
    }

    .rtl .pd-sm-r-140 {
        padding-right: inherit;
        padding-left: 140px;
    }

    .rtl .pd-sm-l-140 {
        padding-left: inherit;
        padding-right: 140px;
    }

    .rtl .pd-sm-r-150 {
        padding-right: inherit;
        padding-left: 150px;
    }

    .rtl .pd-sm-l-150 {
        padding-left: inherit;
        padding-right: 150px;
    }

    .rtl .pd-sm-r-160 {
        padding-right: inherit;
        padding-left: 160px;
    }

    .rtl .pd-sm-l-160 {
        padding-left: inherit;
        padding-right: 160px;
    }

    .rtl .pd-sm-r-170 {
        padding-right: inherit;
        padding-left: 170px;
    }

    .rtl .pd-sm-l-170 {
        padding-left: inherit;
        padding-right: 170px;
    }

    .rtl .pd-sm-r-180 {
        padding-right: inherit;
        padding-left: 180px;
    }

    .rtl .pd-sm-l-180 {
        padding-left: inherit;
        padding-right: 180px;
    }

    .rtl .pd-sm-r-190 {
        padding-right: inherit;
        padding-left: 190px;
    }

    .rtl .pd-sm-l-190 {
        padding-left: inherit;
        padding-right: 190px;
    }

    .rtl .pd-sm-r-200 {
        padding-right: inherit;
        padding-left: 200px;
    }

    .rtl .pd-sm-l-200 {
        padding-left: inherit;
        padding-right: 200px;
    }
}
@media (min-width: 768px) {
    .rtl .pd-md-r-0 {
        padding-right: inherit;
        padding-left: 0px;
    }

    .rtl .pd-md-l-0 {
        padding-left: inherit;
        padding-right: 0px;
    }

    .rtl .pd-md-r-1 {
        padding-right: inherit;
        padding-left: 1px;
    }

    .rtl .pd-md-l-1 {
        padding-left: inherit;
        padding-right: 1px;
    }

    .rtl .pd-md-r-2 {
        padding-right: inherit;
        padding-left: 2px;
    }

    .rtl .pd-md-l-2 {
        padding-left: inherit;
        padding-right: 2px;
    }

    .rtl .pd-md-r-3 {
        padding-right: inherit;
        padding-left: 3px;
    }

    .rtl .pd-md-l-3 {
        padding-left: inherit;
        padding-right: 3px;
    }

    .rtl .pd-md-r-4 {
        padding-right: inherit;
        padding-left: 4px;
    }

    .rtl .pd-md-l-4 {
        padding-left: inherit;
        padding-right: 4px;
    }

    .rtl .pd-md-r-5 {
        padding-right: inherit;
        padding-left: 5px;
    }

    .rtl .pd-md-l-5 {
        padding-left: inherit;
        padding-right: 5px;
    }

    .rtl .pd-md-r-6 {
        padding-right: inherit;
        padding-left: 6px;
    }

    .rtl .pd-md-l-6 {
        padding-left: inherit;
        padding-right: 6px;
    }

    .rtl .pd-md-r-7 {
        padding-right: inherit;
        padding-left: 7px;
    }

    .rtl .pd-md-l-7 {
        padding-left: inherit;
        padding-right: 7px;
    }

    .rtl .pd-md-r-8 {
        padding-right: inherit;
        padding-left: 8px;
    }

    .rtl .pd-md-l-8 {
        padding-left: inherit;
        padding-right: 8px;
    }

    .rtl .pd-md-r-9 {
        padding-right: inherit;
        padding-left: 9px;
    }

    .rtl .pd-md-l-9 {
        padding-left: inherit;
        padding-right: 9px;
    }

    .rtl .pd-md-r-10 {
        padding-right: inherit;
        padding-left: 10px;
    }

    .rtl .pd-md-l-10 {
        padding-left: inherit;
        padding-right: 10px;
    }

    .rtl .pd-md-r-15 {
        padding-right: inherit;
        padding-left: 15px;
    }

    .rtl .pd-md-l-15 {
        padding-left: inherit;
        padding-right: 15px;
    }

    .rtl .pd-md-r-20 {
        padding-right: inherit;
        padding-left: 20px;
    }

    .rtl .pd-md-l-20 {
        padding-left: inherit;
        padding-right: 20px;
    }

    .rtl .pd-md-r-25 {
        padding-right: inherit;
        padding-left: 25px;
    }

    .rtl .pd-md-l-25 {
        padding-left: inherit;
        padding-right: 25px;
    }

    .rtl .pd-md-r-30 {
        padding-right: inherit;
        padding-left: 30px;
    }

    .rtl .pd-md-l-30 {
        padding-left: inherit;
        padding-right: 30px;
    }

    .rtl .pd-md-r-35 {
        padding-right: inherit;
        padding-left: 35px;
    }

    .rtl .pd-md-l-35 {
        padding-left: inherit;
        padding-right: 35px;
    }

    .rtl .pd-md-r-40 {
        padding-right: inherit;
        padding-left: 40px;
    }

    .rtl .pd-md-l-40 {
        padding-left: inherit;
        padding-right: 40px;
    }

    .rtl .pd-md-r-45 {
        padding-right: inherit;
        padding-left: 45px;
    }

    .rtl .pd-md-l-45 {
        padding-left: inherit;
        padding-right: 45px;
    }

    .rtl .pd-md-r-50 {
        padding-right: inherit;
        padding-left: 50px;
    }

    .rtl .pd-md-l-50 {
        padding-left: inherit;
        padding-right: 50px;
    }

    .rtl .pd-md-r-55 {
        padding-right: inherit;
        padding-left: 55px;
    }

    .rtl .pd-md-l-55 {
        padding-left: inherit;
        padding-right: 55px;
    }

    .rtl .pd-md-r-60 {
        padding-right: inherit;
        padding-left: 60px;
    }

    .rtl .pd-md-l-60 {
        padding-left: inherit;
        padding-right: 60px;
    }

    .rtl .pd-md-r-65 {
        padding-right: inherit;
        padding-left: 65px;
    }

    .rtl .pd-md-l-65 {
        padding-left: inherit;
        padding-right: 65px;
    }

    .rtl .pd-md-r-70 {
        padding-right: inherit;
        padding-left: 70px;
    }

    .rtl .pd-md-l-70 {
        padding-left: inherit;
        padding-right: 70px;
    }

    .rtl .pd-md-r-75 {
        padding-right: inherit;
        padding-left: 75px;
    }

    .rtl .pd-md-l-75 {
        padding-left: inherit;
        padding-right: 75px;
    }

    .rtl .pd-md-r-80 {
        padding-right: inherit;
        padding-left: 80px;
    }

    .rtl .pd-md-l-80 {
        padding-left: inherit;
        padding-right: 80px;
    }

    .rtl .pd-md-r-85 {
        padding-right: inherit;
        padding-left: 85px;
    }

    .rtl .pd-md-l-85 {
        padding-left: inherit;
        padding-right: 85px;
    }

    .rtl .pd-md-r-90 {
        padding-right: inherit;
        padding-left: 90px;
    }

    .rtl .pd-md-l-90 {
        padding-left: inherit;
        padding-right: 90px;
    }

    .rtl .pd-md-r-95 {
        padding-right: inherit;
        padding-left: 95px;
    }

    .rtl .pd-md-l-95 {
        padding-left: inherit;
        padding-right: 95px;
    }

    .rtl .pd-md-r-100 {
        padding-right: inherit;
        padding-left: 100px;
    }

    .rtl .pd-md-l-100 {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl .pd-md-r-110 {
        padding-right: inherit;
        padding-left: 110px;
    }

    .rtl .pd-md-l-110 {
        padding-left: inherit;
        padding-right: 110px;
    }

    .rtl .pd-md-r-120 {
        padding-right: inherit;
        padding-left: 120px;
    }

    .rtl .pd-md-l-120 {
        padding-left: inherit;
        padding-right: 120px;
    }

    .rtl .pd-md-r-130 {
        padding-right: inherit;
        padding-left: 130px;
    }

    .rtl .pd-md-l-130 {
        padding-left: inherit;
        padding-right: 130px;
    }

    .rtl .pd-md-r-140 {
        padding-right: inherit;
        padding-left: 140px;
    }

    .rtl .pd-md-l-140 {
        padding-left: inherit;
        padding-right: 140px;
    }

    .rtl .pd-md-r-150 {
        padding-right: inherit;
        padding-left: 150px;
    }

    .rtl .pd-md-l-150 {
        padding-left: inherit;
        padding-right: 150px;
    }

    .rtl .pd-md-r-160 {
        padding-right: inherit;
        padding-left: 160px;
    }

    .rtl .pd-md-l-160 {
        padding-left: inherit;
        padding-right: 160px;
    }

    .rtl .pd-md-r-170 {
        padding-right: inherit;
        padding-left: 170px;
    }

    .rtl .pd-md-l-170 {
        padding-left: inherit;
        padding-right: 170px;
    }

    .rtl .pd-md-r-180 {
        padding-right: inherit;
        padding-left: 180px;
    }

    .rtl .pd-md-l-180 {
        padding-left: inherit;
        padding-right: 180px;
    }

    .rtl .pd-md-r-190 {
        padding-right: inherit;
        padding-left: 190px;
    }

    .rtl .pd-md-l-190 {
        padding-left: inherit;
        padding-right: 190px;
    }

    .rtl .pd-md-r-200 {
        padding-right: inherit;
        padding-left: 200px;
    }

    .rtl .pd-md-l-200 {
        padding-left: inherit;
        padding-right: 200px;
    }
}
@media (min-width: 992px) {
    .rtl .pd-lg-r-0 {
        padding-right: inherit;
        padding-left: 0px;
    }

    .rtl .pd-lg-l-0 {
        padding-left: inherit;
        padding-right: 0px;
    }

    .rtl .pd-lg-r-1 {
        padding-right: inherit;
        padding-left: 1px;
    }

    .rtl .pd-lg-l-1 {
        padding-left: inherit;
        padding-right: 1px;
    }

    .rtl .pd-lg-r-2 {
        padding-right: inherit;
        padding-left: 2px;
    }

    .rtl .pd-lg-l-2 {
        padding-left: inherit;
        padding-right: 2px;
    }

    .rtl .pd-lg-r-3 {
        padding-right: inherit;
        padding-left: 3px;
    }

    .rtl .pd-lg-l-3 {
        padding-left: inherit;
        padding-right: 3px;
    }

    .rtl .pd-lg-r-4 {
        padding-right: inherit;
        padding-left: 4px;
    }

    .rtl .pd-lg-l-4 {
        padding-left: inherit;
        padding-right: 4px;
    }

    .rtl .pd-lg-r-5 {
        padding-right: inherit;
        padding-left: 5px;
    }

    .rtl .pd-lg-l-5 {
        padding-left: inherit;
        padding-right: 5px;
    }

    .rtl .pd-lg-r-6 {
        padding-right: inherit;
        padding-left: 6px;
    }

    .rtl .pd-lg-l-6 {
        padding-left: inherit;
        padding-right: 6px;
    }

    .rtl .pd-lg-r-7 {
        padding-right: inherit;
        padding-left: 7px;
    }

    .rtl .pd-lg-l-7 {
        padding-left: inherit;
        padding-right: 7px;
    }

    .rtl .pd-lg-r-8 {
        padding-right: inherit;
        padding-left: 8px;
    }

    .rtl .pd-lg-l-8 {
        padding-left: inherit;
        padding-right: 8px;
    }

    .rtl .pd-lg-r-9 {
        padding-right: inherit;
        padding-left: 9px;
    }

    .rtl .pd-lg-l-9 {
        padding-left: inherit;
        padding-right: 9px;
    }

    .rtl .pd-lg-r-10 {
        padding-right: inherit;
        padding-left: 10px;
    }

    .rtl .pd-lg-l-10 {
        padding-left: inherit;
        padding-right: 10px;
    }

    .rtl .pd-lg-r-15 {
        padding-right: inherit;
        padding-left: 15px;
    }

    .rtl .pd-lg-l-15 {
        padding-left: inherit;
        padding-right: 15px;
    }

    .rtl .pd-lg-r-20 {
        padding-right: inherit;
        padding-left: 20px;
    }

    .rtl .pd-lg-l-20 {
        padding-left: inherit;
        padding-right: 20px;
    }

    .rtl .pd-lg-r-25 {
        padding-right: inherit;
        padding-left: 25px;
    }

    .rtl .pd-lg-l-25 {
        padding-left: inherit;
        padding-right: 25px;
    }

    .rtl .pd-lg-r-30 {
        padding-right: inherit;
        padding-left: 30px;
    }

    .rtl .pd-lg-l-30 {
        padding-left: inherit;
        padding-right: 30px;
    }

    .rtl .pd-lg-r-35 {
        padding-right: inherit;
        padding-left: 35px;
    }

    .rtl .pd-lg-l-35 {
        padding-left: inherit;
        padding-right: 35px;
    }

    .rtl .pd-lg-r-40 {
        padding-right: inherit;
        padding-left: 40px;
    }

    .rtl .pd-lg-l-40 {
        padding-left: inherit;
        padding-right: 40px;
    }

    .rtl .pd-lg-r-45 {
        padding-right: inherit;
        padding-left: 45px;
    }

    .rtl .pd-lg-l-45 {
        padding-left: inherit;
        padding-right: 45px;
    }

    .rtl .pd-lg-r-50 {
        padding-right: inherit;
        padding-left: 50px;
    }

    .rtl .pd-lg-l-50 {
        padding-left: inherit;
        padding-right: 50px;
    }

    .rtl .pd-lg-r-55 {
        padding-right: inherit;
        padding-left: 55px;
    }

    .rtl .pd-lg-l-55 {
        padding-left: inherit;
        padding-right: 55px;
    }

    .rtl .pd-lg-r-60 {
        padding-right: inherit;
        padding-left: 60px;
    }

    .rtl .pd-lg-l-60 {
        padding-left: inherit;
        padding-right: 60px;
    }

    .rtl .pd-lg-r-65 {
        padding-right: inherit;
        padding-left: 65px;
    }

    .rtl .pd-lg-l-65 {
        padding-left: inherit;
        padding-right: 65px;
    }

    .rtl .pd-lg-r-70 {
        padding-right: inherit;
        padding-left: 70px;
    }

    .rtl .pd-lg-l-70 {
        padding-left: inherit;
        padding-right: 70px;
    }

    .rtl .pd-lg-r-75 {
        padding-right: inherit;
        padding-left: 75px;
    }

    .rtl .pd-lg-l-75 {
        padding-left: inherit;
        padding-right: 75px;
    }

    .rtl .pd-lg-r-80 {
        padding-right: inherit;
        padding-left: 80px;
    }

    .rtl .pd-lg-l-80 {
        padding-left: inherit;
        padding-right: 80px;
    }

    .rtl .pd-lg-r-85 {
        padding-right: inherit;
        padding-left: 85px;
    }

    .rtl .pd-lg-l-85 {
        padding-left: inherit;
        padding-right: 85px;
    }

    .rtl .pd-lg-r-90 {
        padding-right: inherit;
        padding-left: 90px;
    }

    .rtl .pd-lg-l-90 {
        padding-left: inherit;
        padding-right: 90px;
    }

    .rtl .pd-lg-r-95 {
        padding-right: inherit;
        padding-left: 95px;
    }

    .rtl .pd-lg-l-95 {
        padding-left: inherit;
        padding-right: 95px;
    }

    .rtl .pd-lg-r-100 {
        padding-right: inherit;
        padding-left: 100px;
    }

    .rtl .pd-lg-l-100 {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl .pd-lg-r-110 {
        padding-right: inherit;
        padding-left: 110px;
    }

    .rtl .pd-lg-l-110 {
        padding-left: inherit;
        padding-right: 110px;
    }

    .rtl .pd-lg-r-120 {
        padding-right: inherit;
        padding-left: 120px;
    }

    .rtl .pd-lg-l-120 {
        padding-left: inherit;
        padding-right: 120px;
    }

    .rtl .pd-lg-r-130 {
        padding-right: inherit;
        padding-left: 130px;
    }

    .rtl .pd-lg-l-130 {
        padding-left: inherit;
        padding-right: 130px;
    }

    .rtl .pd-lg-r-140 {
        padding-right: inherit;
        padding-left: 140px;
    }

    .rtl .pd-lg-l-140 {
        padding-left: inherit;
        padding-right: 140px;
    }

    .rtl .pd-lg-r-150 {
        padding-right: inherit;
        padding-left: 150px;
    }

    .rtl .pd-lg-l-150 {
        padding-left: inherit;
        padding-right: 150px;
    }

    .rtl .pd-lg-r-160 {
        padding-right: inherit;
        padding-left: 160px;
    }

    .rtl .pd-lg-l-160 {
        padding-left: inherit;
        padding-right: 160px;
    }

    .rtl .pd-lg-r-170 {
        padding-right: inherit;
        padding-left: 170px;
    }

    .rtl .pd-lg-l-170 {
        padding-left: inherit;
        padding-right: 170px;
    }

    .rtl .pd-lg-r-180 {
        padding-right: inherit;
        padding-left: 180px;
    }

    .rtl .pd-lg-l-180 {
        padding-left: inherit;
        padding-right: 180px;
    }

    .rtl .pd-lg-r-190 {
        padding-right: inherit;
        padding-left: 190px;
    }

    .rtl .pd-lg-l-190 {
        padding-left: inherit;
        padding-right: 190px;
    }

    .rtl .pd-lg-r-200 {
        padding-right: inherit;
        padding-left: 200px;
    }

    .rtl .pd-lg-l-200 {
        padding-left: inherit;
        padding-right: 200px;
    }
}
@media (min-width: 1200px) {
    .rtl .pd-xl-r-0 {
        padding-right: inherit;
        padding-left: 0px;
    }

    .rtl .pd-xl-l-0 {
        padding-left: inherit;
        padding-right: 0px;
    }

    .rtl .pd-xl-r-1 {
        padding-right: inherit;
        padding-left: 1px;
    }

    .rtl .pd-xl-l-1 {
        padding-left: inherit;
        padding-right: 1px;
    }

    .rtl .pd-xl-r-2 {
        padding-right: inherit;
        padding-left: 2px;
    }

    .rtl .pd-xl-l-2 {
        padding-left: inherit;
        padding-right: 2px;
    }

    .rtl .pd-xl-r-3 {
        padding-right: inherit;
        padding-left: 3px;
    }

    .rtl .pd-xl-l-3 {
        padding-left: inherit;
        padding-right: 3px;
    }

    .rtl .pd-xl-r-4 {
        padding-right: inherit;
        padding-left: 4px;
    }

    .rtl .pd-xl-l-4 {
        padding-left: inherit;
        padding-right: 4px;
    }

    .rtl .pd-xl-r-5 {
        padding-right: inherit;
        padding-left: 5px;
    }

    .rtl .pd-xl-l-5 {
        padding-left: inherit;
        padding-right: 5px;
    }

    .rtl .pd-xl-r-6 {
        padding-right: inherit;
        padding-left: 6px;
    }

    .rtl .pd-xl-l-6 {
        padding-left: inherit;
        padding-right: 6px;
    }

    .rtl .pd-xl-r-7 {
        padding-right: inherit;
        padding-left: 7px;
    }

    .rtl .pd-xl-l-7 {
        padding-left: inherit;
        padding-right: 7px;
    }

    .rtl .pd-xl-r-8 {
        padding-right: inherit;
        padding-left: 8px;
    }

    .rtl .pd-xl-l-8 {
        padding-left: inherit;
        padding-right: 8px;
    }

    .rtl .pd-xl-r-9 {
        padding-right: inherit;
        padding-left: 9px;
    }

    .rtl .pd-xl-l-9 {
        padding-left: inherit;
        padding-right: 9px;
    }

    .rtl .pd-xl-r-10 {
        padding-right: inherit;
        padding-left: 10px;
    }

    .rtl .pd-xl-l-10 {
        padding-left: inherit;
        padding-right: 10px;
    }

    .rtl .pd-xl-r-15 {
        padding-right: inherit;
        padding-left: 15px;
    }

    .rtl .pd-xl-l-15 {
        padding-left: inherit;
        padding-right: 15px;
    }

    .rtl .pd-xl-r-20 {
        padding-right: inherit;
        padding-left: 20px;
    }

    .rtl .pd-xl-l-20 {
        padding-left: inherit;
        padding-right: 20px;
    }

    .rtl .pd-xl-r-25 {
        padding-right: inherit;
        padding-left: 25px;
    }

    .rtl .pd-xl-l-25 {
        padding-left: inherit;
        padding-right: 25px;
    }

    .rtl .pd-xl-r-30 {
        padding-right: inherit;
        padding-left: 30px;
    }

    .rtl .pd-xl-l-30 {
        padding-left: inherit;
        padding-right: 30px;
    }

    .rtl .pd-xl-r-35 {
        padding-right: inherit;
        padding-left: 35px;
    }

    .rtl .pd-xl-l-35 {
        padding-left: inherit;
        padding-right: 35px;
    }

    .rtl .pd-xl-r-40 {
        padding-right: inherit;
        padding-left: 40px;
    }

    .rtl .pd-xl-l-40 {
        padding-left: inherit;
        padding-right: 40px;
    }

    .rtl .pd-xl-r-45 {
        padding-right: inherit;
        padding-left: 45px;
    }

    .rtl .pd-xl-l-45 {
        padding-left: inherit;
        padding-right: 45px;
    }

    .rtl .pd-xl-r-50 {
        padding-right: inherit;
        padding-left: 50px;
    }

    .rtl .pd-xl-l-50 {
        padding-left: inherit;
        padding-right: 50px;
    }

    .rtl .pd-xl-r-55 {
        padding-right: inherit;
        padding-left: 55px;
    }

    .rtl .pd-xl-l-55 {
        padding-left: inherit;
        padding-right: 55px;
    }

    .rtl .pd-xl-r-60 {
        padding-right: inherit;
        padding-left: 60px;
    }

    .rtl .pd-xl-l-60 {
        padding-left: inherit;
        padding-right: 60px;
    }

    .rtl .pd-xl-r-65 {
        padding-right: inherit;
        padding-left: 65px;
    }

    .rtl .pd-xl-l-65 {
        padding-left: inherit;
        padding-right: 65px;
    }

    .rtl .pd-xl-r-70 {
        padding-right: inherit;
        padding-left: 70px;
    }

    .rtl .pd-xl-l-70 {
        padding-left: inherit;
        padding-right: 70px;
    }

    .rtl .pd-xl-r-75 {
        padding-right: inherit;
        padding-left: 75px;
    }

    .rtl .pd-xl-l-75 {
        padding-left: inherit;
        padding-right: 75px;
    }

    .rtl .pd-xl-r-80 {
        padding-right: inherit;
        padding-left: 80px;
    }

    .rtl .pd-xl-l-80 {
        padding-left: inherit;
        padding-right: 80px;
    }

    .rtl .pd-xl-r-85 {
        padding-right: inherit;
        padding-left: 85px;
    }

    .rtl .pd-xl-l-85 {
        padding-left: inherit;
        padding-right: 85px;
    }

    .rtl .pd-xl-r-90 {
        padding-right: inherit;
        padding-left: 90px;
    }

    .rtl .pd-xl-l-90 {
        padding-left: inherit;
        padding-right: 90px;
    }

    .rtl .pd-xl-r-95 {
        padding-right: inherit;
        padding-left: 95px;
    }

    .rtl .pd-xl-l-95 {
        padding-left: inherit;
        padding-right: 95px;
    }

    .rtl .pd-xl-r-100 {
        padding-right: inherit;
        padding-left: 100px;
    }

    .rtl .pd-xl-l-100 {
        padding-left: inherit;
        padding-right: 100px;
    }

    .rtl .pd-xl-r-110 {
        padding-right: inherit;
        padding-left: 110px;
    }

    .rtl .pd-xl-l-110 {
        padding-left: inherit;
        padding-right: 110px;
    }

    .rtl .pd-xl-r-120 {
        padding-right: inherit;
        padding-left: 120px;
    }

    .rtl .pd-xl-l-120 {
        padding-left: inherit;
        padding-right: 120px;
    }

    .rtl .pd-xl-r-130 {
        padding-right: inherit;
        padding-left: 130px;
    }

    .rtl .pd-xl-l-130 {
        padding-left: inherit;
        padding-right: 130px;
    }

    .rtl .pd-xl-r-140 {
        padding-right: inherit;
        padding-left: 140px;
    }

    .rtl .pd-xl-l-140 {
        padding-left: inherit;
        padding-right: 140px;
    }

    .rtl .pd-xl-r-150 {
        padding-right: inherit;
        padding-left: 150px;
    }

    .rtl .pd-xl-l-150 {
        padding-left: inherit;
        padding-right: 150px;
    }

    .rtl .pd-xl-r-160 {
        padding-right: inherit;
        padding-left: 160px;
    }

    .rtl .pd-xl-l-160 {
        padding-left: inherit;
        padding-right: 160px;
    }

    .rtl .pd-xl-r-170 {
        padding-right: inherit;
        padding-left: 170px;
    }

    .rtl .pd-xl-l-170 {
        padding-left: inherit;
        padding-right: 170px;
    }

    .rtl .pd-xl-r-180 {
        padding-right: inherit;
        padding-left: 180px;
    }

    .rtl .pd-xl-l-180 {
        padding-left: inherit;
        padding-right: 180px;
    }

    .rtl .pd-xl-r-190 {
        padding-right: inherit;
        padding-left: 190px;
    }

    .rtl .pd-xl-l-190 {
        padding-left: inherit;
        padding-right: 190px;
    }

    .rtl .pd-xl-r-200 {
        padding-right: inherit;
        padding-left: 200px;
    }

    .rtl .pd-xl-l-200 {
        padding-left: inherit;
        padding-right: 200px;
    }
}
.rtl .pd-r-12 {
    padding-right: inherit;
    padding-left: 12px;
}
.rtl .pd-l-12 {
    padding-left: inherit;
    padding-right: 12px;
}
.rtl .pd-r-13 {
    padding-right: inherit;
    padding-left: 13px;
}
.rtl .pd-l-13 {
    padding-left: inherit;
    padding-right: 13px;
}
.rtl .r-0 {
    right: auto;
    left: 0px;
}
.rtl .l-0 {
    left: auto;
    right: 0px;
}
.rtl .r--0 {
    right: auto;
    left: 0px;
}
.rtl .l--0 {
    left: auto;
    right: 0px;
}
.rtl .r-5 {
    right: auto;
    left: 5px;
}
.rtl .l-5 {
    left: auto;
    left: 5px;
}
.rtl .r--5 {
    right: auto;
    left: -5px;
}
.rtl .l--5 {
    left: auto;
    right: -5px;
}
.rtl .r-10 {
    right: auto;
    left: 10px;
}
.rtl .l-10 {
    left: auto;
    right: 10px;
}
.rtl .r--10 {
    right: auto;
    left: -10px;
}
.rtl .l--10 {
    left: auto;
    right: -10px;
}
.rtl .r-15 {
    right: auto;
    left: 15px;
}
.rtl .l-15 {
    left: auto;
    right: 15px;
}
.rtl .r--15 {
    right: auto;
    left: -15px;
}
.rtl .l--15 {
    left: auto;
    right: -15px;
}
.rtl .r-20 {
    right: auto;
    left: 20px;
}
.rtl .l-20 {
    left: auto;
    right: 20px;
}
.rtl .r--20 {
    right: auto;
    left: -20px;
}
.rtl .l--20 {
    left: auto;
    right: -20px;
}
.rtl .r-25 {
    right: auto;
    left: 25px;
}
.rtl .l-25 {
    left: auto;
    right: 25px;
}
.rtl .r--25 {
    right: auto;
    left: -25px;
}
.rtl .l--25 {
    left: auto;
    right: -25px;
}
.rtl .r-30 {
    right: auto;
    left: 30px;
}
.rtl .l-30 {
    left: auto;
    right: 30px;
}
.rtl .r--30 {
    right: auto;
    left: -30px;
}
.rtl .l--30 {
    left: auto;
    right: -30px;
}
.rtl .r-35 {
    right: auto;
    left: 35px;
}
.rtl .l-35 {
    left: auto;
    right: 35px;
}
.rtl .r--35 {
    right: auto;
    left: -35px;
}
.rtl .l--35 {
    left: auto;
    right: -35px;
}
.rtl .r-40 {
    right: auto;
    left: 40px;
}
.rtl .l-40 {
    left: auto;
    right: 40px;
}
.rtl .r--40 {
    right: auto;
    left: -40px;
}
.rtl .l--40 {
    left: auto;
    right: -40px;
}
.rtl .r-45 {
    right: auto;
    left: 45px;
}
.rtl .l-45 {
    left: auto;
    right: 45px;
}
.rtl .r--45 {
    right: auto;
    left: -45px;
}
.rtl .l--45 {
    left: auto;
    right: -45px;
}
.rtl .r-50 {
    right: auto;
    left: 50px;
}
.rtl .l-50 {
    left: auto;
    right: 50px;
}
.rtl .r--50 {
    right: auto;
    left: -50px;
}
.rtl .l--50 {
    left: auto;
    right: -50px;
}
.rtl .r-55 {
    right: auto;
    left: 55px;
}
.rtl .l-55 {
    left: auto;
    right: 55px;
}
.rtl .r--55 {
    right: auto;
    left: -55px;
}
.rtl .l--55 {
    left: auto;
    right: -55px;
}
.rtl .r-60 {
    right: auto;
    left: 60px;
}
.rtl .l-60 {
    left: auto;
    right: 60px;
}
.rtl .r--60 {
    right: auto;
    left: -60px;
}
.rtl .l--60 {
    left: auto;
    right: -60px;
}
.rtl .r-65 {
    right: auto;
    left: 65px;
}
.rtl .l-65 {
    left: auto;
    right: 65px;
}
.rtl .r--65 {
    right: auto;
    left: -65px;
}
.rtl .l--65 {
    left: auto;
    right: -65px;
}
.rtl .r-70 {
    right: auto;
    left: 70px;
}
.rtl .l-70 {
    left: auto;
    right: 70px;
}
.rtl .r--70 {
    right: auto;
    left: -70px;
}
.rtl .l--70 {
    left: auto;
    right: -70px;
}
.rtl .r-75 {
    right: auto;
    left: 75px;
}
.rtl .l-75 {
    left: auto;
    right: 75px;
}
.rtl .r--75 {
    right: auto;
    left: -75px;
}
.rtl .l--75 {
    left: auto;
    right: -75px;
}
.rtl .r-80 {
    right: auto;
    left: 80px;
}
.rtl .l-80 {
    left: auto;
    right: 80px;
}
.rtl .r--80 {
    right: auto;
    left: -80px;
}
.rtl .l--80 {
    left: auto;
    right: -80px;
}
.rtl .r-85 {
    right: auto;
    left: 85px;
}
.rtl .l-85 {
    left: auto;
    right: 85px;
}
.rtl .r--85 {
    right: auto;
    left: -85px;
}
.rtl .l--85 {
    left: auto;
    right: -85px;
}
.rtl .r-90 {
    right: auto;
    left: 90px;
}
.rtl .l-90 {
    left: auto;
    right: 90px;
}
.rtl .r--90 {
    right: auto;
    left: -90px;
}
.rtl .l--90 {
    left: auto;
    right: -90px;
}
.rtl .r-95 {
    right: auto;
    left: 95px;
}
.rtl .l-95 {
    left: auto;
    right: 95px;
}
.rtl .r--95 {
    right: auto;
    left: -95px;
}
.rtl .l--95 {
    left: auto;
    right: -95px;
}
.rtl .r-100 {
    right: auto;
    left: 100px;
}
.rtl .l-100 {
    left: auto;
    right: 100px;
}
.rtl .r--100 {
    right: auto;
    left: -100px;
}
.rtl .l--100 {
    left: auto;
    right: -100px;
}
.rtl .r--5 {
    right: auto;
    left: -5px;
}
@media (min-width: 480px) {
    .rtl .r-xs-auto {
        right: 0;
        left: auto;
    }

    .rtl .l-xs-auto {
        right: auto;
        left: 0;
    }
}
@media (min-width: 576px) {
    .rtl .r-sm-auto {
        right: 0;
        left: auto;
    }

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

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

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

    .rtl .l-xl-auto {
        right: auto;
        left: 0;
    }
}
.rtl .tx-right {
    text-align: left;
}
.rtl .tx-left {
    text-align: right;
}
@media (min-width: 480px) {
    .rtl .tx-xs-right {
        text-align: left;
    }

    .rtl .tx-xs-left {
        text-align: right;
    }
}
@media (min-width: 576px) {
    .rtl .tx-sm-right {
        text-align: left;
    }

    .rtl .tx-sm-left {
        text-align: right;
    }
}
@media (min-width: 768px) {
    .rtl .tx-md-right {
        text-align: left;
    }

    .rtl .tx-md-left {
        text-align: right;
    }
}
@media (min-width: 992px) {
    .rtl .tx-lg-right {
        text-align: left;
    }

    .rtl .tx-lg-left {
        text-align: right;
    }
}
@media (min-width: 1200px) {
    .rtl .tx-xl-right {
        text-align: left;
    }

    .rtl .tx-xl-left {
        text-align: right;
    }
}
.rtl .text-start {
    text-align: right !important;
}
.rtl .text-end {
    text-align: left !important;
}
@media (min-width: 576px) {
    .rtl .text-sm-left {
        text-align: right !important;
    }

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

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

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

    .rtl .text-xl-right {
        text-align: left !important;
    }
}
.rtl .offset-1 {
    margin-left: auto;
    margin-right: 8.33333%;
}
.rtl .offset-2 {
    margin-left: auto;
    margin-right: 16.66667%;
}
.rtl .offset-3 {
    margin-left: auto;
    margin-right: 25%;
}
.rtl .offset-4 {
    margin-left: auto;
    margin-right: 33.33333%;
}
.rtl .offset-5 {
    margin-left: auto;
    margin-right: 41.66667%;
}
.rtl .offset-6 {
    margin-left: auto;
    margin-right: 50%;
}
.rtl .offset-7 {
    margin-left: auto;
    margin-right: 58.33333%;
}
.rtl .offset-8 {
    margin-left: auto;
    margin-right: 66.66667%;
}
.rtl .offset-9 {
    margin-left: auto;
    margin-right: 75%;
}
.rtl .offset-10 {
    margin-left: auto;
    margin-right: 83.33333%;
}
.rtl .offset-11 {
    margin-left: auto;
    margin-right: 91.66667%;
}
@media (min-width: 576px) {
    .rtl .offset-sm-0 {
        margin-left: auto;
        margin-right: 0;
    }

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

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

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

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

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

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

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

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

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

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

    .rtl .offset-sm-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }
}
@media (min-width: 768px) {
    .rtl .offset-md-0 {
        margin-left: auto;
        margin-right: 0;
    }

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

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

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

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

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

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

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

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

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

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

    .rtl .offset-md-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }
}
@media (min-width: 992px) {
    .rtl .offset-lg-0 {
        margin-left: auto;
        margin-right: 0;
    }

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

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

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

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

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

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

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

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

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

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

    .rtl .offset-lg-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }
}
@media (min-width: 1200px) {
    .rtl .offset-xl-0 {
        margin-left: auto;
        margin-right: 0;
    }

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

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

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

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

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

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

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

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

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

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

    .rtl .offset-xl-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }
}
@media (min-width: 1600px) {
    .rtl .offset-xxl-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl .offset-xxl-1 {
        margin-left: auto;
        margin-right: 8.33333%;
    }

    .rtl .offset-xxl-2 {
        margin-left: auto;
        margin-right: 16.66667%;
    }

    .rtl .offset-xxl-3 {
        margin-left: auto;
        margin-right: 25%;
    }

    .rtl .offset-xxl-4 {
        margin-left: auto;
        margin-right: 33.33333%;
    }

    .rtl .offset-xxl-5 {
        margin-left: auto;
        margin-right: 41.66667%;
    }

    .rtl .offset-xxl-6 {
        margin-left: auto;
        margin-right: 50%;
    }

    .rtl .offset-xxl-7 {
        margin-left: auto;
        margin-right: 58.33333%;
    }

    .rtl .offset-xxl-8 {
        margin-left: auto;
        margin-right: 66.66667%;
    }

    .rtl .offset-xxl-9 {
        margin-left: auto;
        margin-right: 75%;
    }

    .rtl .offset-xxl-10 {
        margin-left: auto;
        margin-right: 83.33333%;
    }

    .rtl .offset-xxl-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }
}
.rtl .slick-track {
    left: auto;
    right: 0;
}
.rtl .slick-slide {
    float: right;
}
.rtl [dir=rtl] .slick-slide {
    float: left;
}
.rtl .tag-addon {
    margin: 0 0.5rem 0 -0.5rem;
}
.rtl .tag-addon:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rtl .tag-avatar {
    margin: 0 -0.5rem 0 0.5rem;
}
.rtl .tags>.tag:not(:last-child) {
    margin-right: auto;
    margin-left: 0.5rem;
}
.rtl .nav-tabs .nav-link+.nav-link {
    margin-left: 0;
    margin-right: 3px;
}
.rtl .main-nav-tabs .lSSlideOuter {
    padding-left: 35px;
    padding-right: 32px;
}
.rtl .main-nav-tabs .lSAction>a.lSPrev {
    left: auto;
    right: -32px;
    transform: rotate(180deg);
}
.rtl .main-nav-tabs .lSAction>a.lSNext {
    right: auto;
    left: -35px;
    transform: rotate(180deg);
}
.rtl .tabs-style-2 .main-nav-line .nav-link {
    margin: 0 0 0px 5px;
}
.rtl .tabs-style-3 .nav.panel-tabs li a {
    margin: 0 0 5px 5px;
}
.rtl .nav {
    padding-left: inherit;
    padding-right: 0;
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-sub {
        left: auto;
        right: 0;
    }

    .rtl .main-navbar .nav-sub-item {
        margin-left: auto;
        margin-right: 0;
    }
}
.rtl .main-navbar {
    left: auto;
    right: 0;
}
.rtl .main-navbar .nav-sub-link:before {
    left: auto;
    right: -19px;
    transform: rotate(180deg);
}
.rtl .main-navbar .nav-sub-link.sub-with-sub::after {
    transform: rotate(180deg);
}
@media (min-width: 992px) {
    .rtl .main-navbar {
        left: 0;
        right: auto;
        border-left: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-item {
        padding-right: inherit;
        padding-left: 28px;
    }

    .rtl .main-navbar .nav-link i {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .main-navbar .nav-link.with-sub::after {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl .main-navbar .nav-link.with-sub::before {
        left: auto;
        right: 31%;
        margin-left: auto;
        margin-right: -7px;
        border-left-color: transparent;
        border-right-color: rgba(61, 119, 180, 0.2);
    }

    .rtl .main-navbar .nav-sub-item>.nav-sub {
        left: auto;
        right: 159px;
    }

    .rtl .main-navbar .nav-sub-link.with-sub::after {
        margin-left: 0;
        margin-right: auto;
    }

    .rtl .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
        margin-left: auto;
        margin-right: 30px;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-item+.nav-item {
        padding-left: inherit;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-link i {
        margin-right: auto;
        margin-left: 8px;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-link.with-sub::after {
        margin-left: auto;
        margin-right: 4px;
    }
}
@media (min-width: 1200px) and (max-width: 1477px) {
    .rtl .main-navbar .nav-sub-item>.nav-sub {
        left: auto !important;
        right: -200px !important;
    }
}
@media (max-width: 991.98px) {
    .rtl .main-navbar .nav-sub-item>.nav-sub>.nav-sub-item {
        margin-left: auto;
        margin-right: 37px;
    }

    .rtl .main-navbar .nav-sub-item>.nav-sub>.nav-sub-item>.nav-sub-link {
        padding-left: inherit;
        padding-right: 10px;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-sub-link {
        margin-left: 0;
        margin-right: 18px;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-sub-link.with-sub::after {
        margin-left: 0;
        margin-right: 4px;
    }
}
@media (min-width: 992px) {

    .rtl .main-navbar .nav-sub-mega .container>div+div,
    .rtl .main-navbar .nav-sub-mega .container-fluid>div+div {
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-sub-mega .nav+.nav {
        margin-left: auto;
        margin-right: 20px;
    }
}
@media (min-width: 1200px) {
    .rtl .main-navbar .nav-sub-mega .nav+.nav {
        margin-left: auto;
        margin-right: 25px;
    }
}
@media (min-width: 992px) {
    .rtl .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {
        margin-left: auto;
        margin-right: 0;
    }
}
.rtl .main-navbar-search .btn,
.rtl .main-navbar-search .sp-container button {
    right: auto;
    left: 0;
}
.rtl .sp-container .main-navbar-search button {
    right: auto;
    left: 0;
}
.rtl .main-navbar-two .nav-sub-item>.nav-sub {
    left: auto;
    right: 178px;
}
.rtl .main-navbar-three .nav-item+.nav-item {
    border-left-width: 1px;
    border-right-width: 0;
    padding-left: inherit;
    padding-right: 0;
}
.rtl .main-navbar-three .nav-sub-item .nav-sub {
    left: auto;
    right: 182px;
}
@media (min-width: 992px) {
    .rtl .main-navbar-three .nav-item+.nav-item {
        margin-left: auto;
        margin-right: 25px;
    }
}
.rtl .navbar.navbar-static .navbar-header {
    float: right;
}
.rtl .navbar .navbar-toggle.toggle-left {
    float: right;
    margin-left: auto;
    margin-right: 15px;
}
.rtl .navbar .navbar-toggle.toggle-right {
    float: left;
    margin-right: auto;
    margin-left: 15px;
}
.rtl .wizard>.steps>ul li .title,
.rtl .wizard>.steps>ul li+li {
    margin-left: 0;
    margin-right: 5px;
}
.rtl .wizard.vertical>.steps ul li+li {
    margin-left: 0;
    margin-right: 10px;
}
@media (min-width: 576px) {
    .rtl .wizard>.steps>ul li .title {
        margin-left: 0;
        margin-right: 10px;
    }

    .rtl .wizard>.steps>ul li+li {
        margin-left: 0;
        margin-right: 20px;
    }

    .rtl .wizard.vertical>.steps {
        float: right;
    }

    .rtl .wizard.vertical>.steps ul li+li {
        margin-left: auto;
        margin-right: 0;
    }

    .rtl .wizard.vertical>.content {
        float: left;
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }

    .rtl .wizard.vertical>.actions {
        float: left;
        border-left: 0;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 992px) {
    .rtl .wizard>.steps>ul li+li {
        margin-left: 0;
        margin-right: 30px;
    }
}
.rtl .wizard-style-2>.steps>ul a .title,
.rtl .wizard-style-2>.steps>ul a:hover .title,
.rtl .wizard-style-2>.steps>ul a:active .title {
    margin-right: auto;
    margin-left: 20px;
}
.rtl .ps>.ps__rail-y {
    right: auto !important;
    left: 0 !important;
}
.rtl .ps>.ps__rail-y>.ps__thumb-y {
    left: 1px;
    right: auto;
}
.rtl .ps.ps--active-y:hover>.ps__rail-y,
.rtl .ps.ps--active-y:focus>.ps__rail-y {
    right: auto !important;
    left: -1px !important;
}
.rtl .rdiobox span {
    padding-left: inherit;
    padding-right: 13px;
}
.rtl .rdiobox span:before {
    left: auto;
    right: 0;
}
.rtl .rdiobox span:after {
    left: auto;
    right: 5px;
}
.rtl .rdiobox span:empty {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .form-group-rdiobox .rdiobox+.rdiobox {
    margin-left: auto;
    margin-right: 30px;
}
.rtl .form-group-rdiobox .rdiobox span {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .custom-select[multiple],
.rtl .custom-select[size]:not([size="1"]) {
    padding-right: inherit;
    padding-left: 0.75rem;
}
.rtl .custom-select-sm {
    padding-left: inherit;
    padding-right: 0.5rem;
}
.rtl .custom-select-lg {
    padding-left: inherit;
    padding-right: 1rem;
}
.rtl .custom-file-label::after {
    right: auto;
    left: 0;
    border-left: 1px solid #e8e8f7;
    border-right: inherit;
}
.rtl .custom-range::-ms-fill-upper {
    margin-right: auto;
    margin-left: 15px;
}
.rtl .custom-switch-indicator:before {
    left: auto;
    right: 1px;
}
.rtl .custom-switch-description {
    margin-left: auto;
    margin-right: 0.5rem;
}
.rtl .custom-switch .custom-control-label::before {
    left: auto;
    right: -2.25rem;
}
.rtl .custom-switch .custom-control-label::after {
    left: auto;
    right: calc(-2.25rem + 2px);
}
.rtl .jq-star-svg {
    padding-left: inherit;
    padding-right: 3px;
}
.rtl .latest-timeline1-icon {
    left: auto;
    right: -38px;
}
.rtl .latest-timeline ul.timeline:before {
    left: auto;
    right: 15px;
}
.rtl .latest-timeline ul.timeline>li {
    padding-left: inherit;
    padding-right: 1rem;
}
.rtl .vtimeline:before {
    left: auto;
    right: 50%;
    margin-left: auto;
    margin-right: -1.5px;
}
.rtl .vtimeline .timeline-wrapper {
    padding-right: inherit;
    padding-left: 90px;
}
.rtl .vtimeline .timeline-wrapper .timeline-panel {
    margin-left: auto;
    margin-right: 15%;
}
.rtl .vtimeline .timeline-wrapper .timeline-panel:after {
    right: auto;
    left: -14px;
    border-left: 0 solid #cad4e4;
    border-right: 14px solid #cad4e4;
}
.rtl .vtimeline .timeline-wrapper .timeline-badge {
    left: auto;
    right: calc(50% - 7px);
}
.rtl .vtimeline .timeline-wrapper.timeline-inverted {
    padding-right: 90px;
    padding-left: 0;
}
.rtl .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
    margin-left: 15%;
    margin-right: auto;
}
.rtl .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-left-width: 14px;
    border-right-width: 0;
    right: -14px;
    left: auto;
}
.rtl .img-sm {
    margin-right: 0;
    margin-left: 20px;
}
.rtl .avatar-list .avatar:not(:last-child) {
    margin-right: 0;
    margin-left: 0.5rem;
}
.rtl .main-avatar::after {
    right: auto;
    left: 3px;
}
.rtl .avatar-md::after {
    right: auto;
    left: 2px;
}
.rtl .avatar-lg::after {
    right: auto;
    left: 4px;
}
.rtl .avatar-xl::after {
    right: auto;
    left: 5px;
}
.rtl .avatar-xxl::after {
    right: auto;
    left: 7px;
}
.rtl .demo-avatar-group .main-img-user+.main-img-user,
.rtl .demo-avatar-group .main-img-user+.main-avatar {
    margin-left: 0;
    margin-right: 5px;
}
.rtl .demo-avatar-group .main-avatar+.main-img-user,
.rtl .demo-avatar-group .main-avatar+.main-avatar {
    margin-left: 0;
    margin-right: -5px;
}
@media (min-width: 576px) {

    .rtl .demo-avatar-group .main-img-user+.main-img-user,
    .rtl .demo-avatar-group .main-img-user+.main-avatar {
        margin-left: 0;
        margin-right: -9px;
    }

    .rtl .demo-avatar-group .main-avatar+.main-img-user,
    .rtl .demo-avatar-group .main-avatar+.main-avatar {
        margin-left: 0;
        margin-right: -9px;
    }
}
@media (min-width: 576px) {

    .rtl #shapes .demo-avatar-group .main-img-user+.main-img-user,
    .rtl #shapes .demo-avatar-group .main-img-user+.main-avatar {
        margin-left: 0;
        margin-right: 9px;
    }
}
.rtl .main-list-item>div:last-child {
    text-align: left;
}
.rtl .ckbox span {
    padding-left: inherit;
    padding-right: 16px;
}
.rtl .ckbox span:empty {
    float: right;
    padding-left: inherit;
    padding-right: 0;
}
.rtl .ckbox span:before {
    left: auto;
    right: 0;
}
.rtl .ckbox span:after {
    left: auto;
    right: 0;
}
.rtl .main-toggle span {
    left: auto;
    right: 3px;
}
.rtl .main-toggle span::before {
    content: "on";
    left: auto;
    right: -25px;
}
.rtl .main-toggle span::after {
    right: auto;
    left: -29px;
}
.rtl .main-toggle.on span {
    left: auto;
    right: 37px;
}
.rtl .list-group-horizontal .list-group-item {
    margin-right: auto;
    margin-left: -1px;
}
.rtl .list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.rtl .list-group-horizontal .list-group-item:last-child {
    margin-right: auto;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
@media (min-width: 576px) {
    .rtl .list-group-horizontal-sm .list-group-item {
        margin-right: auto;
        margin-left: -1px;
    }

    .rtl .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .rtl .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }
}
@media (min-width: 768px) {
    .rtl .list-group-horizontal-md .list-group-item {
        margin-right: auto;
        margin-left: -1px;
    }

    .rtl .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .rtl .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }
}
@media (min-width: 992px) {
    .rtl .list-group-horizontal-lg .list-group-item {
        margin-right: auto;
        margin-left: -1px;
    }

    .rtl .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .rtl .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }
}
@media (min-width: 1200px) {
    .rtl .list-group-horizontal-xl .list-group-item {
        margin-right: auto;
        margin-left: -1px;
    }

    .rtl .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .rtl .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }
}
.rtl .custom-control {
    padding-left: inherit;
    padding-right: 1.5rem;
}
.rtl .custom-control-inline {
    margin-right: auto;
    margin-left: 1rem;
}
.rtl .custom-control-label::before,
.rtl .custom-control-label::after {
    left: auto;
    right: -1.5rem;
}
.rtl .custom-control-label-md {
    padding-left: inherit;
    padding-right: 8px;
}
.rtl .custom-control-label-lg {
    padding-left: inherit;
    padding-right: 15px;
}
.rtl .custom-switch-input:checked~.custom-switch-indicator-md:before {
    left: auto;
    right: calc(1.46rem - 1px);
}
.rtl .custom-switch-input:checked~.custom-switch-indicator-lg:before {
    left: auto;
    right: calc(1.46rem + 1px);
}
.rtl .embed-responsive .embed-responsive-item,
.rtl .embed-responsive iframe,
.rtl .embed-responsive embed,
.rtl .embed-responsive object,
.rtl .embed-responsive video {
    left: auto;
    right: 0;
}
.rtl .float-start {
    float: right !important;
}
.rtl .float-end {
    float: left !important;
}
@media (min-width: 576px) {
    .rtl .float-sm-left {
        float: right !important;
    }

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

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

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

    .rtl .float-xl-right {
        float: left !important;
    }
}
.rtl.main-body::before {
    left: auto;
    right: 70%;
}
.rtl .main-notification-list .media-body {
    margin-left: auto;
    margin-right: 15px;
}
.rtl .main-toggle-group-demo .main-toggle+.main-toggle {
    margin-left: 0;
    margin-right: 10px;
}
.rtl .main-content-left-components {
    border-right: 0;
    border-left: 1px solid #e8e8f7;
}
.rtl .legend {
    margin-right: 0;
    margin-left: 10px;
}
.rtl .best-emp {
    right: auto;
    left: 0;
}
.rtl .userlist-table .dot-label {
    margin-right: 0 !important;
    margin-left: 10px !important;
}
@media (max-width: 768px) {
    .rtl .nav.main-nav-line.main-nav-line-chat.card-body .nav-link+.nav-link {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 576px) {
    .rtl .project-work.list-unstyled li {
        margin-right: auto;
        margin-left: 1rem;
    }
}
.rtl .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
@media (max-width: 991px) {
    .rtl .header-search .select2-container--default .select2-selection--single {
        border-right: 1px solid #e8e8f7;
        border-left: 0;
    }

    .rtl .responsive-navbar.navbar .navbar-collapse {
        padding-right: 1rem;
        padding-left: 0.3rem;
    }
}
.rtl .page-header .breadcrumb {
    padding-left: inherit !important;
    padding-right: 0 !important;
}
@media (max-width: 991px) {
    .rtl .header-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
        left: auto !important;
        right: 93% !important;
    }

    .rtl .main-logo .header-brand-img {
        margin-right: auto;
        margin-left: 10px;
    }

    .rtl .main-content .page-header .btn.btn-list {
        padding-left: inherit;
        padding-right: 0;
        text-align: right;
    }
}
@media (max-width: 767px) {
    .rtl div.dataTables_wrapper div.dataTables_filter input {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .rtl div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-right: inherit;
        padding-left: 0;
    }

    .rtl .vtimeline:before {
        left: auto !important;
        right: 6px !important;
    }

    .rtl .vtimeline .timeline-wrapper {
        padding-right: inherit !important;
        padding-left: 0 !important;
    }

    .rtl .vtimeline .timeline-wrapper .timeline-badge {
        left: auto !important;
        right: 0 !important;
    }

    .rtl .vtimeline .timeline-wrapper .timeline-panel {
        margin-left: auto !important;
        margin-right: 15% !important;
    }

    .rtl .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 0 solid #cad4e4 !important;
        border-left: 14px solid var(--dark-border) !important;
        left: auto !important;
        right: -14px !important;
    }

    .rtl .vtimeline .timeline-wrapper.timeline-inverted {
        padding-left: inherit !important;
        padding-right: 0 !important;
    }

    .rtl .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
        margin-left: auto !important;
        margin-right: 10% !important;
    }
}
@media (max-width: 575.98px) {
    .rtl .modal.pos-static .modal-footer> :not(:first-child) {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .rtl.horizontalmenu .main-footer {
        padding-left: inherit;
        padding-right: 0;
    }
}
.rtl #back-to-top {
    right: auto;
    left: 30px;
}
.rtl .custom-leftnav .main-content-left-components {
    border-right: 0;
    border-left: 0;
}
.rtl .component-item a:before {
    margin-right: auto;
    margin-left: 8px;
    float: right;
    transform: rotate(180deg);
}
.rtl .skill-tags a {
    float: right;
    margin-right: auto;
    margin-left: 5px;
}
.rtl .reviewnavs {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .reviewnavs li {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .dash-icon {
    right: auto;
    left: 10px;
}
.rtl .price-value1 span {
    margin-left: auto;
    margin-right: 17px;
}
.rtl .clipboard-icon {
    right: auto;
    left: 10px;
}
.rtl .our-team .picture::after {
    left: auto;
    right: 0;
}
.rtl .task-list:after {
    left: auto;
    right: 30px;
}
.rtl .task-list li {
    padding-left: inherit;
    padding-right: 55px;
}
.rtl .task-list li .task-icon {
    left: auto;
    right: 22px;
}
.rtl .dot-label {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .activity-block .task-list li {
    padding-left: inherit;
    padding-right: 3rem;
}
.rtl .activity-block .task-list:after {
    left: auto;
    right: 18px;
}
.rtl .activity-block .task-list li .task-icon {
    left: auto;
    right: 1px;
}
.rtl .user-info {
    padding-left: inherit;
    padding-right: 0px;
}
.rtl .page-header .page-title i {
    margin-right: auto !important;
    margin-left: 8px !important;
}
.rtl .search-imgs li {
    margin-right: auto;
    margin-left: 1rem;
}
.rtl .search-imgs li img {
    margin-right: auto;
    margin-left: 1rem;
}
.rtl .handle-counter .counter-minus,
.rtl .handle-counter .counter-plus,
.rtl .handle-counter input {
    float: right;
}
.rtl .itemside .info {
    padding-right: 15px;
    padding-left: 7px;
}
.rtl .project-status:before {
    margin-right: auto;
    margin-left: 12px;
}
.rtl .project-status.success:before {
    border-left: 0;
    border-right: 3px solid #19b159;
}
.rtl .project-status.danger:before {
    border-left: 0;
    border-right: 3px solid #f16d75;
}
.rtl .project-status.warning:before {
    border-left: 0;
    border-right: 3px solid #ecb529;
}
@media (max-width: 699px) {
    .rtl .breadcrumb-5 a:first-child {
        padding-left: inherit !important;
        padding-right: 16px !important;
    }
}
.rtl .selectgroup-item+.selectgroup-item {
    margin-left: auto;
    margin-right: -1px;
}
.rtl .selectgroup-item:not(:first-child) .selectgroup-button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .selectgroup-item:not(:last-child) .selectgroup-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rtl .selectgroup-input {
    left: auto;
    right: 0;
}
.rtl .selectgroup-pills .selectgroup-item {
    margin-right: auto;
    margin-left: 0.5rem;
}
.rtl .colorinput {
    margin-right: auto;
    margin-left: 5px;
}
.rtl .colorinput-color:before {
    left: auto;
    right: 0.25rem;
}
.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    margin-right: 0px;
}
.rtl .alert .btn-close {
    right: auto;
    left: 15px;
}
.rtl .form-select {
    padding: 0.175rem 0.75rem 0.175rem 2.25rem;
}
.rtl .card-img-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.rtl .tags .tag-files span {
    margin-right: auto;
    margin-left: 104px;
    left: auto;
    right: 51px;
}
.rtl .image-pic {
    padding: 0px 10px 20px 0;
}
.rtl .pagination-radius .page-item+.page-item {
    margin-left: 0;
    margin-right: 5px;
}
.rtl #slide-right {
    left: 20px;
    right: auto;
}
.rtl #slide-left {
    right: 20px;
    left: auto;
}
.rtl #slide-rightRTL {
    left: 20px;
    right: auto;
}
.rtl #slide-leftRTL {
    right: 20px;
    left: auto;
}
.rtl .main-header-center .form-control .select2-container--default .select2-selection--single {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: 0;
    margin-left: -1px;
}
.rtl .main-header-center .select2-container--default .select2-selection--single {
    border-radius: 0 6px 6px 0;
}
.rtl .sidebar.sidebar-right,
.rtl .sidebar.sidebar-profile {
    transform: translate(-100%, 0);
}
.rtl .main-sidebar-body .nav-item.active .nav-link:before {
    border-radius: 0px 0px 0px 48px;
}
.rtl .main-sidebar-body .nav-item.active .nav-link:after {
    border-radius: 48px 0px 0px 0px;
}
.rtl .main-sidebar-body .angle {
    transform: rotate(180deg);
}
.rtl .main-sidebar-body .nav-sub .nav-sub-link:before {
    transform: rotate(180deg);
}
@media (max-width: 991.98px) {
    .rtl.horizontalmenu .hor-menu i.angle {
        transform: rotate(180deg);
    }
}
@media (min-width: 992px) {
    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before {
        border-radius: 0px 0px 0px 48px;
    }

    .rtl.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
        border-radius: 48px 0px 0px 0px;
    }
}
@media (max-width: 991px) {

    .rtl .main-sidebar,
    .rtl .main-navbar {
        transform: translateX(240px);
        transition: all 0.3s ease;
    }
}
.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 9px;
}
.rtl .main-header-center .select2-container--default .select2-selection--single {
    border-right: 1px solid #e8e8f7;
    border-left: 0;
}
.rtl .main-header-center .btn {
    border-radius: 6px 0 0 6px !important;
}
@media (max-width: 991.98px) {
    .rtl.horizontalmenu .main-body-1 li.nav-item.active .nav-link {
        border-radius: 0 30px 30px 0;
    }

    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link:before {
        border-radius: 0px 0px 0px 48px;
    }

    .rtl.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-radius: 48px 0px 0px 0px;
    }
}
@media (min-width: 992px) {

    .rtl .hor-menu .slide-left,
    .rtl .hor-menu .slide-right {
        transform: rotate(180deg);
    }
}
.rtl .btn-icon-text {
    display: flex;
    align-items: center;
    gap: 6px;
}
.rtl .btn-icon-text i {
    float: right;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}
@media screen and (min-width: 992px) {
    .rtl.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        border-radius: 11px 0 0 11px !important;
    }

    .rtl.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        border-radius: 11px 0 0 11px !important;
    }
}
.rtl .tasks .ckbox.me-4 {
    margin-right: 0 !important;
}
.rtl .tasks .me-2 {
    margin-right: 0 !important;
}
.rtl .crypto-buysell-card .select2-container--default .select2-selection--single {
    border-radius: 6px 0 0 6px !important;
}
.rtl .crypto-wallet .clipboard-icon {
    border-radius: 4px 0 0 4px !important;
}
.rtl .crypto-cur .me-3,
.rtl .crypto-cur2 .me-3,
.rtl .wallet .me-3 {
    margin-right: 0 !important;
}
.rtl .crypto-icon.me-3 {
    margin-right: 0 !important;
}
.rtl .wallet .clipboard-icon {
    border-radius: 4px 0 0 4px !important;
}
.rtl .wallet .input-group-addon-left {
    border-radius: 0 4px 4px 0 !important;
}
.rtl .transcation-crypto .me-2 {
    margin-right: 0 !important;
}
.rtl div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
.rtl div.dataTables_wrapper div.dataTables_length label {
    text-align: right;
}
.rtl .page-item:last-child .page-link {
    border-radius: 6px 0 0 6px;
}
.rtl .page-item:first-child .page-link {
    border-radius: 0 6px 6px 0;
}
.rtl .table-product .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}
.rtl .input-group .btn.ripple.btn-primary {
    border-radius: 6px 0 0 6px !important;
}
.rtl .product-carousel #carousel .btn-list a i {
    margin-left: 5px;
    float: right;
    margin-top: 4px;
}
.rtl .btn-apply.coupon {
    border-radius: 4px 0 0 4px !important;
}
.rtl .counter-minus {
    border-radius: 0 3px 3px 0;
}
.rtl .counter-plus {
    border-radius: 3px 0 0 3px;
}
.rtl #wishlist .product-grid .btn i {
    display: inline-block;
}
.rtl .ql-snow .ql-formats {
    float: right;
}
.rtl .ql-editor {
    text-align: right;
}
.rtl .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button.ff_fileupload_start_upload {
    margin-left: 0.5em;
}
.rtl .ql-snow .ql-tooltip {
    right: 19rem !important;
    left: auto !important;
}
.rtl .item1-links.nav.nav-tabs .nav-link i {
    float: right;
}
.rtl #myaddres .btn-round i,
.rtl #myaddres .card-header i {
    float: right;
}
.rtl [type=email],
.rtl [type=number],
.rtl [type=tel],
.rtl [type=url] {
    direction: rtl;
}
.rtl .inbox-pagination a.np-btn {
    transform: rotate(180deg);
}
.rtl .item-card-desc .me-2,
.rtl .ad-post-details .me-2 {
    margin-right: 0 !important;
}
.rtl .item-card-desc .me-4,
.rtl .ad-post-details .me-4 {
    margin-right: 0 !important;
}
.rtl .alert-inner--icon i {
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}
.rtl .breadcrumb-5 a {
    padding: 0 39px 0 10px;
}
.rtl .breadcrumb-5 a:last-child {
    border-radius: 5px 0 0 5px;
}
.rtl #icon .btn i {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
}
.rtl .list-group.checked i {
    float: right;
}
.rtl .page-link i {
    transform: rotate(180deg);
}
.rtl .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.rtl .bs-popover-start>.popover-arrow {
    right: calc(-0.5rem - 1px);
    left: auto;
}
.rtl .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.rtl .bs-popover-start>.popover-arrow::after {
    left: 1px;
    right: auto;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #ffffff;
    border-right-color: transparent;
}
.rtl .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.rtl .bs-popover-start>.popover-arrow::before {
    left: 0;
    right: auto;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-color: transparent;
}
.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.rtl .bs-popover-end>.popover-arrow {
    left: calc(-0.5rem - 1px);
    right: auto;
}
.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.rtl .bs-popover-end>.popover-arrow::before {
    left: 0;
    right: auto;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-color: transparent;
}
.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.rtl .bs-popover-end>.popover-arrow::after {
    left: 1px;
    right: auto;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #ffffff;
    border-left-color: transparent;
}
.rtl .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.rtl .bs-tooltip-start .tooltip-arrow {
    right: 0;
    left: auto;
}
.rtl .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.rtl .bs-tooltip-start .tooltip-arrow::before {
    right: -1px;
    left: auto;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000000;
}
.rtl .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.rtl .bs-tooltip-end .tooltip-arrow {
    left: 0;
    right: auto;
}
.rtl .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.rtl .bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    left: auto;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000000;
}
.rtl .toast-header .ms-2 {
    margin-left: 0 !important;
}
.rtl #ChatCalls .me-2,
.rtl #ChatContacts .me-2 {
    margin-right: 0 !important;
    display: inline-block;
}
.rtl .bootstrap-tagsinput .badge [data-role=remove] {
    margin-left: auto;
    margin-right: 8px;
}
.rtl .active.carousel-item-start,
.rtl .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(100%) !important;
}
.rtl .active.carousel-item-end,
.rtl .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(-100%) !important;
}
.rtl .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(-100%) !important;
}
.rtl .MS-content {
    direction: ltr;
}
.rtl .main-msg-wrapper:before,
.rtl .main-msg-wrapper:after {
    border-color: transparent transparent transparent #f4f6ff !important;
}
.rtl .main-img-user.me-3 {
    margin-right: 0 !important;
}
.rtl #external-events {
    text-align: right;
}
.rtl .fc .fc-scroller-harness {
    direction: rtl;
}
.rtl .fc .fc-button .fc-icon {
    transform: rotate(180deg);
}
.rtl .datepicker-container {
    direction: rtl;
}
.rtl .datepicker-panel>ul>li {
    float: right;
}
.rtl .timeline-footer .me-1 {
    margin-right: 0 !important;
}
.rtl #ui_notifIt {
    right: auto;
    left: 10px;
}
.rtl #notifIt_close {
    right: auto;
    left: 0;
}
.rtl .notifit_confirm_bg,
.rtl .notifit_prompt_bg {
    left: auto;
    right: 0;
}
.rtl .notifit_confirm,
.rtl .notifit_prompt {
    left: auto;
    right: 0;
}
.rtl .notifit_confirm_accept,
.rtl .notifit_confirm_cancel,
.rtl .notifit_prompt_accept,
.rtl .notifit_prompt_cancel {
    margin-right: 0;
    margin-left: 5px;
}
.rtl .tree ul {
    margin-left: auto;
    margin-right: 1em;
}
.rtl .tree ul ul {
    margin-left: auto;
    margin-right: 0.5em;
}
.rtl .tree ul:before {
    left: auto;
    right: -10px;
    border-left: 0;
    border-right: 2px solid #d8e0f7;
}
.rtl .tree ul li:before {
    left: auto;
    right: -10px;
}
.rtl .tree li i {
    margin-right: auto;
    margin-left: 10px;
}
.rtl .tree .branch i {
    float: right;
    margin-top: 5px;
}
.rtl .dropdown-menu .dropdown-item i {
    float: right;
}
.rtl .settings-main-icon.me-4 {
    margin-right: 0 !important;
}
.rtl .form-switch {
    padding-left: 2.5em;
    padding-right: inherit;
}
.rtl .file-browser .btn-primary {
    border-radius: 6px 0 0 6px !important;
}
.rtl .intl-tel-input .flag-dropdown .selected-flag {
    margin: 1px 1px 1px 2px;
    padding: 11px 6px 10px 16px;
}
.rtl .intl-tel-input .flag-dropdown .country-list .flag {
    margin-right: auto;
    margin-left: 6px;
}
.rtl .intl-tel-input .flag-dropdown .country-list .country-name {
    margin-right: auto;
    margin-left: 6px;
}
.rtl .intl-tel-input input {
    padding-left: 0;
    padding-right: 47px;
}
.rtl .telephone-input .btn {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl .richText .richText-toolbar ul {
    padding-left: inherit;
    padding-right: 0;
}
.rtl .richText .richText-toolbar ul li {
    float: right;
}
.rtl .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    right: auto;
    left: 10px;
}
.rtl .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
    float: right;
}
.rtl .richText .richText-editor {
    border-left: 0;
    border-right: #ffffff solid 2px;
}
.rtl .richText .richText-editor:focus {
    border-left: #e8e8f7 solid 2px;
    border-right: transparent solid 2px;
}
.rtl .richText .richText-help {
    float: left;
}
.rtl .richText .richText-undo,
.rtl .richText .richText-redo {
    float: left;
    border-right: 0;
    border-left: #e8e8f7 solid 1px;
}
.rtl .richText .richText-list.list-rightclick {
    border-right: 0;
    border-left: #e8e8f7 solid 1px;
}
.rtl .richText .richText-toolbar ul li a {
    border-right: 0;
    border-left: #e8e8f7 solid 1px;
}
@media screen and (min-width: 992px) {
    .rtl.icontext-menu.main-sidebar-hide.main-sidebar-open li.nav-item.active .nav-link {
        border-radius: 0 30px 30px 0;
    }
}
.rtl .dropdown-menu .main-form-search .btn,
.rtl .dropdown-menu .main-form-search .sp-container button {
    border-radius: 6px 0 0 6px;
}
.rtl .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    border-radius: 0 3px 3px 0;
}
.rtl .transcation-crypto .table th:last-child,
.rtl .transcation-crypto .table td:last-child {
    border-left: 1px solid #e8e8f7 !important;
}
.rtl table.table-bordered.dataTable th:first-child,
.rtl table.table-bordered.dataTable td:first-child {
    border-right-width: 0px;
    border-left-width: 1px;
}
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-left: inherit;
    padding-right: 30px;
}
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    left: auto;
    right: 5px;
}
.rtl .side-menu .nav-item.show .nav-sub .nav-sub-item i.angle {
    transform: rotate(180deg);
}
.rtl .side-menu .nav-item .nav-sub .nav-sub-item.show i.angle {
    transform: rotate(90deg);
}
.rtl .side-menu .nav-item .nav-sub .nav-sub-item i.angle {
    right: auto;
    left: 20px;
}
.rtl .flag-dropdown .dropdown-menu .me-3 {
    margin-right: 0 !important;
}
.rtl table.dataTable>thead .sorting:after,
.rtl table.dataTable>thead .sorting_asc:after,
.rtl table.dataTable>thead .sorting_desc:after,
.rtl table.dataTable>thead .sorting_asc_disabled:after,
.rtl table.dataTable>thead .sorting_desc_disabled:after {
    left: 0.5em;
    right: auto;
}
.rtl table.dataTable>thead .sorting:before,
.rtl table.dataTable>thead .sorting_asc:before,
.rtl table.dataTable>thead .sorting_desc:before,
.rtl table.dataTable>thead .sorting_asc_disabled:before,
.rtl table.dataTable>thead .sorting_desc_disabled:before {
    left: 1em;
    right: auto;
}
.rtl .lg-toolbar .lg-icon {
    float: left;
}
.rtl #lg-counter {
    padding-left: inherit;
    padding-right: 20px;
}
.rtl .datetimepicker table th.prev span,
.rtl .datetimepicker table th.next span {
    transform: rotate(180deg);
}
@media (max-width: 400px) {
    .rtl .datepicker-dropdown {
        left: 0 !important;
    }
}
.rtl .item-card-desc a {
    display: inline-block;
}
.rtl .main-content-body-profile .me-2 {
    margin-right: 0 !important;
}
.rtl .header-search .input-group input {
    margin-right: -3px !important;
}
.rtl .header-search .dropdown-menu .main-form-search .input-group .search-btn {
    border-radius: 6px 0 0 6px !important;
}
.rtl .main-header-center .input-group input {
    margin-right: -3px !important;
}
.rtl .sub-nav-sub {
    padding-left: 0;
}
.rtl .form-select {
    background-position: left 0.75rem center;
}
/**********************Light Header Start********************************/
@media (min-width: 992px) {
    .header-light.main-body .side-header {
        border-bottom-color: #e8e8f7;
        box-shadow: -7.829px 11.607px 20px 0px rgba(0, 0, 0, 0.2);
    }
}
@media (min-width: 992px) {
    .header-light.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo {
        display: block;
    }

    .header-light.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
        display: none;
    }
}
@media (max-width: 991px) {

    .header-light.main-body .mobile-logo-dark,
    .header-light.horizontalmenu .mobile-logo-dark {
        display: none;
    }

    .header-light.main-body .mobile-logo,
    .header-light.horizontalmenu .mobile-logo {
        display: block;
    }
}
@media (max-width: 991px) {
    .header-light .main-header.side-header {
        border-bottom-color: #e8e8f7;
    }

    .header-light .responsive-navbar.navbar .navbar-collapse {
        background: #ffffff;
        border-bottom-color: #e8e8f7;
        border-top-color: #e8e8f7;
    }
}
.header-light .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border-color: #e8e8f7;
}
.header-light .main-header {
    background-color: #ffffff;
    border-bottom-color: #e8e8f7;
}
.header-light .main-header .form-control {
    color: #000000;
    background-color: #ffffff;
    border-color: #e8e8f7;
}
.header-light .main-header .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border-color: #e8e8f7 !important;
}
.header-light .main-header .responsive-navbar.navbar .navbar-collapse {
    box-shadow: none;
}
.header-light .main-header .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a8afc7;
}
.header-light .main-header .navbar-toggler {
    color: #4a4d51;
}
.header-light .navbar-toggler .header-icons:hover,
.header-light .option-dots:hover {
    background-color: #eaedf7;
}
.header-light .main-form-search .form-control:focus {
    background-color: #ffffff;
    border-color: #e8e8f7;
}
.header-light .main-header-menu-icon span {
    background-color: #2f395f;
}
.header-light .main-header-menu-icon span::before,
.header-light .main-header-menu-icon span::after {
    background-color: #2f395f;
}
.header-light .main-header-right .nav-link.icon {
    color: #4a4d51;
}
.header-light .main-header-right .nav-link.icon:hover {
    background: #eaedf7;
}
.header-light .main-header-center .form-control {
    border-color: #e8e8f7;
}
.header-light .main-header-center .form-control:focus {
    border-color: #e8e8f7 !important;
}
/**********************Light Header End********************************/
/**********************Dark Header Start********************************/
@media (min-width: 992px) {
    .header-dark.main-body .side-header {
        border-bottom-color: var(--dark-border);
        box-shadow: -7.829px 11.607px 20px 0px rgba(255, 255, 255, 0.2);
    }
}
@media (min-width: 992px) {
    .header-dark.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo {
        display: none;
    }

    .header-dark.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
        display: block;
    }
}
@media (max-width: 991px) {

    .header-dark.main-body .mobile-logo-dark,
    .header-dark.horizontalmenu .mobile-logo-dark {
        display: block;
    }

    .header-dark.main-body .mobile-logo,
    .header-dark.horizontalmenu .mobile-logo {
        display: none;
    }
}
@media (max-width: 991px) {
    .header-dark .main-header.side-header {
        border-bottom-color: var(--dark-border);
    }

    .header-dark .responsive-navbar.navbar .navbar-collapse {
        background: var(--dark-theme);
        border-bottom-color: var(--dark-border);
        border-top-color: var(--dark-border);
    }
}
.header-dark .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    background-color: var(--dark-theme);
    border-color: var(--dark-border) !important;
}
.header-dark .main-header {
    background-color: var(--dark-theme);
    border-bottom-color: var(--dark-border);
}
.header-dark .main-header .form-control {
    color: var(--dark-color);
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.header-dark .main-header .select2-container--default .select2-selection--single {
    background-color: var(--dark-theme);
    border-color: var(--dark-border) !important;
}
.header-dark .main-header .responsive-navbar.navbar .navbar-collapse {
    box-shadow: none;
}
.header-dark .main-header .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dark-color);
}
.header-dark .main-header .navbar-toggler {
    color: var(--dark-color);
}
.header-dark .navbar-toggler .header-icons:hover,
.header-dark .option-dots:hover {
    background-color: var(--dark-body);
}
.header-dark .main-form-search .form-control:focus {
    background-color: var(--dark-theme);
    border-color: var(--dark-border);
}
.header-dark .main-header-menu-icon span {
    background-color: var(--dark-color);
}
.header-dark .main-header-menu-icon span::before,
.header-dark .main-header-menu-icon span::after {
    background-color: var(--dark-color);
}
.header-dark .main-header-right .nav-link.icon {
    color: var(--dark-color);
}
.header-dark .main-header-right .nav-link.icon:hover {
    background: var(--dark-body);
}
.header-dark .main-header-center .form-control {
    border-color: var(--dark-border);
}
.header-dark .main-header-center .form-control:focus {
    border-color: var(--dark-border) !important;
}
/**********************Dark Header End********************************/
/**********************Color Header Start********************************/
@media (min-width: 992px) {
    .color-header.main-body .side-header {
        border-bottom-color: rgba(255, 255, 255, 0.2);
        box-shadow: -7.829px 11.607px 20px 0px rgba(255, 255, 255, 0.2);
    }
}
@media (min-width: 992px) {
    .color-header.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo {
        display: none;
    }

    .color-header.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
        display: block;
    }
}
@media (max-width: 991px) {

    .color-header.main-body .mobile-logo-dark,
    .color-header.horizontalmenu .mobile-logo-dark {
        display: block;
    }

    .color-header.main-body .mobile-logo,
    .color-header.horizontalmenu .mobile-logo {
        display: none;
    }
}
@media (max-width: 991px) {
    .color-header .main-header.side-header {
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }

    .color-header .responsive-navbar.navbar .navbar-collapse {
        background: var(--primary-bg-color);
        border-bottom-color: rgba(255, 255, 255, 0.2);
        border-top-color: rgba(255, 255, 255, 0.2);
    }
}
.color-header .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.color-header .main-header {
    background-color: var(--primary-bg-color);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.color-header .main-header .form-control {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, 0.2);
}
.color-header .main-header .select2-container--default .select2-selection--single {
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.color-header .main-header .responsive-navbar.navbar .navbar-collapse {
    box-shadow: none;
}
.color-header .main-header .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ffffff;
}
.color-header .main-header .navbar-toggler {
    color: #ffffff;
}
.color-header .main-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}
.color-header .main-header .form-control::placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.color-header .main-header .main-form-search .btn,
.color-header .main-header .main-form-search .sp-container button {
    background-color: #eaedf7;
    color: var(--primary-bg-color);
}
.color-header .main-header-center .form-control:focus+.btn {
    color: var(--primary-bg-color);
}
.color-header .navbar-toggler .header-icons:hover,
.color-header .option-dots:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.color-header .main-form-search .form-control:focus {
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, 0.2);
}
.color-header .main-header-menu-icon span {
    background-color: #ffffff;
}
.color-header .main-header-menu-icon span::before,
.color-header .main-header-menu-icon span::after {
    background-color: #ffffff;
}
.color-header .main-header-right .nav-link.icon {
    color: #ffffff;
}
.color-header .main-header-right .nav-link.icon:hover {
    background: rgba(0, 0, 0, 0.2);
}
.color-header .main-header-center .form-control {
    border-color: rgba(255, 255, 255, 0.2);
}
.color-header .main-header-center .form-control:focus {
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.color-header .main-header-center .search-btn {
    background-color: #ffffff;
    color: var(--primary-bg-color);
}
.color-header .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #ffffff;
}
/**********************Color Header End********************************/
/**********************Light Menu Start********************************/
.light-menu.main-body.leftmenu .side-menu .nav-link:hover {
    color: var(--primary-bg-color);
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover,
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus {
    color: var(--primary-bg-color) !important;
}
.light-menu.main-body.leftmenu .main-sidebar-sticky {
    background: #ffffff !important;
    border-right-color: #e8e8f7;
    border-left-color: #e8e8f7;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-label {
    color: #c8c4db;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-link {
    color: #8784a7;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-item.active .nav-link:before,
.light-menu.main-body.leftmenu .main-sidebar-body .nav-item.active .nav-link:after {
    border-right-color: #ffffff;
    border-left-color: #ffffff;
}
@media (min-width: 992px) {
    .light-menu.main-body.leftmenu .sidemenu-logo {
        background: #ffffff;
    }
}
.light-menu.main-body.leftmenu .sidemenu-logo {
    border-bottom-color: #e8e8f7;
    border-left-color: #e8e8f7 !important;
    border-right-color: #e8e8f7 !important;
}
.light-menu.main-body.leftmenu .sidemenu-logo .header-brand-img.desktop-logo.theme-logo {
    display: block !important;
}
.light-menu.main-body.leftmenu .sidemenu-logo .header-brand-img.desktop-logo {
    display: none !important;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link,
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub .nav-sub-link:before {
    color: #b2b2d0 !important;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-item.active>.nav-sub-link.active {
    color: var(--primary-bg-color) !important;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-item.active>.nav-sub-link.active::before {
    color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
    .light-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .desktop-logo {
        display: none !important;
    }

    .light-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo {
        display: none !important;
    }

    .light-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo.theme-logo {
        display: block !important;
    }

    .light-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
        display: none !important;
    }

    .light-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo {
        display: block !important;
    }

    .light-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        display: none !important;
    }
}
.light-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub .sidemenu-label,
.light-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub i,
.light-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub::before {
    color: var(--primary-bg-color) !important;
    opacity: 1 !important;
}
.light-menu.main-body.leftmenu .main-sidebar-body li.active li .sidemenu-label,
.light-menu.main-body.leftmenu .main-sidebar-body li.active li i {
    color: #b2b2d0 !important;
}
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover.sub-with-sub .sidemenu-label,
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover.sub-with-sub .angle,
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus.sub-with-sub .sidemenu-label,
.light-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus.sub-with-sub .angle {
    color: var(--primary-bg-color) !important;
}
.light-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo,
.light-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo {
    display: none !important;
}
.light-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo,
.light-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo {
    display: block !important;
}
@media screen and (min-width: 992px) {

    .light-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub,
    .light-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        background: #ffffff;
        box-shadow: -6px 0px 4px 3px rgba(0, 0, 0, 0.2);
    }

    .light-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link,
    .light-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: #ffffff;
    }

    .light-menu.main-body.leftmenu.hover-submenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1,
    .light-menu.main-body.leftmenu.hover-submenu1.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {
        border-bottom-color: #e8e8f7;
    }
}
.light-menu.horizontalmenu .main-navbar.hor-menu {
    background-color: #ffffff;
    border-bottom-color: #e8e8f7;
}
.light-menu.horizontalmenu .main-header {
    box-shadow: none;
}
.light-menu.horizontalmenu .main-navbar .nav-link,
.light-menu.horizontalmenu .main-navbar .nav-item:hover .nav-link.with-sub::after {
    color: #8784a7;
}
@media (min-width: 992px) {

    .light-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link,
    .light-menu.horizontalmenu .main-navbar.hor-menu .nav-item:hover .nav-link {
        color: var(--primary-bg-color);
    }

    .light-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link .hor-icon,
    .light-menu.horizontalmenu .main-navbar.hor-menu .nav-item:hover .nav-link .hor-icon {
        color: var(--primary-bg-color);
    }

    .light-menu.horizontalmenu .hor-menu .nav-link .hor-icon {
        color: #8784a7;
        fill: #8784a7;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub {
        background-color: #ffffff;
        border-top-color: #e8e8f7;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link {
        color: #b2b2d0;
    }

    .light-menu.horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        border-top-color: #e8e8f7;
        border-left-color: #e8e8f7;
        background-color: #ffffff;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link:hover,
    .light-menu.horizontalmenu .main-navbar .nav-sub-link:focus {
        color: var(--primary-bg-color) !important;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link.sub-with-sub::after {
        color: #b2b2d0;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link:hover.sub-with-sub::after,
    .light-menu.horizontalmenu .main-navbar .nav-sub-link:focus.sub-with-sub::after {
        color: var(--primary-bg-color) !important;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: var(--primary-bg-color);
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: var(--primary-bg-color);
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link.active.sub-with-sub::after {
        color: var(--primary-bg-color) !important;
    }

    .light-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link.with-sub::after {
        color: var(--primary-bg-color);
    }

    .light-menu.horizontalmenu .main-navbar .sub-nav-sub {
        background-color: #ffffff;
        border-color: #e8e8f7;
    }
}
@media (max-width: 991.98px) {
    .light-menu.horizontalmenu .main-body-1 .nav-label {
        color: #c8c4db;
    }

    .light-menu.horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .light-menu.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-right-color: #ffffff;
        border-left-color: #ffffff;
    }

    .light-menu.horizontalmenu .main-body-1 .nav-sub-link {
        color: #b2b2d0;
    }

    .light-menu.horizontalmenu .main-body-1 .nav-sub .nav-sub-link:before {
        color: #b2b2d0;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: var(--primary-bg-color);
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: var(--primary-bg-color);
        opacity: 1;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link:hover,
    .light-menu.horizontalmenu .main-navbar .nav-sub-link:focus {
        color: #b2b2d0 !important;
    }

    .light-menu.horizontalmenu .main-navbar .nav-sub-link:hover:before,
    .light-menu.horizontalmenu .main-navbar .nav-sub-link:focus:before {
        opacity: 1;
    }
}
@media (min-width: 992px) {

    .light-menu .hor-menu .slide-left,
    .light-menu .hor-menu .slide-right {
        color: #000000;
        border-color: #e8e8f7;
        background-color: #ffffff;
    }
}
/**********************Light Menu End********************************/
/**********************Dark Menu Start********************************/
.dark-menu.main-body.leftmenu .side-menu .nav-link:hover {
    color: #ffffff;
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover,
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus {
    color: #ffffff !important;
}
.dark-menu.main-body.leftmenu .main-sidebar-sticky {
    background: var(--dark-theme) !important;
    border-right-color: var(--dark-border);
    border-left-color: var(--dark-border);
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-label {
    color: rgba(255, 255, 255, 0.3);
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-link {
    color: rgba(255, 255, 255, 0.4);
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-item.active .nav-link:before,
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-item.active .nav-link:after {
    border-right-color: var(--dark-theme);
    border-left-color: var(--dark-theme);
}
@media (min-width: 992px) {
    .dark-menu.main-body.leftmenu .sidemenu-logo {
        background: var(--dark-theme);
    }
}
.dark-menu.main-body.leftmenu .sidemenu-logo {
    border-bottom-color: var(--dark-border);
    border-left-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}
.dark-menu.main-body.leftmenu .sidemenu-logo .header-brand-img.desktop-logo.theme-logo {
    display: none !important;
}
.dark-menu.main-body.leftmenu .sidemenu-logo .header-brand-img.desktop-logo {
    display: block !important;
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link,
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub .nav-sub-link:before {
    color: rgba(255, 255, 255, 0.4) !important;
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-item.active>.nav-sub-link.active {
    color: #ffffff !important;
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-item.active>.nav-sub-link.active::before {
    color: #ffffff !important;
}
@media (min-width: 992px) {
    .dark-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .desktop-logo {
        display: none !important;
    }

    .dark-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo {
        display: block !important;
    }

    .dark-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo.theme-logo {
        display: none !important;
    }

    .dark-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
        display: block !important;
    }

    .dark-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo {
        display: none !important;
    }

    .dark-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        display: none !important;
    }
}
.dark-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub .sidemenu-label,
.dark-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub i,
.dark-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub::before {
    color: #ffffff !important;
    opacity: 1 !important;
}
.dark-menu.main-body.leftmenu .main-sidebar-body li.active li .sidemenu-label,
.dark-menu.main-body.leftmenu .main-sidebar-body li.active li i {
    color: rgba(255, 255, 255, 0.4) !important;
}
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover.sub-with-sub .sidemenu-label,
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover.sub-with-sub .angle,
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus.sub-with-sub .sidemenu-label,
.dark-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus.sub-with-sub .angle {
    color: #ffffff !important;
}
.dark-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo,
.dark-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
    display: none !important;
}
.dark-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo,
.dark-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo {
    display: none !important;
}
.dark-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo,
.dark-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo {
    display: none !important;
}
.dark-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo,
.dark-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
    display: block !important;
}
@media screen and (min-width: 992px) {

    .dark-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub,
    .dark-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        background: var(--dark-theme);
        box-shadow: -6px 0px 4px 3px rgba(0, 0, 0, 0.2);
    }

    .dark-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link,
    .dark-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
    }

    .dark-menu.main-body.leftmenu.hover-submenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1,
    .dark-menu.main-body.leftmenu.hover-submenu1.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {
        border-bottom-color: var(--dark-border);
    }
}
.dark-menu.horizontalmenu .main-navbar.hor-menu {
    background-color: var(--dark-theme);
    border-bottom-color: var(--dark-border);
}
.dark-menu.horizontalmenu .main-header {
    box-shadow: none;
}
.dark-menu.horizontalmenu .main-navbar .nav-link,
.dark-menu.horizontalmenu .main-navbar .nav-item:hover .nav-link.with-sub::after {
    color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {

    .dark-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link,
    .dark-menu.horizontalmenu .main-navbar.hor-menu .nav-item:hover .nav-link {
        color: #ffffff;
    }

    .dark-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link .hor-icon,
    .dark-menu.horizontalmenu .main-navbar.hor-menu .nav-item:hover .nav-link .hor-icon {
        color: #ffffff;
    }

    .dark-menu.horizontalmenu .hor-menu .nav-link .hor-icon {
        color: rgba(255, 255, 255, 0.6);
        fill: rgba(255, 255, 255, 0.6);
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub {
        background-color: var(--dark-theme);
        border-top-color: var(--dark-border);
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link {
        color: rgba(255, 255, 255, 0.4);
    }

    .dark-menu.horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        border-top-color: var(--dark-border);
        border-left-color: var(--dark-border);
        background-color: var(--dark-theme);
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:hover,
    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:focus {
        color: #ffffff !important;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link.sub-with-sub::after {
        color: rgba(255, 255, 255, 0.4);
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:hover.sub-with-sub::after,
    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:focus.sub-with-sub::after {
        color: #ffffff !important;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: #ffffff;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link.active.sub-with-sub::after {
        color: #ffffff !important;
    }

    .dark-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link.with-sub::after {
        color: #ffffff;
    }

    .dark-menu.horizontalmenu .main-navbar .sub-nav-sub {
        background-color: var(--dark-theme);
        border-color: var(--dark-border);
    }
}
@media (max-width: 991.98px) {
    .dark-menu.horizontalmenu .main-body-1 .nav-label {
        color: rgba(255, 255, 255, 0.3);
    }

    .dark-menu.horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .dark-menu.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-right-color: var(--dark-theme);
        border-left-color: var(--dark-theme);
    }

    .dark-menu.horizontalmenu .main-body-1 .nav-sub-link {
        color: rgba(255, 255, 255, 0.4);
    }

    .dark-menu.horizontalmenu .main-body-1 .nav-sub .nav-sub-link:before {
        color: rgba(255, 255, 255, 0.8);
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: #ffffff;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
        opacity: 1;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:hover,
    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:focus {
        color: #ffffff !important;
    }

    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:hover:before,
    .dark-menu.horizontalmenu .main-navbar .nav-sub-link:focus:before {
        opacity: 1;
    }
}
@media (min-width: 992px) {

    .dark-menu .hor-menu .slide-left,
    .dark-menu .hor-menu .slide-right {
        color: var(--dark-color);
        border-color: var(--dark-border);
        background-color: var(--dark-theme);
    }
}
/**********************Dark Menu End********************************/
/**********************Color Menu Start********************************/
.color-menu.main-body.leftmenu .side-menu .nav-link:hover {
    color: #ffffff;
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover,
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus {
    color: #ffffff !important;
}
.color-menu.main-body.leftmenu .main-sidebar-sticky {
    background: var(--primary-bg-color) !important;
    border-right-color: rgba(255, 255, 255, 0.2);
    border-left-color: rgba(255, 255, 255, 0.2);
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-label {
    color: rgba(255, 255, 255, 0.3);
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-link {
    color: rgba(255, 255, 255, 0.6);
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-item.active .nav-link:before,
.color-menu.main-body.leftmenu .main-sidebar-body .nav-item.active .nav-link:after {
    border-right-color: var(--primary-bg-color);
    border-left-color: var(--primary-bg-color);
}
@media (min-width: 992px) {
    .color-menu.main-body.leftmenu .sidemenu-logo {
        background: var(--primary-bg-color);
    }
}
.color-menu.main-body.leftmenu .sidemenu-logo {
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-left-color: rgba(255, 255, 255, 0.2) !important;
    border-right-color: rgba(255, 255, 255, 0.2) !important;
}
.color-menu.main-body.leftmenu .sidemenu-logo .header-brand-img.desktop-logo.theme-logo {
    display: none !important;
}
.color-menu.main-body.leftmenu .sidemenu-logo .header-brand-img.desktop-logo {
    display: block !important;
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link,
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub .nav-sub-link:before {
    color: rgba(255, 255, 255, 0.6) !important;
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-item.active>.nav-sub-link.active {
    color: #ffffff !important;
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-item.active>.nav-sub-link.active::before {
    color: #ffffff !important;
}
@media (min-width: 992px) {
    .color-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .desktop-logo {
        display: none !important;
    }

    .color-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo {
        display: block !important;
    }

    .color-menu.main-body.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo.theme-logo {
        display: none !important;
    }

    .color-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
        display: block !important;
    }

    .color-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo {
        display: none !important;
    }

    .color-menu.main-body.leftmenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        display: none !important;
    }
}
.color-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub .sidemenu-label,
.color-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub i,
.color-menu.main-body.leftmenu .main-sidebar-body li.active li.active .nav-sub-link.sub-with-sub::before {
    color: #ffffff !important;
    opacity: 1 !important;
}
.color-menu.main-body.leftmenu .main-sidebar-body li.active li .sidemenu-label,
.color-menu.main-body.leftmenu .main-sidebar-body li.active li i {
    color: rgba(255, 255, 255, 0.6) !important;
}
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover.sub-with-sub .sidemenu-label,
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:hover.sub-with-sub .angle,
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus.sub-with-sub .sidemenu-label,
.color-menu.main-body.leftmenu .main-sidebar-body .nav-sub-link:focus.sub-with-sub .angle {
    color: #ffffff !important;
}
@media (min-width: 992px) {
    .color-menu.main-body.leftmenu.icontext-menu.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        background: rgba(0, 0, 0, 0.2);
    }

    .color-menu.main-body.leftmenu.icontext-menu.main-sidebar-hide .main-sidebar-body li.active .sidemenu-label {
        color: #ffffff;
    }

    .color-menu.main-body.leftmenu.icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
        background: var(--primary-bg-color);
    }

    .color-menu.main-body.leftmenu.icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-label {
        color: var(--primary-bg-color);
    }
}
.color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo,
.color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
    display: none !important;
}
.color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo,
.color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo {
    display: none !important;
}
.color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo,
.color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
    display: block !important;
}
@media screen and (min-width: 992px) {

    .color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub,
    .color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        background: var(--primary-bg-color);
        box-shadow: -6px 0px 4px 3px rgba(0, 0, 0, 0.2);
    }

    .color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link,
    .color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--primary-bg-color);
    }

    .color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon,
    .color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        background: rgba(0, 0, 0, 0.2);
    }

    .color-menu.main-body.leftmenu.hover-submenu.main-sidebar-hide .main-sidebar-body li.active .sidemenu-label,
    .color-menu.main-body.leftmenu.hover-submenu1.main-sidebar-hide .main-sidebar-body li.active .sidemenu-label {
        color: #ffffff;
    }

    .color-menu.main-body.leftmenu.hover-submenu.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1,
    .color-menu.main-body.leftmenu.hover-submenu1.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }
}
.color-menu.horizontalmenu .main-navbar.hor-menu {
    background-color: var(--primary-bg-color);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.color-menu.horizontalmenu .main-header {
    box-shadow: none;
}
.color-menu.horizontalmenu .main-navbar .nav-link,
.color-menu.horizontalmenu .main-navbar .nav-item:hover .nav-link.with-sub::after {
    color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {

    .color-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link,
    .color-menu.horizontalmenu .main-navbar.hor-menu .nav-item:hover .nav-link {
        color: #ffffff;
    }

    .color-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link .hor-icon,
    .color-menu.horizontalmenu .main-navbar.hor-menu .nav-item:hover .nav-link .hor-icon {
        color: #ffffff;
    }

    .color-menu.horizontalmenu .hor-menu .nav-link .hor-icon {
        color: rgba(255, 255, 255, 0.6);
        fill: rgba(255, 255, 255, 0.6);
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub {
        background-color: var(--primary-bg-color);
        border-top-color: rgba(255, 255, 255, 0.2);
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link {
        color: rgba(255, 255, 255, 0.6);
    }

    .color-menu.horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        border-top-color: rgba(255, 255, 255, 0.2);
        border-left-color: rgba(255, 255, 255, 0.2);
        background-color: var(--primary-bg-color);
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link:hover,
    .color-menu.horizontalmenu .main-navbar .nav-sub-link:focus {
        color: #ffffff !important;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link.sub-with-sub::after {
        color: rgba(255, 255, 255, 0.6);
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link:hover.sub-with-sub::after,
    .color-menu.horizontalmenu .main-navbar .nav-sub-link:focus.sub-with-sub::after {
        color: #ffffff !important;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: #ffffff;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link.active.sub-with-sub::after {
        color: #ffffff !important;
    }

    .color-menu.horizontalmenu .main-navbar.hor-menu .nav-item.active .nav-link.with-sub::after {
        color: #ffffff;
    }

    .color-menu.horizontalmenu .main-navbar .sub-nav-sub {
        background-color: var(--primary-bg-color);
        border-color: rgba(255, 255, 255, 0.2);
    }
}
@media (max-width: 991.98px) {
    .color-menu.horizontalmenu .main-body-1 .nav-label {
        color: rgba(255, 255, 255, 0.3);
    }

    .color-menu.horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .color-menu.horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-right-color: var(--primary-bg-color);
        border-left-color: var(--primary-bg-color);
    }

    .color-menu.horizontalmenu .main-body-1 .nav-sub-link {
        color: rgba(255, 255, 255, 0.6);
    }

    .color-menu.horizontalmenu .main-body-1 .nav-sub .nav-sub-link:before {
        color: rgba(255, 255, 255, 0.8);
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active {
        color: #ffffff;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
        opacity: 1;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link:hover,
    .color-menu.horizontalmenu .main-navbar .nav-sub-link:focus {
        color: #ffffff !important;
    }

    .color-menu.horizontalmenu .main-navbar .nav-sub-link:hover:before,
    .color-menu.horizontalmenu .main-navbar .nav-sub-link:focus:before {
        opacity: 1;
    }
}
.color-menu .side-menu-label1 a {
    color: #ffffff;
}
@media (min-width: 992px) {

    .color-menu .hor-menu .slide-left,
    .color-menu .hor-menu .slide-right {
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.2);
        background-color: var(--primary-bg-color);
    }
}
/**********************Color Menu End********************************/
/******************** Boxed Styles start********************/
@media (min-width: 1400px) {
    body.layout-boxed {
        background: #ffffff;
    }

    body.layout-boxed.dark-theme {
        background: var(--dark-theme);
    }

    .layout-boxed.dark-theme .page {
        background: var(--dark-body);
    }

    .layout-boxed .page {
        width: 85%;
        margin: 0 auto;
        background: #eaedf7;
        position: relative;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        box-shadow: rgba(104, 113, 123, 0.3) 0px 5px 0px 0px, rgba(104, 113, 123, 0.3) 0px 5px 25px 0px;
    }

    .layout-boxed .main-header.side-header {
        width: 85% !important;
        margin: 0 auto;
    }

    .layout-boxed .main-header.hor-header {
        width: 100% !important;
        margin: 0 auto;
    }

    .layout-boxed .main-sidebar {
        left: auto !important;
    }

    .layout-boxed .main-sidebar-header {
        left: auto !important;
        right: auto !important;
    }

    .layout-boxed h3.number-font {
        font-size: 1.8rem;
    }

    .layout-boxed .sticky-pin .main-navbar.hor-menu {
        width: 85% !important;
    }

    .layout-boxed .hor-content .container,
    .layout-boxed .hor-header .container,
    .layout-boxed .main-navbar.hor-menu .container {
        max-width: 85%;
    }

    .layout-boxed.horizontalmenu .hor-header.sticky-pin {
        position: relative !important;
    }

    .layout-boxed.main-body .side-header {
        left: auto;
    }

    .layout-boxed.rtl .main-sidebar {
        right: auto !important;
    }

    .layout-boxed.rtl.main-body .side-header {
        right: auto;
        left: auto;
    }
}
/******************** Boxed Styles End********************/
/******************** Scrollable Styles start********************/
.scrollable-layout .main-header.side-header.sticky {
    position: absolute !important;
    width: 100% !important;
}
.scrollable-layout .main-sidebar,
.scrollable-layout.main-body.leftmenu .sidemenu-logo {
    position: absolute;
}
.scrollable-layout .page {
    position: relative;
}
.scrollable-layout.horizontalmenu .hor-header.sticky-pin {
    position: relative !important;
}
@media (max-width: 991px) {

    .scrollable-layout.horizontalmenu .main-header.hor-header.sticky-pin,
    .scrollable-layout.horizontalmenu .main-menu.hor-menu {
        position: absolute !important;
    }
}
@media (min-width: 992px) {
    .scrollable-layout.main-sidebar-open.main-sidebar-hide .side-menu {
        top: 0;
    }

    .scrollable-layout.main-sidebar-open.main-sidebar-hide .main-sidebar-body {
        margin-top: 65px !important;
    }

    .scrollable-layout.horizontalmenu .sticky.sticky-pin {
        position: absolute !important;
    }
}
/******************** Scrollable Styles End********************/
/* ########## LAYOUTS  ########## */
/* ###### Main-content  ###### */
.main-content.side-content {
    transition: none;
    border-radius: 0;
    padding: 0px;
    padding-bottom: 0;
    bottom: 0;
    position: relative;
    height: 100%;
}
.main-content .container,
.main-content .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}
@media (max-width: 575px) {
    .main-content-left-show {
        overflow: hidden;
    }
}
@media (max-width: 991.98px) {
    .main-content-left-show .main-content-left {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #ffffff;
        z-index: 800;
        border-right: 1px solid #e8e8f7;
        box-shadow: 0 0 3px rgba(28, 39, 60, 0.1);
        overflow-y: auto;
    }
}
@media (max-width: 575px) {
    .main-content-left-show .main-content-body {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .main-content-body-show .main-header .main-header-menu-icon {
        display: none;
    }

    .main-content-body-show .main-header .main-header-left .main-header-arrow {
        display: block;
    }

    .main-content-body-show .main-content-left {
        display: none;
    }

    .main-content-body-show .main-content-body {
        display: block;
    }
}
@media (min-width: 992px) {
    .main-content .container {
        padding: 0;
    }
}
@media (max-width: 991.98px) {
    .main-content .container {
        max-width: none;
    }
}
.main-content-app {
    padding-top: 20px;
}
.main-content-app .container,
.main-content-app .container-fluid {
    height: 100%;
    padding: 0;
}
@media (min-width: 992px) {
    .main-content-app {
        height: calc(100vh - 250px);
        padding-top: 30px;
    }
}
.main-content-left {
    width: 100%;
    position: relative;
    padding: 0;
    flex-shrink: 0;
    display: none;
}
@media (min-width: 992px) {
    .main-content-left {
        display: block;
        padding: 0;
    }
}
.main-content-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.main-content-header .main-logo {
    flex: 1;
    text-align: center;
}
@media (min-width: 992px) {
    .main-content-header {
        display: none;
    }
}
.main-content-body {
    flex: 1;
}
.main-content-right {
    padding-left: 25px;
    margin-left: 25px;
    width: 200px;
    display: none;
}
@media (min-width: 992px) {
    .main-content-right {
        display: block;
    }
}
@media (min-width: 992px) {
    .main-content-title {
        margin-bottom: 40px;
    }
}
.main-content-label,
.card-table-two .card-title,
.card-dashboard-eight .card-title {
    color: #1d212f;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: 0.2px;
}
.main-content-label-sm {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3c4858;
    letter-spacing: 0.5px;
}
.main-content-text {
    font-size: 12px;
    line-height: 1.4;
    display: block;
    color: #a8afc7;
}
.main-content-choose-demo {
    position: relative;
    z-index: 5;
    background-color: #0f0373;
    color: rgba(255, 255, 255, 0.5);
    padding: 0;
}
.main-content-choose-demo .container {
    display: block;
    padding: 20px;
}
.main-content-choose-demo .title-label {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    margin-bottom: 3px;
}
.main-content-choose-demo .title {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.main-content-choose-demo .title-text {
    font-weight: 300;
    margin-bottom: 20px;
}
.main-content-choose-demo .card {
    border-width: 0;
    margin-bottom: 10px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.main-content-choose-demo .card img {
    transition: all 0.2s ease-in-out;
}
.main-content-choose-demo .card figure {
    margin-bottom: 0;
}
.main-content-choose-demo .card figure:hover img,
.main-content-choose-demo .card figure:focus img {
    transform: scale(1.75, 1.75);
}
.main-content-choose-demo .card figure:hover figcaption,
.main-content-choose-demo .card figure:focus figcaption {
    opacity: 1;
}
.main-content-choose-demo .card figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(25, 4, 190, 0.75);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.main-content-choose-demo .card figcaption .btn,
.main-content-choose-demo .card figcaption .sp-container button {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 11px;
    font-weight: 500;
    min-height: inherit;
    padding: 10px 20px;
    border-radius: 2px;
}
@media (min-width: 576px) {
    .main-content-choose-demo .container {
        padding: 40px;
    }
}
@media (min-width: 992px) {
    .main-content-choose-demo .container {
        padding: 100px 40px;
    }
}
@media (min-width: 1200px) {
    .main-content-choose-demo .container {
        padding: 100px 0;
    }
}
@media (min-width: 768px) {
    .main-content-choose-demo .title-label {
        font-size: 11px;
    }
}
@media (min-width: 768px) {
    .main-content-choose-demo .title {
        font-size: 30px;
    }
}
@media (min-width: 576px) {
    .main-content-choose-demo .title-text {
        margin-bottom: 40px;
    }
}
@media (min-width: 768px) {
    .main-content-choose-demo .title-text {
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    .main-content-choose-demo .title-text {
        margin-bottom: 60px;
    }
}
@media (min-width: 576px) {
    .main-content-choose-demo .card {
        height: 155px;
    }
}
@media (min-width: 768px) {
    .main-content-choose-demo .card {
        height: 215px;
        margin-bottom: 15px;
    }
}
@media (min-width: 1200px) {
    .main-content-choose-demo .card {
        height: 255px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-content-choose-demo .card img {
        transition: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-content-choose-demo .card figcaption {
        transition: none;
    }
}
.sp-container .main-content-choose-demo .card figcaption button {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 11px;
    font-weight: 500;
    min-height: inherit;
    padding: 10px 20px;
    border-radius: 2px;
}
.main-content-choose-demo .card.coming-soon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8f9cc0;
    background-color: #eaedf7;
}
.main-content-choose-demo .card.coming-soon .typcn {
    line-height: 0.9;
    font-size: 48px;
    margin-bottom: 10px;
}
.main-content-choose-demo .card.coming-soon h6 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
}
.main-content-choose-demo .main-content-label,
.main-content-choose-demo .card-table-two .card-title {
    color: #a8afc7;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
.card-table-two .main-content-choose-demo .card-title,
.main-content-choose-demo .card-dashboard-eight .card-title,
.card-dashboard-eight .main-content-choose-demo .card-title {
    color: #a8afc7;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
.main-content-choose-demo .main-content-title {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    color: #ffffff;
}
@media (min-width: 768px) {
    .main-content-choose-demo .main-content-title {
        font-size: 17px;
    }
}
.main-sidebar-body .nav-header ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}
/* ###### Main-content  ###### */
/* ###### Main-header  ###### */
@media (max-width: 991.98px) {
    .main-header-menu-show {
        overflow: hidden;
    }

    .main-header-menu-show .main-header-menu {
        border-right: 1px solid rgba(28, 39, 60, 0.08);
        box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
        transform: translateX(0);
    }

    .main-header-menu-show .main-navbar-backdrop {
        visibility: visible;
        opacity: 1;
    }
}
.main-header {
    height: 60px;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8f7;
    z-index: 99;
    width: 100%;
    box-shadow: -7.829px 11.607px 20px 0px rgb(228, 227, 245);
}
.main-header>.container,
.main-header>.container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 992px) {
    .main-body .main-header {
        position: fixed;
        height: 65px;
    }

    .main-header {
        position: relative;
        height: 65px;
    }
}
@media (min-width: 992px) {

    .main-header>.container,
    .main-header>.container-fluid {
        padding-left: 25px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .main-header>.container {
        padding: 0;
    }
}
@media (max-width: 991.98px) {
    .main-header>.container {
        max-width: none;
    }
}
@media (min-width: 992px) {
    .main-header .main-header-left .main-logo {
        display: flex;
    }
}
.main-header-left {
    display: flex;
    align-items: center;
}
.main-header-left .main-header-arrow {
    display: none;
    position: relative;
    top: -2px;
}
.main-logo {
    font-weight: 700;
    font-size: 28px;
    font-family: "Poppins", sans-serif;
    text-transform: lowercase;
    letter-spacing: -1px;
    display: flex;
    align-items: left;
    position: relative;
    margin: auto;
    justify-content: left;
}
.main-logo i {
    display: block;
    line-height: 0.9;
    margin-right: 8px;
    font-size: 40px;
}
.main-logo i::before {
    width: auto;
    height: auto;
}
.main-header-menu-icon {
    margin-right: 10px;
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
}
.main-header-menu-icon span {
    display: block;
    position: relative;
    width: 15px;
    height: 2px;
    background-color: #2f395f;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}
.main-header-menu-icon span::before,
.main-header-menu-icon span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #2f395f;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}
.main-header-menu-icon span::before {
    top: -6px;
}
.main-header-menu-icon span::after {
    bottom: -6px;
}
@media (min-width: 992px) {
    .main-header-menu-icon {
        margin-right: 25px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-header-menu-icon span {
        transition: none;
    }
}
@media (prefers-reduced-motion: reduce) {

    .main-header-menu-icon span::before,
    .main-header-menu-icon span::after {
        transition: none;
    }
}
.main-header-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 240px;
    background-color: #ffffff;
    overflow-y: auto;
    z-index: 1000;
    transform: translateX(-240px);
    transition: all 0.35s ease;
}
.main-header-menu>.nav {
    flex-direction: column;
    padding: 20px;
}
.main-header-menu .nav-item::before {
    content: "";
    position: absolute;
    top: 67px;
    margin-left: 25px;
    width: 15px;
    height: 15px;
    border-top: 2px solid rgba(28, 39, 60, 0.12);
    border-left: 2px solid rgba(28, 39, 60, 0.12);
    background-color: #ffffff;
    transform: rotate(45deg);
    z-index: 100;
    display: none;
}
.main-header-menu .nav-item+.nav-item {
    margin-top: 10px;
}
.main-header-menu .nav-item>.nav-link {
    display: flex;
    align-items: center;
    position: relative;
    color: #8f9cc0;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    transition: all 0.2s ease-in-out;
}
.main-header-menu .nav-item>.nav-link.with-sub::after {
    content: "\f3d0";
    display: inline-block;
    font-family: "Ionicons", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-left: auto;
    margin-top: 3px;
    opacity: 0.5;
}
.main-header-menu .nav-item>.nav-link .typcn {
    font-size: 20px;
    line-height: 0.95;
    margin-right: 15px;
    width: 16px;
}
.main-header-menu .nav-item>.nav-link .typcn::before {
    width: auto;
}
.main-header-menu .nav-item.active>.nav-link {
    position: relative;
}
.main-header-menu .nav-item.active>.nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: -20px;
    width: 2px;
    border-radius: 3px;
}
.main-header-menu .nav-item.show .main-menu-sub {
    display: block;
}
@media (prefers-reduced-motion: reduce) {
    .main-header-menu {
        transition: none;
    }
}
@media (min-width: 992px) {
    .main-header-menu {
        background-color: transparent;
        border-right: 0;
        position: static;
        width: auto;
        overflow-y: visible;
        transform: none;
        z-index: auto;
    }
}
@media (min-width: 992px) {
    .main-header-menu>.nav {
        padding: 0;
        flex-direction: row;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .main-header-menu .nav-item+.nav-item {
        margin-top: 0;
        margin-left: 30px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-header-menu .nav-item>.nav-link {
        transition: none;
    }
}
@media (min-width: 992px) {
    .main-header-menu .nav-item>.nav-link {
        font-size: 0.875rem;
    }
}
@media (min-width: 992px) {
    .main-header-menu .nav-item>.nav-link.with-sub::after {
        margin-left: 5px;
    }
}
@media (min-width: 992px) {
    .main-header-menu .nav-item>.nav-link .typcn {
        font-size: 18px;
        margin-right: 7px;
    }
}
@media (min-width: 992px) {
    .main-header-menu .nav-item.active>.nav-link::before {
        top: auto;
        bottom: -22px;
        left: 0;
        right: 0;
        width: auto;
        height: 2px;
    }
}
@media (min-width: 992px) {
    .main-header-menu .nav-item.show::before {
        display: block;
    }
}
.main-header-menu-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid rgba(28, 39, 60, 0.05);
}
.main-header-menu-header .close {
    font-weight: 300;
    font-size: 28px;
}
@media (min-width: 992px) {
    .main-header-menu-header {
        display: none;
    }
}
.main-header-center {
    flex: 1;
    margin: 0 0 0 0.8rem;
    position: relative;
}
.main-header-center .search-panel .dropdown-toggle {
    border-radius: 6px 0 0 6px;
    background: #eaebfa;
    border: 1px solid #e6eaff;
    height: 40px;
    color: #828aa5;
}
.main-header-center .search-panel .btn:hover .dropdown-toggle {
    color: #828aa5;
}
.main-header-center .search-panel .dropdown-menu.show {
    display: block;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.main-header-center .search-btn {
    padding: 0.375rem 0.85rem 0.4rem 0.7rem;
    border-radius: 0 6px 6px 0;
    color: #ffffff;
}
.main-header-center .search-btn:hover i,
.main-header-center .search-btn:focus i {
    color: #ffffff;
}
.main-header-center .search-btn:hover,
.main-header-center .search-btn:focus {
    background-color: #4140a9;
}
.main-header-center .form-control:focus {
    background: #ffffff !important;
    border: 1px solid #e8e8f7;
}
.main-header-center .select2-container--default .select2-selection--single {
    border-radius: 6px 0 0 6px;
    height: 40px;
    width: 150px;
}
.main-header-center .form-control {
    transition: none;
    height: 40px;
    border-radius: 0;
    width: auto;
    flex: inherit;
}
.main-header-center .form-control:focus {
    background-color: var(--primary01);
    border-color: #e8e8f7;
    box-shadow: none !important;
}
.main-header-center .form-control:focus+.btn {
    color: #ffffff;
}
.main-header-center .sp-container .form-control:focus+button {
    color: #a8afc7;
}
@media (min-width: 992px) and (max-width: 1172px) {
    .main-header-center .form-control {
        width: 75px !important;
        padding: 0.175rem 0.75rem 0.175rem 0.75rem;
    }
}
@media (min-width: 1173px) {
    .main-header-center .form-control {
        width: 257px;
    }
}
.sp-container .main-header-center .form-control:focus+button {
    color: #a8afc7;
}
.main-header-center .btn:hover,
.main-header-center .sp-container button:hover {
    color: #ffffff;
}
.sp-container .main-header-center button:hover {
    color: #ffffff;
}
.main-header-center .btn:focus,
.main-header-center .sp-container button:focus {
    color: #ffffff;
}
.sp-container .main-header-center button:focus {
    color: #ffffff;
}
.sp-container .main-header-center button:hover i {
    color: #b1bad6;
}
.main-header-center .btn:focus i,
.main-header-center .sp-container button:focus i {
    color: #b1bad6;
}
.sp-container .main-header-center button:focus i {
    color: #b1bad6;
}
.main-header-right {
    display: flex;
    align-items: center;
}
.main-header-right .btn-social {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a8afc7;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}
.main-header-right .btn-social:hover,
.main-header-right .btn-social:focus {
    color: #3c4858;
}
.main-header-right .btn-social i {
    font-size: 18px;
    line-height: 0;
}
.main-header-right .btn-social+.btn-social {
    margin-left: 10px;
}
.main-header-right .btn-buy {
    text-transform: uppercase;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    margin-left: 20px;
}
@media (prefers-reduced-motion: reduce) {
    .main-header-right .btn-social {
        transition: none;
    }
}
.header-icons {
    height: 20px;
    width: 20px;
    line-height: 20px;
}
.country-Flag svg {
    padding: 0;
    min-width: 0;
    width: 21px;
    height: 21px;
    flex-shrink: 0;
    line-height: 24px;
    border-radius: 50%;
}
@media (prefers-reduced-motion: reduce) {
    .main-header-right .btn-buy {
        transition: none;
    }
}
.main-header-search-link {
    font-size: 18px;
    color: #3c4858;
    line-height: 1;
    margin-right: 15px;
}
.main-header-arrow {
    font-size: 27px;
    color: #8f9cc0;
    display: inline-block;
    line-height: 0;
}
.main-header-arrow i {
    line-height: 0;
}
.main-header-arrow:hover,
.main-header-arrow:focus {
    color: #3c4858;
}
.main-header-message,
.main-header-notification {
    position: relative;
}
.main-header-message>a,
.main-header-notification>a {
    display: block;
    font-size: 20px;
    color: #8f9cc0;
    position: relative;
    line-height: 0.9;
    outline: none;
}
.main-header-message>a.new::before {
    content: "";
    position: absolute;
    top: -2px;
    right: 2px;
    width: 7px;
    height: 7px;
    background-color: #f16d75;
    border-radius: 100%;
}
.main-header-notification>a.new::before {
    content: "";
    position: absolute;
    top: -2px;
    right: 2px;
    width: 7px;
    height: 7px;
    background-color: #f16d75;
    border-radius: 100%;
}
.main-header-notification .dropdown-menu {
    width: 300px;
    position: absolute;
    top: 48px;
    left: auto;
    right: -10px;
    bottom: auto;
    padding: 0;
    border-width: 1px;
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.3);
    border-radius: 4px;
}
@media (min-width: 992px) {

    .main-header-notification>a::after,
    .main-header-message>a::after {
        bottom: -36px;
    }
}
.main-header-message .dropdown-menu {
    width: 300px;
    position: absolute;
    top: 48px !important;
    left: auto !important;
    right: -10px;
    bottom: auto;
    padding: 0;
    border-color: #eaedf7;
    border-width: 1px;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.main-header-notification .dropdown-footer {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid rgba(123, 65, 216, 0.1);
}
.main-header-notification.show>a::after,
.main-header-notification.show .dropdown-menu {
    display: block;
}
.main-header-message.show>a::after,
.main-header-message.show .dropdown-menu {
    display: block;
}
.main-header-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}
.main-header-profile .main-img-user {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
}
.main-header-profile .main-img-user::after {
    display: none;
}
.main-header-profile h6 {
    font-size: 24px;
    font-weight: 700;
    color: #8f9cc0;
    margin-bottom: 0;
}
.main-header-profile span {
    display: block;
    font-size: 13px;
}
@media (min-width: 576px) {
    .main-header-profile .main-img-user {
        width: 80px;
        height: 80px;
    }
}
@media (min-width: 576px) {
    .main-header-profile h6 {
        font-size: 18px;
    }
}
.main-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
/* ###### Main-header  ###### */
/* ###### Main-header-nav  ###### */
.main-menu-sub {
    font-size: 13px;
    margin-left: 32px;
    margin-top: 12px;
    display: none;
}
.main-menu-sub .nav {
    flex-direction: column;
}
.main-menu-sub .nav-link {
    padding: 0;
    display: block;
    color: #3c4858;
}
.main-menu-sub .nav-link+.nav-link {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dotted #eaedf7;
}
.main-menu-sub .nav-link.active {
    font-weight: 500;
}
@media (min-width: 992px) {
    .main-menu-sub {
        position: absolute;
        top: 74px;
        background-color: #ffffff;
        padding: 15px 20px;
        border: 2px solid rgba(28, 39, 60, 0.12);
        min-width: 200px;
        margin-left: 0;
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .main-menu-sub .nav-link.active {
        font-weight: 400;
    }
}
.main-menu-sub-mega {
    left: 0;
    right: 0;
    background-color: transparent;
    padding: 0;
    border: 0;
}
.main-menu-sub-mega .container {
    padding: 0;
}
.main-menu-sub-mega .container>div+div {
    margin-top: 25px;
}
.main-menu-sub-mega .nav {
    min-width: 120px;
    flex-direction: column;
}
.main-menu-sub-mega .nav+.nav {
    border-top: 1px dotted #eaedf7;
    margin-top: 6px;
    padding-top: 6px;
}
.main-menu-sub-mega .mega-subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: #8f9cc0;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.main-menu-sub-mega .nav>span:first-of-type {
    margin-top: 0;
}
@media (max-width: 991.98px) {
    .main-menu-sub-mega .container {
        max-width: none;
    }
}
@media (min-width: 992px) {
    .main-menu-sub-mega .container {
        display: flex;
        background-color: #ffffff;
        border: 2px solid rgba(28, 39, 60, 0.12);
    }
}
@media (min-width: 992px) {
    .main-menu-sub-mega .container>div {
        display: flex;
        padding: 20px;
        flex: 1;
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .main-menu-sub-mega .container>div {
        padding: 20px 25px;
    }
}
@media (min-width: 992px) {
    .main-menu-sub-mega .container>div+div {
        margin-top: 0;
        border-left: 1px solid rgba(28, 39, 60, 0.05);
    }
}
@media (min-width: 1200px) {
    .main-menu-sub-mega .nav {
        min-width: 140px;
    }
}
@media (min-width: 992px) {
    .main-menu-sub-mega .nav+.nav {
        margin-left: 20px;
        margin-top: 31px;
        padding-top: 0;
        border-top: 0;
    }
}
@media (min-width: 1200px) {
    .main-menu-sub-mega .nav+.nav {
        margin-left: 25px;
    }
}
@media (min-width: 992px) {
    .main-menu-sub-mega .nav>span {
        font-size: 12px;
    }
}
.header-brand-img {
    line-height: 2.5rem;
    vertical-align: middle;
    width: auto;
    height: 62px !important;
}
.header-navheading {
    padding: 20px 20px 15px;
    text-align: center;
}
.header-brand-img.icon-logo {
    display: none;
}
.main-header-right .nav-link.icon {
    font-size: 20px;
    color: #4a4d51;
    cursor: pointer;
    line-height: 0.9;
    padding: 0.6rem 0.6rem;
    border-radius: 50%;
    margin: 0 5px;
}
.main-header-right .nav-link.icon:hover {
    background: #f0f1ff;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0, 0, 0);
    }
}
.fadein,
.main-header-notification.show .dropdown-menu,
.main-header-message.show .dropdown-menu,
.main-profile-menu.show .dropdown-menu,
.header-search.show .dropdown-menu {
    animation-name: fadein;
    animation-duration: 0.2s;
    animation-fill-mode: both;
}
.main-header-notification.show .dropdown-menu::before,
.main-header-message.show .dropdown-menu::before,
.main-profile-menu.show .dropdown-menu::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #ffffff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #f0f2f8;
    border-left: 1px solid #f0f2f8;
}
.header-search.show .dropdown-menu {
    display: block;
    margin: 0;
}
.header-search.show .dropdown-menu::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #ffffff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #f0f2f8;
    border-left: 1px solid #f0f2f8;
}
.header-search .dropdown-menu {
    width: 400px;
    position: absolute;
    top: 50px;
    left: auto;
    right: -10px;
    bottom: auto;
    padding: 0;
    border-color: #f0f2f8;
    border-width: 1px;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.main-form-search {
    flex: 1;
    width: 300px;
    position: relative;
}
.main-form-search .form-control {
    border-color: #f0f2f8;
    border-width: 1px;
    background-color: #ffffff;
    transition: none;
    height: 40px;
    padding-left: 2.6rem;
    border-radius: 3px;
}
.main-form-search .form-control:focus {
    background-color: #ffffff;
    border-color: #e8e8f7;
    box-shadow: none !important;
}
.main-form-search .form-control:focus+.btn {
    color: #a8afc7;
}
.main-form-search .sp-container .form-control:focus+button {
    color: #a8afc7;
}
.sp-container .main-form-search .form-control:focus+button {
    color: #a8afc7;
}
.main-form-search .btn,
.main-form-search .sp-container button {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 40px;
    color: #e8e8f7;
    transition: none;
    font-size: 16px;
    padding-left: 16px;
}
.sp-container .main-form-search button {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: transparent;
    height: 40px;
    color: #e8e8f7;
    transition: none;
    font-size: 16px;
    padding-left: 16px;
}
.main-form-search .btn:hover,
.main-form-search .sp-container button:hover {
    color: #8f9cc0;
}
.sp-container .main-form-search button:hover {
    color: #8f9cc0;
}
.main-form-search .btn:focus,
.main-form-search .sp-container button:focus {
    color: #8f9cc0;
}
.sp-container .main-form-search button:focus {
    color: #8f9cc0;
}
.theme-logo {
    display: none !important;
}
.main-notification-text .badge {
    line-height: 1.5;
}
.main-message-list .media {
    padding: 10px 10px 0px 15px;
}
.main-header-message .dropdown-footer {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid rgba(123, 65, 216, 0.1);
}
.main-header-flags {
    position: relative;
}
.fadein {
    animation-name: fadein;
    animation-duration: 0.2s;
    animation-fill-mode: both;
}
.main-header-flags.show .dropdown-menu {
    animation-name: fadein;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    display: block;
}
.main-header-flags .dropdown-menu {
    width: 200px;
    position: absolute;
    top: 48px;
    right: auto;
    left: -10px;
    bottom: auto;
    padding: 0;
    border-color: #f0f2f8;
    border-width: 1px;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.main-header-flags.show .dropdown-menu::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #ffffff;
    position: absolute;
    top: -7px;
    left: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #f0f2f8;
    border-left: 1px solid #f0f2f8;
}
.main-flags-list .media {
    padding: 10px 10px 0px 15px;
}
.main-header-flags .dropdown-footer {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid rgba(123, 65, 216, 0.1);
}
.header-flag,
.main-flags-list img {
    width: 1.7rem;
}
.hor-header.hor-top-header .nav-link-badge {
    position: absolute;
    top: 0px;
    left: 11px;
    display: block !important;
    padding: 3px 5px !important;
    border-radius: 50px;
    font-size: 10px;
}
.hor-header.hor-top-header .main-message-list p {
    font-size: 12px;
}
@media (max-width: 991px) {

    .main-header-message,
    .main-header-flags {
        display: none;
    }

    .hor-header.hor-top-header .main-logo {
        left: 0px;
        margin-right: auto;
    }
}
.main-header-project {
    position: relative;
}
.main-header-right .nav-link .badge {
    position: absolute;
    top: 3px;
    right: 4px;
    padding: 0.2rem 0.2rem;
    min-width: 1rem;
    font-size: 9px;
    border-radius: 50%;
}
.main-header-center .select2-container {
    z-index: 9999;
}
.main-header-center .btn {
    border-radius: 0 6px 6px 0 !important;
}
.main-content-left-chat .btn {
    border-radius: 0 4px 4px 0 !important;
}
@media (min-width: 992px) {
    .main-header.hor-header.top-header .main-header-left .main-logo {
        display: none;
    }
}
@media (max-width: 992px) {
    .header-brand2 {
        display: none;
    }
}
/* ###### Main-header-nav  ###### */
/* ###### Main-footer  ###### */
.main-footer {
    background-color: #ffffff;
    padding: 15px;
    position: relative;
    bottom: 0;
    display: block;
    margin-top: auto;
}
.main-footer .container {
    font-size: 12px;
    align-items: center;
    justify-content: space-between;
}
.main-footer .container-fluid {
    font-size: 12px;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 992px) {
    .main-footer {
        display: block;
    }
}
.main-footer-app .container,
.main-footer-app .container-fluid {
    border-top-width: 0;
}
.main-footer-demo {
    background-color: var(--primary-bg-color);
    color: rgba(255, 255, 255, 0.4);
    height: 60px;
}
.main-footer-demo .container {
    border-top-width: 0;
}
.main-footer-demo a {
    color: rgba(255, 255, 255, 0.5);
}
.main-footer-demo a:hover,
.main-footer-demo a:focus {
    color: #ffffff;
}
/* ###### Main-footer  ###### */
/* ###### Right-sidebar  ###### */
[data-toggle=sidebar] {
    display: block;
}
.sidebar {
    position: fixed;
    display: block;
    top: 0;
    width: 300px;
    bottom: 0;
    z-index: 9999;
    min-height: 100%;
    max-height: none;
    overflow: auto;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.sidebar-left {
    left: 0;
}
.sidebar-right,
.sidebar-profile {
    right: 0;
}
.row .sidebar.sidebar-left.sidebar-xs-show {
    left: 0;
    transform: translate(0, 0);
}
.row .sidebar.sidebar-right.sidebar-xs-show,
.row .sidebar.sidebar-profile.sidebar-xs-show {
    right: 0;
    transform: translate(0, 0);
}
@media (min-width: 768px) {
    .row .sidebar.sidebar-left.sidebar-sm-show {
        left: 0;
        transform: translate(0, 0);
    }

    .row .sidebar.sidebar-right.sidebar-sm-show,
    .row .sidebar.sidebar-profile.sidebar-sm-show {
        right: 0;
        transform: translate(0, 0);
    }
}
@media (min-width: 992px) {
    .row .sidebar.sidebar-left.sidebar-md-show {
        left: 0;
        transform: translate(0, 0);
    }

    .row .sidebar.sidebar-right.sidebar-md-show,
    .row .sidebar.sidebar-profile.sidebar-md-show {
        right: 0;
        transform: translate(0, 0);
    }
}
@media (min-width: 1170px) {
    .row .sidebar.sidebar-left.sidebar-lg-show {
        left: 0;
        transform: translate(0, 0);
    }

    .row .sidebar.sidebar-right.sidebar-lg-show,
    .row .sidebar.sidebar-profile.sidebar-lg-show {
        right: 0;
        transform: translate(0, 0);
    }
}
.sidebar-animate {
    transition: transform 300ms ease;
}
.sidebar.sidebar-left {
    transform: translate(-100%, 0);
}
.sidebar.sidebar-left.sidebar-open {
    transform: translate(0, 0);
}
.sidebar.sidebar-right,
.sidebar.sidebar-profile {
    transform: translate(100%, 0);
}
.sidebar.sidebar-right.sidebar-open,
.sidebar.sidebar-profile.sidebar-open {
    transform: translate(0, 0) !important;
}
.sidebar-body h5 {
    padding: 13px 22px;
    font-size: 14px;
    border-bottom: 1px solid #f0f2f8;
    background: #eaedf7;
}
.sidebar-icon {
    position: absolute;
    right: 25px;
    top: 3px;
}
.side-header .main-profile-menu .dropdown-menu {
    top: 49px;
}
.side-header .header-search .dropdown-menu {
    top: 50px;
}
/* ###### Right-sidebar  ###### */
/* ###### Main-profile  ###### */
.main-profile-menu {
    position: relative;
    margin: 0 4px;
}
.main-profile-menu>.main-img-user {
    outline: none;
    width: 32px;
    height: 32px;
}
.main-profile-menu>.main-img-user::after {
    display: none;
}
.main-profile-menu .dropdown-menu {
    padding-top: 0px;
    position: absolute;
    top: 53px;
    left: auto;
    right: -10px;
    bottom: auto;
    width: 230px;
    border-width: 1px;
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.3);
}
.main-profile-menu .dropdown-item {
    position: relative;
    padding: 10px;
    height: 38px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #3c4858;
}
.main-profile-menu .dropdown-item i {
    font-size: 16px;
    margin-right: 10px;
    width: 24px;
    text-align: center;
    line-height: 0.9;
}
.main-profile-menu .dropdown-item:hover,
.main-profile-menu .dropdown-item:focus {
    background-color: #f1f2f9;
}
.main-profile-menu .dropdown-item+.dropdown-item {
    border-top: 1px solid #e8e8f7;
}
.main-profile-menu.show .main-img-user::before,
.main-profile-menu.show .dropdown-menu {
    display: block;
}
.main-profile-menu .border-top {
    border-top: 1px solid #f0f2f8 !important;
}
/* ###### Main-profile  ###### */
/* ###### Iconbar  ###### */
@media (max-width: 991.98px) {
    .main-iconbar-show .main-iconbar {
        display: flex;
    }

    .main-iconbar-show .main-iconbar-aside {
        display: block;
    }
}
.main-iconbar {
    width: 64px;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    position: fixed;
    top: 63px;
    left: 0;
    height: 100%;
    background-color: #ffffff;
    z-index: 500;
    border-right: 1px solid #e8e8f7;
    border-top: 1px solid #e8e8f7;
}
.main-iconbar .nav {
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 5px 0;
}
.main-iconbar .nav-link {
    position: relative;
    padding: 0;
    color: #8f9cc0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-iconbar .nav-link i {
    font-size: 20px;
}
.main-iconbar .nav-link i.typcn {
    line-height: 1;
}
.main-iconbar .nav-link i.typcn::before {
    width: auto;
}
.main-iconbar .nav-link i.typcn-device-laptop,
.main-iconbar .nav-link i.typcn-th-large-outline {
    font-size: 25px;
}
.main-iconbar .nav-link i.fa-desktop {
    font-size: 23px;
}
.main-iconbar .nav-link:hover,
.main-iconbar .nav-link:focus {
    color: #3c4858;
}
.main-iconbar .nav-link+.nav-link {
    margin-top: 10px;
}
@media (min-width: 992px) {
    .main-iconbar {
        display: flex;
    }
}
.main-iconbar-logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    line-height: 0.9;
    color: #8f9cc0;
    flex-shrink: 0;
    margin-bottom: 20px;
    position: relative;
}
.main-iconbar-logo::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 20px;
    height: 3px;
    width: 24px;
    border-radius: 2px;
}
.main-iconbar-logo:hover,
.main-iconbar-logo:focus {
    color: #8f9cc0;
}
.main-iconbar-bottom {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-iconbar-help {
    line-height: 0;
    font-size: 22px;
    color: #a8afc7;
    margin-bottom: 20px;
}
.main-iconbar-help:hover,
.main-iconbar-help:focus {
    color: #8f9cc0;
}
.main-iconbar-aside {
    width: 230px;
    height: 100%;
    background-color: #ffffff;
    border-right: 1px solid #e8e8f7;
    border-top: 1px solid #e8e8f7;
    position: fixed;
    top: 63px;
    left: 64px;
    overflow-y: auto;
    z-index: 600;
    display: none;
}
@media (min-width: 1200px) {
    .main-iconbar-aside {
        border-right: 0;
        z-index: 500;
    }
}
@media (min-width: 992px) {
    .main-iconbar-aside.show {
        display: block;
    }
}
@media (min-width: 1200px) {
    .main-iconbar-aside.show+.main-content {
        margin-left: 294px;
    }
}
.main-iconbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    padding-left: 0;
}
.main-iconbar-header .main-logo {
    line-height: 1;
}
.main-iconbar-toggle-menu {
    display: block;
    position: relative;
    line-height: 0;
    color: #8f9cc0;
    font-size: 28px;
    opacity: 0.5;
}
.main-iconbar-toggle-menu:hover,
.main-iconbar-toggle-menu:focus {
    opacity: 1;
    color: #8f9cc0;
}
.main-iconbar-toggle-menu i:first-child {
    display: none;
}
@media (min-width: 1200px) {
    .main-iconbar-toggle-menu {
        font-size: 24px;
    }

    .main-iconbar-toggle-menu::before {
        content: "";
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: -1px;
        border-left: 2px solid #000000;
    }

    .main-iconbar-toggle-menu i:first-child {
        display: block;
    }

    .main-iconbar-toggle-menu i:last-child {
        display: none;
    }
}
.main-iconbar-body {
    padding: 20px;
    height: calc(100vh - 68px);
}
.main-iconbar-body .nav {
    flex-direction: column;
    padding-top: 10px;
}
.main-iconbar-body .nav-item {
    position: relative;
    display: block;
}
.main-iconbar-body .nav-item+.nav-item {
    margin-top: -1px;
    border-top: 1px dotted #eaedf7;
}
.main-iconbar-body .nav-item.show .nav-sub {
    display: block;
}
.main-iconbar-body .nav-link {
    position: relative;
    color: #8f9cc0;
    font-size: 13px;
    padding: 0;
    display: flex;
    align-items: center;
    height: 38px;
}
.main-iconbar-body .nav-link i {
    color: #a8afc7;
    font-size: 16px;
    font-weight: 400;
    line-height: 0;
    margin-right: 10px;
}
.main-iconbar-body .nav-link i.typcn {
    line-height: 0.9;
}
.main-iconbar-body .nav-link i.typcn::before {
    width: auto;
}
.main-iconbar-body .nav-link.with-sub {
    justify-content: space-between;
}
.main-iconbar-body .nav-link.with-sub::after {
    content: "\f3d0";
    font-family: "Ionicons", sans-serif;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    margin-left: auto;
    color: #a8afc7;
}
.main-iconbar-body .nav-sub {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px dotted #eaedf7;
    display: none;
}
.main-iconbar-body .nav-sub .nav-sub-item {
    position: relative;
    display: block;
    margin-left: 15px;
}
.main-iconbar-body .nav-sub .nav-sub-item+.nav-sub-item {
    border-top: 1px dotted #eaedf7;
}
.main-iconbar-body .nav-sub .nav-sub-link {
    display: flex;
    align-items: center;
    height: 36px;
    color: #8f9cc0;
}
@media (min-width: 992px) {
    .main-iconbar-body .nav-link.with-sub::after {
        margin-left: 4px;
        font-size: 12px;
    }
}
.main-iconbar-title {
    font-size: 20px;
    font-weight: 700;
    color: #8f9cc0;
    margin-bottom: 10px;
    line-height: 1;
}
.main-iconbar-text {
    display: block;
    font-size: 12px;
    color: #a8afc7;
    margin-bottom: 12px;
}
.main-iconbar-pane {
    margin-bottom: 20px;
    display: none;
}
.main-iconbar-pane.show {
    display: block;
}
.main-iconbar-primary {
    padding-top: 0;
}
.main-iconbar-primary .main-img-user::after {
    box-shadow: none;
}
.main-iconbar-primary .main-iconbar-logo {
    color: #ffffff;
    height: 64px;
}
.main-iconbar-primary .main-iconbar-logo::after {
    display: none;
}
.main-iconbar-primary .nav {
    justify-content: center;
}
.main-iconbar-primary .nav-link {
    width: 42px;
    height: 42px;
    color: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}
.main-iconbar-primary .nav-link:hover,
.main-iconbar-primary .nav-link:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}
.main-iconbar-primary .nav-link.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
}
.main-iconbar-primary .main-iconbar-help {
    color: rgba(255, 255, 255, 0.5);
}
.main-iconbar-primary .main-iconbar-help:hover,
.main-iconbar-primary .main-iconbar-help:focus {
    color: #ffffff;
}
@media (prefers-reduced-motion: reduce) {
    .main-iconbar-primary .nav-link {
        transition: none;
    }
}
.main-iconbar-aside-primary {
    width: 250px;
    background-color: #f1f2f9;
    box-shadow: 0 0 16px rgba(28, 39, 60, 0.08);
    border-right: 1px solid #e8e8f7;
}
.main-iconbar-aside-primary .main-iconbar-header {
    padding: 18px 25px;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8f7;
}
.main-iconbar-aside-primary .main-iconbar-body {
    padding: 20px 25px;
}
.main-iconbar-aside-primary .main-iconbar-body .nav {
    padding-top: 0;
    padding-left: 0;
    border-left-width: 0;
}
.main-iconbar-aside-primary .main-iconbar-body .nav-item+.nav-item,
.main-iconbar-aside-primary .main-iconbar-body .nav-sub,
.main-iconbar-aside-primary .main-iconbar-body .nav-sub-item+.nav-sub-item {
    border-top-color: #eaedf7;
}
.main-iconbar-aside-primary .main-iconbar-toggle-menu {
    display: none;
}
@media (min-width: 992px) {
    .main-iconbar-aside-primary.show+.main-content {
        margin-left: 64px;
    }
}
.main-icon-group {
    text-align: center;
    padding: 20px;
    color: #3b4863;
}
.main-icon-group i {
    line-height: 1;
    font-size: 24px;
}
@media (min-width: 992px) {
    .main-icon-group i {
        font-size: 18px;
    }
}
.icons-list {
    list-style: none;
    margin: 0 -1px -1px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.icons-list-item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-size: 1.25rem;
    height: 55px;
    width: 55px;
    background: #f6f6ff;
    margin: 5px 5px;
    border-radius: 6px;
    border: 1px solid #e4e4f9;
}
.icons-list .flag-icon {
    border-radius: 0;
}
/* ###### Iconbar  ###### */
/***Start Horizontal Hover Styles ***/
@media (min-width: 992px) {
    .horizontalmenu-hover .menu-nav .nav-item:hover ul.nav-sub {
        display: block !important;
    }

    .horizontalmenu-hover .menu-nav .nav-sub .nav-sub-link.with-sub .angle,
    .horizontalmenu-hover .menu-nav .nav-sub .nav-sub-link.sub-with-sub .angle {
        display: none !important;
    }

    .horizontalmenu-hover .menu-nav .nav-sub .nav-sub-item:hover .sub-nav-sub {
        display: block;
    }

    .horizontalmenu-hover .menu-nav .sub-nav-sub .sub-nav-sub {
        display: none !important;
    }

    .horizontalmenu-hover .menu-nav .sub-nav-sub .nav-sub-item:hover .sub-nav-sub {
        display: block !important;
    }

    .horizontalmenu-hover .menu-nav .nav-item.active .nav-sub {
        display: none !important;
    }
}
/***End Horizontal Hover Styles ***/
/***Start Horizontal Styles ***/
@media (min-width: 992px) {
    .horizontalmenu .sidemenu-logo {
        display: none;
    }

    .horizontalmenu .hor-menu .nav-item .nav-link .side-badge {
        display: none;
    }

    .horizontalmenu .hor-menu .nav {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .horizontalmenu .hor-menu .nav .sidemenu-label {
        display: flex;
    }

    .horizontalmenu .hor-menu .nav .nav-header {
        display: none;
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link .shape1,
    .horizontalmenu .main-body-1 .nav-item.active .nav-link .shape2 {
        display: none;
    }

    .horizontalmenu .main-navbar .nav-item.show .nav-link::before {
        display: none;
    }

    .horizontalmenu .main-navbar.hor-menu .container,
    .horizontalmenu .main-content.hor-content .container,
    .horizontalmenu .container {
        max-width: 85%;
    }

    .horizontalmenu .hor-menu .nav .nav-item {
        padding-right: 0px;
    }

    .horizontalmenu .main-navbar .nav-link i.angle {
        display: none;
    }

    .horizontalmenu .hor-logo {
        display: block;
    }

    .horizontalmenu .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {
        display: none !important;
    }

    .horizontalmenu .nav-sub.open .nav-sub-link.with-sub .angle {
        display: none;
    }

    .horizontalmenu .nav-sub .nav-sub-link.sub-with-sub .angle {
        display: none;
    }

    .horizontalmenu .main-header-menu-icon {
        display: none;
    }

    .horizontalmenu .hor-menu li.nav-item .nav-link {
        padding-right: 10px;
        padding: 10px 7px 10px 7px !important;
    }

    .horizontalmenu .hor-menu .nav-link .hor-icon {
        font-size: 17px;
        margin-right: 10px;
        width: 20px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        color: rgba(255, 255, 255, 0.6);
        fill: rgba(255, 255, 255, 0.6);
    }

    .horizontalmenu .main-navbar .nav-sub-item {
        position: relative;
        display: block;
        margin-left: 0;
        padding: 7px 20px;
    }

    .horizontalmenu .menu-nav .nav-item {
        transition-duration: 0.25s;
    }

    .horizontalmenu .menu-nav .nav-item ul.nav-sub::before {
        content: "";
        position: absolute;
        top: -8px;
        left: 36%;
        width: 15px;
        height: 15px;
        border: 1px solid transparent;
        border-top-color: var(--dark-border);
        border-left-color: var(--dark-border);
        transform: rotate(45deg);
        background-color: var(--dark-theme);
        z-index: 901;
        display: block;
        transition-duration: 0.25s;
    }

    .horizontalmenu .main-navbar .nav-sub {
        top: 56px;
    }

    .horizontalmenu .main-navbar {
        padding: 0;
    }

    .main-navbar.hor-menu.ps {
        overflow: inherit;
    }

    .horizontalmenu .hor-menu .main-container-1 {
        overflow: hidden;
    }

    .horizontalmenu .hor-menu .main-body-1 {
        position: static;
    }

    .horizontalmenu .hor-menu .menu-nav .nav-item {
        position: static;
    }

    .horizontalmenu .hor-menu .menu-nav .nav-sub {
        left: auto;
    }

    .hor-menu .slide-left,
    .hor-menu .slide-right,
    .hor-menu .slide-leftRTL,
    .hor-menu .slide-rightRTL {
        position: absolute;
        top: 15px;
        padding: 6px;
        color: #1d212f;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer;
        border: 1px solid #e8e8f7;
        border-radius: 50px;
        background-color: #ffffff;
    }

    .main-navbar .nav-sub-item>.sub-nav-sub {
        left: 100%;
        top: -10px;
        display: none;
        padding: 0 0 0 12px;
    }

    .main-navbar .sub-nav-sub {
        position: absolute;
        width: 180px;
        background-color: var(--dark-theme);
        border: 1px solid var(--dark-border);
        padding: 8px 0px !important;
        z-index: 900;
        border-radius: 11px;
        box-shadow: 0 2px 4px rgba(16, 35, 59, 0.15);
    }

    .main-navbar .nav-sub-link {
        font-size: 0.8125rem;
        margin-left: 18px;
        padding-left: 8px;
    }

    .main-navbar .nav-sub-link.sub-with-sub::after {
        font-family: "Ionicons", sans-serif;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: rgba(255, 255, 255, 0.4);
    }

    .main-navbar .nav-sub-link.sub-with-sub::after {
        content: "\f3d1";
        font-size: 12px;
        margin-right: 3px;
        top: -2px;
    }
}
.horizontalmenu .vertical-switcher {
    display: none !important;
}
.ltr #slide-right {
    position: absolute;
    right: 20px;
    left: auto;
}
.ltr #slide-left {
    position: absolute;
    left: 20px;
    right: auto;
}
.horizontalMenucontainer {
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
    .main-body-1 .nav-item.active .nav-link.with-sub.active .angle {
        display: none;
    }

    .main-navbar-show .main-navbar {
        transform: translateX(0) !important;
        visibility: visible;
        transition: all 0.3s ease;
    }

    .horizontalmenu .hor-menu {
        top: 60px !important;
    }

    .horizontalmenu .main-body-1 {
        padding: 0;
    }

    .horizontalmenu .main-body-1 .nav {
        flex-direction: column;
        padding: 0 0 0 15px;
        margin: 0 auto;
        justify-content: center;
        margin-top: 0;
    }

    .horizontalmenu .main-body-1 .nav-item {
        position: relative;
        display: block;
    }

    .horizontalmenu .hor-menu .nav-item {
        transition-duration: 0.25s;
        margin: 6px 0;
    }

    .horizontalmenu .main-body-1 li.nav-item.active .nav-link {
        background-color: #eaedf7;
        position: relative;
        z-index: 1;
        margin: 10px auto;
        text-align: center;
        border-radius: 30px 0 0 30px;
        margin-left: 0;
        border: 0px solid transparent;
        border-right: 0px;
        width: inherit;
        padding: 4px;
    }

    .horizontalmenu .main-body-1 .nav-link {
        display: flex;
        align-items: center;
        padding: 4px;
        font-weight: 400;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.4);
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link:before,
    .horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        border-right: 20px solid var(--dark-theme);
        display: block !important;
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link:before {
        content: "";
        position: absolute;
        top: -30px;
        z-index: 9;
        right: 0px;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-radius: 0px 0px 48px 0px;
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link:after {
        content: "";
        position: absolute;
        top: 43px;
        z-index: 0;
        right: 0px;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-radius: 0px 48px 0px 0px;
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link .shape1,
    .horizontalmenu .main-body-1 .nav-item.active .nav-link .shape2 {
        background: #eaedf7;
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link .shape1 {
        position: absolute;
        top: -30px;
        width: 20px;
        height: 60px;
        right: 0px;
    }

    .horizontalmenu .main-body-1 .nav-item.active .nav-link .shape2 {
        position: absolute;
        top: 35px;
        width: 20px;
        height: 30px;
        right: 0px;
    }

    .horizontalmenu .main-body-1 li.active .hor-icon {
        font-size: 18px;
        margin-right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        color: #ffffff;
    }

    .horizontalmenu .main-body-1 li.active .hor-icon {
        background: var(--primary-bg-color);
    }

    .horizontalmenu .main-body-1 .nav-link.with-sub {
        position: relative;
    }

    .horizontalmenu .main-body-1 .nav-link {
        display: flex;
        align-items: center;
        padding: 4px !important;
        font-weight: 400;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.4);
    }

    .horizontalmenu .hor-menu i.angle {
        transform-origin: center;
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 12px;
    }

    .horizontalmenu .main-body-1 .nav-item+.nav-item {
        margin-top: -1px;
    }

    .horizontalmenu .main-navbar .nav-item {
        padding-right: 0;
    }

    .horizontalmenu .main-body-1 .nav-label {
        text-transform: uppercase;
        font-size: 11.49px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: rgba(255, 255, 255, 0.3);
        padding: 10px 0px 0 0;
    }

    .horizontalmenu .main-body-1 .nav-link .hor-icon {
        font-size: 17px;
        margin-right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
    }

    .horizontalmenu .main-navbar .nav-label {
        margin-bottom: 0;
    }

    .horizontalmenu .main-navbar .nav-link i {
        margin-right: 0;
    }

    .horizontalmenu .main-body-1 .nav-sub {
        list-style: none;
        padding: 0;
        margin-left: 1.2rem;
    }

    .horizontalmenu .hor-menu .nav-sub {
        display: none;
        overflow: hidden;
    }

    .horizontalmenu .main-body-1 .nav-sub-link {
        display: flex;
        align-items: center;
        color: rgba(255, 255, 255, 0.4);
        font-size: 13px;
        padding: 8px 0;
        position: relative;
    }

    .horizontalmenu .hor-menu .nav-sub-link {
        transition: all 0.25s;
    }

    .horizontalmenu .main-body-1 .nav-sub .nav-sub-link:before {
        content: "\e048";
        font-family: "typicons", sans-serif;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        top: 8px;
        font-size: 12px;
        opacity: 0.4;
        margin-right: 22px;
        color: rgba(255, 255, 255, 0.8);
        position: initial;
    }

    .horizontalmenu .hor-menu .nav-item.show>.nav-sub {
        display: block;
    }

    .horizontalmenu .hor-menu .sub-nav-sub {
        display: none;
    }

    .horizontalmenu .main-navbar .nav-sub-item {
        padding: 0 0;
    }

    .horizontalmenu .main-body-1 .nav-sub {
        margin-left: 1.2rem;
        padding: 0;
    }

    .horizontalmenu .hor-menu .nav-link:hover .sidemenu-label {
        margin-left: 5px;
        transition: margin-left 0.45s ease;
    }

    .horizontalmenu .main-navbar .nav-link {
        height: auto;
    }

    .horizontalmenu .hor-menu .nav-item.show i.angle {
        transform: rotate(90deg);
        position: absolute;
        top: 11px;
        right: 20px;
        font-size: 12px;
    }

    .main-navbar .nav-item.active .nav-link {
        color: var(--primary-bg-color) !important;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .horizontalmenu .main-content.hor-content {
        margin-top: 60px;
    }
}
@media (min-width: 992px) {
    .main-header.hor-header.sticky-pin {
        height: 0;
    }
}
@media (max-width: 991px) {
    .main-navbar .nav-sub-item.active>.nav-sub-link.active:before {
        color: #ffffff;
        opacity: 1;
    }
}
.menu-nav.nav {
    margin-left: 0;
    margin-right: 0;
    transition: all 0.5s ease;
}
@media (max-width: 991.98px) {
    .menu-nav.nav {
        margin-inline: 0 !important;
    }
}
.slide-right svg,
.slide-left svg {
    width: 1rem;
    height: 1rem;
}
@media (min-width: 992px) {
    .horizontalmenu.layout-boxed .sticky-pin {
        width: 85% !important;
    }

    .horizontalmenu.layout-boxed .sticky-pin .main-navbar.hor-menu {
        width: 100% !important;
    }
}
/***End Horizontal Styles ***/
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*Dark Theme*/
/*Dark Theme*/
.main-content.side-content {
    transition: margin-left 0.3s ease;
}
.sidemenu-label {
    transition: margin-left 0.45s ease;
}
.side-menu .nav-link:hover {
    color: #ffffff;
}
.side-menu .nav-link:hover .sidemenu-label {
    margin-left: 5px;
    transition: margin-left 0.45s ease;
}
.side-menu .nav-item {
    transition-duration: 0.25s;
    margin: 6px 0;
}
.side-menu .nav-sub {
    display: none;
    overflow: hidden;
}
.side-menu .nav-item.show>.nav-sub {
    display: block;
}
.side-menu .nav-sub-link {
    transition: all 0.25s;
}
.iconbtn {
    display: none;
}
.side-menu i.angle {
    transform-origin: center;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
}
.side-menu .nav-item.show i.angle {
    transform: rotate(90deg);
}
.side-menu .nav-item .nav-sub .nav-sub-item i.angle {
    position: absolute;
    top: 11px;
    right: 20px;
    font-size: 12px !important;
}
.side-badge,
.main-sidebar-open.main-sidebar-hide .side-badge {
    position: absolute;
    top: 12px;
    right: 18px;
    border-radius: 50px;
    display: block;
}
.main-sidebar-hide .side-badge {
    display: none;
}
.sidemenu-logo {
    padding: 13.4px 21px;
    border-bottom: 1px solid rgba(240, 240, 255, 0.1);
    justify-content: center;
}
.side-menu .header-brand-img {
    margin-top: 0 !important;
    outline: 0;
}
.main-footer {
    transition: margin-left 0.3s ease;
}
/* ###### Sidebar  ###### */
@media (max-width: 991.98px) {
    .main-sidebar-show {
        overflow: inherit;
    }

    .main-sidebar-show .main-sidebar {
        display: flex;
        transform: translateX(0);
        visibility: visible;
        transition: all 0.3s ease;
    }

    .main-sidebar-show .main-navbar-backdrop {
        opacity: 1;
    }
}
@media (min-width: 992px) {
    .main-sidebar-hide .main-sidebar {
        display: none;
    }

    .main-sidebar-hide .main-sidebar-sticky+.main-content {
        margin-left: 0;
    }
}
.main-body-sidebar {
    display: block;
}
.main-body-sidebar .main-content {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.main-body-sidebar .main-content-header {
    height: auto;
    padding: 20px;
    margin-bottom: 0;
}
.main-body-sidebar .main-content-body {
    padding: 0 20px 20px;
}
.main-body-sidebar .main-footer {
    margin-top: auto;
}
@media (min-width: 992px) {
    .main-body-sidebar {
        display: flex;
        flex-direction: row;
    }
}
@media (min-width: 992px) {
    .main-body-sidebar .main-header .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.main-sidebar {
    width: 240px;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 0;
    transform: translateX(-240px);
    visibility: hidden;
    transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
    .main-sidebar {
        transition: none;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-sidebar {
        width: 220px;
    }
}
@media (max-width: 991.98px) {
    .main-sidebar {
        position: fixed;
        top: 0px !important;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: #ffffff;
    }
}
@media (min-width: 992px) {
    .main-sidebar {
        position: relative;
        display: flex;
        transform: none;
        z-index: 999;
        border-right-width: 1px;
        visibility: visible;
    }
}
.main-sidebar-sticky {
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0;
    box-shadow: none;
    background: var(--dark-theme);
}
.main-sidebar-body .nav-item.active .nav-link:before {
    content: "";
    position: absolute;
    top: -30px;
    z-index: 9;
    right: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-radius: 0px 0px 48px 0px;
}
.main-sidebar-body .nav-item.active .nav-link:after {
    content: "";
    position: absolute;
    top: 43px;
    z-index: 0;
    right: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-radius: 0px 48px 0px 0px;
}
.main-sidebar-body .nav-item.active .nav-link .shape1 {
    position: absolute;
    top: -30px;
    width: 20px;
    height: 60px;
    right: 0px;
}
.main-sidebar-body .nav-item.active .nav-link .shape2 {
    position: absolute;
    top: 35px;
    width: 20px;
    height: 30px;
    right: 0px;
}
.main-sidebar-body li.nav-item.active .nav-link {
    background-color: #eaedf7;
    position: relative;
    z-index: 1;
    margin: 10px auto;
    border-radius: 30px 0 0 30px;
    margin-left: 0;
    border: 0px solid transparent;
    border-right: 0px;
    width: inherit;
}
.main-sidebar-body .nav-item.active .nav-link:before,
.main-sidebar-body .nav-item.active .nav-link:after {
    border-right: 20px solid var(--dark-theme);
}
.main-sidebar-body .nav-item.active .nav-link .shape1,
.main-sidebar-body .nav-item.active .nav-link .shape2 {
    background: #eaedf7;
}
@media (min-width: 992px) {
    .main-sidebar-sticky+.main-content {
        margin-left: 220px;
    }
}
@media (min-width: 1200px) {
    .main-sidebar-sticky+.main-content {
        margin-left: 240px;
    }
}
.main-sidebar-header {
    flex-shrink: 0;
    height: 64px;
    align-items: center;
}
.main-sidebar-loggedin {
    padding: 10px 20px;
    display: flex;
    flex-shrink: 0;
}
.main-sidebar-loggedin .main-img-user {
    width: 36px;
    height: 36px;
}
.main-sidebar-loggedin .media-body {
    margin-left: 12px;
}
.main-sidebar-loggedin .media-body h6 {
    font-weight: 700;
    font-size: 14px;
    color: #8f9cc0;
    margin-bottom: 2px;
}
.main-sidebar-loggedin .media-body span {
    display: block;
    color: #a8afc7;
}
.main-sidebar-body {
    padding: 0;
}
@media (min-width: 1200px) {
    .main-sidebar-body {
        padding: 12px 0px 12px 0px;
    }
}
.main-body .main-sidebar-body .nav {
    flex-direction: column;
    padding: 0 0 0 15px;
    margin: 0 auto;
    justify-content: center;
    margin-top: 0;
}
.nav-header {
    margin: 0 0 0 15px;
    display: flex;
    position: relative;
}
.main-sidebar-body .nav-label {
    text-transform: uppercase;
    font-size: 11.49px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.3);
    padding: 10px 0px 0 0;
}
.second-sidemenu .nav-label {
    text-transform: uppercase;
    font-size: 11.49px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #77778c;
    padding: 10px 0px 0 0;
}
.second-sidemenu .nav-header li {
    list-style-type: none;
}
.main-sidebar-body .sub-txt {
    font-size: 10.9px;
    padding: 0 0px 0 0;
    color: #9b9ca3;
    margin-bottom: 0;
    position: absolute;
    margin-top: -1px;
}
.second-sidemenu .sub-txt {
    font-size: 10.9px;
    padding: 0 0px 0 0;
    color: #8d95b1;
    margin-bottom: 10px;
}
.main-sidebar-body .nav-item {
    position: relative;
    display: block;
}
.main-sidebar-body .nav-item+.nav-item {
    margin-top: -1px;
}
.main-sidebar-body .nav-link {
    display: flex;
    align-items: center;
    padding: 4px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    z-index: 99;
    position: relative;
}
.main-sidebar-body li:hover .sidemenu-label {
    color: var(--primary-bg-color);
}
.main-sidebar-body li:hover .sidemenu-icon {
    background: var(--primary-bg-color);
}
.main-sidebar-body .nav-link .sidemenu-icon {
    font-size: 17px;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}
.main-sidebar-body .nav-link i.typcn {
    line-height: 0.9;
}
.main-sidebar-body .nav-link i.typcn::before {
    width: auto;
}
.main-sidebar-body .nav-link.with-sub {
    position: relative;
}
.main-sidebar-body .nav-sub {
    list-style: none;
    padding: 0;
    margin-left: 1.2rem;
}
.main-sidebar-body .nav-sub .nav-sub-link:before {
    content: "\e048";
    font-family: "typicons", sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    top: 8px;
    font-size: 12px;
    opacity: 0.4;
    margin-right: 22px;
    color: rgba(255, 255, 255, 0.8);
}
.main-sidebar-body .nav-sub-item .nav-sub {
    padding: 0 0 0 12px;
    border-left-width: 1px;
    margin-left: 0;
}
.main-sidebar-body .nav-sub-item .nav-sub .nav-sub-link {
    height: auto;
    padding: 7px 0;
}
.main-sidebar-body .nav-sub-item.active>.nav-sub-link.active {
    color: #ffffff !important;
}
.main-sidebar-body .nav-sub-item.show .nav-sub {
    display: block;
}
.main-sidebar-body .nav-sub-link {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    padding: 8px 0;
    position: relative;
}
.main-sidebar-body .nav-sub-link.with-sub {
    justify-content: flex-start;
}
.main-sidebar-body .nav-sub-link.with-sub::after {
    content: "\f3d0";
    font-family: "Ionicons", sans-serif;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    margin-left: auto;
    color: #eaedf7;
}
.main-sidebar-body .nav-sub-link+.nav-sub-link {
    border-top: 1px dotted #eaedf7;
}
.main-sidebar-body li.active .sidemenu-icon {
    font-size: 18px;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #ffffff;
}
@media (min-width: 992px) {
    .main-sidebar-body .nav-sub-link.with-sub::after {
        margin-left: 4px;
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .main-sidebar-hide .main-sidebar-body li.active:after {
        top: 43px;
    }

    .main-sidebar-hide .main-sidebar .main-sidebar-body {
        padding: 17px 0px 12px 0px;
    }

    .main-sidebar-hide .main-sidebar-body .nav-link .sidemenu-icon {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        z-index: 1;
        box-shadow: none;
    }

    .main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active {
        position: relative;
        z-index: 1;
        margin: 0 auto;
        text-align: center;
        border-radius: 30px 0 0 30px;
        margin-left: 0;
        border: 0px solid transparent;
        border-right: 0px;
        transition: none;
    }

    .main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon {
        font-size: 18px;
        margin-right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        box-shadow: none;
    }

    .main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
        font-size: 18px;
        margin-right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: var(--primary-bg-color);
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        color: #ffffff;
    }

    .main-body.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
        flex-direction: column;
        padding: 0 0 0 15px;
        text-align: inherit;
        margin: 0;
        justify-content: inherit;
    }

    .main-sidebar-hide .main-sidebar-body li.active {
        margin: 6px 0;
    }

    .main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        background: var(--primary-bg-color);
        margin-left: 5px;
    }

    .main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        width: inherit;
        transition: margin-left 0.3s ease;
    }

    .main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before {
        content: "";
        position: absolute;
        top: -30px;
        z-index: 9;
        right: 0px;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-radius: 0px 0px 48px 0px;
    }

    .main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
        content: "";
        position: absolute;
        top: 43px;
        z-index: 0;
        right: 0px;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-radius: 0px 48px 0px 0px;
    }
}
/* ###### Sidebar  ###### */
@media (min-width: 1200px) {
    .side-content {
        margin-left: 240px;
    }
}
@media (min-width: 992px) {
    .side-header .main-logo {
        color: inherit;
        margin-right: 0;
        font-size: 1.25rem;
        white-space: nowrap;
        font-weight: 600;
        padding: 0;
        transition: 0.3s opacity;
        line-height: 2.9rem;
        text-align: center;
    }

    .main-sidebar-hide .side-header,
    .main-sidebar-hide .main-footer {
        padding-left: 70px;
    }

    .main-body .side-header {
        position: fixed;
        width: 100%;
        z-index: 10 !important;
        border-bottom: 1px solid #e1e6f1;
        box-shadow: -7.829px 11.607px 20px 0px rgba(144, 143, 160, 0.09);
        left: 0;
        padding-left: 240px;
    }

    .main-body.main-sidebar-hide .side-header {
        padding-left: 75px;
    }

    .main-sidebar-hide .sidemenu-logo {
        padding: 8px 6px 6px 6px;
        border-bottom: 1px solid rgba(240, 240, 255, 0.1);
        justify-content: center;
        height: 65px;
    }

    .main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        padding: 13.4px;
        border-bottom: 1px solid rgba(240, 240, 255, 0.1);
        justify-content: center;
    }

    .main-content.side-content {
        margin-left: 240px;
    }

    .main-sidebar.side-menu {
        width: 240px;
    }

    .main-footer {
        margin-left: 0;
    }
}
@media (max-width: 992px) and (min-width: 991px) {
    .main-header-menu-icon {
        margin-left: 15px;
    }
}
@media (max-width: 991px) {
    .main-header-menu-icon {
        margin-left: 15px;
    }

    .side-header .icon-logo {
        margin-left: 0;
    }

    .main-sidebar-show .side-menu {
        top: 60px !important;
    }
}
@media (min-width: 992px) {
    .main-body.main-sidebar-hide.main-sidebar-open .side-menu .nav-link {
        padding: 4px 0px !important;
    }

    .main-sidebar-hide .side-menu {
        left: 0;
        width: 80px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .main-sidebar-hide .main-content.side-content {
        margin-left: 80px;
    }

    .main-sidebar-hide .nav-label,
    .main-sidebar-hide .main-sidebar-body .sub-txt {
        display: none;
    }

    .main-sidebar-body .nav-label-1 {
        height: 28px;
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #ffffff;
        padding: 0;
        background: rgba(7, 167, 187, 0.24);
        width: 28px;
        border-radius: 50%;
        text-align: center;
        margin: 3px 11px;
        line-height: 2.1;
    }

    .main-sidebar-hide .nav-header {
        margin: 0;
    }

    .main-sidebar-hide.main-sidebar-open .nav-header {
        margin: 0 0 0 15px;
    }

    .main-sidebar-hide .sidemenu-label {
        display: none;
        font-size: 10px;
    }

    .main-sidebar-hide .nav-item {
        width: 100%;
    }

    .main-sidebar-hide .text-icon {
        display: none;
    }

    .main-sidebar-hide .iconbtn {
        display: block;
    }

    .main-sidebar-hide .main-sidebar-body i.angle {
        display: none;
    }

    .main-sidebar-hide .side-menu .nav-link {
        margin: 0 auto;
        padding: 4px 0;
        text-align: center;
        margin-bottom: 0;
    }

    .main-sidebar-hide .main-sidebar-body .nav-item {
        margin-top: -1px;
        text-align: center;
        margin: 6px 5px;
    }

    .main-sidebar-hide .main-sidebar-body .nav-item+.nav-item {
        margin-top: -1px;
        text-align: center;
    }

    .main-sidebar-hide .side-menu .main-logo .desktop-logo {
        display: none;
    }

    .main-sidebar-hide .side-menu .main-logo .icon-logo {
        display: block;
        margin-left: 10px;
    }

    .main-sidebar-hide .side-menu .header-brand-img {
        margin-top: 0 !important;
    }

    .main-sidebar-hide .main-sidebar-body .nav-item.show>.nav-sub {
        display: none;
    }

    .main-sidebar-hide .main-footer {
        margin-left: 0;
    }

    .main-sidebar-hide .side-menu .main-sidebar-body .nav-link i {
        font-size: 20px;
    }

    .main-sidebar-hide .side-menu i.angle {
        font-size: 12px !important;
    }

    /*main-sidebar-open*/
    .main-sidebar-open .side-menu {
        left: 0;
        width: 240px;
    }

    .main-sidebar-open .nav-label {
        display: block;
    }

    .main-sidebar-open .main-sidebar-body .sub-txt {
        display: block;
        font-size: 10.9px;
        padding: 0 0px 0 0;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 0;
    }

    .main-sidebar-open .main-sidebar-body .nav-label {
        text-transform: uppercase;
        font-size: 11.49px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: rgba(255, 255, 255, 0.3);
        padding: 10px 0px 0 0;
    }

    .main-sidebar-open .sidemenu-label,
    .main-sidebar-open .text-icon {
        display: block;
    }

    .main-sidebar-open .iconbtn {
        display: none;
    }

    .main-sidebar-open .main-sidebar-body i.angle {
        display: block;
    }

    .main-sidebar-open .side-menu .nav-link {
        display: flex;
        margin-bottom: 0px;
    }

    .main-sidebar-open .main-sidebar-body .side-menu .nav-link {
        margin-left: 10px;
    }

    .main-sidebar-open .sidemenu-label {
        font-size: 14px;
    }

    .main-sidebar-open .side-menu .main-logo .desktop-logo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .main-sidebar-open .side-menu .main-logo .icon-logo {
        display: none;
    }

    .main-sidebar-open .main-sidebar-body .nav-item.show>.nav-sub {
        display: block;
    }

    .main-sidebar-open .side-menu .nav-item.show i.angle {
        transform: rotate(90deg);
        position: absolute;
        top: 11px;
        right: 20px;
    }

    .main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        margin-right: 5px;
        font-size: 18px;
    }

    .main-sidebar-open .side-menu i.angle {
        font-size: 12px;
    }
}
.main-header .select2-container .select2-selection--single .select2-selection__rEndered {
    display: block;
    padding-left: 17px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 992px) {
    .main-body.leftmenu .sidemenu-logo {
        position: fixed;
        z-index: 9999;
        width: 241px;
        background: var(--dark-theme);
        transition: all 0.4s;
        top: 0;
    }

    .main-body.leftmenu .main-sidebar-body {
        margin-top: 65px;
    }

    .main-sidebar-hide .sidemenu-logo {
        position: fixed;
        z-index: 999;
        width: 81px !important;
        background: var(--dark-theme);
    }

    .main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        width: 241px !important;
    }

    .main-sidebar-hide .main-sidebar-body {
        margin-top: 65px;
    }
}
*::-ms-backdrop,
.side-header {
    position: relative !important;
}
*::-ms-backdrop,
.main-sidebar-body .nav-sub .nav-sub-link:before {
    top: 0;
}
.side-menu .nav-sub-item.show>.nav-sub {
    max-height: block;
}
.side-menu .nav-sub-item>.nav-sub {
    max-height: none;
}
.main-sidebar-body .nav-sub-link.with-sub {
    position: relative;
    line-height: 2;
}
.main-sidebar-body .nav-sub-item .nav-sub-link.with-sub::after {
    display: none;
}
.side-menu .nav-item.show .nav-sub .nav-sub-link.with-sub i.angle {
    transform: rotate(0deg);
}
.side-menu .nav-item.show .nav-sub .nav-sub-item.show .nav-sub-link.with-sub i.angle {
    transform: rotate(90deg);
}
.side-menu .nav-item.show .nav-sub .nav-sub-item.show .nav-sub .nav-sub-link.with-sub i.angle {
    transform: rotate(0deg);
}
.side-menu .nav-item.show .nav-sub .nav-sub-item.show .nav-sub .nav-sub-item.show .nav-sub-link.with-sub i.angle {
    transform: rotate(90deg);
}
.nav-sub .side-menu-label1 {
    display: none !important;
}
@media (min-width: 992px) and (max-width: 992.9px) {
    .main-content.side-content {
        padding-top: 63px !important;
    }
}
@media (min-width: 993px) {
    .main-content.side-content {
        padding-top: 0px;
    }
}
.side-menu .sub-nav-sub {
    display: none;
}
@media (min-width: 992px) {
    .main-sidebar-hide .main-sidebar-body .nav-item.show>.nav-sub {
        display: none !important;
    }

    .main-sidebar-hide .main-sidebar-body .nav-item>.nav-sub {
        display: none !important;
    }

    .main-sidebar-open.main-sidebar-hide .main-sidebar-body .nav-item.show>.nav-sub {
        display: block !important;
    }

    .main-sidebar-header .sidemenu-logo {
        border-right: 1px solid var(--dark-border);
    }
}
.main-sidebar-body li.active li .sidemenu-label,
.main-sidebar-body li.active li i {
    color: rgba(255, 255, 255, 0.4) !important;
}
.side-menu .nav-item.show .nav-sub .nav-sub-item i.angle {
    transform: rotate(0deg);
}
.side-menu .nav-item .nav-sub .nav-sub-item.show i.angle {
    transform: rotate(90deg);
}
/* Closed Menu Start*/
@media screen and (min-width: 992px) {
    .closed-leftmenu.main-sidebar-hide .side-menu {
        left: -240px !important;
    }

    .closed-leftmenu.main-sidebar-hide .main-content.side-content {
        margin-left: 0px;
    }

    .closed-leftmenu.main-body.main-sidebar-hide .side-header {
        padding-left: 0;
    }
}
/* Closed Menu end*/
/* Icon-Text Menu Start*/
@media screen and (min-width: 992px) {
    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav-link {
        display: block;
        padding: 2px 0;
    }

    .icontext-menu.main-sidebar-hide .nav-item.active .nav-link .shape1,
    .icontext-menu.main-sidebar-hide .nav-item.active .nav-link .shape2 {
        display: none;
    }

    .icontext-menu.main-sidebar-hide .side-menu .main-sidebar-body .nav-link i {
        font-size: 17px;
    }

    .icontext-menu.main-sidebar-hide .sidemenu-label {
        display: block;
        font-size: 11px;
        position: relative;
    }

    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link:before,
    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link:after {
        display: none;
    }

    .icontext-menu.main-sidebar-hide .side-menu {
        width: 100px;
    }

    .icontext-menu.main-sidebar-hide .main-content.side-content {
        margin-left: 100px;
    }

    .icontext-menu.main-sidebar-hide .nav-link .sidemenu-icon {
        padding: 9px;
    }

    .icontext-menu.main-sidebar-hide li.nav-item.active .nav-link {
        border-radius: 0px;
        background: transparent !important;
        margin: 0px !important;
    }

    .icontext-menu.main-sidebar-hide .sidemenu-logo {
        width: 101px !important;
    }

    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav {
        padding: 0 !important;
    }

    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav-item {
        margin: 6px 0px;
    }

    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav-item.show>.nav-sub {
        display: none !important;
    }

    .icontext-menu.main-sidebar-hide .side-header {
        padding-left: 100px;
    }

    .icontext-menu.main-sidebar-hide .side-menu .main-logo .icon-logo {
        margin: 0 auto !important;
    }

    .icontext-menu.main-sidebar-hide .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 0;
        margin-left: 0;
    }

    .icontext-menu.main-sidebar-hide .side-menu .nav-sub.open {
        display: none !important;
    }

    .icontext-menu.main-sidebar-hide .nav-header {
        display: none;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: flex;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .nav-item.active .nav-link .shape1,
    .icontext-menu.main-sidebar-hide.main-sidebar-open .nav-item.active .nav-link .shape2 {
        display: block;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        font-size: 18px;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .sidemenu-label {
        display: block;
        font-size: 14px;
        position: relative;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before,
    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
        display: block;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .side-menu {
        width: 240px;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .nav-link .sidemenu-icon {
        padding: 0;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open li.nav-item.active .nav-link {
        border-radius: 30px 0 0 30px;
        background: #eaedf7 !important;
        margin: 10px auto !important;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        width: 241px !important;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
        padding: 0 0 0 15px !important;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item {
        margin: 0;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.show>.nav-sub {
        display: block !important;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 10px;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
        margin-left: 5px !important;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .nav-header {
        display: block;
    }

    .icontext-menu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item+.nav-item {
        margin-top: -1px !important;
        margin: 6px 5px;
    }
}
/* Icon-Text Menu end*/
/* Hover-Submenu Start*/
@media screen and (min-width: 992px) {
    .hover-submenu.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        margin-right: 0 !important;
        margin-left: 0;
    }

    .hover-submenu.main-sidebar-hide .side-menu {
        left: 0;
        width: 100px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .hover-submenu.main-sidebar-hide .sidemenu-logo {
        width: 101px !important;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link:before,
    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link:after {
        display: none;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link .shape1,
    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link .shape2 {
        display: none;
    }

    .hover-submenu.main-sidebar-hide .side-header {
        padding-left: 100px;
    }

    .hover-submenu.main-sidebar-hide .main-content.side-content {
        margin-left: 100px;
    }

    .hover-submenu.main-sidebar-hide .side-menu .main-logo .icon-logo {
        margin: 0 auto !important;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
        border-radius: 0;
        justify-content: center;
        margin: 0px !important;
    }

    .hover-submenu.main-sidebar-hide .sidemenu-label {
        display: block;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav {
        padding: 0 !important;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-link {
        display: block;
    }

    .hover-submenu.main-sidebar-hide .side-menu .main-sidebar-body .nav-link i {
        padding: 9px;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-item {
        margin: 6px 0;
    }

    .hover-submenu.main-sidebar-hide .sidemenu-label {
        display: block;
        font-size: 11px;
        position: relative;
    }

    .hover-submenu.main-sidebar-hide .side-menu .main-sidebar-body .nav-link i {
        font-size: 17px;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-link {
        display: block;
        padding: 2px 0;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar {
        overflow: visible;
        position: absolute !important;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav {
        flex-direction: column;
        text-align: inherit;
        margin: 0;
        justify-content: inherit;
    }

    .hover-submenu.main-sidebar-hide .nav-sub {
        max-height: inherit !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        position: absolute;
        left: 80px;
        min-width: 220px;
        opacity: 1;
        z-index: 9999;
        visibility: hidden;
        top: 0;
        background: var(--dark-theme);
    }

    .hover-submenu.main-sidebar-hide .side-menu {
        left: 0;
        width: 100px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .hover-submenu.main-sidebar-hide .nav-header {
        display: none;
    }

    .hover-submenu.main-sidebar-hide .nav-item .nav-sub .nav-sub-item i.angle {
        display: block;
        top: 11px;
    }

    .hover-submenu.main-sidebar-hide .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 0 0 12px;
        border-left-width: 1px;
        margin-left: 0;
    }

    .hover-submenu.main-sidebar-hide .side-menu .nav-link:hover .sidemenu-label {
        margin-left: 0;
        transition: none;
    }

    .hover-submenu.main-sidebar-hide .side-badge {
        display: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .nav-sub .sidemenu-label {
        font-size: 13px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 0 0 12px;
        border-left-width: 1px;
        margin-left: 0;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .nav-link {
        display: block;
        margin-bottom: 0px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        width: 101px !important;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        display: block;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
        display: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        padding: 8px 6px 6px 6px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: block;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .nav-header {
        display: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        max-height: inherit !important;
        visibility: visible;
        border-radius: 0 11px 11px 0 !important;
        transition: none !important;
        padding: 12px 0px 12px 15px;
        opacity: inherit;
        display: block !important;
        background: var(--dark-theme);
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu {
        left: 0;
        width: 100px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        width: 101px !important;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before,
    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
        display: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link .shape1,
    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link .shape2 {
        display: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-header {
        padding-left: 100px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-content.side-content {
        margin-left: 100px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        margin: 0 auto !important;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
        border-radius: 0;
        justify-content: center;
        margin: 0px !important;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .sidemenu-label {
        display: block;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
        padding: 0 !important;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: block;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        padding: 9px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item {
        margin: 6px 0;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .sidemenu-label {
        display: block;
        font-size: 11px;
        position: relative;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        font-size: 17px;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: block;
        padding: 2px 0;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu i.angle {
        display: none;
    }

    .hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .nav-link {
        padding: 2px 0px !important;
    }
}
/* Hover-Submenu end*/
/* Hover-Submenu1 Start*/
@media screen and (min-width: 992px) {
    .hover-submenu1.main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        margin-right: 0 !important;
        margin-left: 0;
    }

    .hover-submenu1.main-sidebar-hide .side-menu {
        left: 0;
        width: 100px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .hover-submenu1.main-sidebar-hide .sidemenu-logo {
        width: 101px !important;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link:before,
    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link:after {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link .shape1,
    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-item.active .nav-link .shape2 {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide .side-header {
        padding-left: 100px;
    }

    .hover-submenu1.main-sidebar-hide .main-content.side-content {
        margin-left: 100px;
    }

    .hover-submenu1.main-sidebar-hide .side-menu .main-logo .icon-logo {
        margin: 0 auto !important;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
        border-radius: 0;
        justify-content: center;
        margin: 0px !important;
    }

    .hover-submenu1.main-sidebar-hide .sidemenu-label {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav {
        padding: 0;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-link {
        display: block;
    }

    .hover-submenu1.main-sidebar-hide .side-menu .main-sidebar-body .nav-link i {
        padding: 9px;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-item {
        margin: 6px 0;
    }

    .hover-submenu1.main-sidebar-hide .side-menu .main-sidebar-body .nav-link i {
        font-size: 17px;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-link {
        display: block;
        padding: 2px 0;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar {
        overflow: visible;
        position: absolute !important;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav {
        flex-direction: column;
        text-align: inherit;
        margin: 0;
        justify-content: inherit;
    }

    .hover-submenu1.main-sidebar-hide .nav-sub {
        max-height: inherit !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        position: absolute;
        left: 80px;
        min-width: 220px;
        opacity: 1;
        z-index: 9999;
        visibility: hidden;
        top: 0;
        background: var(--dark-theme);
    }

    .hover-submenu1.main-sidebar-hide .side-menu {
        left: 0;
        width: 100px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .hover-submenu1.main-sidebar-hide .nav-header {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide .nav-item .nav-sub .nav-sub-item i.angle {
        display: block;
        top: 11px;
    }

    .hover-submenu1.main-sidebar-hide .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 0 0 12px;
        border-left-width: 1px;
        margin-left: 0;
    }

    .hover-submenu1.main-sidebar-hide .side-menu .nav-link:hover .sidemenu-label {
        margin-left: 0;
        transition: none;
    }

    .hover-submenu1.main-sidebar-hide .side-badge {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub-link {
        padding: 8px 0 8px 12px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-sub-link.sub-with-sub .sidemenu-label {
        display: block !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {
        display: block !important;
        font-size: 15px;
        font-weight: 500;
        border-bottom: 1px solid var(--dark-border);
        padding: 8px 0 8px 12px;
        text-align: left;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-sub .sidemenu-label {
        font-size: 13px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-sub-item .sub-nav-sub {
        padding: 0 0 0 12px;
        border-left-width: 1px;
        margin-left: 0;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .nav-link {
        display: block;
        margin-bottom: 0px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        width: 101px !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        display: block;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        padding: 8px 6px 6px 6px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: block;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-header {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .nav-item:hover .nav-sub {
        max-height: inherit !important;
        visibility: visible;
        border-radius: 0 11px 11px 0 !important;
        transition: none !important;
        padding: 12px 0px 12px 0;
        opacity: inherit;
        display: block !important;
        background: var(--dark-theme);
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu {
        left: 0;
        width: 100px;
        display: block;
        visibility: visible;
        transform: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .sidemenu-logo {
        width: 101px !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before,
    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link .shape1,
    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link .shape2 {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-header {
        padding-left: 100px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-content.side-content {
        margin-left: 100px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo {
        margin: 0 auto !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body li.nav-item.active .nav-link {
        background-color: var(--dark-theme);
        border-radius: 0;
        justify-content: center;
        margin: 0px !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
        padding: 0 !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: block;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        padding: 9px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item {
        margin: 6px 0;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .sidemenu-label {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-sidebar-body .nav-link i {
        font-size: 17px;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link {
        display: block;
        padding: 2px 0;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu i.angle {
        display: none;
    }

    .hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .nav-link {
        padding: 2px 0px !important;
    }
}
body:not(.horizontalmenu) .menu-nav.nav {
    margin-inline: 0 !important;
}
/* Hover-Submenu1 end*/
/* ############### CUSTOM VENDOR STYLES ############### */
/* ###### Chart  ###### */
.main-donut-chart {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.main-donut-chart .slice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-donut-chart .chart-center {
    position: absolute;
    border-radius: 50%;
}
.main-donut-chart .chart-center span {
    display: block;
    text-align: center;
}
.morris-wrapper-demo {
    height: 200px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .morris-wrapper-demo {
        height: 300px;
    }
}
.morris-donut-wrapper-demo {
    height: 200px;
}
@media (min-width: 576px) {
    .morris-donut-wrapper-demo {
        height: 250px;
    }
}
.chartjs-wrapper-demo {
    height: 250px;
}
@media (max-width: 330px) {
    .chartjs-wrapper-demo {
        width: 290px;
    }
}
@media (min-width: 992px) {
    .chartjs-wrapper-demo {
        height: 300px;
    }
}
.chartist-wrapper-demo {
    height: 200px;
}
@media (min-width: 768px) {
    .chartist-wrapper-demo {
        height: 300px;
    }
}
.morris-hover.morris-default-style {
    border-radius: 0;
}
.chart-donut {
    left: 0;
    position: relative;
}
#morrisDonut1 {
    height: 200px;
    width: 200px;
}
#morrisDonut1 svg {
    height: 200px;
    width: 200px;
    font-family: Roboto, sans-serif;
}
#revenuechart {
    height: 273px !important;
    width: 100% !important;
}
.flot-chart {
    width: 100%;
    height: 180px;
}
.flot-chart1 {
    width: 100%;
    height: 300px;
}
.flot-chart-wrapper {
    position: relative;
    margin-left: -16px;
    margin-right: -30px;
}
.chart-wrapper {
    right: -8px;
    bottom: 5px;
    left: -8px;
    position: relative;
    margin-left: -13px;
    margin-right: -13px;
}
#chartBar5 {
    height: 135px;
}
.echart-height {
    height: 250px;
}
.chart-height1 {
    min-height: 15rem;
    overflow: hidden;
}
.chart-height2 {
    height: 16rem;
    overflow: hidden;
}
.chart-height3 {
    height: 17rem;
    overflow: hidden;
}
.chart-height4 {
    height: 18rem;
    overflow: hidden;
}
.chart-height5 {
    height: 20rem;
    overflow: hidden;
}
.chart-height6 {
    height: 22rem;
    overflow: hidden;
}
.chart-text {
    text-align: center;
    margin: 0 auto;
}
.areaChart1,
.areaChart2,
.areaChart3,
.areaChart4 {
    display: block;
    position: relative;
    width: 80px !important;
    height: 50px !important;
}
.chart-legEnd {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 1;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.chart-legEnd div {
    display: flex;
    align-items: center;
}
.chart-legEnd div+div {
    margin-left: 15px;
}
.chart-legEnd span {
    width: 10px;
    height: 4px;
    display: block;
    margin-right: 5px;
}
@media (min-width: 576px) {
    .chart-legEnd {
        top: -30px;
        left: auto;
        right: 40px;
    }

    .chart-legEnd span {
        width: 30px;
        margin-right: 8px;
    }

    .chart-legEnd div+div {
        margin-left: 30px;
    }
}
#bar-chart {
    height: 75px !important;
    width: 100% !important;
}
.chart-dropshadow2 {
    filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, 0.1));
}
#chart svg path#apexcharts-radialbarTrack-0 {
    stroke: transparent;
}
/* ###### Chart  ###### */
/* ###### Mapel map  ###### */
.mapael .map {
    margin-bottom: 10px;
    position: relative;
}
.mapael .zoomButton {
    background-color: #292929;
    border: 1px solid #292929;
    color: #ffffff;
    width: 15px;
    height: 15px;
    line-height: 12px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-weight: bold;
    left: 10px;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.mapael .zoomReset {
    top: 10px;
}
.mapael .zoomIn {
    top: 30px;
}
.mapael .zoomOut {
    top: 50px;
}
.mapael .mapTooltip {
    position: absolute;
    background-color: #474c4b;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #ffffff;
}
.mapcontainer .map,
.mapcontainer1 .map {
    height: 400px;
    width: 400px;
    margin: 0 auto;
}
.mapcontainer2 .map {
    height: 300px;
    width: 300px;
    margin: 0 auto;
}
.mapcontainer3 svg {
    height: 300px;
    width: 100%;
}
/* ###### Mapel map  ###### */
/* ########## Datetimepicker ########## */
.datetimepicker {
    box-shadow: none;
    border-radius: 0;
    border-width: 1px;
    border-color: #eaedf7;
    min-width: 270px;
    padding: 0 10px 10px;
}
.datetimepicker::before {
    display: none;
}
.datetimepicker table {
    width: 100%;
}
.datetimepicker table th.prev,
.datetimepicker table th.next,
.datetimepicker table th.switch {
    background-color: #ffffff;
    color: #8f9cc0;
}
.datetimepicker table th.prev,
.datetimepicker table th.next {
    position: relative;
}
.datetimepicker table th.prev span,
.datetimepicker table th.next span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.datetimepicker table th.prev span::before,
.datetimepicker table th.next span::before {
    font-family: "Ionicons", sans-serif;
    position: absolute;
    top: 50%;
    font-size: 16px;
    color: #8f9cc0;
    line-height: 0;
}
.datetimepicker table th.prev:hover,
.datetimepicker table th.prev:focus {
    background-color: #ffffff;
}
.datetimepicker table th.next:hover,
.datetimepicker table th.next:focus {
    background-color: #ffffff;
}
.datetimepicker table th.prev span::before {
    content: "\f3cf";
    left: 0;
}
.datetimepicker table th.next span::before {
    content: "\f3d1";
    right: 0;
}
.datetimepicker table th.switch {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    color: #8f9cc0;
}
.datetimepicker table td {
    font-size: 0.875rem;
    text-align: center;
}
.datetimepicker table td.old,
.datetimepicker table td.new {
    color: #a8afc7;
}
.datetimepicker .datetimepicker-days table thead tr:first-child th {
    height: 38px;
}
.datetimepicker .datetimepicker-days table thead tr:last-child th {
    height: 25px;
    text-transform: uppercase;
    color: #3c4858;
    font-weight: 700;
    font-size: 11px;
}
.main-datetimepicker {
    box-shadow: none;
    border-radius: 0;
    border-color: #eaedf7;
    margin-top: 2px;
}
.main-datetimepicker>.datepicker_header {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-datetimepicker>.datepicker_header>.icon-home {
    display: none;
}
.main-datetimepicker>.datepicker_header a:nth-child(2),
.main-datetimepicker>.datepicker_header a:last-child {
    display: block;
    position: relative;
    text-indent: -999999px;
}
.main-datetimepicker>.datepicker_header a:nth-child(2)::before,
.main-datetimepicker>.datepicker_header a:last-child::before {
    font-family: "Ionicons", sans-serif;
    position: absolute;
    top: 50%;
    line-height: 0;
    text-indent: 0;
    font-size: 13px;
}
.main-datetimepicker>.datepicker_header a:nth-child(2)::before {
    content: "\f3cf";
    left: 0;
}
.main-datetimepicker>.datepicker_header a:last-child::before {
    content: "\f3d1";
    right: 0;
}
.main-datetimepicker>.datepicker_header span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-transform: uppercase;
}
.main-datetimepicker>.datepicker_inner_container {
    border-radius: 0;
    box-shadow: none;
    border-width: 0;
    display: flex;
    height: 225px;
    margin: 0;
    background-color: #ffffff;
}
.main-datetimepicker>.datepicker_inner_container::after {
    display: none;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_calendar {
    width: 230px;
    border-width: 0;
    border-radius: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 5px;
    float: none;
    margin: 0;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_calendar>table {
    width: 100%;
    height: 100%;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_calendar th {
    font-size: 11px;
    text-transform: uppercase;
    color: #8f9cc0;
    font-weight: 700;
    text-align: center;
    padding: 8px 5px;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td {
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    padding: 5px;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.day_another_month {
    color: #a8afc7;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.hover {
    background-color: #eaedf7;
    cursor: pointer;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_timelist {
    float: none;
    width: 70px;
    height: 100% !important;
    border-left: 1px solid #e8e8f7;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item {
    padding: 5px 8px;
    margin: 0 0 0 1px;
}
.main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:hover,
.main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:focus {
    background-color: #eaedf7;
}
/* ########## Datetimepicker ########## */
/* ###### Quill ###### */
.ql-wrapper-demo {
    background-color: #ffffff;
}
.ql-wrapper-demo .ql-container {
    height: 250px;
}
.ql-wrapper-demo .ql-editor {
    height: 100%;
    overflow-y: auto;
}
@media (min-width: 1200px) {
    .ql-wrapper-demo {
        width: 100%;
    }
}
.ql-scrolling-demo {
    background-color: #ffffff;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid #e8e8f7;
    position: relative;
}
.ql-scrolling-demo .ql-container {
    border-width: 0;
    height: auto;
    min-height: 100%;
    padding: 30px;
}
.ql-scrolling-demo .ql-container .ql-editor {
    font-size: 16px;
    overflow-y: visible;
    color: #3b4863;
}
@media (min-width: 768px) {
    .ql-scrolling-demo {
        padding-left: 15px;
    }
}
@media (min-width: 768px) {
    .ql-scrolling-demo .ql-container {
        padding: 10px;
    }
}
.ql-wrapper {
    display: flex;
    flex-direction: column;
}
.ql-wrapper-modal .ql-snow.ql-toolbar {
    border-width: 0;
    border-bottom-width: 1px;
}
.ql-wrapper-modal .ql-snow.ql-container {
    border-width: 0;
}
.ql-wrapper-modal .ql-snow .ql-editor {
    padding: 20px;
}
@media (min-width: 576px) {
    .ql-wrapper-modal .ql-snow.ql-toolbar {
        padding: 15px 20px;
    }
}
.ql-bubble.ql-container:not(.ql-disabled) a::before {
    background-color: #8f9cc0;
    border-radius: 2px;
}
.ql-bubble .ql-tooltip {
    background-color: #8f9cc0;
    border-radius: 2px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top-color: #8f9cc0;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom-color: #8f9cc0;
}
.ql-bubble .ql-toolbar {
    padding: 0 8px 8px;
}
.ql-bubble .ql-toolbar button {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8896af;
    outline: none;
}
.ql-bubble .ql-toolbar button i {
    font-size: 24px;
    line-height: 0;
    display: inline-block;
}
.ql-bubble .ql-toolbar button i.la-bold,
.ql-bubble .ql-toolbar button i.la-underline {
    width: 21px;
}
.ql-bubble .ql-toolbar button .ql-fill {
    fill: #8896af;
}
.ql-bubble .ql-toolbar button .ql-stroke {
    stroke: #8896af;
}
.ql-bubble .ql-toolbar button.ql-active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
}
.ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 8px 0 0;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 0;
}
@media (min-width: 576px) {
    .ql-bubble .ql-toolbar .ql-formats {
        margin: 8px 0 0;
    }

    .ql-bubble .ql-toolbar .ql-formats:first-child {
        margin-left: 0;
    }
}
.ql-snow.ql-container {
    border-color: #eaedf7;
    border-width: 1px;
}
.ql-snow.ql-toolbar {
    border-width: 1px;
    border-color: #eaedf7;
    border-bottom-width: 1px;
    padding: 5px 10px 10px;
}
.ql-snow.ql-toolbar .ql-picker-label {
    border-color: #eaedf7;
}
.ql-snow.ql-toolbar .ql-picker-label.ql-active {
    background-color: #eaedf7;
    border-color: transparent;
    color: #8f9cc0;
    font-weight: 500;
}
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
    stroke: #000000;
}
.ql-snow.ql-toolbar button {
    border: 1px solid #eaedf7;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f4e57;
    outline: none;
}
.ql-snow.ql-toolbar button svg {
    width: 20px;
    float: none;
}
.ql-snow.ql-toolbar button i {
    font-size: 24px;
    line-height: 0;
    display: inline-block;
}
.ql-snow.ql-toolbar button i.la-bold,
.ql-snow.ql-toolbar button i.la-underline {
    width: 21px;
}
.ql-snow.ql-toolbar button .ql-stroke {
    stroke-width: 2px;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus {
    border-color: #eaedf7;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #a8afc7;
}
.ql-snow.ql-toolbar button.ql-active {
    background-color: #eaedf7;
    color: #3b4863;
    border-color: transparent;
}
.ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: #3b4863;
}
.ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: #3b4863;
}
.ql-snow.ql-toolbar .ql-formats {
    margin-top: 5px;
    margin-right: 5px;
}
.ql-snow .ql-formats button+button {
    margin: 0 0 0 2px;
}
.ql-snow .ql-picker {
    display: block;
    border-width: 0;
    height: 32px;
    color: #3c4858;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: 3px;
}
.ql-snow .ql-picker:hover .ql-picker-label,
.ql-snow .ql-picker:focus .ql-picker-label {
    color: #8f9cc0;
}
.ql-snow .ql-picker:hover .ql-picker-label .ql-stroke,
.ql-snow .ql-picker:focus .ql-picker-label .ql-stroke {
    stroke: #000000;
}
.ql-snow .ql-picker-label {
    display: block;
    padding-left: 10px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    border: 1px solid #e8e8f7;
    background-color: #ffffff;
    outline: none;
}
.ql-snow .ql-picker-label::before {
    line-height: 2.25;
    font-weight: 400;
}
.ql-snow .ql-stroke {
    stroke: #000000;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1;
}
.ql-snow .ql-editor {
    padding: 20px;
    color: #3b4863;
}
/* ###### Quill ###### */
/* ###### Spinner ###### */
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    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;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.lds-circle {
    display: inline-block;
    transform: translateZ(1px);
}
.lds-circle>div {
    display: inline-block;
    width: 51px;
    height: 51px;
    margin: 6px;
    border-radius: 50%;
    animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes lds-circle {
  0% {
    transform: rotateY(0deg);
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
}
.lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }

    50%,
    100% {
        top: 19px;
        height: 26px;
    }
}
.lds-heart {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    transform: rotate(45deg);
    transform-origin: 32px 32px;
}
.lds-heart div {
    top: 23px;
    left: 19px;
    position: absolute;
    width: 26px;
    height: 26px;
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    top: -17px;
    border-radius: 50% 50% 0 0;
}
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    left: -17px;
    border-radius: 50% 0 0 50%;
}
@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }

    5% {
        transform: scale(1.1);
    }

    39% {
        transform: scale(0.85);
    }

    45% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(0.9);
    }
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-ripple div {
    position: absolute;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}
.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.pulse {
    display: block;
    position: absolute;
    top: 6px;
    right: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f3ca56;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(243, 202, 86, 0.9);
    animation: pulse 2s infinite;
}
.pulse:hover {
    animation: none;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(243, 202, 86, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(243, 202, 86, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(243, 202, 86, 0);
    }
}
.ripple {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    cursor: pointer;
}
.ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform 0.5s, opacity 1s;
}
.ripple:active:after {
    transform: scale(0, 0);
    opacity: 0.2;
    transition: 0s;
}
@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-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
/* ###### Spinner ###### */
/* ############### TEMPLATE STYLES ############### */
/* ###### Calendar  ###### */
.main-content-calendar .container,
.main-content-calendar .container-fluid {
    padding: 20px 0 0;
}
@media (min-width: 992px) {

    .main-content-calendar .container,
    .main-content-calendar .container-fluid {
        padding-top: 0;
    }
}
@media (min-width: 992px) {
    .main-content-left-calendar {
        width: 230px;
    }
}
.main-datepicker .ui-datepicker-inline {
    margin-top: 0;
}
.main-datepicker .ui-datepicker .ui-datepicker-title {
    letter-spacing: -0.2px;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar th {
    padding: 5px;
    font-size: 10px;
    color: #8f9cc0;
    text-align: center;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
    color: #f16d75;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 0 1px;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
    color: #f16d75;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar td span,
.main-datepicker .ui-datepicker .ui-datepicker-calendar td a {
    padding: 4px 5px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #3c4858;
}
.main-datepicker .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    color: #ffffff;
    border-radius: 2px;
}
.main-nav-calendar-event .nav-link {
    font-size: 13px;
    position: relative;
}
.main-nav-calendar-event .nav-link i {
    font-size: 21px;
    position: relative;
    margin-right: 10px;
    top: -0.5px;
}
.main-nav-calendar-event .nav-link.exclude {
    color: #a8afc7;
}
.main-nav-calendar-event .nav-link.exclude i {
    color: #a8afc7;
}
.main-nav-calendar-event .nav-link.exclude::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #a8afc7;
}
@media (min-width: 992px) {
    .main-content-body-calendar {
        padding-left: 25px;
    }
}
.main-calendar {
    border-color: #eaedf7;
}
.main-calendar .fc-content,
.main-calendar .fc-divider,
.main-calendar .fc-list-heading td,
.main-calendar .fc-list-view,
.main-calendar .fc-popover,
.main-calendar .fc-row,
.main-calendar tbody,
.main-calendar td,
.main-calendar th,
.main-calendar thead {
    border-color: #eaedf7;
}
.main-calendar .fc-header-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0 20px;
}
.main-calendar .fc-header-toolbar h2 {
    margin-bottom: 0;
    color: #4d4d6d;
    font-size: 20px;
    font-weight: 700;
}
.main-calendar .fc-header-toolbar .fc-right {
    order: 3;
}
.main-calendar .fc-header-toolbar .fc-clear {
    display: none;
}
.main-calendar .fc-header-toolbar button {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e8e8f7;
    box-shadow: none;
    padding: 0 15px;
    display: flex;
    align-items: center;
    color: #8f9cc0;
    font-size: 13px;
    text-transform: capitalize;
    outline: none;
    text-shadow: none;
    border-radius: 0;
}
.main-calendar .fc-header-toolbar button:hover,
.main-calendar .fc-header-toolbar button:focus {
    background-color: #eaedf7;
}
.main-calendar .fc-header-toolbar button.fc-prev-button,
.main-calendar .fc-header-toolbar button.fc-next-button {
    padding: 0;
    width: 38px;
    justify-content: center;
}
.main-calendar .fc-header-toolbar button.fc-prev-button span,
.main-calendar .fc-header-toolbar button.fc-next-button span {
    margin: 0;
}
.main-calendar .fc-header-toolbar button.fc-state-active {
    background-color: #eaedf7;
}
.main-calendar .fc-header-toolbar button.fc-today-button {
    color: #ffffff;
}
.main-calendar .fc-header-toolbar button.fc-today-button.fc-state-disabled {
    border-color: #eaedf7;
    background-color: #efefff;
    color: #30304a;
    cursor: default;
}
.main-calendar .fc-icon-left-single-arrow,
.main-calendar .fc-icon-right-single-arrow {
    top: 0;
}
.main-calendar .fc-icon-left-single-arrow::after,
.main-calendar .fc-icon-right-single-arrow::after {
    font-family: "Ionicons", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}
.main-calendar .fc-icon-left-single-arrow::after {
    content: "\f3cf";
}
.main-calendar .fc-icon-right-single-arrow::after {
    content: "\f3d1";
}
.main-calendar .fc-head-container .fc-day-header {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0;
    color: #8f9cc0;
}
.main-calendar .fc-view>table {
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.main-calendar .fc-view>table>thead th,
.main-calendar .fc-view>table>thead td {
    border-color: #eaedf7;
}
.main-calendar .fc-view>table>tbody>tr>td {
    border-color: #eaedf7;
}
.main-calendar .fc-view .fc-other-month {
    background-color: #f9f9ff;
}
.main-calendar .fc-view .fc-day-number {
    font-size: 14px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    color: #3c4858;
    display: inline-block;
    padding: 5px 8px;
    position: relative;
    transition: all 0.2s ease-in-out;
    margin: 2px 2px 0 0;
    min-width: 20px;
    text-align: center;
}
.main-calendar .fc-view .fc-day-number:hover,
.main-calendar .fc-view .fc-day-number:focus {
    color: #8f9cc0;
    background-color: #f1f2f9;
}
.main-calendar .fc-view .fc-scroller {
    height: auto !important;
    overflow: visible !important;
}
.main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span {
    display: block;
}
.main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:first-child {
    color: #a8afc7;
    font-size: 8px;
    font-weight: 400;
    line-height: 1.2;
}
.main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:last-child {
    font-weight: 700;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1;
}
.main-calendar .fc-view.fc-listMonth-view,
.main-calendar .fc-view.fc-listWeek-view {
    border-width: 0;
}
.main-calendar .fc-view.fc-listMonth-view .fc-scroller,
.main-calendar .fc-view.fc-listWeek-view .fc-scroller {
    padding: 0 20px 20px;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-table,
.main-calendar .fc-view.fc-listWeek-view .fc-list-table {
    border-collapse: separate;
    display: block;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-table>tbody,
.main-calendar .fc-view.fc-listWeek-view .fc-list-table>tbody {
    display: flex;
    flex-wrap: wrap;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
.main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
    flex: 0 0 20%;
    max-width: 20%;
    margin-top: 15px;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-heading:first-child,
.main-calendar .fc-view.fc-listWeek-view .fc-list-heading:first-child,
.main-calendar .fc-view.fc-listMonth-view .fc-list-heading:first-child+.fc-list-item,
.main-calendar .fc-view.fc-listWeek-view .fc-list-heading:first-child+.fc-list-item {
    margin-top: 0;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-heading td,
.main-calendar .fc-view.fc-listWeek-view .fc-list-heading td {
    background-color: transparent;
    border-width: 0;
    padding: 0;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main,
.main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #a8afc7;
    font-weight: 600;
    padding: 5px;
    text-align: center;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
    display: block;
    font-size: 30px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    color: #8f9cc0;
    line-height: 1;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item {
    flex: 0 0 calc(80% - 5px);
    max-width: calc(80% - 5px);
    display: flex;
    flex-direction: column;
    border-left: 4px solid transparent;
    background-color: #ffffff;
    margin-top: 15px;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover,
.main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus {
    cursor: pointer;
}
.main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus {
    cursor: pointer;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover td,
.main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus td {
    background-color: transparent;
}
.main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover td,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus td {
    background-color: transparent;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item>td,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item>td {
    border-width: 0;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
    border-top: 1px solid #e8e8f7;
    border-right: 1px solid #e8e8f7;
    box-sizing: border-box;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
    border-bottom: 1px solid #e8e8f7;
    border-right: 1px solid #e8e8f7;
    box-sizing: border-box;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
    margin-left: 20%;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item-marker,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item-marker {
    display: none;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item-time,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item-time {
    padding: 12px 15px 2px;
    font-size: 13px;
    text-transform: capitalize;
    width: 100%;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item-title,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item-title {
    padding: 0 15px 12px;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a {
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
    color: #8f9cc0;
}
.main-calendar .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
.main-calendar .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
    font-size: 13px;
    line-height: 1.375;
    display: block;
}
.main-calendar td.fc-today {
    background-color: #f1f2f9;
}
.main-calendar td.fc-today .fc-day-number {
    color: #ffffff;
    border-radius: 1px;
}
.main-calendar td.fc-today .fc-day-number:hover,
.main-calendar td.fc-today .fc-day-number:focus {
    border-radius: 1px;
}
.main-calendar .fc-axis {
    font-size: 11px;
}
.main-calendar .fc-event {
    border-width: 0;
    border-top-width: 5px;
    border-radius: 0;
}
.main-calendar .fc-event.fc-day-grid-event>div {
    display: none;
}
.main-calendar .fc-event.fc-day-grid-event>div .fc-time {
    font-weight: 500;
}
.main-calendar .fc-event.fc-day-grid-event>div .fc-desc {
    display: none;
}
.main-calendar .fc-time-grid-event {
    padding: 5px;
    border-left-width: 0;
    border-top-width: 2px;
}
.main-calendar .fc-time-grid-event .fc-time {
    font-size: 12px;
}
.main-calendar .fc-time-grid-event .fc-title {
    font-size: 14px;
    font-weight: 700;
    color: #8f9cc0;
    margin-bottom: 10px;
}
.main-calendar .fc-time-grid-event .fc-desc {
    font-size: 13px;
    line-height: 1.3;
    color: rgba(28, 39, 60, 0.8);
}
.main-calendar .fc-agendaWeek-view .fc-time-grid-event>div {
    display: none;
}
.main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-time {
    font-size: 11px;
}
.main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-title {
    font-size: 13px;
}
.main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-desc {
    display: none;
}
.main-calendar .fc-list-empty {
    padding: 20px 0;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
@media (min-width: 992px) {
    .main-calendar .fc-header-toolbar {
        padding: 0;
        margin-bottom: 24px;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-header-toolbar h2 {
        font-size: 22px;
    }
}
@media (max-width: 767.98px) {
    .main-calendar .fc-header-toolbar .fc-center {
        order: 1;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .main-calendar .fc-header-toolbar .fc-left {
        order: 2;
        flex: 0 0 50%;
    }

    .main-calendar .fc-header-toolbar .fc-right {
        flex: 0 0 50%;
        display: flex;
        justify-content: flex-end;
    }
}
@media (max-width: 575px) {

    .main-calendar .fc-header-toolbar button.fc-prev-button,
    .main-calendar .fc-header-toolbar button.fc-next-button {
        width: 32px;
        height: 32px;
    }

    .main-calendar .fc-header-toolbar button.fc-today-button {
        height: 32px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }

    .main-calendar .fc-header-toolbar button.fc-month-button,
    .main-calendar .fc-header-toolbar button.fc-agendaWeek-button,
    .main-calendar .fc-header-toolbar button.fc-agendaDay-button,
    .main-calendar .fc-header-toolbar button.fc-listWeek-button,
    .main-calendar .fc-header-toolbar button.fc-listMonth-button {
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        position: relative;
        color: transparent;
    }

    .main-calendar .fc-header-toolbar button.fc-month-button::before,
    .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before,
    .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before,
    .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        position: absolute;
        top: 6px;
        left: 10px;
        z-index: 100;
        display: inline-block;
        text-indent: 0;
        font-size: 12px;
        font-weight: 700;
        color: #8f9cc0;
    }

    .main-calendar .fc-header-toolbar button.fc-month-button::before {
        content: "M";
    }

    .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before {
        content: "W";
    }

    .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before {
        content: "D";
    }

    .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        content: "L";
        left: 11px;
    }
}
@media (min-width: 992px) {

    .main-calendar .fc-icon-left-single-arrow::after,
    .main-calendar .fc-icon-right-single-arrow::after {
        line-height: 0.75;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-head-container .fc-day-header {
        font-size: 12px;
    }
}
@media (max-width: 991.98px) {

    .main-calendar .fc-view>table>thead th:first-child,
    .main-calendar .fc-view>table>thead td:first-child {
        border-left-width: 0;
    }

    .main-calendar .fc-view>table>thead th:last-child,
    .main-calendar .fc-view>table>thead td:last-child {
        border-right-width: 0;
    }
}
@media (max-width: 991.98px) {
    .main-calendar .fc-view>table>tbody>tr>td:first-child {
        border-left-width: 0;
    }

    .main-calendar .fc-view>table>tbody>tr>td:last-child {
        border-right-width: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-calendar .fc-view .fc-day-number {
        transition: none;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:first-child {
        font-size: 11px;
        font-weight: 400;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:last-child {
        font-size: 25px;
    }
}
@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-scroller,
    .main-calendar .fc-view.fc-listWeek-view .fc-scroller {
        padding: 0;
    }
}
@media (min-width: 576px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 15%;
        max-width: 15%;
    }
}
@media (min-width: 768px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 12%;
        max-width: 12%;
    }
}
@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 10%;
        max-width: 10%;
    }
}
@media (min-width: 1200px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 8%;
        max-width: 8%;
    }
}
@media (min-width: 576px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(85% - 5px);
        max-width: calc(85% - 5px);
    }
}
@media (min-width: 768px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(88% - 5px);
        max-width: calc(88% - 5px);
    }
}
@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(90% - 5px);
        max-width: calc(90% - 5px);
    }
}
@media (min-width: 1200px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(92% - 5px);
        max-width: calc(92% - 5px);
    }
}
@media (min-width: 576px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 15%;
    }
}
@media (min-width: 768px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 12%;
    }
}
@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 10%;
    }
}
@media (min-width: 1200px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 8%;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-axis {
        font-size: 13px;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-event {
        border-top-width: 0;
        border-left-width: 2px;
        padding: 3px 4px;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-event.fc-day-grid-event>div {
        display: block;
    }
}
@media (min-width: 576px) {
    .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div {
        display: block;
    }
}
@media (min-width: 992px) {
    .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-desc {
        display: block;
    }
}
.main-modal-calendar-schedule .modal-content {
    border-width: 0;
    position: relative;
}
.main-modal-calendar-schedule .modal-content>.close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 28px;
    font-weight: 700;
    color: #a8afc7;
    text-shadow: none;
}
.main-modal-calendar-schedule .modal-header {
    padding: 20px 25px;
}
.main-modal-calendar-schedule .modal-body {
    padding: 30px 25px;
}
.main-modal-calendar-schedule .form-group-date {
    display: flex;
    align-items: center;
    border: 1px solid #e8e8f7;
    background-color: #f1f2f9;
    padding: 10px 5px;
    color: #8f9cc0;
    font-size: 13px;
    font-weight: 600;
}
.main-modal-calendar-schedule .form-group-date>i {
    font-size: 32px;
    line-height: 0;
    margin-right: 10px;
    opacity: 0.5;
}
.main-modal-calendar-schedule .select2-container {
    width: 100% !important;
}
.main-modal-calendar-event .modal-content {
    border-width: 0;
    position: relative;
    background-color: transparent;
}
.main-modal-calendar-event .modal-content>.close {
    font-size: 18px;
    text-shadow: none;
}
.main-modal-calendar-event .modal-header {
    position: relative;
    padding: 20px;
    border-bottom-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.main-modal-calendar-event .nav-modal-event {
    align-items: center;
}
.main-modal-calendar-event .nav-modal-event .nav-link {
    padding: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 21px;
    line-height: 0;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.main-modal-calendar-event .nav-modal-event .nav-link:hover,
.main-modal-calendar-event .nav-modal-event .nav-link:focus {
    color: #ffffff;
}
.main-modal-calendar-event .nav-modal-event .nav-link+.nav-link {
    margin-left: 15px;
}
.main-modal-calendar-event .nav-modal-event .nav-link:last-child {
    font-size: 24px;
}
.main-modal-calendar-event .event-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
}
.main-modal-calendar-event .modal-body {
    padding: 20px;
    background-color: #ffffff;
}
.main-modal-calendar-event .event-start-date,
.main-modal-calendar-event .event-end-date {
    color: #8f9cc0;
    font-weight: 500;
}
.main-modal-calendar-event .event-desc {
    margin-top: 5px;
}
.main-modal-calendar-event .event-desc:empty {
    margin-bottom: 5px;
}
@media (min-width: 576px) {
    .main-modal-calendar-event .modal-header {
        padding: 20px 25px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-modal-calendar-event .nav-modal-event .nav-link {
        transition: none;
    }
}
@media (min-width: 576px) {
    .main-modal-calendar-event .modal-body {
        padding: 30px;
    }
}
/* ###### Calendar  ###### */
/* ###### Chat  ###### */
@media (max-width: 991.98px) {
    .main-content-body-show .main-header-menu-icon {
        display: none;
    }

    .main-content-body-show .main-header-left .main-header-arrow {
        display: block;
    }

    .main-content-body-show .main-content-left-chat {
        display: none;
    }

    .main-content-body-show .main-content-body-chat {
        display: flex;
    }
}
.main-content-left-chat {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.main-nav-line-chat {
    border-bottom: 1px solid #e8e8f7;
    padding: 19px;
    flex-shrink: 0;
    flex-direction: row;
    padding-left: 20px;
}
.main-nav-line-chat .nav-link {
    font-size: 13px;
    font-weight: 700;
    color: #3b4863;
    text-transform: uppercase;
}
.main-nav-line-chat .nav-link:hover,
.main-nav-line-chat .nav-link:focus,
.main-nav-line-chat .nav-link:active {
    outline: none;
}
.main-nav-line-chat .nav-link+.nav-link {
    margin-top: 0;
    margin-left: 30px;
}
.main-chat-contacts-wrapper {
    padding: 10px 20px;
    flex-shrink: 0;
    border-bottom: 1px solid #e8e8f7;
    overflow: hidden;
}
.main-chat-contacts-wrapper .main-content-label,
.main-chat-contacts-wrapper .card-table-two .card-title {
    margin-bottom: 15px;
    line-height: 1;
}
@media (min-width: 992px) {
    .main-chat-contacts-wrapper {
        padding: 10px 15px 10px 0;
    }
}
.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card-dashboard-eight .card-title,
.card-dashboard-eight .main-chat-contacts-wrapper .card-title {
    margin-bottom: 15px;
    line-height: 1;
}
.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
    overflow: visible;
}
.main-chat-contacts {
    padding-left: 20px;
    display: flex;
}
.main-chat-contacts .lslide {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: none;
}
.main-chat-contacts small {
    font-size: 11px;
    width: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3px;
    text-align: center;
}
.main-chat-contacts-more {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}
@media (min-width: 992px) {
    .main-chat-list {
        height: calc(100% - 134px);
        position: relative;
    }
}
.main-chat-list .media {
    padding: 12px 20px;
    border: 1px solid transparent;
    position: relative;
}
.main-chat-list .media .main-img-user {
    flex-shrink: 0;
    top: 3px;
}
.main-chat-list .media+.media {
    margin-top: -1px;
    border-top: 1px solid #e8e8f7;
}
.main-chat-list .media.new {
    background-color: #ffffff;
}
.main-chat-list .media.new .main-img-user span {
    display: flex;
}
.main-chat-list .media.new .media-contact-name span:first-child {
    font-weight: 500;
    color: #404c6d;
}
.main-chat-list .media.new .media-body p {
    color: #8f9cc0;
}
.main-chat-list .media:hover,
.main-chat-list .media:focus {
    cursor: pointer;
    background-color: #f4f5fb;
    border-top-color: #eaedf7;
    border-bottom-color: #eaedf7;
}
.main-chat-list .media:hover:first-child,
.main-chat-list .media:focus:first-child {
    border-top-color: transparent;
}
.main-chat-list .media:hover:last-child,
.main-chat-list .media:focus:last-child {
    border-radius: 0 0 11px 11px;
}
.main-chat-list .media.selected {
    background-color: #f1f2f9;
    border-top-color: #eaedf7;
    border-bottom-color: #eaedf7;
}
.main-chat-list .media.selected:first-child {
    border-top-color: transparent;
}
.main-chat-list .media.selected::after {
    display: block;
}
.main-chat-list .media.selected .media-contact-name span:first-child {
    color: #404c6d;
}
.main-chat-list .media.selected .media-body p {
    color: #8f9cc0;
}
.main-chat-list .main-img-user span {
    position: absolute;
    top: 0;
    left: -2px;
    width: 14px;
    height: 14px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 500;
    color: #ffffff;
    background-color: #f16d75;
    box-shadow: 0 0 0 2px #ffffff;
}
.main-chat-list .media-body {
    margin-left: 15px;
}
.main-chat-list .media-body p {
    font-size: 13px;
    margin-bottom: 0;
    color: #a8afc7;
    line-height: 1.35;
}
.main-chat-list .media-contact-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}
.main-chat-list .media-contact-name span:first-child {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #404c6d;
}
.main-chat-list .media-contact-name span:last-child {
    display: block;
    font-size: 11px;
    color: #a8afc7;
}
@media (min-width: 992px) {
    .main-chat-list .media {
        padding: 12px 15px;
    }
}
.main-content-body-chat {
    flex-direction: column;
}
@media (min-width: 992px) {
    .main-content-body-chat {
        display: flex;
    }
}
.main-chat-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 12px;
    border-bottom: 1px solid #e8e8f7;
}
.main-chat-header .nav {
    margin-left: auto;
    align-items: center;
}
.main-chat-header .nav-link {
    padding: 0;
    color: #a8afc7;
    font-size: 16px;
    display: none;
}
.main-chat-header .nav-link:first-child {
    display: block;
}
.main-chat-header .nav-link i {
    line-height: 0;
}
.main-chat-header .nav-link .typcn {
    line-height: 0.9;
}
.main-chat-header .nav-link .typcn::before {
    width: auto;
}
.main-chat-header .nav-link+.nav-link {
    margin-left: 15px;
}
@media (min-width: 576px) {
    .main-chat-header .nav-link {
        display: block;
    }

    .main-chat-header .nav-link:first-child {
        display: none;
    }
}
.main-chat-msg-name {
    margin-left: 15px;
}
.main-chat-msg-name h6 {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    color: #8f9cc0;
}
.main-chat-msg-name small {
    font-size: 12px;
    color: #a8afc7;
}
.main-chat-body {
    position: relative;
}
.main-chat-body .content-inner {
    padding: 20px;
}
.main-chat-body .media+.media {
    margin-top: 20px;
}
.main-chat-body .media.flex-row-reverse .media-body {
    margin-left: 0;
    margin-right: 20px;
    align-items: flex-end;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    background-color: rgb(233, 233, 249);
    color: #1e1635;
    position: relative;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper:before,
.main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: rgb(233, 233, 249);
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
    border-width: 8px;
}
@media (min-width: 992px) {
    .main-chat-body {
        padding-bottom: 0;
        height: calc(100% - 105px);
        overflow: hidden;
    }
}
@media (min-width: 576px) {
    .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 55px;
    }
}
.main-msg-wrapper {
    padding: 10px 15px;
    background-color: #f4f6ff;
    font-size: 13px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
}
.main-msg-wrapper:before,
.main-msg-wrapper:after {
    border-color: transparent #f4f6ff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 5%;
    width: 0;
}
.main-msg-wrapper:after {
    border-width: 8px;
}
.main-chat-body .media-body {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.main-chat-body .media-body>div:last-child {
    font-size: 11px;
    color: #a8afc7;
    display: flex;
    align-items: center;
}
@media (min-width: 576px) {
    .main-chat-body .media-body {
        margin-right: 55px;
    }
}
.main-chat-time {
    display: block;
    position: relative;
    text-align: center;
    margin: 20px 0;
}
.main-chat-time:first-of-type {
    margin-top: 0;
}
.main-chat-time span {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #e6f3f9;
    padding: 5px;
    border-radius: 4px;
}
.main-chat-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-top: 1px solid #e8e8f7;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.main-chat-footer .nav {
    align-items: center;
}
.main-chat-footer .nav-link {
    padding: 0;
    color: #a8afc7;
    font-size: 16px;
    display: none;
}
.main-chat-footer .nav-link+.nav-link {
    margin-left: 10px;
}
.main-chat-footer .form-control {
    flex: 1;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
}
.main-chat-footer .form-control:hover,
.main-chat-footer .form-control:focus {
    box-shadow: none;
}
@media (min-width: 992px) {
    .main-chat-footer {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        border-radius: 0px 0px 5px 5px;
    }
}
@media (min-width: 576px) {
    .main-chat-footer .nav-link {
        display: block;
    }
}
@media (min-width: 576px) {
    .main-chat-footer .form-control {
        margin-left: 20px;
    }
}
@media (min-width: 768px) {
    .main-chat-footer .form-control {
        margin: 0 20px;
    }
}
.main-msg-send {
    font-size: 20px;
}
.main-content-title {
    color: #170c6b;
    font-weight: 500;
    font-size: 32px;
    text-indent: -1px;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
    padding-left: 20px;
}
@media (min-width: 992px) {

    .main-content-left-contacts .main-content-breadcrumb,
    .main-content-left-contacts .main-content-title {
        padding-left: 0;
    }

    .main-content-body-contacts {
        display: block;
        overflow-y: auto;
    }
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper2 {
    background-color: #e9e9f9;
    color: #1e1635;
    position: relative;
}
.main-msg-wrapper2 {
    padding: 10px 15px;
    background-color: #f4f6ff;
    font-size: 13px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
}
.chat-account .contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 4px;
    background-color: var(--primary01);
    color: var(--primary-bg-color);
}
/* ###### Chat  ###### */
/* ########## Contacts ########## */
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-content-body-show .main-header-contacts .main-header-menu-icon {
        display: flex;
    }

    .main-content-body-show .main-content-left-contacts {
        display: block;
    }
}
.main-content-left-contacts {
    width: 100%;
    display: block;
    padding: 0;
}
@media (max-width: 768px) {
    .main-contacts-list {
        height: 570px !important;
        max-height: 570px !important;
    }
}
@media (min-width: 769px) {
    .main-contacts-list {
        height: 800px !important;
        max-height: 800px !important;
    }
}
.main-contact-label {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #a8afc7;
    position: relative;
    z-index: 0;
}
.main-contact-label::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e8e8f7;
    z-index: 5;
}
.main-contact-item {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-right-width: 0;
    display: flex;
    position: relative;
    cursor: pointer;
}
.main-contact-item+.main-contact-item {
    margin-top: -1px;
    border-top-color: transparent;
    border-top: 1px solid #e8e8f7;
}
.main-contact-item:hover,
.main-contact-item:focus {
    background-color: #f1f2f9;
    border-top-color: #eaedf7;
    border-bottom-color: #eaedf7;
}
.main-contact-item.selected {
    z-index: 0;
    border-left-color: #eaedf7;
    border-top-color: #eaedf7;
    border-bottom-color: #eaedf7;
    background-color: #f9f9ff;
}
@media (min-width: 992px) {
    .main-contact-item {
        padding: 10px 15px;
    }
}
.main-contact-body {
    flex: 1;
    margin-left: 15px;
}
.main-contact-body h6 {
    color: #454567;
    font-weight: 500;
    margin-bottom: 2px;
}
.main-contact-body span {
    font-size: 13px;
    color: #a8afc7;
}
.main-contact-star {
    font-size: 16px;
    color: #a8afc7;
}
.main-contact-star:hover,
.main-contact-star:focus {
    color: #a8afc7;
}
.main-contact-star.active {
    color: #ff9b21;
}
@media (min-width: 992px) {
    .main-content-body-contacts {
        overflow: hidden;
    }
}
.main-contact-info-header {
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8f7;
    position: relative;
}
.main-contact-info-header .media {
    display: block;
}
.main-contact-info-header .main-img-user {
    width: 100px;
    height: 100px;
}
.main-contact-info-header .main-img-user::after {
    display: none;
}
.main-contact-info-header .main-img-user a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #f9f9ff;
    color: #454567;
    font-size: 18px;
    line-height: 0.9;
    box-shadow: 0 0 0 2px #eaedf7;
    border-radius: 100%;
}
.main-contact-info-header .main-img-user a:hover,
.main-contact-info-header .main-img-user a:focus {
    color: #ffffff;
    box-shadow: 0 0 0 2px #557ef6;
}
.main-contact-info-header .media-body {
    margin-top: 30px;
}
.main-contact-info-header .media-body h4 {
    color: #454567;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 2px;
    line-height: 1;
}
.main-contact-info-header .media-body p {
    font-size: 13px;
    color: #3c4858;
    margin-bottom: 15px;
}
.main-contact-info-header .media-body .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    color: #a8afc7;
    font-size: 13px;
}
.main-contact-info-header .media-body .nav-link i {
    font-size: 18px;
    line-height: 0;
    margin-right: 5px;
}
.main-contact-info-header .media-body .nav-link i.typcn {
    line-height: 0.9;
}
.main-contact-info-header .media-body .nav-link i.typcn::before {
    width: auto;
}
.main-contact-info-header .media-body .nav-link+.nav-link {
    margin-left: 10px;
}
@media (min-width: 992px) {
    .main-contact-info-header .media {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .main-contact-info-header .media-body {
        margin-top: 0;
        margin-left: 30px;
    }
}
@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link {
        font-size: 0.875rem;
    }
}
@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link i {
        margin-right: 7px;
    }
}
@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-left: 25px;
    }
}
.main-contact-action {
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
}
.main-contact-action a {
    display: flex;
    align-items: center;
    color: #a8afc7;
    font-size: 12px;
}
@media (min-width: 992px) {
    .main-contact-action {
        right: 0;
    }
}
.main-contact-info-body {
    padding: 1.25rem;
}
.main-contact-info-body .media-list {
    padding: 20px 0;
    padding: 15px 0;
}
.main-contact-info-body .media {
    align-items: center;
    position: relative;
}
.main-contact-info-body .media+.media {
    margin-top: 15px;
}
.main-contact-info-body .media:last-child {
    margin-bottom: 15px;
}
.main-contact-info-body .media-icon {
    font-size: 24px;
    color: #a8afc7;
    line-height: 1;
    width: 40px;
    text-align: center;
}
.main-contact-info-body .media-body>div+div {
    margin-top: 15px;
}
.main-contact-info-body .media-body label {
    color: #848eb1;
    margin-bottom: 0;
    display: block;
    font-size: 13px;
}
.main-contact-info-body .media-body span {
    display: block;
    color: #616c8c;
    font-weight: 500;
}
@media (min-width: 992px) {
    .main-contact-info-body {
        padding: 1.25rem;
        height: calc(100% - 126px);
        position: relative;
    }
}
@media (min-width: 992px) {
    .main-contact-info-body .media-icon {
        width: 100px;
    }
}
@media (min-width: 992px) {
    .main-contact-info-body .media-body {
        display: flex;
    }
}
@media (min-width: 992px) {
    .main-contact-info-body .media-body>div {
        flex: 1;
    }
}
@media (min-width: 992px) {
    .main-contact-info-body .media-body>div+div {
        margin-top: 0;
    }
}
/* ########## Contacts ########## */
/* ######  Error  ###### */
.main-signin-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
}
.main-card-signin {
    height: 560px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 480px) {
    .main-card-signin {
        border: 1px solid #e8e8f7;
        width: 360px;
        padding: 30px 35px;
    }
}
.sp-container .main-signin-header button {
    margin-top: 25px;
}
.main-signin-footer p {
    color: #a8afc7;
}
.main-signin-footer p:first-child {
    margin-bottom: 5px;
}
.main-signin-footer p:last-child {
    margin-bottom: 0;
}
.main-signin-footer a {
    color: #8f9cc0;
    font-weight: 700;
}
.main-signup-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    background-color: rgba(244, 245, 248, 0.2);
}
@media (min-width: 992px) {
    .main-signup-wrapper {
        justify-content: flex-end;
    }
}
.main-column-signup-left {
    flex: 1;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}
.main-column-signup-left>div {
    max-width: 500px;
}
.main-column-signup-left .typcn {
    font-size: 80px;
    margin-bottom: 50px;
}
.main-column-signup-left .typcn::before {
    width: auto;
}
.main-column-signup-left .main-logo {
    font-size: 40px;
    line-height: 1;
}
.main-column-signup-left h5 {
    color: #8f9cc0;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 25px;
}
.main-column-signup-left p {
    line-height: 1.7;
    margin-bottom: 25px;
}
.main-column-signup-left .btn,
.main-column-signup-left .sp-container button {
    border-width: 2px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
    text-transform: uppercase;
    height: 38px;
}
@media (min-width: 576px) {
    .main-column-signup-left {
        padding: 40px;
    }
}
@media (min-width: 992px) {
    .main-column-signup-left {
        display: flex;
    }
}
.sp-container .main-column-signup-left button {
    border-width: 2px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
    text-transform: uppercase;
    height: 38px;
}
.main-column-signup {
    background-color: #ffffff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 576px) {
    .main-column-signup {
        padding: 40px;
        width: 500px;
    }
}
@media (min-width: 992px) {
    .main-column-signup {
        border-left: 1px solid #e8e8f7;
    }
}
.main-signin-header .btn,
.main-signin-header .sp-container button {
    margin-top: 25px;
}
.main-signup-header h2 {
    font-weight: 500;
    letter-spacing: -1px;
}
.main-signup-header h4 {
    font-size: 20px;
    font-weight: 400;
    color: #8f9cc0;
    margin-bottom: 25px;
}
.main-signup-header label {
    color: #a8afc7;
}
.main-signup-header .form-control {
    color: #8f9cc0;
    font-weight: 500;
    border-width: 2px;
    border-color: #eaedf7;
}
.main-signup-header .form-control:focus {
    border-color: #e8e8f7;
    box-shadow: none;
}
.main-signup-header .form-control::placeholder {
    font-weight: 400;
    color: #a8afc7;
}
.main-signup-header>.btn,
.main-signup-header .sp-container button {
    margin-top: 25px;
}
.sp-container .main-signup-header>button {
    margin-top: 25px;
}
.main-signup-header .row {
    margin-top: 20px;
}
.main-signup-header .row>div .btn i,
.main-signup-header .row>div .sp-container button i {
    font-size: 15px;
    line-height: 0;
    margin-right: 5px;
}
.sp-container .main-signup-header .row>div button i {
    font-size: 15px;
    line-height: 0;
    margin-right: 5px;
}
.main-signup-header .row>div:first-child .btn,
.main-signup-header .row>div:first-child .sp-container button {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.sp-container .main-signup-header .row>div:first-child button {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.main-signup-header .row>div:first-child .btn:hover,
.main-signup-header .row>div:first-child .sp-container button:hover {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.sp-container .main-signup-header .row>div:first-child button:hover {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.main-signup-header .row>div:first-child .btn:focus,
.main-signup-header .row>div:first-child .sp-container button:focus {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.sp-container .main-signup-header .row>div:first-child button:focus {
    background-color: var(--primary-bg-color);
    color: #ffffff;
}
.main-signup-footer p {
    color: #a8afc7;
    margin-bottom: 0;
}
.main-signup-footer a {
    color: #8f9cc0;
    font-weight: 700;
}
.main-error-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    text-align: center;
}
.main-error-wrapper h1 {
    line-height: 1;
    font-size: 8rem;
    font-weight: 700;
    color: #8f9cc0;
}
.main-error-wrapper h2 {
    font-weight: 500;
    color: #3b4863;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}
.main-error-wrapper h6 {
    margin-bottom: 40px;
    font-size: 14px;
}
.main-error-wrapper .btn,
.main-error-wrapper .sp-container button {
    border-width: 2px;
    font-weight: 400;
}
.sp-container .main-error-wrapper button {
    border-width: 2px;
    font-weight: 400;
}
.error-bg {
    background: url('bg.png');
    background-position: center;
    background-size: cover;
    min-height: calc(100vh - 165px);
}
@media (min-width: 1300px) {
    .signpages {
        width: 50%;
        border-radius: 6px;
        margin: 5em auto;
        display: flex;
    }
}
@media (max-width: 1299px) and (min-width: 991px) {
    .signpages {
        width: 60%;
        border-radius: 6px;
        margin: 5em auto;
        display: flex;
    }
}
@media (max-width: 990px) {
    .signpages {
        width: 60%;
        border-radius: 6px;
        margin: 5em auto;
        display: flex;
    }
}
.signpages .details {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: url('bg.png');
    position: relative;
    background-size: cover;
    background-position: center;
}
.construction {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: url('bg.png');
    position: relative;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.construction:before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--primary-bg-color);
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
}
.signpages .details:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: 0;
}
.signpages .row>h2 {
    color: #008080;
}
.signpages .login_form {
    background-color: #ffffff;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.signpages .form__input {
    width: 100%;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #aaa;
    padding: 1em 0.5em 0.5em;
    padding-left: 2em;
    outline: none;
    margin: 1.5em auto;
    transition: all 0.5s ease;
}
.signpages .form__input:focus {
    border-bottom-color: #008080;
    box-shadow: 0 0 5px rgba(0, 80, 80, 0.4);
    border-radius: 4px;
}
@media screen and (max-width: 640px) {
    .signpages {
        width: 90%;
    }

    .signpages .company__info {
        display: none;
    }

    .signpages .login_form {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
}
@media screen and (min-width: 642px) and (max-width: 800px) {
    .signpages .main-content {
        width: 70%;
    }
}
.error-bg .sidemenu-height .construction1 {
    margin-top: 10rem;
}
.error-1 .demo-icon {
    position: absolute;
    left: auto;
    right: 60px;
    top: 60px;
    z-index: 1;
}
.error-1 .nav-link.icon {
    font-size: 20px;
    color: #4a4d51;
    cursor: pointer;
    line-height: 0.9;
    padding: 0.6rem 0.6rem;
    border-radius: 50%;
    margin: 0 5px;
}
.error-1 .menu-styles,
.error-1 .menu-colors,
.error-1 .header-colors,
.error-1 .layout-positions,
.error-1 .vertical-switcher {
    display: none;
}
@media (max-width: 991px) {
    .error-1 .demo-icon {
        right: 30px !important;
        top: 30px !important;
    }

    .error-logo-light {
        display: none;
    }

    .error-logo {
        display: block;
    }
}
.error-1 .bg-primary .nav-link.icon {
    color: #ffffff;
}
/* ######  Error  ###### */
/* ###### Invoice  ###### */
.main-content-left-invoice {
    display: block;
    padding: 0;
}
@media (max-width: 991.98px) {
    .main-content-left-invoice {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .main-content-left-invoice {
        border-right: 1px solid #e8e8f7;
    }
}
.main-invoice-list {
    position: relative;
    border-top: 1px solid #e8e8f7;
}
.main-invoice-list .media {
    align-items: center;
    border: 1px solid transparent;
    border-right-width: 0;
    padding: 10px 20px;
    position: relative;
}
.main-invoice-list .media:hover,
.main-invoice-list .media:focus {
    cursor: pointer;
    background-color: #f1f2f9;
}
.main-invoice-list .media+.media {
    margin-top: -1px;
}
.main-invoice-list .media+.media::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 55px;
    right: 0;
    border-top: 1px dotted #eaedf7;
}
.main-invoice-list .media-icon {
    width: 24px;
    text-align: center;
    font-size: 32px;
    color: #a8afc7;
}
.main-invoice-list .media-body {
    margin-left: 15px;
}
.main-invoice-list .media-body h6 {
    font-weight: 500;
    color: #8f9cc0;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-invoice-list .media-body div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-invoice-list .media-body p {
    margin-bottom: 0;
    font-size: 11px;
    font-family: Arial, sans-serif;
    color: #3b4863;
}
.main-invoice-list .media-body p span {
    color: #a8afc7;
}
.main-invoice-list .selected {
    background-color: #f1f2f9;
    border-top-color: #eaedf7;
    border-bottom-color: #eaedf7;
}
.main-invoice-list .selected:first-child {
    border-top-color: transparent;
}
@media (min-width: 992px) {
    .main-invoice-list {
        height: calc(100% - 65px);
    }
}
@media (min-width: 992px) {
    .main-invoice-list .media {
        padding: 10px 15px;
    }
}
.main-content-body-invoice {
    position: relative;
    display: none;
}
@media (min-width: 992px) {
    .main-content-body-invoice {
        display: block;
    }
}
.card-invoice {
    background-color: transparent;
    border-width: 0;
}
.card-invoice .card-body {
    padding: 20px;
}
@media (min-width: 992px) {
    .card-invoice .card-body {
        padding: 0 50px 50px;
    }
}
@media (min-width: 768px) {
    .invoice-header {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}
.invoice-title {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #eaedf7;
    font-weight: 700;
}
.billed-from {
    margin-top: 25px;
    margin-bottom: 25px;
}
.billed-from h6 {
    color: #8f9cc0;
    font-size: 14px;
    font-weight: 700;
}
.billed-from p {
    font-size: 13px;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .billed-from {
        margin-top: 0;
    }
}
.billed-to h6 {
    color: #8f9cc0;
    font-size: 14px;
    font-weight: 700;
}
.billed-to p {
    font-size: 13px;
    margin-bottom: 0;
}
.invoice-info-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    margin-bottom: 0;
    font-size: 13px;
}
.invoice-info-row+.invoice-info-row {
    border-top: 1px dotted #eaedf7;
}
.invoice-info-row span:first-child {
    color: #3c4858;
}
.table-invoice thead>tr>th,
.table-invoice thead>tr>td {
    font-size: 11px;
    font-weight: 700;
}
.table-invoice tbody>tr>th:first-child,
.table-invoice tbody>tr>td:first-child {
    color: #76769c;
    font-weight: 500;
}
.table-invoice tbody>tr>th:first-child .invoice-notes,
.table-invoice tbody>tr>td:first-child .invoice-notes {
    margin-right: 20px;
}
.table-invoice tbody>tr>th:first-child .invoice-notes .section-label-sm,
.table-invoice tbody>tr>td:first-child .invoice-notes .section-label-sm {
    font-weight: 600;
}
.table-invoice tbody>tr>th:first-child .invoice-notes p,
.table-invoice tbody>tr>td:first-child .invoice-notes p {
    font-size: 13px;
    font-weight: 400;
    color: #8f9cc0;
}
.main-content-left-invoice .main-content-breadcrumb,
.main-content-left-invoice .main-content-title {
    padding-left: 20px;
}
@media (min-width: 992px) {

    .main-content-left-invoice .main-content-breadcrumb,
    .main-content-left-invoice .main-content-title {
        padding-left: 0;
    }
}
/* ###### Invoice  ###### */
/* ###### Mail  ###### */
.main-content-mail .container,
.main-content-mail .container-fluid {
    padding: 20px 0 0;
}
.main-mail-list-items {
    height: 560px;
}
@media (min-width: 992px) {

    .main-content-mail .container,
    .main-content-mail .container-fluid {
        padding: 0;
    }
}
.main-content-left-mail {
    display: block;
}
.main-content-left-mail .btn-compose {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    padding: 0 20px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}
@media (min-width: 992px) {
    .main-content-left-mail .btn-compose {
        margin-right: 0;
    }
}
.main-task-menu {
    position: relative;
    padding-right: 0;
}
.main-task-menu .nav-link {
    height: 38px;
}
.main-task-menu .nav-link i {
    font-size: 22px;
}
@media (min-width: 992px) {
    .main-task-menu {
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .main-task-menu .nav-link {
        font-size: 13px;
    }
}
.main-mail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px;
}
.main-mail-header>div:first-child p {
    font-size: 13px;
    margin-bottom: 0;
}
.main-mail-header>div:last-child {
    display: none;
}
.main-mail-header>div:last-child>span {
    font-size: 12px;
    margin-right: 10px;
}
.main-mail-header .btn-group .btn,
.main-mail-header .btn-group .sp-container button {
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    line-height: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    border-color: #e2e8f5;
    background-color: #ffffff;
}
@media (min-width: 992px) {
    .main-mail-header {
        padding: 20px 20px 0 20px;
        margin-bottom: 25px;
    }
}
@media (min-width: 768px) {
    .main-mail-header>div:last-child {
        display: flex;
        align-items: center;
    }
}
.sp-container .main-mail-header .btn-group button {
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    line-height: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    border-color: #e2e8f5;
    background-color: #ffffff;
}
.main-mail-header .btn-group .btn:hover,
.main-mail-header .btn-group .sp-container button:hover {
    color: #1c273c;
    background-color: #f6f9fd;
}
.sp-container .main-mail-header .btn-group button:hover {
    color: #1c273c;
    background-color: #f6f9fd;
}
.main-mail-header .btn-group .btn:focus,
.main-mail-header .btn-group .sp-container button:focus {
    color: #1c273c;
    background-color: #f6f9fd;
}
.sp-container .main-mail-header .btn-group button:focus {
    color: #1c273c;
    background-color: #f6f9fd;
}
.main-mail-header .btn-group .btn.disabled,
.main-mail-header .btn-group .sp-container button.disabled {
    background-color: #ffffff;
    color: #e2e8f5;
    border-color: #e2e8f5;
    z-index: 0;
}
.sp-container .main-mail-header .btn-group button.disabled {
    background-color: #ffffff;
    color: #e2e8f5;
    border-color: #e2e8f5;
    z-index: 0;
}
.main-mail-header .btn-group .btn.disabled:focus,
.main-mail-header .btn-group .sp-container button.disabled:focus {
    box-shadow: none;
}
.sp-container .main-mail-header .btn-group button.disabled:focus {
    box-shadow: none;
}
.main-mail-header .btn-group .btn.disabled:active,
.main-mail-header .btn-group .sp-container button.disabled:active {
    box-shadow: none;
}
.sp-container .main-mail-header .btn-group button.disabled:active {
    box-shadow: none;
}
.main-mail-header .btn-group .btn+.btn,
.main-mail-header .btn-group .sp-container button+.btn {
    margin-left: -2px;
}
.sp-container .main-mail-header .btn-group button+.btn,
.main-mail-header .btn-group .sp-container .btn+button,
.sp-container .main-mail-header .btn-group .btn+button,
.main-mail-header .btn-group .sp-container button+button,
.sp-container .main-mail-header .btn-group button+button {
    margin-left: -2px;
}
.main-mail-options {
    padding: 5px 10px 5px 20px;
    border: 1px solid #e2e8f5;
    border-left-width: 0;
    border-right-width: 0;
    display: none;
    align-items: center;
    justify-content: flex-end;
}
.main-mail-options .btn,
.main-mail-options .sp-container button {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
}
@media (min-width: 992px) {
    .main-mail-options {
        padding: 19px 20px;
        display: flex;
        justify-content: space-between;
    }
}
.sp-container .main-mail-options button {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
}
.main-mail-options .btn:hover,
.main-mail-options .sp-container button:hover {
    background-color: #f6f9fd;
}
.sp-container .main-mail-options button:hover {
    background-color: #f6f9fd;
}
.main-mail-options .btn:focus,
.main-mail-options .sp-container button:focus {
    background-color: #f6f9fd;
}
.sp-container .main-mail-options button:focus {
    background-color: #f6f9fd;
}
.main-mail-options .btn i,
.main-mail-options .sp-container button i {
    line-height: 0;
}
.sp-container .main-mail-options button i {
    line-height: 0;
}
.main-mail-options .btn i.typcn,
.main-mail-options .sp-container button i.typcn {
    line-height: 0.75;
}
.sp-container .main-mail-options button i.typcn {
    line-height: 0.75;
}
.main-mail-options .btn.disabled,
.main-mail-options .sp-container button.disabled {
    background-color: transparent;
    color: #7987a1;
}
.sp-container .main-mail-options button.disabled {
    background-color: transparent;
    color: #7987a1;
}
@media (min-width: 992px) {
    .main-mail-list {
        border-top-width: 0;
    }
}
.main-mail-item {
    padding: 10px 27px;
    border-top: 1px solid #e4ebf7;
    border-bottom: 1px solid #e4ebf7;
    background-color: rgba(189, 205, 228, 0.1);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.main-mail-item+.main-mail-item {
    margin-top: -1px;
}
.main-mail-item:first-child {
    border-top-width: 0;
}
.main-mail-item .main-img-user,
.main-mail-item .main-avatar {
    flex-shrink: 0;
    margin-right: 15px;
}
.main-mail-item .main-img-user::after,
.main-mail-item .main-avatar::after {
    display: none;
}
.main-mail-item:hover,
.main-mail-item:focus {
    background-color: #f6f9fd;
}
.main-mail-item.unread {
    background-color: #ffffff;
}
.main-mail-item.selected {
    background-color: white;
}
@media (min-width: 576px) {
    .main-content-body-mail1 .main-mail-item {
        padding: 10px 29px;
    }
}
@media (min-width: 992px) {
    .main-mail-item {
        width: auto;
        padding: 10px 1.5rem 10px 1.5rem;
    }
}
.main-mail-checkbox {
    margin-right: 15px;
    display: none;
}
@media (min-width: 992px) {
    .main-mail-checkbox {
        display: block;
    }
}
.main-mail-star {
    margin-right: 15px;
    font-size: 18px;
    line-height: 0.9;
    color: #e2e8f5;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.main-mail-star.active {
    color: #f0ad4e;
}
@media (min-width: 992px) {
    .main-mail-star {
        position: relative;
        bottom: auto;
        top: 2px;
    }
}
.main-mail-body {
    width: calc(100% - 80px);
    cursor: pointer;
    max-width: 590px;
}
@media (min-width: 992px) {
    .main-mail-body {
        max-width: 460px;
        margin-right: 15px;
        flex: 1;
    }
}
@media (min-width: 1200px) {
    .main-mail-body {
        max-width: 690px;
    }

    .horizontalMenucontainer .tasks-list-box .main-mail-body,
    .tasks-list-box .main-mail-body {
        max-width: 811px;
    }
}
.main-mail-from {
    font-size: 13px;
}
@media (min-width: 576px) {
    .main-mail-subject {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }
}
.main-mail-subject strong {
    font-weight: 700;
    font-size: 15px;
    color: #1c273c;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
@media (min-width: 992px) {
    .main-mail-subject strong {
        display: inline;
        width: auto;
        white-space: normal;
        text-overflow: inherit;
        overflow: visible;
    }

    .task-actions {
        font-size: 16px;
        display: flex;
        list-style-type: none;
        padding: 0;
        float: right;
        margin-left: auto;
        margin-bottom: 0;
    }
}
@media (min-width: 991px) {
    .responsive-logo {
        display: none;
    }
}
@media (max-width: 991px) {
    .responsive-logo {
        display: block;
    }
}
@media (max-width: 991px) {
    .main-mail-subject strong {
        display: block;
        width: 100%;
        white-space: normal;
        text-overflow: inherit;
        overflow: visible;
    }

    .main-header-center .input-group {
        display: none;
    }

    .mail-container .tab-list-items.task-menu-show,
    .mail-container .tab-list-items.mail-menu-show {
        position: absolute;
        z-index: 12;
        width: 265px;
        height: 638px;
        left: 0;
        background: #ffffff;
        display: block;
        padding-left: 27px;
        box-shadow: 12px 7px 13px -3px #b4bfd8;
    }

    .task-actions {
        font-size: 16px;
        list-style-type: none;
        padding: 0;
        float: right;
        margin-left: 0;
        margin-bottom: 0;
        display: flex;
        width: 100%;
    }

    .task-actions li .task-action-items {
        line-height: 30px;
        display: flex;
    }

    .task-actions li .task-action-items i {
        color: var(--primary-bg-color);
        border: 1px solid #e0e7f3;
        height: 33px;
        width: 33px;
        text-align: center;
        border-radius: 5px;
        padding: 0;
        line-height: 1.62;
        margin: 12px 0 13px 0;
    }
}
#no-item-found {
    display: none;
}
#no-item-found.show {
    display: block;
}
.main-mail-subject span {
    font-size: 13px;
    color: #5c6980;
    display: none;
}
@media (min-width: 576px) {
    .main-mail-subject span {
        display: inline;
    }
}
.main-mail-attachment {
    margin-right: 15px;
    font-size: 21px;
    line-height: 0.9;
    display: none;
}
@media (min-width: 992px) {
    .main-mail-attachment {
        display: block;
        position: absolute;
        right: 63px;
        top: 8px;
    }
}
.card-box img {
    position: absolute;
    bottom: -3px;
    left: -17px;
    width: inherit;
}
.main-mail-date {
    font-size: 11px;
    position: absolute;
    top: 12px;
    right: 15px;
    color: #97a3b9;
    margin-left: auto;
}
@media (min-width: 992px) {
    .main-mail-date {
        position: absolute;
        font-size: 13px;
        top: 8px;
    }
}
.main-mail-compose {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 39, 60, 0.5);
    z-index: 1000;
    display: none;
}
.main-mail-compose>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
@media (min-width: 992px) {
    .main-mail-compose .container {
        padding: 0;
    }
}
.main-mail-compose-box {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.2);
    border-radius: 3px;
}
.main-mail-compose-header {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #1c273c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.main-mail-compose-header .nav-link {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    line-height: 1;
    padding: 0;
    transition: all 0.2s ease-in-out;
}
.main-mail-compose-header .nav-link:hover,
.main-mail-compose-header .nav-link:focus {
    color: #ffffff;
}
.main-mail-compose-header .nav-link+.nav-link {
    margin-left: 15px;
}
.main-mail-compose-header .nav-link:nth-child(2) {
    display: none;
}
@media (min-width: 992px) {
    .main-mail-compose-header {
        padding: 20px 25px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-mail-compose-header .nav-link {
        transition: none;
    }
}
@media (min-width: 768px) {
    .main-mail-compose-header .nav-link:nth-child(2) {
        display: block;
    }
}
.main-mail-compose-body {
    background-color: #ffffff;
    padding: 20px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.main-mail-compose-body .form-group {
    display: flex;
    align-items: center;
}
.main-mail-compose-body .form-group>div {
    flex: 1;
    margin-left: 10px;
}
.main-mail-compose-body .form-group .form-label {
    margin: 0;
    color: #1c273c;
}
.main-mail-compose-body .form-group .form-control {
    border-width: 0;
    border-radius: 0;
    padding: 0;
}
.main-mail-compose-body .form-group .form-control:focus {
    box-shadow: none !important;
}
.main-mail-compose-body .form-group+.form-group {
    border-top: 1px dotted #e2e8f5;
    padding-top: 1rem;
}
.main-mail-compose-body .form-group:last-child {
    display: block;
}
.main-mail-compose-body .form-group:last-child .btn,
.main-mail-compose-body .form-group:last-child .sp-container button {
    width: 100%;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 992px) {
    .main-mail-compose-body {
        padding: 25px;
    }
}
@media (min-width: 576px) {
    .main-mail-compose-body .form-group:last-child {
        display: flex;
        justify-content: space-between;
    }
}
.sp-container .main-mail-compose-body .form-group:last-child button {
    width: 100%;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 576px) {

    .main-mail-compose-body .form-group:last-child .btn,
    .main-mail-compose-body .form-group:last-child .sp-container button {
        width: auto;
        margin-top: 0;
    }

    .sp-container .main-mail-compose-body .form-group:last-child button {
        width: auto;
        margin-top: 0;
    }
}
.main-mail-compose-body .form-group .nav-link {
    padding: 0;
    font-size: 18px;
    line-height: 0;
    color: var(--primary-bg-color);
    position: relative;
    transition: all 0.2s ease-in-out;
}
.main-mail-compose-body .form-group .nav-link:hover,
.main-mail-compose-body .form-group .nav-link:focus {
    color: #1c273c;
}
.main-mail-compose-body .form-group .nav-link+.nav-link {
    margin-left: 15px;
}
@media (prefers-reduced-motion: reduce) {
    .main-mail-compose-body .form-group .nav-link {
        transition: none;
    }
}
.main-mail-compose-compress,
.main-mail-compose-minimize {
    top: auto;
    left: auto;
    bottom: 0;
    right: 30px;
    width: 560px;
    height: auto;
    background-color: transparent;
}
.main-mail-compose-compress .container {
    max-width: none;
    padding: 0;
}
.main-mail-compose-minimize .container {
    max-width: none;
    padding: 0;
}
.main-mail-compose-minimize .main-mail-compose-body {
    display: none;
}
.main-mail-two .main-content {
    display: flex;
    flex-direction: column;
}
.main-mail-two .main-header {
    width: 100%;
    border-bottom: 1px solid #e8e8f7;
}
.main-mail-two .main-footer {
    width: 100%;
}
.main-mail-two .main-header-menu-icon {
    margin-right: 0;
}
.main-mail-two .main-content-body {
    display: flex;
    padding: 0;
}
.main-mail-left {
    background-color: #f9f9f9;
    width: 240px;
    border-right: 1px solid #e8e8f7;
    padding: 20px;
    display: none;
}
.main-mail-left .btn-compose {
    display: block;
    margin-bottom: 20px;
}
.main-mail-left .main-task-menu {
    padding-right: 0;
}
.main-mail-left .main-mail-menu {
    padding-right: 0;
}
@media (min-width: 1200px) {
    .main-mail-left {
        display: block;
    }
}
.main-mail-content {
    background-color: #f4f5fb;
    flex: 1;
    max-width: 100vw -480px;
}
.main-mail-content .main-mail-header {
    margin-bottom: 0;
    padding: 20px;
}
.main-content-body-show .main-header-mail-arrow {
    display: inline-block;
    line-height: 0;
    padding: 13px 31px;
    background: #f1f5ff;
    width: 100%;
    font-size: 30px;
}
.main-mail-content-body {
    display: none;
}
.main-content-body-show .main-mail-content-body {
    display: block;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
ul.inbox-pagination {
    float: right;
    list-style-type: none;
    display: flex;
}
.table-inbox tr td .fa-bookmark {
    color: #e4e4ed;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}
.inbox-pagination a.np-btn {
    border: 1px solid #ebecf1;
    border-radius: 3px !important;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    margin-left: 5px;
    vertical-align: middle;
    min-height: 0;
}
.inbox-pagination a.np-btn i {
    line-height: 0;
    vertical-align: middle;
}
.mail-option .chk-all,
.mail-option .btn-group a.btn {
    border: 1px solid #ebecf1;
    border-radius: 3px !important;
    display: inline-block;
    min-height: 0;
    
}
.table-inbox {
    border: 1px solid #ebecf1;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
    vertical-align: middle;
    border-top: 1px solid #ebecf1;
}
.table-inbox tr td .fa-star {
    color: #e4e4ed;
    font-size: 16px;
}
.table-inbox tr td .fa-star.inbox-started,
.table-inbox tr td .fa-star:hover {
    color: #e6e9f1;
}
.mail-option .dropdown-menu>li>a {
    display: block;
    padding: 0.5rem 0.75rem;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #8f9cc0;
    white-space: nowrap;
}
.mail-option .dropdown-menu>li>a:hover {
    background: #f1f2f9;
    color: var(--primary-bg-color);
}
/* ###### Mail  ###### */
/* ###### Profile  ###### */
.profile-cover__action {
    display: flex;
    padding: 216px 30px 10px 185px;
    border-radius: 5px 5px 0 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    overflow: hidden;
    background: url('bg-img.jpg') no-repeat;
    background-size: cover;
}
.profile-cover__action>.btn {
    margin-left: 10px;
    margin-bottom: 10px;
}
.profile-cover__img {
    position: absolute;
    left: 50px;
    top: 170px;
    text-align: center;
    z-index: 1;
}
.profile-cover__img>img {
    max-width: 120px;
    border: 5px solid #ffffff;
    border-radius: 50%;
}
.profile-cover__img>.h3 {
    color: #393939;
    font-size: 20px;
    line-height: 30px;
}
.profile-cover__img>img+.h3 {
    margin-top: 6px;
}
@media (min-width: 601px) {
    .profile-cover__info .nav {
        margin-right: 28px;
        padding: 15px 0 10px 170px;
        color: #999;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
        justify-content: flex-end;
    }
}
.profile-cover__info .nav li {
    margin-top: 13px;
    margin-bottom: 13px;
    font-size: 14px;
    color: #464461;
    font-weight: 500;
}
.profile-cover__info .nav li:not(:first-child) {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid rgba(238, 238, 238, 0.2);
}
.profile-cover__info .nav strong {
    display: block;
    margin-bottom: 10px;
    font-size: 29px;
}
.profile-tab .main-nav-line .nav-link {
    font-weight: 500;
}
@media (min-width: 481px) {
    .profile-cover__action>.btn {
        min-width: 125px;
    }

    .profile-cover__action>.btn>span {
        display: inline-block;
    }
}
@media (max-width: 600px) {
    .profile-cover__info .nav {
        padding-left: 0;
        padding-right: 0;
        display: flex;
        margin-right: 0;
        padding: 18px 0 10px 0;
        color: #999;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
        justify-content: flex-start;
    }

    .profile-cover__info .nav li {
        margin-top: 27px;
        margin-bottom: 0;
        margin-right: 1rem;
        font-size: 13px;
    }

    .profile-cover__info .nav li:not(:first-child) {
        margin-top: 8px;
        margin-left: 0;
        padding-top: 18px;
        padding-left: 0;
        border-top: 0;
        border-left-width: 0;
    }

    .main-nav-line .nav-link+.nav-link {
        margin-top: 13px;
        margin-left: 0;
    }
}
.main-content-profile {
    flex: 1;
}
@media (max-width: 991.98px) {

    .main-content-profile .container,
    .main-content-profile .container-fluid {
        display: block;
    }
}
.main-content-left-profile {
    display: block;
    border-bottom: 1px solid #e8e8f7;
    padding-bottom: 25px;
    width: auto;
}
@media (min-width: 992px) {
    .main-content-left-profile {
        width: 270px;
        padding-bottom: 0;
        border-right: 1px solid #e8e8f7;
        border-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .main-content-left-profile {
        padding-right: 25px;
    }
}
.main-profile-overview .main-img-user {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    margin: 0 auto;
}
.main-profile-overview .main-img-user::after {
    display: none;
}
.main-profile-overview .btn-icon-list .btn,
.main-profile-overview .btn-icon-list .sp-container button {
    border-radius: 100%;
}
.sp-container .main-profile-overview .btn-icon-list button {
    border-radius: 100%;
}
.main-profile-name {
    color: #8f9cc0;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 2px;
}
.main-profile-name-text {
    color: #a8afc7;
    font-size: 13px;
    margin-bottom: 0;
}
.main-profile-bio {
    font-size: 13px;
    margin-bottom: 20px;
}
.main-profile-social-list .media {
    align-items: center;
}
.main-profile-social-list .media+.media {
    margin-top: 20px;
}
.main-profile-social-list .media-body {
    margin-left: 20px;
}
.main-profile-social-list .media-body span {
    display: block;
    font-size: 12px;
}
.main-profile-social-list .media-body a {
    font-size: 13px;
}
.main-content-body-profile .nav {
    flex-direction: column;
    padding: 20px 20px 20px 20px;
    border-bottom: 1px solid #e8e8f7;
}
.main-content-body-profile .main-nav-line .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #3b4863;
}
.main-content-body-profile .main-nav-line .nav-link.active {
    font-weight: 500;
}
@media (min-width: 576px) {
    .main-content-body-profile .nav {
        flex-direction: row;
        align-items: center;
        padding-bottom: 10px;
    }
}
@media (min-width: 992px) {
    .main-content-body-profile .nav {
        padding-left: 20px;
    }
}
@media (min-width: 1200px) {
    .main-content-body-profile .nav {
        padding-left: 25px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link.active::before {
        width: auto;
        top: auto;
        left: 0;
        right: 0;
        height: 2px;
    }
}
@media (min-width: 576px) {
    .main-content-body-profile .main-nav-line .nav-link.active::before {
        bottom: -11px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link+.nav-link {
        margin-top: 0;
    }
}
.main-profile-body {
    padding: 15px 0 0;
}
@media (min-width: 576px) {
    .main-profile-body {
        padding-top: 20px;
    }
}
@media (min-width: 992px) {
    .main-profile-body {
        padding: 25px 0 0 20px;
    }
}
@media (min-width: 1200px) {
    .main-profile-body {
        padding-left: 25px;
    }
}
.main-profile-view-chart {
    position: relative;
    width: calc(100% - 10px);
    height: 200px;
}
@media (min-width: 375px) {
    .main-profile-view-chart {
        width: 100%;
    }
}
@media (min-width: 576px) {
    .main-profile-view-chart {
        height: 250px;
    }
}
.main-profile-view-info {
    position: absolute;
    top: 0;
    left: 0;
}
.main-profile-view-info h6 {
    font-size: 32px;
    font-weight: 500;
    color: #8f9cc0;
    margin-bottom: 0;
}
.main-profile-view-info span {
    font-size: 12px;
    color: #f10075;
    margin-left: 5px;
}
.main-profile-view-info p {
    font-size: 13px;
    margin-bottom: 0;
}
.main-traffic-detail-item>div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 7px;
}
.main-traffic-detail-item>div:first-child>span:first-child {
    color: #51586f;
    font-size: 14px;
}
.main-traffic-detail-item>div:first-child>span:last-child {
    font-size: 11px;
    font-weight: 700;
    color: #5e5e77;
}
.main-traffic-detail-item>div:first-child>span:last-child span {
    color: #a8afc7;
    font-weight: 400;
}
.main-traffic-detail-item+.main-traffic-detail-item {
    margin-top: 18px;
}
.main-profile-work-list .media+.media {
    margin-top: 25px;
}
.main-profile-work-list .media-body {
    margin-left: 20px;
}
.main-profile-work-list .media-body h6 {
    color: #8f9cc0;
    font-weight: 500;
    margin-bottom: 2px;
}
.main-profile-work-list .media-body span {
    display: block;
    margin-bottom: 5px;
}
.main-profile-work-list .media-body p {
    margin-bottom: 0;
    font-size: 12px;
    color: #a8afc7;
}
.main-profile-contact-list .media {
    align-items: center;
}
.main-profile-contact-list .media+.media {
    margin-top: 25px;
}
.main-profile-contact-list .media-body {
    margin-left: 25px;
}
.main-profile-contact-list .media-body span {
    font-size: 12px;
    color: #a8afc7;
    display: block;
    line-height: 1.3;
}
.main-profile-contact-list .media-body div {
    font-weight: 500;
    color: #8f9cc0;
}
.btn-profile {
    position: absolute;
    right: 50px;
    top: 180px;
}
@media (max-width: 767px) {
    .profile-cover__info .nav {
        display: flex;
        margin-right: 0;
        padding: 100px 0 10px !important;
        color: #999;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
        justify-content: center;
    }

    .profile-cover__info .nav li {
        margin-top: 27px;
        margin-bottom: 0;
        margin-right: 1rem;
        font-size: 13px;
    }

    .profile-cover__info .nav li:not(:first-child) {
        margin-top: 8px;
        margin-left: 0;
        padding-top: 18px;
        padding-left: 0;
        border-top: 0;
        border-left-width: 0;
    }

    .profile-cover__img {
        left: 0 !important;
        right: 0 !important;
        top: 170px;
    }

    .btn-profile {
        right: 0;
        top: 30px;
        left: 0;
        margin: 0 auto;
        text-align: center;
    }

    .main-nav-line .nav-link+.nav-link {
        margin-top: 13px;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .profile-footer {
        display: block !important;
    }
}
@media (max-width: 400px) {

    .profile-footer .demo-avatar-group .main-img-user,
    .profile-footer .demo-avatar-group .main-avatar {
        width: 26px;
        height: 26px;
    }
}
/* ###### Profile  ###### */
/* ###### Cryptocurrencies  ###### */
.crypto-transcation.list-unstyled li {
    display: flex;
    margin: 17px;
    padding: 15px 10px;
    border: 1px solid #eaedf7;
    border-radius: 6px;
}
.toolbar .btn {
    background: #ffffff;
    color: #222;
    border: 1px solid #e7e7e7;
    border-bottom: 2px solid #ddd;
    border-radius: 4px;
    padding: 2px 17px;
}
.crypto-card {
    position: relative;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23eaedf7' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.btn-default.active {
    background: var(--primary-bg-color);
    color: #ffffff;
    border-bottom: 2px solid var(--primary-bg-hover);
}
@media (max-width: 991px) {
    .card-bitcoin .media {
        display: flex;
        align-items: flex-start;
        overflow-x: scroll;
    }
}
.card-bitcoin .media-icon {
    display: inline-table;
    text-align: center;
    line-height: 42px;
}
.card-bitcoin .media-body {
    margin-left: 20px;
    margin-bottom: 10px;
}
.card-bitcoin .row {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}
.card-bitcoin .row>div {
    flex-shrink: 0;
}
.card-bitcoin label {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #8587a7;
}
.card-bitcoin p {
    margin-bottom: 0;
    color: #1c273c;
    font-weight: 700;
    font-size: 16px;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.crypto-wallet {
    position: relative;
}
.crypto-wallet .chart-circle-value {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 130px;
    height: 130px;
    line-height: 70px;
    border-radius: 50%;
    font-size: 46px;
}
.crypto-wallet .chart-circle-value.circle-style {
    border: 2px dashed var(--primary07);
    background: #fcfcff;
}
.cryp-icon {
    width: 25px;
    height: 25px;
    font-size: 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.img-bg {
    background: url('Stars.png');
    background-position: right;
    background-size: auto;
    background-repeat: no-repeat;
}
.crypto-icon {
    width: 40px;
    height: 40px;
    font-size: 15px;
    border-radius: 50px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.buy-sell .form {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    border-radius: 4px;
}
.bg-background2 {
    background: url('4046534.jpg');
    background-size: cover;
    background-position: center;
}
.bg-background2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    top: 0;
    background: rgba(98, 89, 202, 0.87);
}
.bg-background2 .header-text {
    position: relative;
    z-index: 1;
}
.buy-sell .form-control {
    height: 45px;
}
.buy-sell .select2-container--default .select2-selection--single {
    height: 45px;
}
.buy-sell .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}
.buy-sell .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
}
.crypto-card .chart-wrapper {
    position: relative;
    right: 0;
    bottom: -13px;
    left: -26px;
    width: 130%;
}
.exchange-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    background: #19b159;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    top: -22px;
    left: -51px;
}
.crypto-btc-usd .nav-link {
    padding: 0;
    margin: 0 3px;
    width: 33px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.crypto-btc-usd .nav-link.active {
    background: var(--primary-bg-color);
    border-radius: 3px;
    color: #ffffff;
}
.payment-list {
    list-style-type: none;
    display: flex;
    padding-left: 0;
}
.payment-list .payment-item {
    font-size: 14px;
    text-decoration: none;
    color: #c2c6d4;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    list-style: none;
    outline: none;
    transition: all 0.3s ease-out;
    text-transform: capitalize;
    display: inline-block;
    margin: 0 1%;
    width: 18%;
}
.payment-list .payment-item i {
    width: 100%;
    height: 66px;
    display: block;
    border: 1px solid #e6e9f3;
    padding: 15px 0px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 30px;
    border-radius: 4px;
}
.payment-item.active i {
    border-color: #19b159;
    color: #19b159;
}
.payment-item.active span {
    color: #19b159;
}
.cryptoicon {
    width: 23px;
    height: 23px;
    font-size: 13px;
    border-radius: 50px;
    align-items: center;
    display: inline-block !important;
    justify-content: center;
    line-height: 23px;
    text-align: center;
    margin-right: 15px;
}
.payment-type {
    display: flex;
}
.payment-type input {
    display: none;
}
.payment-cards {
    position: relative;
    color: #707894;
    background-color: transparent;
    text-align: center;
    height: 87px;
    line-height: 46px;
    display: block;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #eaedf7;
    box-sizing: border-box;
    margin: 0 10px;
    border-radius: 3px;
    font-weight: 500;
}
.payment-cards img {
    position: absolute;
    top: 37px;
    opacity: 0.8;
    height: 32px;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    left: 0;
    right: 0;
}
input:checked+label.payment-cards {
    border-color: var(--primary-bg-color) !important;
    position: relative !important;
    display: block !important;
    border-width: 1px;
    color: var(--primary-bg-color);
}
.form input:checked+label:after {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-style: solid;
    border-width: 0 35px 35px 0px;
    border-color: var(--primary-bg-color) var(--primary-bg-color) transparent;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.form input:checked+label:before {
    content: "✓";
    z-index: 999;
    position: absolute;
    top: -11px;
    right: 4px;
    font-size: 14px;
    color: #ffffff;
}
.crypto-buysell-card .nav.panel-tabs li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -moz-flex: 1;
    flex: 1;
    line-height: 4;
    background: #ffffff;
}
.crypto-buysell-card .nav.panel-tabs li .active:before {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    border-top-color: var(--primary-bg-color);
    content: "";
    pointer-events: none;
}
.crypto-buysell-card .nav.panel-tabs li a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 4;
}
.crypto-buysell-card .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}
.crypto-buysell-card .select2-container--default .select2-selection--single {
    height: 46px;
}
.crypto-buysell-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.wallet .input-group-addon-right,
.wallet .input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #b7bec5;
    text-align: center;
    border: 1px solid #e3ebf3;
    border-radius: 0 0.25rem 0.25rem 0;
}
.crypto-wallet .clipboard-icon {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
    border-radius: 0 4px 4px 0 !important;
    top: 0;
    right: 0;
    background: var(--primary-bg-color);
    border: 1px solid var(--primary-bg-color);
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 2.3 !important;
    color: #ffffff;
    position: relative;
}
.crypto-wallet .clipboard-icon:hover,
.crypto-wallet .clipboard-icon:focus {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
    border-radius: 0 4px 4px 0 !important;
    top: 0;
    right: 0;
    background: var(--primary-bg-color);
    border: 1px solid var(--primary-bg-color);
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 2.3 !important;
    color: #ffffff;
    position: relative;
}
.wallet .clipboard-icon {
    top: 0;
    right: 0;
    position: relative;
    padding: 11px 17px;
    background: #f2f1fd;
    border-radius: 0 4px 4px 0 !important;
    border-left: 0;
    height: 46px;
}
.wallet .input-group-addon-left {
    padding: 12px 17px;
    background: #f2f1fd;
    border-radius: 4px 0 0 4px !important;
    height: 46px;
    border: 1px solid #e3ebf3;
    border-right: 0;
}
.wallet .input-group i {
    font-size: 20px;
}
.transcation-crypto .table th,
.transcation-crypto .table td {
    padding: 17px 15px;
}
.transcation-crypto .table.dataTable th,
.transcation-crypto .table.dataTable td {
    border-left: 0;
}
.transcation-crypto table.dataTable thead .sorting:before,
.transcation-crypto table.dataTable thead .sorting_asc:before,
.transcation-crypto table.dataTable thead .sorting_desc:before,
.transcation-crypto table.dataTable thead .sorting_asc_disabled:before,
.transcation-crypto table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "↑";
    top: 16px;
}
.transcation-crypto table.dataTable thead .sorting:after,
.transcation-crypto table.dataTable thead .sorting_asc:after,
.transcation-crypto table.dataTable thead .sorting_desc:after {
    right: 0.5em;
    content: "↓";
    top: 16px;
}
table.dataTable thead .sorting_asc_disabled:after,
.transcation-crypto table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "↓";
    top: 16px;
}
@media (max-width: 767px) {
    .payment-cards img {
        top: 26px !important;
    }
}
.card-order i {
    background: #edebff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 21px;
}
.owl-theme:before {
    content: "";
    display: block;
    left: 0;
    background: linear-gradient(to left, transparent 0%, #eaedf7 100%);
    bottom: 0px;
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 1;
}
.owl-theme:after {
    content: "";
    display: block;
    right: 0;
    background: linear-gradient(to right, transparent 0%, #eaedf7 100%);
    bottom: 0px;
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 1;
}
.crypto-btc-usd.nav-tabs .nav-link {
    padding: 10px 0px;
    line-height: 0.5;
}
.wallet-1 .table-responsive .table> :not(caption)>*>* {
    border-bottom: 0 !important;
}
#btc_chart .apexcharts-canvas {
    width: 100% !important;
}
/* ###### Cryptocurrencies  ###### */
/* ########## Ecommerce ########## */
.ratio {
    position: absolute;
    right: -10px;
    top: 20px;
    padding: 5px 15px;
    background-color: #222222;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 15px 0px 0px 15px;
}
.product-timeline ul.timeline-1 {
    list-style-type: none;
    position: relative;
}
.product-timeline ul.timeline-1>li {
    margin: 21.7px 0;
    padding-left: 1rem;
}
.product-timeline ul.timeline-1>li .product-icon {
    width: 37px;
    height: 37px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    background-color: var(--primary03);
    line-height: 37px;
    font-size: 17px;
    color: var(--primary-bg-color);
}
.product-timeline ul.timeline-1::before {
    margin: 20px 20px 0 22px;
    display: inline-block;
    left: -2px;
    height: 94%;
    z-index: 0;
    content: "";
    position: absolute;
    bottom: 0;
    border-left: 2px dotted var(--primary03);
}
.countrywise-sale .list-group-item {
    padding: 10px 0;
    border-left-width: 0;
    border-right-width: 0;
    border-style: dotted;
    border-color: #e2e8f5;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.countrywise-sale .list-group-item span {
    display: block;
    margin-left: auto;
    font-weight: 600;
    font-family: "Archivo", Arial, sans-serif;
    color: #1c273c;
}
.countrywise-sale .list-group-item p {
    margin-bottom: 0;
    margin-left: 10px;
}
.top-selling-products .product-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    line-height: 1.2;
}
.top-selling-products .product-img {
    width: 44px;
    margin-right: 1rem;
}
.top-selling-products .price,
.top-selling-products .count {
    font-size: 0.8125rem;
    color: #8094ae;
    margin-top: 5px;
}
.top-selling-products .title,
.top-selling-products .amount {
    font-size: 0.9375rem;
    color: #364a63;
    margin-bottom: 0.25rem;
}
.top-selling-products .product-price {
    margin-left: auto;
    text-align: right;
    margin-bottom: 10px;
    font-weight: 600;
}
.top-selling-products .product-img img {
    border-radius: 4px;
}
.top-selling-products .product-amount {
    float: right;
    margin-left: auto;
}
.top-selling-products .product-name {
    font-weight: 500;
}
.top-selling-products .items-sold {
    color: #8094ae;
    font-size: 11px;
}
.filter-group select.form-control {
    width: 110px;
}
.table-filter {
    padding: 5px 0 15px;
    margin-bottom: 5px;
}
.table-filter select {
    display: inline-block;
    margin-left: 5px;
}
.table-filter .btn {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
    float: right;
}
.table-filter input {
    margin-left: 5px;
    width: 200px;
    display: inline-block;
}
.show-entries select.form-control {
    width: 65px;
    margin: 0 5px;
}
.status {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 2px 6px 4px 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 10px;
    top: -9px;
}
.ecommerce.wizard {
    margin: 20px auto;
    background: #ffffff;
}
.ecommerce.wizard .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}
.ecommerce.wizard>div.ecommerce.wizard-inner {
    position: relative;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
@media (min-width: 768px) {
    #checkoutsteps>.steps .number {
        background-color: #eaedf7;
        color: #9197ab;
        font-size: 20px;
        font-weight: 600;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px auto;
    }

    #checkoutsteps .checkoutline {
        height: 3px;
        background-color: #eaedf7;
        transform: translateY(1.7rem);
        margin: 0 11%;
        position: relative;
        z-index: 0;
        top: 26px;
    }
}
@media (max-width: 767px) {
    #checkoutsteps>.steps .number {
        background-color: #eaedf7;
        color: #9197ab;
        font-size: 15px;
        font-weight: 600;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px auto;
    }

    #checkoutsteps>.steps a {
        font-size: 12px !important;
    }

    #checkoutsteps .checkoutline {
        height: 3px;
        background-color: #eaedf7;
        transform: translateY(1.7rem);
        margin: 0 11%;
        position: relative;
        z-index: 0;
        top: 20px;
    }
}
#checkoutsteps>.actions a {
    display: block;
    padding: 9px 25px;
    line-height: 1.573;
    color: #ffffff;
    border-radius: 4px;
    background: var(--primary-bg-color);
}
#checkoutsteps>.actions .disabled a {
    opacity: 0.4;
}
#checkoutsteps>.steps {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 0;
}
#checkoutsteps ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
    display: flex;
}
#checkoutsteps ul[role=tablist] li {
    display: flex;
    z-index: 0;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-preferred-size: auto;
    flex: 1;
    flex-basis: auto;
    font-weight: 500;
    font-size: 1.1rem;
}
#checkoutsteps>.steps a {
    display: block;
    width: auto;
    background-color: transparent;
    color: #2d2c40;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 0;
    text-decoration: none;
    border-radius: 30px;
    cursor: default;
    text-align: center;
    outline: none;
}
#checkoutsteps .actions .menu li {
    flex: inherit;
}
#checkoutsteps>.steps .current a .number {
    background: var(--primary-bg-color);
    color: #ffffff;
}
#checkoutsteps ul[role=menu] li {
    flex: inherit;
}
#checkoutsteps .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
}
#checkoutsteps .item .left {
    display: flex;
    align-items: center;
}
#checkoutsteps .item .thumb {
    display: inline-flex;
    width: 100px;
    height: 90px;
    justify-content: center;
    align-items: center;
    border: 1px solid #f2f2f2;
}
#checkoutsteps .item .purchase {
    display: inline-block;
    margin-left: 21px;
    text-decoration: none;
}
#checkoutsteps .item .price {
    font-size: 16px;
}
#checkoutsteps .checkout {
    margin-bottom: 44px;
}
#checkoutsteps .checkout .subtotal {
    margin-bottom: 18px;
}
#checkoutsteps .checkout span.heading {
    font-weight: 500;
    margin-right: 5px;
}
#checkoutsteps .total {
    float: right;
    color: var(--primary-bg-color);
}
.card-pay .tabs-menu {
    margin-bottom: 25px;
    border-radius: 5px;
    overflow: hidden;
}
.card-pay .tabs-menu.nav {
    background: #f0f3ff;
}
.card-pay .tabs-menu.nav li {
    border-right: 1px solid #d3dfea;
}
.card-pay .tabs-menu.nav li a {
    border-right: 0;
}
.card-pay .tabs-menu li {
    width: 33.3%;
    display: block;
}
.card-pay .tabs-menu li a {
    padding: 0.7rem 1rem;
    display: block;
    text-align: center;
}
.card-pay .tabs-menu li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}
@media (min-width: 992px) {
    #checkoutsteps>.content {
        padding: 38px;
    }

    #checkoutsteps>.actions {
        padding: 20px 38px;
    }
}
.item1-links li {
    width: 100%;
    display: block;
    border-top: 1px solid #e8e8f7;
}
.item1-links a {
    padding: 0.75rem 1.25rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: #070510;
}
.item1-links a i {
    font-size: 17px;
    margin-right: 1rem;
}
.item1-links .nav-item a.active {
    background-color: var(--primary-bg-color) !important;
    color: #ffffff !important;
    border-radius: 0;
}
.item1-links .nav-link:hover,
.item1-links .nav-link:focus {
    background-color: var(--primary-bg-color);
    color: #ffffff;
    border-radius: 0;
}
.track {
    position: relative;
    background-color: #eaedf7;
    height: 7px;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px;
}
.track .step {
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative;
}
.track .text {
    display: block;
    margin-top: 7px;
}
.track .step.active .text {
    font-weight: 400;
    color: #000000;
}
.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #eaedf7;
}
.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px;
}
.track .step.active:before {
    background: var(--primary-bg-color);
}
.track .step.active .icon {
    background: var(--primary-bg-color);
    color: #ffffff;
}
.btn-apply.coupon {
    border-radius: 0 4px 4px 0 !important;
}
.productdesc-1 img {
    margin-top: 8px;
}
.productdesc-1 .carousel-control-prev {
    top: -172px;
}
.product-grid {
    text-align: center;
}
.product-grid .product-image {
    position: relative;
    overflow: hidden;
}
.product-grid .product-image a.image {
    display: block;
}
.product-grid .product-image img {
    width: 100%;
    height: auto;
    border-radius: 6px 6px 0 0;
}
.product-image .pic-1 {
    backface-visibility: hidden;
    transition: all 0.3s ease-in 0s;
}
.product-image .pic-2 {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out;
}
.product-grid:hover .product-image .pic-2 {
    opacity: 0;
    left: 10px;
    top: 10px;
}
.product-grid .product-discount-label {
    color: #ffffff;
    background-color: #16b36e;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 9px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.product-grid .product-like-icon {
    color: #232323;
    background: #ffffff;
    font-size: 15px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 10px;
    right: -50px;
    z-index: 2;
    transition: all 0.3s ease;
}
.product-grid .product-like-icon:hover {
    color: #ffffff;
    background: #232323;
}
.product-grid:hover .product-like-icon {
    right: 10px;
}
.product-grid .product-link {
    width: 100%;
    font-size: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease;
}
.product-grid:hover .product-link {
    opacity: 1;
}
.product-grid .product-link a {
    color: #ffffff;
    background: #232323;
    font-size: 12px;
    font-weight: 600;
    width: 50%;
    height: 40px;
    padding: 10px 5px;
    margin: 0;
    border-right: 2px solid rgba(215, 215, 215, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    display: inline-block;
    overflow: hidden;
    transition: all 0.3s ease 0.1s;
}
.product-grid .product-link a:nth-child(2n) {
    border-right: none;
}
.product-grid .product-link a:hover {
    color: #232323;
    background-color: #ffffff;
}
.product-grid .product-link a i {
    transition: all 0.3s ease;
}
.product-grid .product-link a span {
    color: #232323;
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: translateY(40px);
    transition: all 0.3s ease;
}
.product-grid .product-link a:hover i {
    transform: translateY(-30px);
}
.product-grid .product-link a:hover span {
    transform: translateY(-15px);
}
.product-content .rating {
    color: #ff9b21;
    text-align: center;
    padding-left: 0;
    margin-bottom: 0;
}
.product-grid .title {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 5px;
}
.product-grid .product-content {
    text-align: center;
    padding: 20px;
}
.product-grid .title a {
    text-align: center;
    padding: 20px;
    font-size: 16px;
    color: #262638;
}
.product-grid .price {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding: 6px;
    text-align: center;
}
.product-grid .price .old-price {
    color: #909090;
    margin-right: 12px;
    text-decoration: line-through;
}
@media screen and (max-width: 990px) {
    .product-grid {
        margin: 0 0 30px;
    }
}
.product_price li {
    display: inline-block;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px;
}
.product_price .old_price {
    text-decoration: line-through !important;
    color: #a8afc7;
}
.productdesc .list-unstyled li {
    border-bottom: 0 !important;
    margin-bottom: 18px;
    display: flex;
}
.productdesc .list-unstyled li:last-child {
    margin-bottom: 0 !important;
}
#recentorders {
    padding: 0;
    max-width: 650px;
    margin: 7px auto;
}
@media (max-width: 567px) {
    .card-pay .tabs-menu li {
        width: 100%;
        border-bottom: 1px solid #e8e8f7;
    }
}
#wishlist .product-grid {
    text-align: left;
}
#wishlist .product-grid .product-content {
    text-align: left;
}
#wishlist .product-grid .title a {
    padding: 0;
}
#wishlist .product-grid .title {
    margin: 5px 0 5px;
}
#wishlist .product-grid .wishlist-icon {
    color: #ffffff;
    background: #fd6074;
    font-size: 15px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 10px;
    text-align: center;
    right: 10px;
    z-index: 9;
    transition: all 0.3s ease;
}
.item1-links.nav.nav-tabs .nav-link:hover,
.item1-links.nav.nav-tabs .nav-link:focus {
    background-color: var(--primary-bg-color);
}
/* ########## Ecommerce ########## */
/* ###### Notification List ###### */
.notify-time {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 25px;
}
@media (max-width: 767px) {
    .notify-time {
        display: none;
    }
}
.notification {
    list-style-type: none;
    padding: 0;
    position: relative;
}
.notification:before {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    width: 3px;
    background: var(--primary02);
    left: 20%;
    margin-left: -1px;
}
.notification>li {
    position: relative;
    min-height: 50px;
    padding: 15px 0;
}
.notification .notification-time {
    position: absolute;
    left: 0;
    width: 18%;
    text-align: right;
    top: 30px;
}
.notification .notification-time .date,
.notification .notification-time .time {
    display: block;
    font-weight: 500;
}
.notification .notification-time .date {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 4px;
    color: #1d212f;
}
.notification .notification-time .time {
    line-height: 24px;
    font-size: 21px;
    color: #1d212f;
}
.notification .notification-icon {
    left: 15%;
    position: absolute;
    width: 10%;
    text-align: center;
    top: 41px;
}
.notification .notification-icon a {
    text-decoration: none;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background: #ffffff;
    line-height: 10px;
    color: #ffffff;
    font-size: 14px;
    border: 3px solid var(--primary-bg-color);
    transition: border-color 0.2s linear;
}
.notification .notification-body {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
    margin-left: 24%;
    margin-right: 18%;
    background: #ffffff;
    position: relative;
    padding: 14px 20px;
    border-radius: 6px;
}
.notification .notification-body:before {
    content: "";
    display: block;
    position: absolute;
    border: 10px solid transparent;
    border-right-color: #ffffff;
    left: -20px;
    top: 25px;
}
.notification .notification-body>div+div {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .notification:before {
        display: none;
    }

    .notification .notification-time .date {
        display: none;
    }

    .notification .notification-time .time {
        display: none;
    }

    .notification .notification-icon {
        display: none;
    }

    .notification .notification-body {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.notification-time-date {
    color: #1d212f;
    font-size: 16px;
    font-weight: 500;
}
/* ###### Notification List ###### */
/* ############### UTILITIES/HELPER CLASSES ############### */
/* ###### Backgrounds ###### */
.bg-secondary {
    background-color: #f1388b !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus {
    background-color: #f1388b !important;
}
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #f1388b !important;
}
.bg-success {
    background-color: #19b159 !important;
}
a.bg-success:hover,
a.bg-success:focus {
    background-color: #37ce4f !important;
}
button.bg-success:hover,
button.bg-success:focus {
    background-color: #37ce4f !important;
}
.bg-info {
    background-color: #01b8ff !important;
}
a.bg-info:hover,
a.bg-info:focus {
    background-color: #06aff1 !important;
}
button.bg-info:hover,
button.bg-info:focus {
    background-color: #06aff1 !important;
}
.bg-warning {
    background-color: #ff9b21 !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #d39e00 !important;
}
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}
.bg-danger {
    background-color: #f16d75 !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #f16d75 !important;
}
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #f16d75 !important;
}
.bg-light {
    background-color: #f4f4fd !important;
    color: #55556b;
}
a.bg-light:hover,
a.bg-light:focus {
    background-color: #dbe0ea !important;
}
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dbe0ea !important;
}
.bg-dark {
    background-color: #3b4863 !important;
}
a.bg-dark:hover,
a.bg-dark:focus {
    background-color: #131212 !important;
}
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #131212 !important;
}
.bg-white {
    background-color: #ffffff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.bg-primary-gradient {
    background: linear-gradient(to right, var(--primary-bg-color) 0%, #71a7f5 100%);
}
.bg-success-gradient {
    background: linear-gradient(to right, #45e1d4 0%, #129ed3 100%);
}
.bg-warning-gradient {
    background: linear-gradient(to right, #f8c888 0%, #f45c6b 100%);
}
.bg-info-gradient {
    background: linear-gradient(to right, #9271fe 0%, #fb5ea3 100%);
}
.bg-white-1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.bg-white-2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-5 {
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-6 {
    background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-7 {
    background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-8 {
    background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-9 {
    background-color: rgba(255, 255, 255, 0.9);
}
.bg-black-1 {
    background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-2 {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-3 {
    background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-4 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-5 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-6 {
    background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-7 {
    background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-8 {
    background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-9 {
    background-color: rgba(0, 0, 0, 0.9);
}
.bg-indigo {
    background-color: #4b0082;
}
.bg-purple {
    background-color: #6f42c1;
}
.bg-pink {
    background-color: #f1388b !important;
}
.bg-orange {
    background-color: #fd7e14;
}
.bg-teal {
    background-color: #00cccc;
}
.bg-purple-dark {
    background-color: #59339d;
}
.bg-success-transparent {
    background-color: rgba(111, 234, 163, 0.2);
}
.bg-secondary-transparent {
    background-color: rgba(240, 112, 187, 0.15);
}
.bg-primary-transparent {
    background-color: var(--primary01);
}
.bg-info-transparent {
    background-color: rgba(1, 184, 255, 0.12);
}
.bg-warning-transparent {
    background-color: rgba(243, 202, 86, 0.15);
}
.bg-danger-transparent {
    background-color: rgba(255, 71, 61, 0.12);
}
.bg-pink-transparent {
    background-color: rgba(255, 101, 165, 0.12);
}
.bg-purple-transparent {
    background-color: rgba(111, 66, 193, 0.12);
}
.bg-dark-transparent {
    background-color: rgba(28, 39, 60, 0.12);
}
.bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.12);
}
.tag-outline-primary {
    color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
}
.tag-outline-secondary {
    color: #f1388b !important;
    border-color: #f1388b !important;
}
.tag-outline-success {
    color: #19b159 !important;
    border-color: #19b159 !important;
}
.tag-outline-warning {
    color: #ff9b21 !important;
    border-color: #ff9b21 !important;
}
.tag-outline-info {
    color: #01b8ff !important;
    border-color: #01b8ff !important;
}
.tag-outline-danger {
    color: #fd6074 !important;
    border-color: #fd6074 !important;
}
.bg-light {
    color: #55556b;
    background-color: #eaedf7;
}
a.bg-light:hover {
    color: #8f9cc0;
    background-color: #d5d9e4;
}
a.bg-light:focus {
    color: #8f9cc0;
    background-color: #d5d9e4;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}
a.bg-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}
.bg-transparent {
    background-color: transparent;
}
.bg-gray-100 {
    background-color: #eaeafb;
}
.bg-gray-200 {
    background-color: #d0d0ec;
}
.bg-gray-300 {
    background-color: #babade;
}
.bg-gray-400 {
    background-color: #8f8fb7;
}
.bg-gray-500 {
    background-color: #717196;
}
.bg-gray-600 {
    background-color: #4f4f71;
}
.bg-gray-700 {
    background-color: #3c3c5d;
}
.bg-gray-800 {
    background-color: #262644;
}
.bg-gray-900 {
    background-color: #1b1b33;
}
.bg-secondary-light {
    background-color: rgba(241, 56, 139, 0.2) !important;
    color: #f1388b;
}
.bg-warning-light {
    background-color: #fdf5e2;
    color: #ebb322;
}
.bg-danger-light {
    background-color: #ffe7e8;
    color: #f16d75;
}
/* ###### Backgrounds ###### */
/* ###### Display ###### */
.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 {
    display: flex !important;
}
.d-inline-flex {
    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;
    }
}
/* ###### Display ###### */
/* ###### Flex  ###### */
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    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 {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    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 {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    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;
    }
}
.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;
}
.flex-1 {
    flex: 1;
}
.flex-0 {
    flex: 0;
}
/* ###### Flex  ###### */
/* ######  Border   ###### */
.border {
    border: 1px solid #e8e8f7 !important;
}
.border-top {
    border-top: 1px solid #e8e8f7 !important;
}
.border-end {
    border-right: 1px solid #e8e8f7;
}
.border-bottom {
    border-bottom: 1px solid #e8e8f7 !important;
}
.border-start {
    border-left: 1px solid #e8e8f7;
}
.border-0 {
    border: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-end-0 {
    border-right: 0;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-start-0 {
    border-left: 0;
}
.border-secondary {
    border-color: #f1388b !important;
}
.border-success {
    border-color: #19b159 !important;
}
.border-info {
    border-color: #01b8ff !important;
}
.border-warning {
    border-color: #ff9b21 !important;
}
.border-danger {
    border-color: #fd6074 !important;
}
.border-light {
    border-color: #f1f2f9 !important;
}
.border-dark {
    border-color: #3b4863 !important;
}
.border-white {
    border-color: #ffffff !important;
}
.text-pink {
    color: #f1388b !important;
}
.rounded-sm {
    border-radius: 0.2rem !important;
}
.rounded {
    border-radius: 3px !important;
}
.rounded-top {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}
.rounded-end {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.rounded-bottom {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.rounded-start {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.rounded-top-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.rounded-end-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.rounded-bottom-0 {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.rounded-start-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.rounded-top-11 {
    border-top-left-radius: 11px !important;
    border-top-right-radius: 11px !important;
}
.rounded-end-11 {
    border-top-right-radius: 11px !important;
    border-bottom-right-radius: 11px !important;
}
.rounded-bottom-11 {
    border-bottom-right-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
}
.rounded-start-11 {
    border-top-left-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
}
.rounded-lg {
    border-radius: 0.3rem !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.bd-transparent {
    border-color: transparent;
}
.bd {
    border: 1px solid #e8e8f7;
}
.bd-t {
    border-top: 1px solid #e8e8f7;
}
.bd-r {
    border-right: 1px solid #e8e8f7;
}
.bd-b {
    border-bottom: 1px solid #e8e8f7;
}
.bd-l {
    border-left: 1px solid #e8e8f7;
}
.bd-y {
    border-top: 1px solid #e8e8f7;
    border-bottom: 1px solid #e8e8f7;
}
.bd-x {
    border-left: 1px solid #e8e8f7;
    border-right: 1px solid #e8e8f7;
}
.bd-0 {
    border-width: 0;
}
.bd-1 {
    border-width: 1px;
}
.bd-2 {
    border-width: 2px;
}
.bd-3 {
    border-width: 3px;
}
.bd-4 {
    border-width: 4px;
}
.bd-5 {
    border-width: 5px;
}
.bd-t-0 {
    border-top: 0;
}
.bd-r-0 {
    border-right: 0;
}
.bd-b-0 {
    border-bottom: 0;
}
.bd-l-0 {
    border-left: 0;
}
.bd-y-0 {
    border-top-width: 0;
    border-bottom-width: 0;
}
.bd-y-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.bd-x-0 {
    border-left-width: 0;
    border-right-width: 0;
}
.bd-x-1 {
    border-left-width: 1px;
    border-right-width: 1px;
}
.bd-secondary {
    border-color: #f1388b;
}
.bd-success {
    border-color: #19b159;
}
.bd-warning {
    border-color: #ff9b21;
}
.bd-danger {
    border-color: #f16d75;
}
.bd-info {
    border-color: #01b8ff;
}
.bd-white {
    border-color: #ffffff;
}
.bd-gray-100 {
    border-color: #f1f2f9;
}
.bd-gray-200,
.bd-gray-300 {
    border-color: #eaedf7;
}
.bd-gray-400 {
    border-color: #e8e8f7;
}
.bd-gray-500,
.bd-gray-600 {
    border-color: #a8afc7;
}
.bd-gray-700 {
    border-color: #3c4858;
}
.bd-gray-800 {
    border-color: #3b4863;
}
.bd-gray-900 {
    border-color: #8f9cc0;
}
.bd-white-1 {
    border-color: rgba(255, 255, 255, 0.1);
}
.bd-white-2 {
    border-color: rgba(255, 255, 255, 0.2);
}
.bd-white-3 {
    border-color: rgba(255, 255, 255, 0.3);
}
.bd-white-4 {
    border-color: rgba(255, 255, 255, 0.4);
}
.bd-white-5 {
    border-color: rgba(255, 255, 255, 0.5);
}
.bd-white-6 {
    border-color: rgba(255, 255, 255, 0.6);
}
.bd-white-7 {
    border-color: rgba(255, 255, 255, 0.7);
}
.bd-white-8 {
    border-color: rgba(255, 255, 255, 0.8);
}
.rounded-5 {
    border-radius: 5px;
}
.rounded-10 {
    border-radius: 10px;
}
.rounded-20 {
    border-radius: 20px;
}
.rounded-30 {
    border-radius: 30px !important;
}
.rounded-40 {
    border-radius: 40px;
}
.rounded-50 {
    border-radius: 50px;
}
.bd-dashed {
    border-style: dashed;
}
.bd-dotted {
    border-style: dotted;
}
@media (min-width: 480px) {
    .bd-xs {
        border: 1px solid #e8e8f7;
    }

    .bd-xs-t {
        border-top: 1px solid #e8e8f7;
    }

    .bd-xs-r {
        border-right: 1px solid #e8e8f7;
    }

    .bd-xs-b {
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-xs-l {
        border-left: 1px solid #e8e8f7;
    }

    .bd-xs-y {
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-xs-x {
        border-left: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 576px) {
    .bd-sm {
        border: 1px solid #e8e8f7;
    }

    .bd-sm-t {
        border-top: 1px solid #e8e8f7;
    }

    .bd-sm-r {
        border-right: 1px solid #e8e8f7;
    }

    .bd-sm-b {
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-sm-l {
        border-left: 1px solid #e8e8f7;
    }

    .bd-sm-y {
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-sm-x {
        border-left: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 768px) {
    .bd-md {
        border: 1px solid #e8e8f7;
    }

    .bd-md-t {
        border-top: 1px solid #e8e8f7;
    }

    .bd-md-r {
        border-right: 1px solid #e8e8f7;
    }

    .bd-md-b {
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-md-l {
        border-left: 1px solid #e8e8f7;
    }

    .bd-md-y {
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-md-x {
        border-left: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 992px) {
    .bd-lg {
        border: 1px solid #e8e8f7;
    }

    .bd-lg-t {
        border-top: 1px solid #e8e8f7;
    }

    .bd-lg-r {
        border-right: 1px solid #e8e8f7;
    }

    .bd-lg-b {
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-lg-l {
        border-left: 1px solid #e8e8f7;
    }

    .bd-lg-y {
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-lg-x {
        border-left: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
    }
}
@media (min-width: 1200px) {
    .bd-xl {
        border: 1px solid #e8e8f7;
    }

    .bd-xl-t {
        border-top: 1px solid #e8e8f7;
    }

    .bd-xl-r {
        border-right: 1px solid #e8e8f7;
    }

    .bd-xl-b {
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-xl-l {
        border-left: 1px solid #e8e8f7;
    }

    .bd-xl-y {
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
    }

    .bd-xl-x {
        border-left: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
    }
}
.be-0 {
    border-radius: 0;
}
.square {
    border-radius: 0 !important;
}
.radius {
    border-radius: 5px !important;
}
/* ###### Border ###### */
/* ###### Height ###### */
.ht-5 {
    height: 5px;
}
.ht-5p {
    height: 5%;
}
.mx-ht-5p {
    max-height: 5%;
}
.mn-ht-5p {
    min-height: 5%;
}
.ht-10 {
    height: 10px;
}
.ht-10p {
    height: 10%;
}
.mx-ht-10p {
    max-height: 10%;
}
.mn-ht-10p {
    min-height: 10%;
}
.ht-15 {
    height: 15px;
}
.ht-15p {
    height: 15%;
}
.mx-ht-15p {
    max-height: 15%;
}
.mn-ht-15p {
    min-height: 15%;
}
.ht-20 {
    height: 20px;
}
.ht-20p {
    height: 20%;
}
.mx-ht-20p {
    max-height: 20%;
}
.mn-ht-20p {
    min-height: 20%;
}
.ht-25 {
    height: 25px;
}
.ht-25p {
    height: 25%;
}
.mx-ht-25p {
    max-height: 25%;
}
.mn-ht-25p {
    min-height: 25%;
}
.ht-30 {
    height: 30px;
}
.ht-30p {
    height: 30%;
}
.mx-ht-30p {
    max-height: 30%;
}
.mn-ht-30p {
    min-height: 30%;
}
.ht-35 {
    height: 35px;
}
.ht-35p {
    height: 35%;
}
.mx-ht-35p {
    max-height: 35%;
}
.mn-ht-35p {
    min-height: 35%;
}
.ht-40 {
    height: 40px;
}
.ht-40p {
    height: 40%;
}
.mx-ht-40p {
    max-height: 40%;
}
.mn-ht-40p {
    min-height: 40%;
}
.ht-45 {
    height: 45px;
}
.ht-45p {
    height: 45%;
}
.mx-ht-45p {
    max-height: 45%;
}
.mn-ht-45p {
    min-height: 45%;
}
.ht-50 {
    height: 50px;
}
.ht-50p {
    height: 50%;
}
.mx-ht-50p {
    max-height: 50%;
}
.mn-ht-50p {
    min-height: 50%;
}
.ht-55 {
    height: 55px;
}
.ht-55p {
    height: 55%;
}
.mx-ht-55p {
    max-height: 55%;
}
.mn-ht-55p {
    min-height: 55%;
}
.ht-60 {
    height: 60px;
}
.ht-60p {
    height: 60%;
}
.mx-ht-60p {
    max-height: 60%;
}
.mn-ht-60p {
    min-height: 60%;
}
.ht-65 {
    height: 65px;
}
.ht-65p {
    height: 65%;
}
.mx-ht-65p {
    max-height: 65%;
}
.mn-ht-65p {
    min-height: 65%;
}
.ht-70 {
    height: 70px;
}
.ht-70p {
    height: 70%;
}
.mx-ht-70p {
    max-height: 70%;
}
.mn-ht-70p {
    min-height: 70%;
}
.ht-75 {
    height: 75px;
}
.ht-75p {
    height: 75%;
}
.mx-ht-75p {
    max-height: 75%;
}
.mn-ht-75p {
    min-height: 75%;
}
.ht-80 {
    height: 80px;
}
.ht-80p {
    height: 80%;
}
.mx-ht-80p {
    max-height: 80%;
}
.mn-ht-80p {
    min-height: 80%;
}
.ht-85 {
    height: 85px;
}
.ht-85p {
    height: 85%;
}
.mx-ht-85p {
    max-height: 85%;
}
.mn-ht-85p {
    min-height: 85%;
}
.ht-90 {
    height: 90px;
}
.ht-90p {
    height: 90%;
}
.mx-ht-90p {
    max-height: 90%;
}
.mn-ht-90p {
    min-height: 90%;
}
.ht-95 {
    height: 95px;
}
.ht-95p {
    height: 95%;
}
.mx-ht-95p {
    max-height: 95%;
}
.mn-ht-95p {
    min-height: 95%;
}
.ht-100 {
    height: 100px;
}
.ht-100p {
    height: 100%;
}
.mx-ht-100p {
    max-height: 100%;
}
.mn-ht-100p {
    min-height: 100%;
}
.ht-150 {
    height: 150px;
}
.ht-200 {
    height: 200px !important;
}
.ht-250 {
    height: 250px;
}
.ht-300 {
    height: 300px;
}
.ht-350 {
    height: 350px;
}
.ht-400 {
    height: 400px;
}
.ht-450 {
    height: 450px;
}
.ht-500 {
    height: 500px;
}
.ht-550 {
    height: 550px;
}
.ht-600 {
    height: 600px;
}
.ht-650 {
    height: 650px;
}
.ht-700 {
    height: 700px;
}
.ht-750 {
    height: 750px;
}
.ht-800 {
    height: 800px;
}
.ht-100v {
    height: 100vh;
}
.ht-1 {
    height: 1px;
}
.ht-2 {
    height: 2px;
}
.ht-3 {
    height: 3px;
}
.ht-4 {
    height: 4px;
}
.ht-6 {
    height: 6px;
}
.ht-7 {
    height: 7px;
}
.ht-8 {
    height: 8px;
}
.ht-9 {
    height: 9px;
}
.ht-auto {
    height: auto;
}
.ht-16 {
    height: 16px;
}
.ht-32 {
    height: 32px;
}
.ht-36 {
    height: 36px;
}
.ht-48 {
    height: 48px;
}
.ht-64 {
    height: 64px;
}
.ht-72 {
    height: 72px;
}
.ht-115 {
    height: 115px;
}
.ht-120 {
    height: 120px;
}
.ht-160 {
    height: 160px;
}
@media (min-width: 480px) {
    .ht-xs-5 {
        height: 5px;
    }

    .ht-xs-5p {
        height: 5%;
    }

    .mx-ht-xs-5p {
        max-height: 5%;
    }

    .mn-ht-xs-5p {
        min-height: 5%;
    }

    .ht-xs-10 {
        height: 10px;
    }

    .ht-xs-10p {
        height: 10%;
    }

    .mx-ht-xs-10p {
        max-height: 10%;
    }

    .mn-ht-xs-10p {
        min-height: 10%;
    }

    .ht-xs-15 {
        height: 15px;
    }

    .ht-xs-15p {
        height: 15%;
    }

    .mx-ht-xs-15p {
        max-height: 15%;
    }

    .mn-ht-xs-15p {
        min-height: 15%;
    }

    .ht-xs-20 {
        height: 20px;
    }

    .ht-xs-20p {
        height: 20%;
    }

    .mx-ht-xs-20p {
        max-height: 20%;
    }

    .mn-ht-xs-20p {
        min-height: 20%;
    }

    .ht-xs-25 {
        height: 25px;
    }

    .ht-xs-25p {
        height: 25%;
    }

    .mx-ht-xs-25p {
        max-height: 25%;
    }

    .mn-ht-xs-25p {
        min-height: 25%;
    }

    .ht-xs-30 {
        height: 30px;
    }

    .ht-xs-30p {
        height: 30%;
    }

    .mx-ht-xs-30p {
        max-height: 30%;
    }

    .mn-ht-xs-30p {
        min-height: 30%;
    }

    .ht-xs-35 {
        height: 35px;
    }

    .ht-xs-35p {
        height: 35%;
    }

    .mx-ht-xs-35p {
        max-height: 35%;
    }

    .mn-ht-xs-35p {
        min-height: 35%;
    }

    .ht-xs-40 {
        height: 40px;
    }

    .ht-xs-40p {
        height: 40%;
    }

    .mx-ht-xs-40p {
        max-height: 40%;
    }

    .mn-ht-xs-40p {
        min-height: 40%;
    }

    .ht-xs-45 {
        height: 45px;
    }

    .ht-xs-45p {
        height: 45%;
    }

    .mx-ht-xs-45p {
        max-height: 45%;
    }

    .mn-ht-xs-45p {
        min-height: 45%;
    }

    .ht-xs-50 {
        height: 50px;
    }

    .ht-xs-50p {
        height: 50%;
    }

    .mx-ht-xs-50p {
        max-height: 50%;
    }

    .mn-ht-xs-50p {
        min-height: 50%;
    }

    .ht-xs-55 {
        height: 55px;
    }

    .ht-xs-55p {
        height: 55%;
    }

    .mx-ht-xs-55p {
        max-height: 55%;
    }

    .mn-ht-xs-55p {
        min-height: 55%;
    }

    .ht-xs-60 {
        height: 60px;
    }

    .ht-xs-60p {
        height: 60%;
    }

    .mx-ht-xs-60p {
        max-height: 60%;
    }

    .mn-ht-xs-60p {
        min-height: 60%;
    }

    .ht-xs-65 {
        height: 65px;
    }

    .ht-xs-65p {
        height: 65%;
    }

    .mx-ht-xs-65p {
        max-height: 65%;
    }

    .mn-ht-xs-65p {
        min-height: 65%;
    }

    .ht-xs-70 {
        height: 70px;
    }

    .ht-xs-70p {
        height: 70%;
    }

    .mx-ht-xs-70p {
        max-height: 70%;
    }

    .mn-ht-xs-70p {
        min-height: 70%;
    }

    .ht-xs-75 {
        height: 75px;
    }

    .ht-xs-75p {
        height: 75%;
    }

    .mx-ht-xs-75p {
        max-height: 75%;
    }

    .mn-ht-xs-75p {
        min-height: 75%;
    }

    .ht-xs-80 {
        height: 80px;
    }

    .ht-xs-80p {
        height: 80%;
    }

    .mx-ht-xs-80p {
        max-height: 80%;
    }

    .mn-ht-xs-80p {
        min-height: 80%;
    }

    .ht-xs-85 {
        height: 85px;
    }

    .ht-xs-85p {
        height: 85%;
    }

    .mx-ht-xs-85p {
        max-height: 85%;
    }

    .mn-ht-xs-85p {
        min-height: 85%;
    }

    .ht-xs-90 {
        height: 90px;
    }

    .ht-xs-90p {
        height: 90%;
    }

    .mx-ht-xs-90p {
        max-height: 90%;
    }

    .mn-ht-xs-90p {
        min-height: 90%;
    }

    .ht-xs-95 {
        height: 95px;
    }

    .ht-xs-95p {
        height: 95%;
    }

    .mx-ht-xs-95p {
        max-height: 95%;
    }

    .mn-ht-xs-95p {
        min-height: 95%;
    }

    .ht-xs-100 {
        height: 100px;
    }

    .ht-xs-100p {
        height: 100%;
    }

    .mx-ht-xs-100p {
        max-height: 100%;
    }

    .mn-ht-xs-100p {
        min-height: 100%;
    }

    .ht-xs-150 {
        height: 150px;
    }

    .ht-xs-150p {
        height: 150%;
    }

    .mx-ht-xs-150p {
        max-height: 150%;
    }

    .mn-ht-xs-150p {
        min-height: 150%;
    }

    .ht-xs-200 {
        height: 200px;
    }

    .ht-xs-200p {
        height: 200%;
    }

    .mx-ht-xs-200p {
        max-height: 200%;
    }

    .mn-ht-xs-200p {
        min-height: 200%;
    }

    .ht-xs-250 {
        height: 250px;
    }

    .ht-xs-250p {
        height: 250%;
    }

    .mx-ht-xs-250p {
        max-height: 250%;
    }

    .mn-ht-xs-250p {
        min-height: 250%;
    }

    .ht-xs-300 {
        height: 300px;
    }

    .ht-xs-300p {
        height: 300%;
    }

    .mx-ht-xs-300p {
        max-height: 300%;
    }

    .mn-ht-xs-300p {
        min-height: 300%;
    }

    .ht-xs-350 {
        height: 350px;
    }

    .ht-xs-350p {
        height: 350%;
    }

    .mx-ht-xs-350p {
        max-height: 350%;
    }

    .mn-ht-xs-350p {
        min-height: 350%;
    }

    .ht-xs-400 {
        height: 400px;
    }

    .ht-xs-400p {
        height: 400%;
    }

    .mx-ht-xs-400p {
        max-height: 400%;
    }

    .mn-ht-xs-400p {
        min-height: 400%;
    }

    .ht-xs-450 {
        height: 450px;
    }

    .ht-xs-450p {
        height: 450%;
    }

    .mx-ht-xs-450p {
        max-height: 450%;
    }

    .mn-ht-xs-450p {
        min-height: 450%;
    }

    .ht-xs-500 {
        height: 500px;
    }

    .ht-xs-500p {
        height: 500%;
    }

    .mx-ht-xs-500p {
        max-height: 500%;
    }

    .mn-ht-xs-500p {
        min-height: 500%;
    }

    .ht-xs-550 {
        height: 550px;
    }

    .ht-xs-550p {
        height: 550%;
    }

    .mx-ht-xs-550p {
        max-height: 550%;
    }

    .mn-ht-xs-550p {
        min-height: 550%;
    }

    .ht-xs-600 {
        height: 600px;
    }

    .ht-xs-600p {
        height: 600%;
    }

    .mx-ht-xs-600p {
        max-height: 600%;
    }

    .mn-ht-xs-600p {
        min-height: 600%;
    }

    .ht-xs-650 {
        height: 650px;
    }

    .ht-xs-650p {
        height: 650%;
    }

    .mx-ht-xs-650p {
        max-height: 650%;
    }

    .mn-ht-xs-650p {
        min-height: 650%;
    }

    .ht-xs-700 {
        height: 700px;
    }

    .ht-xs-700p {
        height: 700%;
    }

    .mx-ht-xs-700p {
        max-height: 700%;
    }

    .mn-ht-xs-700p {
        min-height: 700%;
    }

    .ht-xs-750 {
        height: 750px;
    }

    .ht-xs-750p {
        height: 750%;
    }

    .mx-ht-xs-750p {
        max-height: 750%;
    }

    .mn-ht-xs-750p {
        min-height: 750%;
    }

    .ht-xs-800 {
        height: 800px;
    }

    .ht-xs-800p {
        height: 800%;
    }

    .mx-ht-xs-800p {
        max-height: 800%;
    }

    .mn-ht-xs-800p {
        min-height: 800%;
    }

    .ht-xs-850 {
        height: 850px;
    }

    .ht-xs-850p {
        height: 850%;
    }

    .mx-ht-xs-850p {
        max-height: 850%;
    }

    .mn-ht-xs-850p {
        min-height: 850%;
    }

    .ht-xs-100v {
        height: 100vh;
    }
}
@media (min-width: 576px) {
    .ht-sm-5 {
        height: 5px;
    }

    .ht-sm-5p {
        height: 5%;
    }

    .mx-ht-sm-5p {
        max-height: 5%;
    }

    .mn-ht-sm-5p {
        min-height: 5%;
    }

    .ht-sm-10 {
        height: 10px;
    }

    .ht-sm-10p {
        height: 10%;
    }

    .mx-ht-sm-10p {
        max-height: 10%;
    }

    .mn-ht-sm-10p {
        min-height: 10%;
    }

    .ht-sm-15 {
        height: 15px;
    }

    .ht-sm-15p {
        height: 15%;
    }

    .mx-ht-sm-15p {
        max-height: 15%;
    }

    .mn-ht-sm-15p {
        min-height: 15%;
    }

    .ht-sm-20 {
        height: 20px;
    }

    .ht-sm-20p {
        height: 20%;
    }

    .mx-ht-sm-20p {
        max-height: 20%;
    }

    .mn-ht-sm-20p {
        min-height: 20%;
    }

    .ht-sm-25 {
        height: 25px;
    }

    .ht-sm-25p {
        height: 25%;
    }

    .mx-ht-sm-25p {
        max-height: 25%;
    }

    .mn-ht-sm-25p {
        min-height: 25%;
    }

    .ht-sm-30 {
        height: 30px;
    }

    .ht-sm-30p {
        height: 30%;
    }

    .mx-ht-sm-30p {
        max-height: 30%;
    }

    .mn-ht-sm-30p {
        min-height: 30%;
    }

    .ht-sm-35 {
        height: 35px;
    }

    .ht-sm-35p {
        height: 35%;
    }

    .mx-ht-sm-35p {
        max-height: 35%;
    }

    .mn-ht-sm-35p {
        min-height: 35%;
    }

    .ht-sm-40 {
        height: 40px;
    }

    .ht-sm-40p {
        height: 40%;
    }

    .mx-ht-sm-40p {
        max-height: 40%;
    }

    .mn-ht-sm-40p {
        min-height: 40%;
    }

    .ht-sm-45 {
        height: 45px;
    }

    .ht-sm-45p {
        height: 45%;
    }

    .mx-ht-sm-45p {
        max-height: 45%;
    }

    .mn-ht-sm-45p {
        min-height: 45%;
    }

    .ht-sm-50 {
        height: 50px;
    }

    .ht-sm-50p {
        height: 50%;
    }

    .mx-ht-sm-50p {
        max-height: 50%;
    }

    .mn-ht-sm-50p {
        min-height: 50%;
    }

    .ht-sm-55 {
        height: 55px;
    }

    .ht-sm-55p {
        height: 55%;
    }

    .mx-ht-sm-55p {
        max-height: 55%;
    }

    .mn-ht-sm-55p {
        min-height: 55%;
    }

    .ht-sm-60 {
        height: 60px;
    }

    .ht-sm-60p {
        height: 60%;
    }

    .mx-ht-sm-60p {
        max-height: 60%;
    }

    .mn-ht-sm-60p {
        min-height: 60%;
    }

    .ht-sm-65 {
        height: 65px;
    }

    .ht-sm-65p {
        height: 65%;
    }

    .mx-ht-sm-65p {
        max-height: 65%;
    }

    .mn-ht-sm-65p {
        min-height: 65%;
    }

    .ht-sm-70 {
        height: 70px;
    }

    .ht-sm-70p {
        height: 70%;
    }

    .mx-ht-sm-70p {
        max-height: 70%;
    }

    .mn-ht-sm-70p {
        min-height: 70%;
    }

    .ht-sm-75 {
        height: 75px;
    }

    .ht-sm-75p {
        height: 75%;
    }

    .mx-ht-sm-75p {
        max-height: 75%;
    }

    .mn-ht-sm-75p {
        min-height: 75%;
    }

    .ht-sm-80 {
        height: 80px;
    }

    .ht-sm-80p {
        height: 80%;
    }

    .mx-ht-sm-80p {
        max-height: 80%;
    }

    .mn-ht-sm-80p {
        min-height: 80%;
    }

    .ht-sm-85 {
        height: 85px;
    }

    .ht-sm-85p {
        height: 85%;
    }

    .mx-ht-sm-85p {
        max-height: 85%;
    }

    .mn-ht-sm-85p {
        min-height: 85%;
    }

    .ht-sm-90 {
        height: 90px;
    }

    .ht-sm-90p {
        height: 90%;
    }

    .mx-ht-sm-90p {
        max-height: 90%;
    }

    .mn-ht-sm-90p {
        min-height: 90%;
    }

    .ht-sm-95 {
        height: 95px;
    }

    .ht-sm-95p {
        height: 95%;
    }

    .mx-ht-sm-95p {
        max-height: 95%;
    }

    .mn-ht-sm-95p {
        min-height: 95%;
    }

    .ht-sm-100 {
        height: 100px;
    }

    .ht-sm-100p {
        height: 100%;
    }

    .mx-ht-sm-100p {
        max-height: 100%;
    }

    .mn-ht-sm-100p {
        min-height: 100%;
    }

    .ht-sm-150 {
        height: 150px;
    }

    .ht-sm-150p {
        height: 150%;
    }

    .mx-ht-sm-150p {
        max-height: 150%;
    }

    .mn-ht-sm-150p {
        min-height: 150%;
    }

    .ht-sm-200 {
        height: 200px;
    }

    .ht-sm-200p {
        height: 200%;
    }

    .mx-ht-sm-200p {
        max-height: 200%;
    }

    .mn-ht-sm-200p {
        min-height: 200%;
    }

    .ht-sm-250 {
        height: 250px;
    }

    .ht-sm-250p {
        height: 250%;
    }

    .mx-ht-sm-250p {
        max-height: 250%;
    }

    .mn-ht-sm-250p {
        min-height: 250%;
    }

    .ht-sm-300 {
        height: 300px;
    }

    .ht-sm-300p {
        height: 300%;
    }

    .mx-ht-sm-300p {
        max-height: 300%;
    }

    .mn-ht-sm-300p {
        min-height: 300%;
    }

    .ht-sm-350 {
        height: 350px;
    }

    .ht-sm-350p {
        height: 350%;
    }

    .mx-ht-sm-350p {
        max-height: 350%;
    }

    .mn-ht-sm-350p {
        min-height: 350%;
    }

    .ht-sm-400 {
        height: 400px;
    }

    .ht-sm-400p {
        height: 400%;
    }

    .mx-ht-sm-400p {
        max-height: 400%;
    }

    .mn-ht-sm-400p {
        min-height: 400%;
    }

    .ht-sm-450 {
        height: 450px;
    }

    .ht-sm-450p {
        height: 450%;
    }

    .mx-ht-sm-450p {
        max-height: 450%;
    }

    .mn-ht-sm-450p {
        min-height: 450%;
    }

    .ht-sm-500 {
        height: 500px;
    }

    .ht-sm-500p {
        height: 500%;
    }

    .mx-ht-sm-500p {
        max-height: 500%;
    }

    .mn-ht-sm-500p {
        min-height: 500%;
    }

    .ht-sm-550 {
        height: 550px;
    }

    .ht-sm-550p {
        height: 550%;
    }

    .mx-ht-sm-550p {
        max-height: 550%;
    }

    .mn-ht-sm-550p {
        min-height: 550%;
    }

    .ht-sm-600 {
        height: 600px;
    }

    .ht-sm-600p {
        height: 600%;
    }

    .mx-ht-sm-600p {
        max-height: 600%;
    }

    .mn-ht-sm-600p {
        min-height: 600%;
    }

    .ht-sm-650 {
        height: 650px;
    }

    .ht-sm-650p {
        height: 650%;
    }

    .mx-ht-sm-650p {
        max-height: 650%;
    }

    .mn-ht-sm-650p {
        min-height: 650%;
    }

    .ht-sm-700 {
        height: 700px;
    }

    .ht-sm-700p {
        height: 700%;
    }

    .mx-ht-sm-700p {
        max-height: 700%;
    }

    .mn-ht-sm-700p {
        min-height: 700%;
    }

    .ht-sm-750 {
        height: 750px;
    }

    .ht-sm-750p {
        height: 750%;
    }

    .mx-ht-sm-750p {
        max-height: 750%;
    }

    .mn-ht-sm-750p {
        min-height: 750%;
    }

    .ht-sm-800 {
        height: 800px;
    }

    .ht-sm-800p {
        height: 800%;
    }

    .mx-ht-sm-800p {
        max-height: 800%;
    }

    .mn-ht-sm-800p {
        min-height: 800%;
    }

    .ht-sm-850 {
        height: 850px;
    }

    .ht-sm-850p {
        height: 850%;
    }

    .mx-ht-sm-850p {
        max-height: 850%;
    }

    .mn-ht-sm-850p {
        min-height: 850%;
    }

    .ht-sm-100v {
        height: 100vh;
    }
}
@media (min-width: 768px) {
    .ht-md-5 {
        height: 5px;
    }

    .ht-md-5p {
        height: 5%;
    }

    .mx-ht-md-5p {
        max-height: 5%;
    }

    .mn-ht-md-5p {
        min-height: 5%;
    }

    .ht-md-10 {
        height: 10px;
    }

    .ht-md-10p {
        height: 10%;
    }

    .mx-ht-md-10p {
        max-height: 10%;
    }

    .mn-ht-md-10p {
        min-height: 10%;
    }

    .ht-md-15 {
        height: 15px;
    }

    .ht-md-15p {
        height: 15%;
    }

    .mx-ht-md-15p {
        max-height: 15%;
    }

    .mn-ht-md-15p {
        min-height: 15%;
    }

    .ht-md-20 {
        height: 20px;
    }

    .ht-md-20p {
        height: 20%;
    }

    .mx-ht-md-20p {
        max-height: 20%;
    }

    .mn-ht-md-20p {
        min-height: 20%;
    }

    .ht-md-25 {
        height: 25px;
    }

    .ht-md-25p {
        height: 25%;
    }

    .mx-ht-md-25p {
        max-height: 25%;
    }

    .mn-ht-md-25p {
        min-height: 25%;
    }

    .ht-md-30 {
        height: 30px;
    }

    .ht-md-30p {
        height: 30%;
    }

    .mx-ht-md-30p {
        max-height: 30%;
    }

    .mn-ht-md-30p {
        min-height: 30%;
    }

    .ht-md-35 {
        height: 35px;
    }

    .ht-md-35p {
        height: 35%;
    }

    .mx-ht-md-35p {
        max-height: 35%;
    }

    .mn-ht-md-35p {
        min-height: 35%;
    }

    .ht-md-40 {
        height: 40px;
    }

    .ht-md-40p {
        height: 40%;
    }

    .mx-ht-md-40p {
        max-height: 40%;
    }

    .mn-ht-md-40p {
        min-height: 40%;
    }

    .ht-md-45 {
        height: 45px;
    }

    .ht-md-45p {
        height: 45%;
    }

    .mx-ht-md-45p {
        max-height: 45%;
    }

    .mn-ht-md-45p {
        min-height: 45%;
    }

    .ht-md-50 {
        height: 50px;
    }

    .ht-md-50p {
        height: 50%;
    }

    .mx-ht-md-50p {
        max-height: 50%;
    }

    .mn-ht-md-50p {
        min-height: 50%;
    }

    .ht-md-55 {
        height: 55px;
    }

    .ht-md-55p {
        height: 55%;
    }

    .mx-ht-md-55p {
        max-height: 55%;
    }

    .mn-ht-md-55p {
        min-height: 55%;
    }

    .ht-md-60 {
        height: 60px;
    }

    .ht-md-60p {
        height: 60%;
    }

    .mx-ht-md-60p {
        max-height: 60%;
    }

    .mn-ht-md-60p {
        min-height: 60%;
    }

    .ht-md-65 {
        height: 65px;
    }

    .ht-md-65p {
        height: 65%;
    }

    .mx-ht-md-65p {
        max-height: 65%;
    }

    .mn-ht-md-65p {
        min-height: 65%;
    }

    .ht-md-70 {
        height: 70px;
    }

    .ht-md-70p {
        height: 70%;
    }

    .mx-ht-md-70p {
        max-height: 70%;
    }

    .mn-ht-md-70p {
        min-height: 70%;
    }

    .ht-md-75 {
        height: 75px;
    }

    .ht-md-75p {
        height: 75%;
    }

    .mx-ht-md-75p {
        max-height: 75%;
    }

    .mn-ht-md-75p {
        min-height: 75%;
    }

    .ht-md-80 {
        height: 80px;
    }

    .ht-md-80p {
        height: 80%;
    }

    .mx-ht-md-80p {
        max-height: 80%;
    }

    .mn-ht-md-80p {
        min-height: 80%;
    }

    .ht-md-85 {
        height: 85px;
    }

    .ht-md-85p {
        height: 85%;
    }

    .mx-ht-md-85p {
        max-height: 85%;
    }

    .mn-ht-md-85p {
        min-height: 85%;
    }

    .ht-md-90 {
        height: 90px;
    }

    .ht-md-90p {
        height: 90%;
    }

    .mx-ht-md-90p {
        max-height: 90%;
    }

    .mn-ht-md-90p {
        min-height: 90%;
    }

    .ht-md-95 {
        height: 95px;
    }

    .ht-md-95p {
        height: 95%;
    }

    .mx-ht-md-95p {
        max-height: 95%;
    }

    .mn-ht-md-95p {
        min-height: 95%;
    }

    .ht-md-100 {
        height: 100px;
    }

    .ht-md-100p {
        height: 100%;
    }

    .mx-ht-md-100p {
        max-height: 100%;
    }

    .mn-ht-md-100p {
        min-height: 100%;
    }

    .ht-md-150 {
        height: 150px;
    }

    .ht-md-150p {
        height: 150%;
    }

    .mx-ht-md-150p {
        max-height: 150%;
    }

    .mn-ht-md-150p {
        min-height: 150%;
    }

    .ht-md-200 {
        height: 200px;
    }

    .ht-md-200p {
        height: 200%;
    }

    .mx-ht-md-200p {
        max-height: 200%;
    }

    .mn-ht-md-200p {
        min-height: 200%;
    }

    .ht-md-250 {
        height: 250px;
    }

    .ht-md-250p {
        height: 250%;
    }

    .mx-ht-md-250p {
        max-height: 250%;
    }

    .mn-ht-md-250p {
        min-height: 250%;
    }

    .ht-md-300 {
        height: 300px;
    }

    .ht-md-300p {
        height: 300%;
    }

    .mx-ht-md-300p {
        max-height: 300%;
    }

    .mn-ht-md-300p {
        min-height: 300%;
    }

    .ht-md-350 {
        height: 350px;
    }

    .ht-md-350p {
        height: 350%;
    }

    .mx-ht-md-350p {
        max-height: 350%;
    }

    .mn-ht-md-350p {
        min-height: 350%;
    }

    .ht-md-400 {
        height: 400px;
    }

    .ht-md-400p {
        height: 400%;
    }

    .mx-ht-md-400p {
        max-height: 400%;
    }

    .mn-ht-md-400p {
        min-height: 400%;
    }

    .ht-md-450 {
        height: 450px;
    }

    .ht-md-450p {
        height: 450%;
    }

    .mx-ht-md-450p {
        max-height: 450%;
    }

    .mn-ht-md-450p {
        min-height: 450%;
    }

    .ht-md-500 {
        height: 500px;
    }

    .ht-md-500p {
        height: 500%;
    }

    .mx-ht-md-500p {
        max-height: 500%;
    }

    .mn-ht-md-500p {
        min-height: 500%;
    }

    .ht-md-550 {
        height: 550px;
    }

    .ht-md-550p {
        height: 550%;
    }

    .mx-ht-md-550p {
        max-height: 550%;
    }

    .mn-ht-md-550p {
        min-height: 550%;
    }

    .ht-md-600 {
        height: 600px;
    }

    .ht-md-600p {
        height: 600%;
    }

    .mx-ht-md-600p {
        max-height: 600%;
    }

    .mn-ht-md-600p {
        min-height: 600%;
    }

    .ht-md-650 {
        height: 650px;
    }

    .ht-md-650p {
        height: 650%;
    }

    .mx-ht-md-650p {
        max-height: 650%;
    }

    .mn-ht-md-650p {
        min-height: 650%;
    }

    .ht-md-700 {
        height: 700px;
    }

    .ht-md-700p {
        height: 700%;
    }

    .mx-ht-md-700p {
        max-height: 700%;
    }

    .mn-ht-md-700p {
        min-height: 700%;
    }

    .ht-md-750 {
        height: 750px;
    }

    .ht-md-750p {
        height: 750%;
    }

    .mx-ht-md-750p {
        max-height: 750%;
    }

    .mn-ht-md-750p {
        min-height: 750%;
    }

    .ht-md-800 {
        height: 800px;
    }

    .ht-md-800p {
        height: 800%;
    }

    .mx-ht-md-800p {
        max-height: 800%;
    }

    .mn-ht-md-800p {
        min-height: 800%;
    }

    .ht-md-850 {
        height: 850px;
    }

    .ht-md-850p {
        height: 850%;
    }

    .mx-ht-md-850p {
        max-height: 850%;
    }

    .mn-ht-md-850p {
        min-height: 850%;
    }

    .ht-md-100v {
        height: 100vh;
    }
}
@media (min-width: 992px) {
    .ht-lg-5 {
        height: 5px;
    }

    .ht-lg-5p {
        height: 5%;
    }

    .mx-ht-lg-5p {
        max-height: 5%;
    }

    .mn-ht-lg-5p {
        min-height: 5%;
    }

    .ht-lg-10 {
        height: 10px;
    }

    .ht-lg-10p {
        height: 10%;
    }

    .mx-ht-lg-10p {
        max-height: 10%;
    }

    .mn-ht-lg-10p {
        min-height: 10%;
    }

    .ht-lg-15 {
        height: 15px;
    }

    .ht-lg-15p {
        height: 15%;
    }

    .mx-ht-lg-15p {
        max-height: 15%;
    }

    .mn-ht-lg-15p {
        min-height: 15%;
    }

    .ht-lg-20 {
        height: 20px;
    }

    .ht-lg-20p {
        height: 20%;
    }

    .mx-ht-lg-20p {
        max-height: 20%;
    }

    .mn-ht-lg-20p {
        min-height: 20%;
    }

    .ht-lg-25 {
        height: 25px;
    }

    .ht-lg-25p {
        height: 25%;
    }

    .mx-ht-lg-25p {
        max-height: 25%;
    }

    .mn-ht-lg-25p {
        min-height: 25%;
    }

    .ht-lg-30 {
        height: 30px;
    }

    .ht-lg-30p {
        height: 30%;
    }

    .mx-ht-lg-30p {
        max-height: 30%;
    }

    .mn-ht-lg-30p {
        min-height: 30%;
    }

    .ht-lg-35 {
        height: 35px;
    }

    .ht-lg-35p {
        height: 35%;
    }

    .mx-ht-lg-35p {
        max-height: 35%;
    }

    .mn-ht-lg-35p {
        min-height: 35%;
    }

    .ht-lg-40 {
        height: 40px;
    }

    .ht-lg-40p {
        height: 40%;
    }

    .mx-ht-lg-40p {
        max-height: 40%;
    }

    .mn-ht-lg-40p {
        min-height: 40%;
    }

    .ht-lg-45 {
        height: 45px;
    }

    .ht-lg-45p {
        height: 45%;
    }

    .mx-ht-lg-45p {
        max-height: 45%;
    }

    .mn-ht-lg-45p {
        min-height: 45%;
    }

    .ht-lg-50 {
        height: 50px;
    }

    .ht-lg-50p {
        height: 50%;
    }

    .mx-ht-lg-50p {
        max-height: 50%;
    }

    .mn-ht-lg-50p {
        min-height: 50%;
    }

    .ht-lg-55 {
        height: 55px;
    }

    .ht-lg-55p {
        height: 55%;
    }

    .mx-ht-lg-55p {
        max-height: 55%;
    }

    .mn-ht-lg-55p {
        min-height: 55%;
    }

    .ht-lg-60 {
        height: 60px;
    }

    .ht-lg-60p {
        height: 60%;
    }

    .mx-ht-lg-60p {
        max-height: 60%;
    }

    .mn-ht-lg-60p {
        min-height: 60%;
    }

    .ht-lg-65 {
        height: 65px;
    }

    .ht-lg-65p {
        height: 65%;
    }

    .mx-ht-lg-65p {
        max-height: 65%;
    }

    .mn-ht-lg-65p {
        min-height: 65%;
    }

    .ht-lg-70 {
        height: 70px;
    }

    .ht-lg-70p {
        height: 70%;
    }

    .mx-ht-lg-70p {
        max-height: 70%;
    }

    .mn-ht-lg-70p {
        min-height: 70%;
    }

    .ht-lg-75 {
        height: 75px;
    }

    .ht-lg-75p {
        height: 75%;
    }

    .mx-ht-lg-75p {
        max-height: 75%;
    }

    .mn-ht-lg-75p {
        min-height: 75%;
    }

    .ht-lg-80 {
        height: 80px;
    }

    .ht-lg-80p {
        height: 80%;
    }

    .mx-ht-lg-80p {
        max-height: 80%;
    }

    .mn-ht-lg-80p {
        min-height: 80%;
    }

    .ht-lg-85 {
        height: 85px;
    }

    .ht-lg-85p {
        height: 85%;
    }

    .mx-ht-lg-85p {
        max-height: 85%;
    }

    .mn-ht-lg-85p {
        min-height: 85%;
    }

    .ht-lg-90 {
        height: 90px;
    }

    .ht-lg-90p {
        height: 90%;
    }

    .mx-ht-lg-90p {
        max-height: 90%;
    }

    .mn-ht-lg-90p {
        min-height: 90%;
    }

    .ht-lg-95 {
        height: 95px;
    }

    .ht-lg-95p {
        height: 95%;
    }

    .mx-ht-lg-95p {
        max-height: 95%;
    }

    .mn-ht-lg-95p {
        min-height: 95%;
    }

    .ht-lg-100 {
        height: 100px;
    }

    .ht-lg-100p {
        height: 100%;
    }

    .mx-ht-lg-100p {
        max-height: 100%;
    }

    .mn-ht-lg-100p {
        min-height: 100%;
    }

    .ht-lg-150 {
        height: 150px;
    }

    .ht-lg-150p {
        height: 150%;
    }

    .mx-ht-lg-150p {
        max-height: 150%;
    }

    .mn-ht-lg-150p {
        min-height: 150%;
    }

    .ht-lg-200 {
        height: 200px;
    }

    .ht-lg-200p {
        height: 200%;
    }

    .mx-ht-lg-200p {
        max-height: 200%;
    }

    .mn-ht-lg-200p {
        min-height: 200%;
    }

    .ht-lg-250 {
        height: 250px;
    }

    .ht-lg-250p {
        height: 250%;
    }

    .mx-ht-lg-250p {
        max-height: 250%;
    }

    .mn-ht-lg-250p {
        min-height: 250%;
    }

    .ht-lg-300 {
        height: 300px;
    }

    .ht-lg-300p {
        height: 300%;
    }

    .mx-ht-lg-300p {
        max-height: 300%;
    }

    .mn-ht-lg-300p {
        min-height: 300%;
    }

    .ht-lg-350 {
        height: 350px;
    }

    .ht-lg-350p {
        height: 350%;
    }

    .mx-ht-lg-350p {
        max-height: 350%;
    }

    .mn-ht-lg-350p {
        min-height: 350%;
    }

    .ht-lg-400 {
        height: 400px;
    }

    .ht-lg-400p {
        height: 400%;
    }

    .mx-ht-lg-400p {
        max-height: 400%;
    }

    .mn-ht-lg-400p {
        min-height: 400%;
    }

    .ht-lg-450 {
        height: 450px;
    }

    .ht-lg-450p {
        height: 450%;
    }

    .mx-ht-lg-450p {
        max-height: 450%;
    }

    .mn-ht-lg-450p {
        min-height: 450%;
    }

    .ht-lg-500 {
        height: 500px;
    }

    .ht-lg-500p {
        height: 500%;
    }

    .mx-ht-lg-500p {
        max-height: 500%;
    }

    .mn-ht-lg-500p {
        min-height: 500%;
    }

    .ht-lg-550 {
        height: 550px;
    }

    .ht-lg-550p {
        height: 550%;
    }

    .mx-ht-lg-550p {
        max-height: 550%;
    }

    .mn-ht-lg-550p {
        min-height: 550%;
    }

    .ht-lg-600 {
        height: 600px;
    }

    .ht-lg-600p {
        height: 600%;
    }

    .mx-ht-lg-600p {
        max-height: 600%;
    }

    .mn-ht-lg-600p {
        min-height: 600%;
    }

    .ht-lg-650 {
        height: 650px;
    }

    .ht-lg-650p {
        height: 650%;
    }

    .mx-ht-lg-650p {
        max-height: 650%;
    }

    .mn-ht-lg-650p {
        min-height: 650%;
    }

    .ht-lg-700 {
        height: 700px;
    }

    .ht-lg-700p {
        height: 700%;
    }

    .mx-ht-lg-700p {
        max-height: 700%;
    }

    .mn-ht-lg-700p {
        min-height: 700%;
    }

    .ht-lg-750 {
        height: 750px;
    }

    .ht-lg-750p {
        height: 750%;
    }

    .mx-ht-lg-750p {
        max-height: 750%;
    }

    .mn-ht-lg-750p {
        min-height: 750%;
    }

    .ht-lg-800 {
        height: 800px;
    }

    .ht-lg-800p {
        height: 800%;
    }

    .mx-ht-lg-800p {
        max-height: 800%;
    }

    .mn-ht-lg-800p {
        min-height: 800%;
    }

    .ht-lg-850 {
        height: 850px;
    }

    .ht-lg-850p {
        height: 850%;
    }

    .mx-ht-lg-850p {
        max-height: 850%;
    }

    .mn-ht-lg-850p {
        min-height: 850%;
    }

    .ht-lg-100v {
        height: 100vh;
    }
}
@media (min-width: 1200px) {
    .ht-xl-5 {
        height: 5px;
    }

    .ht-xl-5p {
        height: 5%;
    }

    .mx-ht-xl-5p {
        max-height: 5%;
    }

    .mn-ht-xl-5p {
        min-height: 5%;
    }

    .ht-xl-10 {
        height: 10px;
    }

    .ht-xl-10p {
        height: 10%;
    }

    .mx-ht-xl-10p {
        max-height: 10%;
    }

    .mn-ht-xl-10p {
        min-height: 10%;
    }

    .ht-xl-15 {
        height: 15px;
    }

    .ht-xl-15p {
        height: 15%;
    }

    .mx-ht-xl-15p {
        max-height: 15%;
    }

    .mn-ht-xl-15p {
        min-height: 15%;
    }

    .ht-xl-20 {
        height: 20px;
    }

    .ht-xl-20p {
        height: 20%;
    }

    .mx-ht-xl-20p {
        max-height: 20%;
    }

    .mn-ht-xl-20p {
        min-height: 20%;
    }

    .ht-xl-25 {
        height: 25px;
    }

    .ht-xl-25p {
        height: 25%;
    }

    .mx-ht-xl-25p {
        max-height: 25%;
    }

    .mn-ht-xl-25p {
        min-height: 25%;
    }

    .ht-xl-30 {
        height: 30px;
    }

    .ht-xl-30p {
        height: 30%;
    }

    .mx-ht-xl-30p {
        max-height: 30%;
    }

    .mn-ht-xl-30p {
        min-height: 30%;
    }

    .ht-xl-35 {
        height: 35px;
    }

    .ht-xl-35p {
        height: 35%;
    }

    .mx-ht-xl-35p {
        max-height: 35%;
    }

    .mn-ht-xl-35p {
        min-height: 35%;
    }

    .ht-xl-40 {
        height: 40px;
    }

    .ht-xl-40p {
        height: 40%;
    }

    .mx-ht-xl-40p {
        max-height: 40%;
    }

    .mn-ht-xl-40p {
        min-height: 40%;
    }

    .ht-xl-45 {
        height: 45px;
    }

    .ht-xl-45p {
        height: 45%;
    }

    .mx-ht-xl-45p {
        max-height: 45%;
    }

    .mn-ht-xl-45p {
        min-height: 45%;
    }

    .ht-xl-50 {
        height: 50px;
    }

    .ht-xl-50p {
        height: 50%;
    }

    .mx-ht-xl-50p {
        max-height: 50%;
    }

    .mn-ht-xl-50p {
        min-height: 50%;
    }

    .ht-xl-55 {
        height: 55px;
    }

    .ht-xl-55p {
        height: 55%;
    }

    .mx-ht-xl-55p {
        max-height: 55%;
    }

    .mn-ht-xl-55p {
        min-height: 55%;
    }

    .ht-xl-60 {
        height: 60px;
    }

    .ht-xl-60p {
        height: 60%;
    }

    .mx-ht-xl-60p {
        max-height: 60%;
    }

    .mn-ht-xl-60p {
        min-height: 60%;
    }

    .ht-xl-65 {
        height: 65px;
    }

    .ht-xl-65p {
        height: 65%;
    }

    .mx-ht-xl-65p {
        max-height: 65%;
    }

    .mn-ht-xl-65p {
        min-height: 65%;
    }

    .ht-xl-70 {
        height: 70px;
    }

    .ht-xl-70p {
        height: 70%;
    }

    .mx-ht-xl-70p {
        max-height: 70%;
    }

    .mn-ht-xl-70p {
        min-height: 70%;
    }

    .ht-xl-75 {
        height: 75px;
    }

    .ht-xl-75p {
        height: 75%;
    }

    .mx-ht-xl-75p {
        max-height: 75%;
    }

    .mn-ht-xl-75p {
        min-height: 75%;
    }

    .ht-xl-80 {
        height: 80px;
    }

    .ht-xl-80p {
        height: 80%;
    }

    .mx-ht-xl-80p {
        max-height: 80%;
    }

    .mn-ht-xl-80p {
        min-height: 80%;
    }

    .ht-xl-85 {
        height: 85px;
    }

    .ht-xl-85p {
        height: 85%;
    }

    .mx-ht-xl-85p {
        max-height: 85%;
    }

    .mn-ht-xl-85p {
        min-height: 85%;
    }

    .ht-xl-90 {
        height: 90px;
    }

    .ht-xl-90p {
        height: 90%;
    }

    .mx-ht-xl-90p {
        max-height: 90%;
    }

    .mn-ht-xl-90p {
        min-height: 90%;
    }

    .ht-xl-95 {
        height: 95px;
    }

    .ht-xl-95p {
        height: 95%;
    }

    .mx-ht-xl-95p {
        max-height: 95%;
    }

    .mn-ht-xl-95p {
        min-height: 95%;
    }

    .ht-xl-100 {
        height: 100px;
    }

    .ht-xl-100p {
        height: 100%;
    }

    .mx-ht-xl-100p {
        max-height: 100%;
    }

    .mn-ht-xl-100p {
        min-height: 100%;
    }

    .ht-xl-150 {
        height: 150px;
    }

    .ht-xl-150p {
        height: 150%;
    }

    .mx-ht-xl-150p {
        max-height: 150%;
    }

    .mn-ht-xl-150p {
        min-height: 150%;
    }

    .ht-xl-200 {
        height: 200px;
    }

    .ht-xl-200p {
        height: 200%;
    }

    .mx-ht-xl-200p {
        max-height: 200%;
    }

    .mn-ht-xl-200p {
        min-height: 200%;
    }

    .ht-xl-250 {
        height: 250px;
    }

    .ht-xl-250p {
        height: 250%;
    }

    .mx-ht-xl-250p {
        max-height: 250%;
    }

    .mn-ht-xl-250p {
        min-height: 250%;
    }

    .ht-xl-300 {
        height: 300px;
    }

    .ht-xl-300p {
        height: 300%;
    }

    .mx-ht-xl-300p {
        max-height: 300%;
    }

    .mn-ht-xl-300p {
        min-height: 300%;
    }

    .ht-xl-350 {
        height: 350px;
    }

    .ht-xl-350p {
        height: 350%;
    }

    .mx-ht-xl-350p {
        max-height: 350%;
    }

    .mn-ht-xl-350p {
        min-height: 350%;
    }

    .ht-xl-400 {
        height: 400px;
    }

    .ht-xl-400p {
        height: 400%;
    }

    .mx-ht-xl-400p {
        max-height: 400%;
    }

    .mn-ht-xl-400p {
        min-height: 400%;
    }

    .ht-xl-450 {
        height: 450px;
    }

    .ht-xl-450p {
        height: 450%;
    }

    .mx-ht-xl-450p {
        max-height: 450%;
    }

    .mn-ht-xl-450p {
        min-height: 450%;
    }

    .ht-xl-500 {
        height: 500px;
    }

    .ht-xl-500p {
        height: 500%;
    }

    .mx-ht-xl-500p {
        max-height: 500%;
    }

    .mn-ht-xl-500p {
        min-height: 500%;
    }

    .ht-xl-550 {
        height: 550px;
    }

    .ht-xl-550p {
        height: 550%;
    }

    .mx-ht-xl-550p {
        max-height: 550%;
    }

    .mn-ht-xl-550p {
        min-height: 550%;
    }

    .ht-xl-600 {
        height: 600px;
    }

    .ht-xl-600p {
        height: 600%;
    }

    .mx-ht-xl-600p {
        max-height: 600%;
    }

    .mn-ht-xl-600p {
        min-height: 600%;
    }

    .ht-xl-650 {
        height: 650px;
    }

    .ht-xl-650p {
        height: 650%;
    }

    .mx-ht-xl-650p {
        max-height: 650%;
    }

    .mn-ht-xl-650p {
        min-height: 650%;
    }

    .ht-xl-700 {
        height: 700px;
    }

    .ht-xl-700p {
        height: 700%;
    }

    .mx-ht-xl-700p {
        max-height: 700%;
    }

    .mn-ht-xl-700p {
        min-height: 700%;
    }

    .ht-xl-750 {
        height: 750px;
    }

    .ht-xl-750p {
        height: 750%;
    }

    .mx-ht-xl-750p {
        max-height: 750%;
    }

    .mn-ht-xl-750p {
        min-height: 750%;
    }

    .ht-xl-800 {
        height: 800px;
    }

    .ht-xl-800p {
        height: 800%;
    }

    .mx-ht-xl-800p {
        max-height: 800%;
    }

    .mn-ht-xl-800p {
        min-height: 800%;
    }

    .ht-xl-850 {
        height: 850px;
    }

    .ht-xl-850p {
        height: 850%;
    }

    .mx-ht-xl-850p {
        max-height: 850%;
    }

    .mn-ht-xl-850p {
        min-height: 850%;
    }

    .ht-xl-100v {
        height: 100vh;
    }
}
.lh-50 {
    line-height: 50px;
}
.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;
}
.mh-100 {
    max-height: 100% !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.vh-100 {
    height: 100vh !important;
}
.h-330 {
    height: 330px !important;
}
.h-270 {
    height: 270px !important;
}
.h-300 {
    height: 300px !important;
}
/* ###### Height ###### */
/* ###### Margin ###### */
.mg-0 {
    margin: 0px;
}
.mg-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mg-x-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.mg-t-0 {
    margin-top: 0px;
}
.mg-r-0 {
    margin-right: 0px;
}
.mg-b-0 {
    margin-bottom: 0px;
}
.mg-l-0 {
    margin-left: 0px;
}
.mg-1 {
    margin: 1px;
}
.mg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}
.mg-x-1 {
    margin-left: 1px;
    margin-right: 1px;
}
.mg-t-1 {
    margin-top: 1px;
}
.mg-r-1 {
    margin-right: 1px;
}
.mg-b-1 {
    margin-bottom: 1px;
}
.mg-l-1 {
    margin-left: 1px;
}
.mg-2 {
    margin: 2px;
}
.mg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}
.mg-x-2 {
    margin-left: 2px;
    margin-right: 2px;
}
.mg-t-2 {
    margin-top: 2px;
}
.mg-r-2 {
    margin-right: 2px;
}
.mg-b-2 {
    margin-bottom: 2px;
}
.mg-l-2 {
    margin-left: 2px;
}
.mg-3 {
    margin: 3px;
}
.mg-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}
.mg-x-3 {
    margin-left: 3px;
    margin-right: 3px;
}
.mg-t-3 {
    margin-top: 3px;
}
.mg-r-3 {
    margin-right: 3px;
}
.mg-b-3 {
    margin-bottom: 3px;
}
.mg-l-3 {
    margin-left: 3px;
}
.mg-4 {
    margin: 4px;
}
.mg-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.mg-x-4 {
    margin-left: 4px;
    margin-right: 4px;
}
.mg-t-4 {
    margin-top: 4px;
}
.mg-r-4 {
    margin-right: 4px;
}
.mg-b-4 {
    margin-bottom: 4px;
}
.mg-l-4 {
    margin-left: 4px;
}
.mg-5 {
    margin: 5px;
}
.mg-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.mg-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}
.mg-t-5 {
    margin-top: 5px;
}
.mg-r-5 {
    margin-right: 5px;
}
.mg-b-5 {
    margin-bottom: 5px !important;
}
.mg-l-5 {
    margin-left: 5px;
}
.mg-6 {
    margin: 6px;
}
.mg-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}
.mg-x-6 {
    margin-left: 6px;
    margin-right: 6px;
}
.mg-t-6 {
    margin-top: 6px;
}
.mg-r-6 {
    margin-right: 6px;
}
.mg-b-6 {
    margin-bottom: 6px;
}
.mg-l-6 {
    margin-left: 6px;
}
.mg-7 {
    margin: 7px;
}
.mg-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
}
.mg-x-7 {
    margin-left: 7px;
    margin-right: 7px;
}
.mg-t-7 {
    margin-top: 7px;
}
.mg-r-7 {
    margin-right: 7px;
}
.mg-b-7 {
    margin-bottom: 7px;
}
.mg-l-7 {
    margin-left: 7px;
}
.mg-8 {
    margin: 8px;
}
.mg-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.mg-x-8 {
    margin-left: 8px;
    margin-right: 8px;
}
.mg-t-8 {
    margin-top: 8px;
}
.mg-r-8 {
    margin-right: 8px;
}
.mg-b-8 {
    margin-bottom: 8px;
}
.mg-l-8 {
    margin-left: 8px;
}
.mg-9 {
    margin: 9px;
}
.mg-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
}
.mg-x-9 {
    margin-left: 9px;
    margin-right: 9px;
}
.mg-t-9 {
    margin-top: 9px;
}
.mg-r-9 {
    margin-right: 9px;
}
.mg-b-9 {
    margin-bottom: 9px;
}
.mg-l-9 {
    margin-left: 9px;
}
.mg-10 {
    margin: 10px;
}
.mg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mg-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.mg-t-10 {
    margin-top: 10px;
}
.mg-r-10 {
    margin-right: 10px;
}
.mg-b-10 {
    margin-bottom: 10px !important;
}
.mg-l-10 {
    margin-left: 10px;
}
.mg-15 {
    margin: 15px;
}
.mg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.mg-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.mg-t-15 {
    margin-top: 15px;
}
.mg-r-15 {
    margin-right: 15px;
}
.mg-b-15 {
    margin-bottom: 15px;
}
.mg-l-15 {
    margin-left: 15px;
}
.mg-20 {
    margin: 20px;
}
.mg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mg-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.mg-t-20 {
    margin-top: 20px;
}
.mg-r-20 {
    margin-right: 20px;
}
.mg-b-20 {
    margin-bottom: 20px;
}
.mg-l-20 {
    margin-left: 20px;
}
.mg-25 {
    margin: 25px;
}
.mg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.mg-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}
.mg-t-25 {
    margin-top: 25px;
}
.mg-r-25 {
    margin-right: 25px;
}
.mg-b-25 {
    margin-bottom: 25px;
}
.mg-l-25 {
    margin-left: 25px;
}
.mg-30 {
    margin: 30px;
}
.mg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.mg-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}
.mg-t-30 {
    margin-top: 30px;
}
.mg-r-30 {
    margin-right: 30px;
}
.mg-b-30 {
    margin-bottom: 30px;
}
.mg-l-30 {
    margin-left: 30px;
}
.mg-35 {
    margin: 35px;
}
.mg-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}
.mg-x-35 {
    margin-left: 35px;
    margin-right: 35px;
}
.mg-t-35 {
    margin-top: 35px;
}
.mg-r-35 {
    margin-right: 35px;
}
.mg-b-35 {
    margin-bottom: 35px;
}
.mg-l-35 {
    margin-left: 35px;
}
.mg-40 {
    margin: 40px;
}
.mg-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.mg-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.mg-t-40 {
    margin-top: 40px;
}
.mg-r-40 {
    margin-right: 40px;
}
.mg-b-40 {
    margin-bottom: 40px;
}
.mg-l-40 {
    margin-left: 40px;
}
.mg-45 {
    margin: 45px;
}
.mg-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}
.mg-x-45 {
    margin-left: 45px;
    margin-right: 45px;
}
.mg-t-45 {
    margin-top: 45px;
}
.mg-r-45 {
    margin-right: 45px;
}
.mg-b-45 {
    margin-bottom: 45px;
}
.mg-l-45 {
    margin-left: 45px;
}
.mg-50 {
    margin: 50px;
}
.mg-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.mg-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}
.mg-t-50 {
    margin-top: 50px;
}
.mg-r-50 {
    margin-right: 50px;
}
.mg-b-50 {
    margin-bottom: 50px;
}
.mg-l-50 {
    margin-left: 50px;
}
.mg-55 {
    margin: 55px;
}
.mg-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}
.mg-x-55 {
    margin-left: 55px;
    margin-right: 55px;
}
.mg-t-55 {
    margin-top: 55px;
}
.mg-r-55 {
    margin-right: 55px;
}
.mg-b-55 {
    margin-bottom: 55px;
}
.mg-l-55 {
    margin-left: 55px;
}
.mg-60 {
    margin: 60px;
}
.mg-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.mg-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}
.mg-t-60 {
    margin-top: 60px;
}
.mg-r-60 {
    margin-right: 60px;
}
.mg-b-60 {
    margin-bottom: 60px;
}
.mg-l-60 {
    margin-left: 60px;
}
.mg-65 {
    margin: 65px;
}
.mg-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}
.mg-x-65 {
    margin-left: 65px;
    margin-right: 65px;
}
.mg-t-65 {
    margin-top: 65px;
}
.mg-r-65 {
    margin-right: 65px;
}
.mg-b-65 {
    margin-bottom: 65px;
}
.mg-l-65 {
    margin-left: 65px;
}
.mg-70 {
    margin: 70px;
}
.mg-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}
.mg-x-70 {
    margin-left: 70px;
    margin-right: 70px;
}
.mg-t-70 {
    margin-top: 70px;
}
.mg-r-70 {
    margin-right: 70px;
}
.mg-b-70 {
    margin-bottom: 70px;
}
.mg-l-70 {
    margin-left: 70px;
}
.mg-75 {
    margin: 75px;
}
.mg-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}
.mg-x-75 {
    margin-left: 75px;
    margin-right: 75px;
}
.mg-t-75 {
    margin-top: 75px;
}
.mg-r-75 {
    margin-right: 75px;
}
.mg-b-75 {
    margin-bottom: 75px;
}
.mg-l-75 {
    margin-left: 75px;
}
.mg-80 {
    margin: 80px;
}
.mg-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mg-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}
.mg-t-80 {
    margin-top: 80px;
}
.mg-r-80 {
    margin-right: 80px;
}
.mg-b-80 {
    margin-bottom: 80px;
}
.mg-l-80 {
    margin-left: 80px;
}
.mg-85 {
    margin: 85px;
}
.mg-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}
.mg-x-85 {
    margin-left: 85px;
    margin-right: 85px;
}
.mg-t-85 {
    margin-top: 85px;
}
.mg-r-85 {
    margin-right: 85px;
}
.mg-b-85 {
    margin-bottom: 85px;
}
.mg-l-85 {
    margin-left: 85px;
}
.mg-90 {
    margin: 90px;
}
.mg-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}
.mg-x-90 {
    margin-left: 90px;
    margin-right: 90px;
}
.mg-t-90 {
    margin-top: 90px;
}
.mg-r-90 {
    margin-right: 90px;
}
.mg-b-90 {
    margin-bottom: 90px;
}
.mg-l-90 {
    margin-left: 90px;
}
.mg-95 {
    margin: 95px;
}
.mg-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
}
.mg-x-95 {
    margin-left: 95px;
    margin-right: 95px;
}
.mg-t-95 {
    margin-top: 95px;
}
.mg-r-95 {
    margin-right: 95px;
}
.mg-b-95 {
    margin-bottom: 95px;
}
.mg-l-95 {
    margin-left: 95px;
}
.mg-100 {
    margin: 100px;
}
.mg-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.mg-x-100 {
    margin-left: 100px;
    margin-right: 100px;
}
.mg-t-100 {
    margin-top: 100px;
}
.mg-r-100 {
    margin-right: 100px;
}
.mg-b-100 {
    margin-bottom: 100px;
}
.mg-l-100 {
    margin-left: 100px;
}
.mg-105 {
    margin: 105px;
}
.mg-y-105 {
    margin-top: 105px;
    margin-bottom: 105px;
}
.mg-x-105 {
    margin-left: 105px;
    margin-right: 105px;
}
.mg-t-105 {
    margin-top: 105px;
}
.mg-r-105 {
    margin-right: 105px;
}
.mg-b-105 {
    margin-bottom: 105px;
}
.mg-l-105 {
    margin-left: 105px;
}
.mg-110 {
    margin: 110px;
}
.mg-y-110 {
    margin-top: 110px;
    margin-bottom: 110px;
}
.mg-x-110 {
    margin-left: 110px;
    margin-right: 110px;
}
.mg-t-110 {
    margin-top: 110px;
}
.mg-r-110 {
    margin-right: 110px;
}
.mg-b-110 {
    margin-bottom: 110px;
}
.mg-l-110 {
    margin-left: 110px;
}
.mg-115 {
    margin: 115px;
}
.mg-y-115 {
    margin-top: 115px;
    margin-bottom: 115px;
}
.mg-x-115 {
    margin-left: 115px;
    margin-right: 115px;
}
.mg-t-115 {
    margin-top: 115px;
}
.mg-r-115 {
    margin-right: 115px;
}
.mg-b-115 {
    margin-bottom: 115px;
}
.mg-l-115 {
    margin-left: 115px;
}
.mg-120 {
    margin: 120px;
}
.mg-y-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}
.mg-x-120 {
    margin-left: 120px;
    margin-right: 120px;
}
.mg-t-120 {
    margin-top: 120px;
}
.mg-r-120 {
    margin-right: 120px;
}
.mg-b-120 {
    margin-bottom: 120px;
}
.mg-l-120 {
    margin-left: 120px;
}
.mg-t-auto {
    margin-top: auto;
}
.mg-r-auto {
    margin-right: auto;
}
.mg-b-auto {
    margin-bottom: auto;
}
.mg-l-auto {
    margin-left: auto;
}
.mg-x-auto {
    margin: auto;
}
@media (min-width: 480px) {
    .mg-xs-0 {
        margin: 0px;
    }

    .mg-xs-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-xs-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-xs-t-0 {
        margin-top: 0px;
    }

    .mg-xs-r-0 {
        margin-right: 0px;
    }

    .mg-xs-b-0 {
        margin-bottom: 0px;
    }

    .mg-xs-l-0 {
        margin-left: 0px;
    }

    .mg-xs-1 {
        margin: 1px;
    }

    .mg-xs-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-xs-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-xs-t-1 {
        margin-top: 1px;
    }

    .mg-xs-r-1 {
        margin-right: 1px;
    }

    .mg-xs-b-1 {
        margin-bottom: 1px;
    }

    .mg-xs-l-1 {
        margin-left: 1px;
    }

    .mg-xs-2 {
        margin: 2px;
    }

    .mg-xs-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-xs-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-xs-t-2 {
        margin-top: 2px;
    }

    .mg-xs-r-2 {
        margin-right: 2px;
    }

    .mg-xs-b-2 {
        margin-bottom: 2px;
    }

    .mg-xs-l-2 {
        margin-left: 2px;
    }

    .mg-xs-3 {
        margin: 3px;
    }

    .mg-xs-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-xs-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-xs-t-3 {
        margin-top: 3px;
    }

    .mg-xs-r-3 {
        margin-right: 3px;
    }

    .mg-xs-b-3 {
        margin-bottom: 3px;
    }

    .mg-xs-l-3 {
        margin-left: 3px;
    }

    .mg-xs-4 {
        margin: 4px;
    }

    .mg-xs-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-xs-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-xs-t-4 {
        margin-top: 4px;
    }

    .mg-xs-r-4 {
        margin-right: 4px;
    }

    .mg-xs-b-4 {
        margin-bottom: 4px;
    }

    .mg-xs-l-4 {
        margin-left: 4px;
    }

    .mg-xs-5 {
        margin: 5px;
    }

    .mg-xs-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-xs-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-xs-t-5 {
        margin-top: 5px;
    }

    .mg-xs-r-5 {
        margin-right: 5px;
    }

    .mg-xs-b-5 {
        margin-bottom: 5px;
    }

    .mg-xs-l-5 {
        margin-left: 5px;
    }

    .mg-xs-6 {
        margin: 6px;
    }

    .mg-xs-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-xs-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-xs-t-6 {
        margin-top: 6px;
    }

    .mg-xs-r-6 {
        margin-right: 6px;
    }

    .mg-xs-b-6 {
        margin-bottom: 6px;
    }

    .mg-xs-l-6 {
        margin-left: 6px;
    }

    .mg-xs-7 {
        margin: 7px;
    }

    .mg-xs-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-xs-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-xs-t-7 {
        margin-top: 7px;
    }

    .mg-xs-r-7 {
        margin-right: 7px;
    }

    .mg-xs-b-7 {
        margin-bottom: 7px;
    }

    .mg-xs-l-7 {
        margin-left: 7px;
    }

    .mg-xs-8 {
        margin: 8px;
    }

    .mg-xs-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-xs-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-xs-t-8 {
        margin-top: 8px;
    }

    .mg-xs-r-8 {
        margin-right: 8px;
    }

    .mg-xs-b-8 {
        margin-bottom: 8px;
    }

    .mg-xs-l-8 {
        margin-left: 8px;
    }

    .mg-xs-9 {
        margin: 9px;
    }

    .mg-xs-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-xs-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-xs-t-9 {
        margin-top: 9px;
    }

    .mg-xs-r-9 {
        margin-right: 9px;
    }

    .mg-xs-b-9 {
        margin-bottom: 9px;
    }

    .mg-xs-l-9 {
        margin-left: 9px;
    }

    .mg-xs-10 {
        margin: 10px;
    }

    .mg-xs-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-xs-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-xs-t-10 {
        margin-top: 10px;
    }

    .mg-xs-r-10 {
        margin-right: 10px;
    }

    .mg-xs-b-10 {
        margin-bottom: 10px;
    }

    .mg-xs-l-10 {
        margin-left: 10px;
    }

    .mg-xs-15 {
        margin: 15px;
    }

    .mg-xs-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-xs-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-xs-t-15 {
        margin-top: 15px;
    }

    .mg-xs-r-15 {
        margin-right: 15px;
    }

    .mg-xs-b-15 {
        margin-bottom: 15px;
    }

    .mg-xs-l-15 {
        margin-left: 15px;
    }

    .mg-xs-20 {
        margin: 20px;
    }

    .mg-xs-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-xs-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-xs-t-20 {
        margin-top: 20px;
    }

    .mg-xs-r-20 {
        margin-right: 20px;
    }

    .mg-xs-b-20 {
        margin-bottom: 20px;
    }

    .mg-xs-l-20 {
        margin-left: 20px;
    }

    .mg-xs-25 {
        margin: 25px;
    }

    .mg-xs-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-xs-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-xs-t-25 {
        margin-top: 25px;
    }

    .mg-xs-r-25 {
        margin-right: 25px;
    }

    .mg-xs-b-25 {
        margin-bottom: 25px;
    }

    .mg-xs-l-25 {
        margin-left: 25px;
    }

    .mg-xs-30 {
        margin: 30px;
    }

    .mg-xs-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-xs-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-xs-t-30 {
        margin-top: 30px;
    }

    .mg-xs-r-30 {
        margin-right: 30px;
    }

    .mg-xs-b-30 {
        margin-bottom: 30px;
    }

    .mg-xs-l-30 {
        margin-left: 30px;
    }

    .mg-xs-35 {
        margin: 35px;
    }

    .mg-xs-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-xs-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-xs-t-35 {
        margin-top: 35px;
    }

    .mg-xs-r-35 {
        margin-right: 35px;
    }

    .mg-xs-b-35 {
        margin-bottom: 35px;
    }

    .mg-xs-l-35 {
        margin-left: 35px;
    }

    .mg-xs-40 {
        margin: 40px;
    }

    .mg-xs-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-xs-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-xs-t-40 {
        margin-top: 40px;
    }

    .mg-xs-r-40 {
        margin-right: 40px;
    }

    .mg-xs-b-40 {
        margin-bottom: 40px;
    }

    .mg-xs-l-40 {
        margin-left: 40px;
    }

    .mg-xs-45 {
        margin: 45px;
    }

    .mg-xs-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-xs-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-xs-t-45 {
        margin-top: 45px;
    }

    .mg-xs-r-45 {
        margin-right: 45px;
    }

    .mg-xs-b-45 {
        margin-bottom: 45px;
    }

    .mg-xs-l-45 {
        margin-left: 45px;
    }

    .mg-xs-50 {
        margin: 50px;
    }

    .mg-xs-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-xs-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-xs-t-50 {
        margin-top: 50px;
    }

    .mg-xs-r-50 {
        margin-right: 50px;
    }

    .mg-xs-b-50 {
        margin-bottom: 50px;
    }

    .mg-xs-l-50 {
        margin-left: 50px;
    }

    .mg-xs-55 {
        margin: 55px;
    }

    .mg-xs-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-xs-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-xs-t-55 {
        margin-top: 55px;
    }

    .mg-xs-r-55 {
        margin-right: 55px;
    }

    .mg-xs-b-55 {
        margin-bottom: 55px;
    }

    .mg-xs-l-55 {
        margin-left: 55px;
    }

    .mg-xs-60 {
        margin: 60px;
    }

    .mg-xs-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-xs-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-xs-t-60 {
        margin-top: 60px;
    }

    .mg-xs-r-60 {
        margin-right: 60px;
    }

    .mg-xs-b-60 {
        margin-bottom: 60px;
    }

    .mg-xs-l-60 {
        margin-left: 60px;
    }

    .mg-xs-65 {
        margin: 65px;
    }

    .mg-xs-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-xs-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-xs-t-65 {
        margin-top: 65px;
    }

    .mg-xs-r-65 {
        margin-right: 65px;
    }

    .mg-xs-b-65 {
        margin-bottom: 65px;
    }

    .mg-xs-l-65 {
        margin-left: 65px;
    }

    .mg-xs-70 {
        margin: 70px;
    }

    .mg-xs-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-xs-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-xs-t-70 {
        margin-top: 70px;
    }

    .mg-xs-r-70 {
        margin-right: 70px;
    }

    .mg-xs-b-70 {
        margin-bottom: 70px;
    }

    .mg-xs-l-70 {
        margin-left: 70px;
    }

    .mg-xs-75 {
        margin: 75px;
    }

    .mg-xs-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-xs-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-xs-t-75 {
        margin-top: 75px;
    }

    .mg-xs-r-75 {
        margin-right: 75px;
    }

    .mg-xs-b-75 {
        margin-bottom: 75px;
    }

    .mg-xs-l-75 {
        margin-left: 75px;
    }

    .mg-xs-80 {
        margin: 80px;
    }

    .mg-xs-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-xs-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-xs-t-80 {
        margin-top: 80px;
    }

    .mg-xs-r-80 {
        margin-right: 80px;
    }

    .mg-xs-b-80 {
        margin-bottom: 80px;
    }

    .mg-xs-l-80 {
        margin-left: 80px;
    }

    .mg-xs-85 {
        margin: 85px;
    }

    .mg-xs-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-xs-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-xs-t-85 {
        margin-top: 85px;
    }

    .mg-xs-r-85 {
        margin-right: 85px;
    }

    .mg-xs-b-85 {
        margin-bottom: 85px;
    }

    .mg-xs-l-85 {
        margin-left: 85px;
    }

    .mg-xs-90 {
        margin: 90px;
    }

    .mg-xs-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-xs-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-xs-t-90 {
        margin-top: 90px;
    }

    .mg-xs-r-90 {
        margin-right: 90px;
    }

    .mg-xs-b-90 {
        margin-bottom: 90px;
    }

    .mg-xs-l-90 {
        margin-left: 90px;
    }

    .mg-xs-95 {
        margin: 95px;
    }

    .mg-xs-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-xs-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-xs-t-95 {
        margin-top: 95px;
    }

    .mg-xs-r-95 {
        margin-right: 95px;
    }

    .mg-xs-b-95 {
        margin-bottom: 95px;
    }

    .mg-xs-l-95 {
        margin-left: 95px;
    }

    .mg-xs-100 {
        margin: 100px;
    }

    .mg-xs-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-xs-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-xs-t-100 {
        margin-top: 100px;
    }

    .mg-xs-r-100 {
        margin-right: 100px;
    }

    .mg-xs-b-100 {
        margin-bottom: 100px;
    }

    .mg-xs-l-100 {
        margin-left: 100px;
    }

    .mg-xs-t-auto {
        margin-top: auto;
    }

    .mg-xs-r-auto {
        margin-right: auto;
    }

    .mg-xs-b-auto {
        margin-bottom: auto;
    }

    .mg-xs-l-auto {
        margin-left: auto;
    }

    .mg-xs-auto {
        margin: auto;
    }

    .mg-xs-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 576px) {
    .mg-sm-0 {
        margin: 0px;
    }

    .mg-sm-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-sm-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-sm-t-0 {
        margin-top: 0px;
    }

    .mg-sm-r-0 {
        margin-right: 0px;
    }

    .mg-sm-b-0 {
        margin-bottom: 0px;
    }

    .mg-sm-l-0 {
        margin-left: 0px;
    }

    .mg-sm-1 {
        margin: 1px;
    }

    .mg-sm-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-sm-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-sm-t-1 {
        margin-top: 1px;
    }

    .mg-sm-r-1 {
        margin-right: 1px;
    }

    .mg-sm-b-1 {
        margin-bottom: 1px;
    }

    .mg-sm-l-1 {
        margin-left: 1px;
    }

    .mg-sm-2 {
        margin: 2px;
    }

    .mg-sm-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-sm-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-sm-t-2 {
        margin-top: 2px;
    }

    .mg-sm-r-2 {
        margin-right: 2px;
    }

    .mg-sm-b-2 {
        margin-bottom: 2px;
    }

    .mg-sm-l-2 {
        margin-left: 2px;
    }

    .mg-sm-3 {
        margin: 3px;
    }

    .mg-sm-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-sm-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-sm-t-3 {
        margin-top: 3px;
    }

    .mg-sm-r-3 {
        margin-right: 3px;
    }

    .mg-sm-b-3 {
        margin-bottom: 3px;
    }

    .mg-sm-l-3 {
        margin-left: 3px;
    }

    .mg-sm-4 {
        margin: 4px;
    }

    .mg-sm-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-sm-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-sm-t-4 {
        margin-top: 4px;
    }

    .mg-sm-r-4 {
        margin-right: 4px;
    }

    .mg-sm-b-4 {
        margin-bottom: 4px;
    }

    .mg-sm-l-4 {
        margin-left: 4px;
    }

    .mg-sm-5 {
        margin: 5px;
    }

    .mg-sm-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-sm-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-sm-t-5 {
        margin-top: 5px;
    }

    .mg-sm-r-5 {
        margin-right: 5px;
    }

    .mg-sm-b-5 {
        margin-bottom: 5px;
    }

    .mg-sm-l-5 {
        margin-left: 5px;
    }

    .mg-sm-6 {
        margin: 6px;
    }

    .mg-sm-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-sm-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-sm-t-6 {
        margin-top: 6px;
    }

    .mg-sm-r-6 {
        margin-right: 6px;
    }

    .mg-sm-b-6 {
        margin-bottom: 6px;
    }

    .mg-sm-l-6 {
        margin-left: 6px;
    }

    .mg-sm-7 {
        margin: 7px;
    }

    .mg-sm-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-sm-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-sm-t-7 {
        margin-top: 7px;
    }

    .mg-sm-r-7 {
        margin-right: 7px;
    }

    .mg-sm-b-7 {
        margin-bottom: 7px;
    }

    .mg-sm-l-7 {
        margin-left: 7px;
    }

    .mg-sm-8 {
        margin: 8px;
    }

    .mg-sm-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-sm-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-sm-t-8 {
        margin-top: 8px;
    }

    .mg-sm-r-8 {
        margin-right: 8px;
    }

    .mg-sm-b-8 {
        margin-bottom: 8px;
    }

    .mg-sm-l-8 {
        margin-left: 8px;
    }

    .mg-sm-9 {
        margin: 9px;
    }

    .mg-sm-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-sm-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-sm-t-9 {
        margin-top: 9px;
    }

    .mg-sm-r-9 {
        margin-right: 9px;
    }

    .mg-sm-b-9 {
        margin-bottom: 9px;
    }

    .mg-sm-l-9 {
        margin-left: 9px;
    }

    .mg-sm-10 {
        margin: 10px;
    }

    .mg-sm-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-sm-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-sm-t-10 {
        margin-top: 10px;
    }

    .mg-sm-r-10 {
        margin-right: 10px;
    }

    .mg-sm-b-10 {
        margin-bottom: 10px;
    }

    .mg-sm-l-10 {
        margin-left: 10px;
    }

    .mg-sm-15 {
        margin: 15px;
    }

    .mg-sm-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-sm-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-sm-t-15 {
        margin-top: 15px;
    }

    .mg-sm-r-15 {
        margin-right: 15px;
    }

    .mg-sm-b-15 {
        margin-bottom: 15px;
    }

    .mg-sm-l-15 {
        margin-left: 15px;
    }

    .mg-sm-20 {
        margin: 20px;
    }

    .mg-sm-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-sm-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-sm-t-20 {
        margin-top: 20px;
    }

    .mg-sm-r-20 {
        margin-right: 20px;
    }

    .mg-sm-b-20 {
        margin-bottom: 20px;
    }

    .mg-sm-l-20 {
        margin-left: 20px;
    }

    .mg-sm-25 {
        margin: 25px;
    }

    .mg-sm-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-sm-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-sm-t-25 {
        margin-top: 25px;
    }

    .mg-sm-r-25 {
        margin-right: 25px;
    }

    .mg-sm-b-25 {
        margin-bottom: 25px;
    }

    .mg-sm-l-25 {
        margin-left: 25px;
    }

    .mg-sm-30 {
        margin: 30px;
    }

    .mg-sm-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-sm-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-sm-t-30 {
        margin-top: 30px;
    }

    .mg-sm-r-30 {
        margin-right: 30px;
    }

    .mg-sm-b-30 {
        margin-bottom: 30px;
    }

    .mg-sm-l-30 {
        margin-left: 30px;
    }

    .mg-sm-35 {
        margin: 35px;
    }

    .mg-sm-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-sm-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-sm-t-35 {
        margin-top: 35px;
    }

    .mg-sm-r-35 {
        margin-right: 35px;
    }

    .mg-sm-b-35 {
        margin-bottom: 35px;
    }

    .mg-sm-l-35 {
        margin-left: 35px;
    }

    .mg-sm-40 {
        margin: 40px;
    }

    .mg-sm-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-sm-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-sm-t-40 {
        margin-top: 40px;
    }

    .mg-sm-r-40 {
        margin-right: 40px;
    }

    .mg-sm-b-40 {
        margin-bottom: 40px;
    }

    .mg-sm-l-40 {
        margin-left: 40px;
    }

    .mg-sm-45 {
        margin: 45px;
    }

    .mg-sm-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-sm-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-sm-t-45 {
        margin-top: 45px;
    }

    .mg-sm-r-45 {
        margin-right: 45px;
    }

    .mg-sm-b-45 {
        margin-bottom: 45px;
    }

    .mg-sm-l-45 {
        margin-left: 45px;
    }

    .mg-sm-50 {
        margin: 50px;
    }

    .mg-sm-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-sm-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-sm-t-50 {
        margin-top: 50px;
    }

    .mg-sm-r-50 {
        margin-right: 50px;
    }

    .mg-sm-b-50 {
        margin-bottom: 50px;
    }

    .mg-sm-l-50 {
        margin-left: 50px;
    }

    .mg-sm-55 {
        margin: 55px;
    }

    .mg-sm-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-sm-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-sm-t-55 {
        margin-top: 55px;
    }

    .mg-sm-r-55 {
        margin-right: 55px;
    }

    .mg-sm-b-55 {
        margin-bottom: 55px;
    }

    .mg-sm-l-55 {
        margin-left: 55px;
    }

    .mg-sm-60 {
        margin: 60px;
    }

    .mg-sm-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-sm-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-sm-t-60 {
        margin-top: 60px;
    }

    .mg-sm-r-60 {
        margin-right: 60px;
    }

    .mg-sm-b-60 {
        margin-bottom: 60px;
    }

    .mg-sm-l-60 {
        margin-left: 60px;
    }

    .mg-sm-65 {
        margin: 65px;
    }

    .mg-sm-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-sm-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-sm-t-65 {
        margin-top: 65px;
    }

    .mg-sm-r-65 {
        margin-right: 65px;
    }

    .mg-sm-b-65 {
        margin-bottom: 65px;
    }

    .mg-sm-l-65 {
        margin-left: 65px;
    }

    .mg-sm-70 {
        margin: 70px;
    }

    .mg-sm-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-sm-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-sm-t-70 {
        margin-top: 70px;
    }

    .mg-sm-r-70 {
        margin-right: 70px;
    }

    .mg-sm-b-70 {
        margin-bottom: 70px;
    }

    .mg-sm-l-70 {
        margin-left: 70px;
    }

    .mg-sm-75 {
        margin: 75px;
    }

    .mg-sm-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-sm-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-sm-t-75 {
        margin-top: 75px;
    }

    .mg-sm-r-75 {
        margin-right: 75px;
    }

    .mg-sm-b-75 {
        margin-bottom: 75px;
    }

    .mg-sm-l-75 {
        margin-left: 75px;
    }

    .mg-sm-80 {
        margin: 80px;
    }

    .mg-sm-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-sm-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-sm-t-80 {
        margin-top: 80px;
    }

    .mg-sm-r-80 {
        margin-right: 80px;
    }

    .mg-sm-b-80 {
        margin-bottom: 80px;
    }

    .mg-sm-l-80 {
        margin-left: 80px;
    }

    .mg-sm-85 {
        margin: 85px;
    }

    .mg-sm-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-sm-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-sm-t-85 {
        margin-top: 85px;
    }

    .mg-sm-r-85 {
        margin-right: 85px;
    }

    .mg-sm-b-85 {
        margin-bottom: 85px;
    }

    .mg-sm-l-85 {
        margin-left: 85px;
    }

    .mg-sm-90 {
        margin: 90px;
    }

    .mg-sm-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-sm-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-sm-t-90 {
        margin-top: 90px;
    }

    .mg-sm-r-90 {
        margin-right: 90px;
    }

    .mg-sm-b-90 {
        margin-bottom: 90px;
    }

    .mg-sm-l-90 {
        margin-left: 90px;
    }

    .mg-sm-95 {
        margin: 95px;
    }

    .mg-sm-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-sm-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-sm-t-95 {
        margin-top: 95px;
    }

    .mg-sm-r-95 {
        margin-right: 95px;
    }

    .mg-sm-b-95 {
        margin-bottom: 95px;
    }

    .mg-sm-l-95 {
        margin-left: 95px;
    }

    .mg-sm-100 {
        margin: 100px;
    }

    .mg-sm-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-sm-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-sm-t-100 {
        margin-top: 100px;
    }

    .mg-sm-r-100 {
        margin-right: 100px;
    }

    .mg-sm-b-100 {
        margin-bottom: 100px;
    }

    .mg-sm-l-100 {
        margin-left: 100px;
    }

    .mg-sm-t-auto {
        margin-top: auto;
    }

    .mg-sm-r-auto {
        margin-right: auto;
    }

    .mg-sm-b-auto {
        margin-bottom: auto;
    }

    .mg-sm-l-auto {
        margin-left: auto;
    }

    .mg-sm-auto {
        margin: auto;
    }

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

    .mg-md-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-md-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-md-t-0 {
        margin-top: 0px;
    }

    .mg-md-r-0 {
        margin-right: 0px;
    }

    .mg-md-b-0 {
        margin-bottom: 0px;
    }

    .mg-md-l-0 {
        margin-left: 0px;
    }

    .mg-md-1 {
        margin: 1px;
    }

    .mg-md-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-md-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-md-t-1 {
        margin-top: 1px;
    }

    .mg-md-r-1 {
        margin-right: 1px;
    }

    .mg-md-b-1 {
        margin-bottom: 1px;
    }

    .mg-md-l-1 {
        margin-left: 1px;
    }

    .mg-md-2 {
        margin: 2px;
    }

    .mg-md-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-md-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-md-t-2 {
        margin-top: 2px;
    }

    .mg-md-r-2 {
        margin-right: 2px;
    }

    .mg-md-b-2 {
        margin-bottom: 2px;
    }

    .mg-md-l-2 {
        margin-left: 2px;
    }

    .mg-md-3 {
        margin: 3px;
    }

    .mg-md-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-md-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-md-t-3 {
        margin-top: 3px;
    }

    .mg-md-r-3 {
        margin-right: 3px;
    }

    .mg-md-b-3 {
        margin-bottom: 3px;
    }

    .mg-md-l-3 {
        margin-left: 3px;
    }

    .mg-md-4 {
        margin: 4px;
    }

    .mg-md-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-md-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-md-t-4 {
        margin-top: 4px;
    }

    .mg-md-r-4 {
        margin-right: 4px;
    }

    .mg-md-b-4 {
        margin-bottom: 4px;
    }

    .mg-md-l-4 {
        margin-left: 4px;
    }

    .mg-md-5 {
        margin: 5px;
    }

    .mg-md-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-md-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-md-t-5 {
        margin-top: 5px;
    }

    .mg-md-r-5 {
        margin-right: 5px;
    }

    .mg-md-b-5 {
        margin-bottom: 5px;
    }

    .mg-md-l-5 {
        margin-left: 5px;
    }

    .mg-md-6 {
        margin: 6px;
    }

    .mg-md-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-md-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-md-t-6 {
        margin-top: 6px;
    }

    .mg-md-r-6 {
        margin-right: 6px;
    }

    .mg-md-b-6 {
        margin-bottom: 6px;
    }

    .mg-md-l-6 {
        margin-left: 6px;
    }

    .mg-md-7 {
        margin: 7px;
    }

    .mg-md-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-md-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-md-t-7 {
        margin-top: 7px !important;
    }

    .mg-md-r-7 {
        margin-right: 7px;
    }

    .mg-md-b-7 {
        margin-bottom: 7px;
    }

    .mg-md-l-7 {
        margin-left: 7px;
    }

    .mg-md-8 {
        margin: 8px;
    }

    .mg-md-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-md-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-md-t-8 {
        margin-top: 8px;
    }

    .mg-md-r-8 {
        margin-right: 8px;
    }

    .mg-md-b-8 {
        margin-bottom: 8px;
    }

    .mg-md-l-8 {
        margin-left: 8px;
    }

    .mg-md-9 {
        margin: 9px;
    }

    .mg-md-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-md-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-md-t-9 {
        margin-top: 9px;
    }

    .mg-md-r-9 {
        margin-right: 9px;
    }

    .mg-md-b-9 {
        margin-bottom: 9px;
    }

    .mg-md-l-9 {
        margin-left: 9px;
    }

    .mg-md-10 {
        margin: 10px;
    }

    .mg-md-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-md-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-md-t-10 {
        margin-top: 10px;
    }

    .mg-md-r-10 {
        margin-right: 10px;
    }

    .mg-md-b-10 {
        margin-bottom: 10px;
    }

    .mg-md-l-10 {
        margin-left: 10px;
    }

    .mg-md-15 {
        margin: 15px;
    }

    .mg-md-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-md-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-md-t-15 {
        margin-top: 15px;
    }

    .mg-md-r-15 {
        margin-right: 15px;
    }

    .mg-md-b-15 {
        margin-bottom: 15px;
    }

    .mg-md-l-15 {
        margin-left: 15px;
    }

    .mg-md-20 {
        margin: 20px;
    }

    .mg-md-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-md-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-md-t-20 {
        margin-top: 20px;
    }

    .mg-md-r-20 {
        margin-right: 20px;
    }

    .mg-md-b-20 {
        margin-bottom: 20px;
    }

    .mg-md-l-20 {
        margin-left: 20px;
    }

    .mg-md-25 {
        margin: 25px;
    }

    .mg-md-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-md-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-md-t-25 {
        margin-top: 25px;
    }

    .mg-md-r-25 {
        margin-right: 25px;
    }

    .mg-md-b-25 {
        margin-bottom: 25px;
    }

    .mg-md-l-25 {
        margin-left: 25px;
    }

    .mg-md-30 {
        margin: 30px;
    }

    .mg-md-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-md-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-md-t-30 {
        margin-top: 30px;
    }

    .mg-md-r-30 {
        margin-right: 30px;
    }

    .mg-md-b-30 {
        margin-bottom: 30px;
    }

    .mg-md-l-30 {
        margin-left: 30px;
    }

    .mg-md-35 {
        margin: 35px;
    }

    .mg-md-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-md-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-md-t-35 {
        margin-top: 35px;
    }

    .mg-md-r-35 {
        margin-right: 35px;
    }

    .mg-md-b-35 {
        margin-bottom: 35px;
    }

    .mg-md-l-35 {
        margin-left: 35px;
    }

    .mg-md-40 {
        margin: 40px;
    }

    .mg-md-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-md-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-md-t-40 {
        margin-top: 40px;
    }

    .mg-md-r-40 {
        margin-right: 40px;
    }

    .mg-md-b-40 {
        margin-bottom: 40px;
    }

    .mg-md-l-40 {
        margin-left: 40px;
    }

    .mg-md-45 {
        margin: 45px;
    }

    .mg-md-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-md-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-md-t-45 {
        margin-top: 45px;
    }

    .mg-md-r-45 {
        margin-right: 45px;
    }

    .mg-md-b-45 {
        margin-bottom: 45px;
    }

    .mg-md-l-45 {
        margin-left: 45px;
    }

    .mg-md-50 {
        margin: 50px;
    }

    .mg-md-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-md-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-md-t-50 {
        margin-top: 50px;
    }

    .mg-md-r-50 {
        margin-right: 50px;
    }

    .mg-md-b-50 {
        margin-bottom: 50px;
    }

    .mg-md-l-50 {
        margin-left: 50px;
    }

    .mg-md-55 {
        margin: 55px;
    }

    .mg-md-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-md-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-md-t-55 {
        margin-top: 55px;
    }

    .mg-md-r-55 {
        margin-right: 55px;
    }

    .mg-md-b-55 {
        margin-bottom: 55px;
    }

    .mg-md-l-55 {
        margin-left: 55px;
    }

    .mg-md-60 {
        margin: 60px;
    }

    .mg-md-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-md-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-md-t-60 {
        margin-top: 60px;
    }

    .mg-md-r-60 {
        margin-right: 60px;
    }

    .mg-md-b-60 {
        margin-bottom: 60px;
    }

    .mg-md-l-60 {
        margin-left: 60px;
    }

    .mg-md-65 {
        margin: 65px;
    }

    .mg-md-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-md-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-md-t-65 {
        margin-top: 65px;
    }

    .mg-md-r-65 {
        margin-right: 65px;
    }

    .mg-md-b-65 {
        margin-bottom: 65px;
    }

    .mg-md-l-65 {
        margin-left: 65px;
    }

    .mg-md-70 {
        margin: 70px;
    }

    .mg-md-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-md-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-md-t-70 {
        margin-top: 70px;
    }

    .mg-md-r-70 {
        margin-right: 70px;
    }

    .mg-md-b-70 {
        margin-bottom: 70px;
    }

    .mg-md-l-70 {
        margin-left: 70px;
    }

    .mg-md-75 {
        margin: 75px;
    }

    .mg-md-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-md-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-md-t-75 {
        margin-top: 75px;
    }

    .mg-md-r-75 {
        margin-right: 75px;
    }

    .mg-md-b-75 {
        margin-bottom: 75px;
    }

    .mg-md-l-75 {
        margin-left: 75px;
    }

    .mg-md-80 {
        margin: 80px;
    }

    .mg-md-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-md-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-md-t-80 {
        margin-top: 80px;
    }

    .mg-md-r-80 {
        margin-right: 80px;
    }

    .mg-md-b-80 {
        margin-bottom: 80px;
    }

    .mg-md-l-80 {
        margin-left: 80px;
    }

    .mg-md-85 {
        margin: 85px;
    }

    .mg-md-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-md-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-md-t-85 {
        margin-top: 85px;
    }

    .mg-md-r-85 {
        margin-right: 85px;
    }

    .mg-md-b-85 {
        margin-bottom: 85px;
    }

    .mg-md-l-85 {
        margin-left: 85px;
    }

    .mg-md-90 {
        margin: 90px;
    }

    .mg-md-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-md-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-md-t-90 {
        margin-top: 90px;
    }

    .mg-md-r-90 {
        margin-right: 90px;
    }

    .mg-md-b-90 {
        margin-bottom: 90px;
    }

    .mg-md-l-90 {
        margin-left: 90px;
    }

    .mg-md-95 {
        margin: 95px;
    }

    .mg-md-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-md-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-md-t-95 {
        margin-top: 95px;
    }

    .mg-md-r-95 {
        margin-right: 95px;
    }

    .mg-md-b-95 {
        margin-bottom: 95px;
    }

    .mg-md-l-95 {
        margin-left: 95px;
    }

    .mg-md-100 {
        margin: 100px;
    }

    .mg-md-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-md-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-md-t-100 {
        margin-top: 100px;
    }

    .mg-md-r-100 {
        margin-right: 100px;
    }

    .mg-md-b-100 {
        margin-bottom: 100px;
    }

    .mg-md-l-100 {
        margin-left: 100px;
    }

    .mg-md-t-auto {
        margin-top: auto;
    }

    .mg-md-r-auto {
        margin-right: auto;
    }

    .mg-md-b-auto {
        margin-bottom: auto;
    }

    .mg-md-l-auto {
        margin-left: auto;
    }

    .mg-md-auto {
        margin: auto;
    }

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

    .mg-lg-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-lg-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-lg-t-0 {
        margin-top: 0px;
    }

    .mg-lg-r-0 {
        margin-right: 0px;
    }

    .mg-lg-b-0 {
        margin-bottom: 0px;
    }

    .mg-lg-l-0 {
        margin-left: 0px;
    }

    .mg-lg-1 {
        margin: 1px;
    }

    .mg-lg-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-lg-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-lg-t-1 {
        margin-top: 1px;
    }

    .mg-lg-r-1 {
        margin-right: 1px;
    }

    .mg-lg-b-1 {
        margin-bottom: 1px;
    }

    .mg-lg-l-1 {
        margin-left: 1px;
    }

    .mg-lg-2 {
        margin: 2px;
    }

    .mg-lg-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-lg-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-lg-t-2 {
        margin-top: 2px;
    }

    .mg-lg-r-2 {
        margin-right: 2px;
    }

    .mg-lg-b-2 {
        margin-bottom: 2px;
    }

    .mg-lg-l-2 {
        margin-left: 2px;
    }

    .mg-lg-3 {
        margin: 3px;
    }

    .mg-lg-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-lg-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-lg-t-3 {
        margin-top: 3px;
    }

    .mg-lg-r-3 {
        margin-right: 3px;
    }

    .mg-lg-b-3 {
        margin-bottom: 3px;
    }

    .mg-lg-l-3 {
        margin-left: 3px;
    }

    .mg-lg-4 {
        margin: 4px;
    }

    .mg-lg-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-lg-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-lg-t-4 {
        margin-top: 4px;
    }

    .mg-lg-r-4 {
        margin-right: 4px;
    }

    .mg-lg-b-4 {
        margin-bottom: 4px;
    }

    .mg-lg-l-4 {
        margin-left: 4px;
    }

    .mg-lg-5 {
        margin: 5px;
    }

    .mg-lg-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-lg-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-lg-t-5 {
        margin-top: 5px;
    }

    .mg-lg-r-5 {
        margin-right: 5px;
    }

    .mg-lg-b-5 {
        margin-bottom: 5px;
    }

    .mg-lg-l-5 {
        margin-left: 5px;
    }

    .mg-lg-6 {
        margin: 6px;
    }

    .mg-lg-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-lg-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-lg-t-6 {
        margin-top: 6px;
    }

    .mg-lg-r-6 {
        margin-right: 6px;
    }

    .mg-lg-b-6 {
        margin-bottom: 6px;
    }

    .mg-lg-l-6 {
        margin-left: 6px;
    }

    .mg-lg-7 {
        margin: 7px;
    }

    .mg-lg-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-lg-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-lg-t-7 {
        margin-top: 7px;
    }

    .mg-lg-r-7 {
        margin-right: 7px;
    }

    .mg-lg-b-7 {
        margin-bottom: 7px;
    }

    .mg-lg-l-7 {
        margin-left: 7px;
    }

    .mg-lg-8 {
        margin: 8px;
    }

    .mg-lg-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-lg-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-lg-t-8 {
        margin-top: 8px;
    }

    .mg-lg-r-8 {
        margin-right: 8px;
    }

    .mg-lg-b-8 {
        margin-bottom: 8px;
    }

    .mg-lg-l-8 {
        margin-left: 8px;
    }

    .mg-lg-9 {
        margin: 9px;
    }

    .mg-lg-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-lg-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-lg-t-9 {
        margin-top: 9px;
    }

    .mg-lg-r-9 {
        margin-right: 9px;
    }

    .mg-lg-b-9 {
        margin-bottom: 9px;
    }

    .mg-lg-l-9 {
        margin-left: 9px;
    }

    .mg-lg-10 {
        margin: 10px;
    }

    .mg-lg-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-lg-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-lg-t-10 {
        margin-top: 10px;
    }

    .mg-lg-r-10 {
        margin-right: 10px;
    }

    .mg-lg-b-10 {
        margin-bottom: 10px;
    }

    .mg-lg-l-10 {
        margin-left: 10px;
    }

    .mg-lg-15 {
        margin: 15px;
    }

    .mg-lg-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-lg-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-lg-t-15 {
        margin-top: 15px;
    }

    .mg-lg-r-15 {
        margin-right: 15px;
    }

    .mg-lg-b-15 {
        margin-bottom: 15px;
    }

    .mg-lg-l-15 {
        margin-left: 15px;
    }

    .mg-lg-20 {
        margin: 20px;
    }

    .mg-lg-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-lg-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-lg-t-20 {
        margin-top: 20px;
    }

    .mg-lg-r-20 {
        margin-right: 20px;
    }

    .mg-lg-b-20 {
        margin-bottom: 20px;
    }

    .mg-lg-l-20 {
        margin-left: 20px;
    }

    .mg-lg-25 {
        margin: 25px;
    }

    .mg-lg-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-lg-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-lg-t-25 {
        margin-top: 25px;
    }

    .mg-lg-r-25 {
        margin-right: 25px;
    }

    .mg-lg-b-25 {
        margin-bottom: 25px;
    }

    .mg-lg-l-25 {
        margin-left: 25px;
    }

    .mg-lg-30 {
        margin: 30px;
    }

    .mg-lg-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-lg-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-lg-t-30 {
        margin-top: 30px;
    }

    .mg-lg-r-30 {
        margin-right: 30px;
    }

    .mg-lg-b-30 {
        margin-bottom: 30px;
    }

    .mg-lg-l-30 {
        margin-left: 30px;
    }

    .mg-lg-35 {
        margin: 35px;
    }

    .mg-lg-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-lg-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-lg-t-35 {
        margin-top: 35px;
    }

    .mg-lg-r-35 {
        margin-right: 35px;
    }

    .mg-lg-b-35 {
        margin-bottom: 35px;
    }

    .mg-lg-l-35 {
        margin-left: 35px;
    }

    .mg-lg-40 {
        margin: 40px;
    }

    .mg-lg-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-lg-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-lg-t-40 {
        margin-top: 40px;
    }

    .mg-lg-r-40 {
        margin-right: 40px;
    }

    .mg-lg-b-40 {
        margin-bottom: 40px;
    }

    .mg-lg-l-40 {
        margin-left: 40px;
    }

    .mg-lg-45 {
        margin: 45px;
    }

    .mg-lg-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-lg-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-lg-t-45 {
        margin-top: 45px;
    }

    .mg-lg-r-45 {
        margin-right: 45px;
    }

    .mg-lg-b-45 {
        margin-bottom: 45px;
    }

    .mg-lg-l-45 {
        margin-left: 45px;
    }

    .mg-lg-50 {
        margin: 50px;
    }

    .mg-lg-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-lg-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-lg-t-50 {
        margin-top: 50px;
    }

    .mg-lg-r-50 {
        margin-right: 50px;
    }

    .mg-lg-b-50 {
        margin-bottom: 50px;
    }

    .mg-lg-l-50 {
        margin-left: 50px;
    }

    .mg-lg-55 {
        margin: 55px;
    }

    .mg-lg-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-lg-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-lg-t-55 {
        margin-top: 55px;
    }

    .mg-lg-r-55 {
        margin-right: 55px;
    }

    .mg-lg-b-55 {
        margin-bottom: 55px;
    }

    .mg-lg-l-55 {
        margin-left: 55px;
    }

    .mg-lg-60 {
        margin: 60px;
    }

    .mg-lg-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-lg-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-lg-t-60 {
        margin-top: 60px;
    }

    .mg-lg-r-60 {
        margin-right: 60px;
    }

    .mg-lg-b-60 {
        margin-bottom: 60px;
    }

    .mg-lg-l-60 {
        margin-left: 60px;
    }

    .mg-lg-65 {
        margin: 65px;
    }

    .mg-lg-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-lg-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-lg-t-65 {
        margin-top: 65px;
    }

    .mg-lg-r-65 {
        margin-right: 65px;
    }

    .mg-lg-b-65 {
        margin-bottom: 65px;
    }

    .mg-lg-l-65 {
        margin-left: 65px;
    }

    .mg-lg-70 {
        margin: 70px;
    }

    .mg-lg-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-lg-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-lg-t-70 {
        margin-top: 70px;
    }

    .mg-lg-r-70 {
        margin-right: 70px;
    }

    .mg-lg-b-70 {
        margin-bottom: 70px;
    }

    .mg-lg-l-70 {
        margin-left: 70px;
    }

    .mg-lg-75 {
        margin: 75px;
    }

    .mg-lg-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-lg-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-lg-t-75 {
        margin-top: 75px;
    }

    .mg-lg-r-75 {
        margin-right: 75px;
    }

    .mg-lg-b-75 {
        margin-bottom: 75px;
    }

    .mg-lg-l-75 {
        margin-left: 75px;
    }

    .mg-lg-80 {
        margin: 80px;
    }

    .mg-lg-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-lg-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-lg-t-80 {
        margin-top: 80px;
    }

    .mg-lg-r-80 {
        margin-right: 80px;
    }

    .mg-lg-b-80 {
        margin-bottom: 80px;
    }

    .mg-lg-l-80 {
        margin-left: 80px;
    }

    .mg-lg-85 {
        margin: 85px;
    }

    .mg-lg-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-lg-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-lg-t-85 {
        margin-top: 85px;
    }

    .mg-lg-r-85 {
        margin-right: 85px;
    }

    .mg-lg-b-85 {
        margin-bottom: 85px;
    }

    .mg-lg-l-85 {
        margin-left: 85px;
    }

    .mg-lg-90 {
        margin: 90px;
    }

    .mg-lg-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-lg-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-lg-t-90 {
        margin-top: 90px;
    }

    .mg-lg-r-90 {
        margin-right: 90px;
    }

    .mg-lg-b-90 {
        margin-bottom: 90px;
    }

    .mg-lg-l-90 {
        margin-left: 90px;
    }

    .mg-lg-95 {
        margin: 95px;
    }

    .mg-lg-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-lg-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-lg-t-95 {
        margin-top: 95px;
    }

    .mg-lg-r-95 {
        margin-right: 95px;
    }

    .mg-lg-b-95 {
        margin-bottom: 95px;
    }

    .mg-lg-l-95 {
        margin-left: 95px;
    }

    .mg-lg-100 {
        margin: 100px;
    }

    .mg-lg-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-lg-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-lg-t-100 {
        margin-top: 100px;
    }

    .mg-lg-r-100 {
        margin-right: 100px;
    }

    .mg-lg-b-100 {
        margin-bottom: 100px;
    }

    .mg-lg-l-100 {
        margin-left: 100px;
    }

    .mg-lg-t-auto {
        margin-top: auto;
    }

    .mg-lg-r-auto {
        margin-right: auto;
    }

    .mg-lg-b-auto {
        margin-bottom: auto;
    }

    .mg-lg-l-auto {
        margin-left: auto;
    }

    .mg-lg-auto {
        margin: auto;
    }

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

    .mg-xl-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-xl-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-xl-t-0 {
        margin-top: 0px;
    }

    .mg-xl-r-0 {
        margin-right: 0px;
    }

    .mg-xl-b-0 {
        margin-bottom: 0px;
    }

    .mg-xl-l-0 {
        margin-left: 0px;
    }

    .mg-xl-1 {
        margin: 1px;
    }

    .mg-xl-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-xl-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-xl-t-1 {
        margin-top: 1px;
    }

    .mg-xl-r-1 {
        margin-right: 1px;
    }

    .mg-xl-b-1 {
        margin-bottom: 1px;
    }

    .mg-xl-l-1 {
        margin-left: 1px;
    }

    .mg-xl-2 {
        margin: 2px;
    }

    .mg-xl-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-xl-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-xl-t-2 {
        margin-top: 2px;
    }

    .mg-xl-r-2 {
        margin-right: 2px;
    }

    .mg-xl-b-2 {
        margin-bottom: 2px;
    }

    .mg-xl-l-2 {
        margin-left: 2px;
    }

    .mg-xl-3 {
        margin: 3px;
    }

    .mg-xl-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-xl-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-xl-t-3 {
        margin-top: 3px;
    }

    .mg-xl-r-3 {
        margin-right: 3px;
    }

    .mg-xl-b-3 {
        margin-bottom: 3px;
    }

    .mg-xl-l-3 {
        margin-left: 3px;
    }

    .mg-xl-4 {
        margin: 4px;
    }

    .mg-xl-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-xl-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-xl-t-4 {
        margin-top: 4px;
    }

    .mg-xl-r-4 {
        margin-right: 4px;
    }

    .mg-xl-b-4 {
        margin-bottom: 4px;
    }

    .mg-xl-l-4 {
        margin-left: 4px;
    }

    .mg-xl-5 {
        margin: 5px;
    }

    .mg-xl-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-xl-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-xl-t-5 {
        margin-top: 5px;
    }

    .mg-xl-r-5 {
        margin-right: 5px;
    }

    .mg-xl-b-5 {
        margin-bottom: 5px;
    }

    .mg-xl-l-5 {
        margin-left: 5px;
    }

    .mg-xl-6 {
        margin: 6px;
    }

    .mg-xl-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-xl-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-xl-t-6 {
        margin-top: 6px;
    }

    .mg-xl-r-6 {
        margin-right: 6px;
    }

    .mg-xl-b-6 {
        margin-bottom: 6px;
    }

    .mg-xl-l-6 {
        margin-left: 6px;
    }

    .mg-xl-7 {
        margin: 7px;
    }

    .mg-xl-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-xl-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-xl-t-7 {
        margin-top: 7px;
    }

    .mg-xl-r-7 {
        margin-right: 7px;
    }

    .mg-xl-b-7 {
        margin-bottom: 7px;
    }

    .mg-xl-l-7 {
        margin-left: 7px;
    }

    .mg-xl-8 {
        margin: 8px;
    }

    .mg-xl-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-xl-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-xl-t-8 {
        margin-top: 8px;
    }

    .mg-xl-r-8 {
        margin-right: 8px;
    }

    .mg-xl-b-8 {
        margin-bottom: 8px;
    }

    .mg-xl-l-8 {
        margin-left: 8px;
    }

    .mg-xl-9 {
        margin: 9px;
    }

    .mg-xl-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-xl-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-xl-t-9 {
        margin-top: 9px;
    }

    .mg-xl-r-9 {
        margin-right: 9px;
    }

    .mg-xl-b-9 {
        margin-bottom: 9px;
    }

    .mg-xl-l-9 {
        margin-left: 9px;
    }

    .mg-xl-10 {
        margin: 10px;
    }

    .mg-xl-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-xl-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-xl-t-10 {
        margin-top: 10px;
    }

    .mg-xl-r-10 {
        margin-right: 10px;
    }

    .mg-xl-b-10 {
        margin-bottom: 10px;
    }

    .mg-xl-l-10 {
        margin-left: 10px;
    }

    .mg-xl-15 {
        margin: 15px;
    }

    .mg-xl-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-xl-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-xl-t-15 {
        margin-top: 15px;
    }

    .mg-xl-r-15 {
        margin-right: 15px;
    }

    .mg-xl-b-15 {
        margin-bottom: 15px;
    }

    .mg-xl-l-15 {
        margin-left: 15px;
    }

    .mg-xl-20 {
        margin: 20px;
    }

    .mg-xl-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-xl-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-xl-t-20 {
        margin-top: 20px;
    }

    .mg-xl-r-20 {
        margin-right: 20px;
    }

    .mg-xl-b-20 {
        margin-bottom: 20px;
    }

    .mg-xl-l-20 {
        margin-left: 20px;
    }

    .mg-xl-25 {
        margin: 25px;
    }

    .mg-xl-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-xl-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-xl-t-25 {
        margin-top: 25px;
    }

    .mg-xl-r-25 {
        margin-right: 25px;
    }

    .mg-xl-b-25 {
        margin-bottom: 25px;
    }

    .mg-xl-l-25 {
        margin-left: 25px;
    }

    .mg-xl-30 {
        margin: 30px;
    }

    .mg-xl-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-xl-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-xl-t-30 {
        margin-top: 30px;
    }

    .mg-xl-r-30 {
        margin-right: 30px;
    }

    .mg-xl-b-30 {
        margin-bottom: 30px;
    }

    .mg-xl-l-30 {
        margin-left: 30px;
    }

    .mg-xl-35 {
        margin: 35px;
    }

    .mg-xl-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-xl-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-xl-t-35 {
        margin-top: 35px;
    }

    .mg-xl-r-35 {
        margin-right: 35px;
    }

    .mg-xl-b-35 {
        margin-bottom: 35px;
    }

    .mg-xl-l-35 {
        margin-left: 35px;
    }

    .mg-xl-40 {
        margin: 40px;
    }

    .mg-xl-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-xl-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-xl-t-40 {
        margin-top: 40px;
    }

    .mg-xl-r-40 {
        margin-right: 40px;
    }

    .mg-xl-b-40 {
        margin-bottom: 40px;
    }

    .mg-xl-l-40 {
        margin-left: 40px;
    }

    .mg-xl-45 {
        margin: 45px;
    }

    .mg-xl-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-xl-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-xl-t-45 {
        margin-top: 45px;
    }

    .mg-xl-r-45 {
        margin-right: 45px;
    }

    .mg-xl-b-45 {
        margin-bottom: 45px;
    }

    .mg-xl-l-45 {
        margin-left: 45px;
    }

    .mg-xl-50 {
        margin: 50px;
    }

    .mg-xl-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-xl-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-xl-t-50 {
        margin-top: 50px;
    }

    .mg-xl-r-50 {
        margin-right: 50px;
    }

    .mg-xl-b-50 {
        margin-bottom: 50px;
    }

    .mg-xl-l-50 {
        margin-left: 50px;
    }

    .mg-xl-55 {
        margin: 55px;
    }

    .mg-xl-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-xl-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-xl-t-55 {
        margin-top: 55px;
    }

    .mg-xl-r-55 {
        margin-right: 55px;
    }

    .mg-xl-b-55 {
        margin-bottom: 55px;
    }

    .mg-xl-l-55 {
        margin-left: 55px;
    }

    .mg-xl-60 {
        margin: 60px;
    }

    .mg-xl-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-xl-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-xl-t-60 {
        margin-top: 60px;
    }

    .mg-xl-r-60 {
        margin-right: 60px;
    }

    .mg-xl-b-60 {
        margin-bottom: 60px;
    }

    .mg-xl-l-60 {
        margin-left: 60px;
    }

    .mg-xl-65 {
        margin: 65px;
    }

    .mg-xl-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-xl-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-xl-t-65 {
        margin-top: 65px;
    }

    .mg-xl-r-65 {
        margin-right: 65px;
    }

    .mg-xl-b-65 {
        margin-bottom: 65px;
    }

    .mg-xl-l-65 {
        margin-left: 65px;
    }

    .mg-xl-70 {
        margin: 70px;
    }

    .mg-xl-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-xl-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-xl-t-70 {
        margin-top: 70px;
    }

    .mg-xl-r-70 {
        margin-right: 70px;
    }

    .mg-xl-b-70 {
        margin-bottom: 70px;
    }

    .mg-xl-l-70 {
        margin-left: 70px;
    }

    .mg-xl-75 {
        margin: 75px;
    }

    .mg-xl-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-xl-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-xl-t-75 {
        margin-top: 75px;
    }

    .mg-xl-r-75 {
        margin-right: 75px;
    }

    .mg-xl-b-75 {
        margin-bottom: 75px;
    }

    .mg-xl-l-75 {
        margin-left: 75px;
    }

    .mg-xl-80 {
        margin: 80px;
    }

    .mg-xl-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-xl-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-xl-t-80 {
        margin-top: 80px;
    }

    .mg-xl-r-80 {
        margin-right: 80px;
    }

    .mg-xl-b-80 {
        margin-bottom: 80px;
    }

    .mg-xl-l-80 {
        margin-left: 80px;
    }

    .mg-xl-85 {
        margin: 85px;
    }

    .mg-xl-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-xl-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-xl-t-85 {
        margin-top: 85px;
    }

    .mg-xl-r-85 {
        margin-right: 85px;
    }

    .mg-xl-b-85 {
        margin-bottom: 85px;
    }

    .mg-xl-l-85 {
        margin-left: 85px;
    }

    .mg-xl-90 {
        margin: 90px;
    }

    .mg-xl-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-xl-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-xl-t-90 {
        margin-top: 90px;
    }

    .mg-xl-r-90 {
        margin-right: 90px;
    }

    .mg-xl-b-90 {
        margin-bottom: 90px;
    }

    .mg-xl-l-90 {
        margin-left: 90px;
    }

    .mg-xl-95 {
        margin: 95px;
    }

    .mg-xl-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-xl-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-xl-t-95 {
        margin-top: 95px;
    }

    .mg-xl-r-95 {
        margin-right: 95px;
    }

    .mg-xl-b-95 {
        margin-bottom: 95px;
    }

    .mg-xl-l-95 {
        margin-left: 95px;
    }

    .mg-xl-100 {
        margin: 100px;
    }

    .mg-xl-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-xl-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-xl-t-100 {
        margin-top: 100px;
    }

    .mg-xl-r-100 {
        margin-right: 100px;
    }

    .mg-xl-b-100 {
        margin-bottom: 100px;
    }

    .mg-xl-l-100 {
        margin-left: 100px;
    }

    .mg-xl-t-auto {
        margin-top: auto;
    }

    .mg-xl-r-auto {
        margin-right: auto;
    }

    .mg-xl-b-auto {
        margin-bottom: auto;
    }

    .mg-xl-l-auto {
        margin-left: auto;
    }

    .mg-xl-auto {
        margin: auto;
    }

    .mg-xl-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.me-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ms-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.me-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ms-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.me-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ms-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.me-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ms-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.me-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ms-4,
.mx-4 {
    margin-left: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.me-5,
.mx-5 {
    margin-right: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ms-5,
.mx-5 {
    margin-left: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.me-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ms-auto,
.mx-auto {
    margin-left: auto !important;
}
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .me-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

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

    .ms-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

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

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

    .me-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

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

    .ms-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

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

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

    .me-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

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

    .ms-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

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

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

    .me-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

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

    .ms-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

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

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

    .me-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

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

    .ms-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

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

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

    .me-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

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

    .ms-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

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

    .me-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

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

    .ms-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

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

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

    .me-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

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

    .ms-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

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

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

    .me-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

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

    .ms-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

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

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

    .me-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

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

    .ms-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

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

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

    .me-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

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

    .ms-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

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

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

    .me-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

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

    .ms-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

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

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

    .me-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

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

    .ms-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

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

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

    .me-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

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

    .ms-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

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

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

    .me-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

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

    .ms-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

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

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

    .me-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

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

    .ms-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

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

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

    .me-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

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

    .ms-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

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

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

    .me-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

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

    .ms-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
/* ###### Margin ###### */
/* ###### Opacity  ###### */
.op-0 {
    opacity: 0;
}
.op-1 {
    opacity: 0.1;
}
.op-2 {
    opacity: 0.2;
}
.op-3 {
    opacity: 0.3;
}
.op-4 {
    opacity: 0.4;
}
.op-5 {
    opacity: 0.5;
}
.op-6 {
    opacity: 0.6;
}
.op-7 {
    opacity: 0.7;
}
.op-8 {
    opacity: 0.8;
}
.op-9 {
    opacity: 0.9;
}
.opacity-1 {
    opacity: 1;
}
.shadow-base {
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.shadow-1 {
    box-shadow: 0 0 7px 7px rgba(28, 39, 60, 0.1);
}
.shadow-2 {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(162, 169, 204, 0.075) !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(162, 169, 204, 0.15) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(162, 169, 204, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.overflow-y-auto {
    overflow-y: auto;
}
@media (min-width: 480px) {
    .op-xs-0 {
        opacity: 0;
    }

    .op-xs-1 {
        opacity: 0.1;
    }

    .op-xs-2 {
        opacity: 0.2;
    }

    .op-xs-3 {
        opacity: 0.3;
    }

    .op-xs-4 {
        opacity: 0.4;
    }

    .op-xs-5 {
        opacity: 0.5;
    }

    .op-xs-6 {
        opacity: 0.6;
    }

    .op-xs-7 {
        opacity: 0.7;
    }

    .op-xs-8 {
        opacity: 0.8;
    }

    .op-xs-9 {
        opacity: 0.9;
    }
}
@media (min-width: 576px) {
    .op-sm-0 {
        opacity: 0;
    }

    .op-sm-1 {
        opacity: 0.1;
    }

    .op-sm-2 {
        opacity: 0.2;
    }

    .op-sm-3 {
        opacity: 0.3;
    }

    .op-sm-4 {
        opacity: 0.4;
    }

    .op-sm-5 {
        opacity: 0.5;
    }

    .op-sm-6 {
        opacity: 0.6;
    }

    .op-sm-7 {
        opacity: 0.7;
    }

    .op-sm-8 {
        opacity: 0.8;
    }

    .op-sm-9 {
        opacity: 0.9;
    }
}
@media (min-width: 768px) {
    .op-md-0 {
        opacity: 0;
    }

    .op-md-1 {
        opacity: 0.1;
    }

    .op-md-2 {
        opacity: 0.2;
    }

    .op-md-3 {
        opacity: 0.3;
    }

    .op-md-4 {
        opacity: 0.4;
    }

    .op-md-5 {
        opacity: 0.5;
    }

    .op-md-6 {
        opacity: 0.6;
    }

    .op-md-7 {
        opacity: 0.7;
    }

    .op-md-8 {
        opacity: 0.8;
    }

    .op-md-9 {
        opacity: 0.9;
    }
}
@media (min-width: 992px) {
    .op-lg-0 {
        opacity: 0;
    }

    .op-lg-1 {
        opacity: 0.1;
    }

    .op-lg-2 {
        opacity: 0.2;
    }

    .op-lg-3 {
        opacity: 0.3;
    }

    .op-lg-4 {
        opacity: 0.4;
    }

    .op-lg-5 {
        opacity: 0.5;
    }

    .op-lg-6 {
        opacity: 0.6;
    }

    .op-lg-7 {
        opacity: 0.7;
    }

    .op-lg-8 {
        opacity: 0.8;
    }

    .op-lg-9 {
        opacity: 0.9;
    }
}
@media (min-width: 1200px) {
    .op-xl-0 {
        opacity: 0;
    }

    .op-xl-1 {
        opacity: 0.1;
    }

    .op-xl-2 {
        opacity: 0.2;
    }

    .op-xl-3 {
        opacity: 0.3;
    }

    .op-xl-4 {
        opacity: 0.4;
    }

    .op-xl-5 {
        opacity: 0.5;
    }

    .op-xl-6 {
        opacity: 0.6;
    }

    .op-xl-7 {
        opacity: 0.7;
    }

    .op-xl-8 {
        opacity: 0.8;
    }

    .op-xl-9 {
        opacity: 0.9;
    }
}
/* ###### Opacity  ###### */
/* ###### Padding  ###### */
.pd-0 {
    padding: 0px;
}
.pd-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.pd-x-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.pd-t-0 {
    padding-top: 0px;
}
.pd-r-0 {
    padding-right: 0px;
}
.pd-b-0 {
    padding-bottom: 0px;
}
.pd-l-0 {
    padding-left: 0px;
}
.pd-1 {
    padding: 1px;
}
.pd-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
}
.pd-x-1 {
    padding-left: 1px;
    padding-right: 1px;
}
.pd-t-1 {
    padding-top: 1px;
}
.pd-r-1 {
    padding-right: 1px;
}
.pd-b-1 {
    padding-bottom: 1px;
}
.pd-l-1 {
    padding-left: 1px;
}
.pd-2 {
    padding: 2px;
}
.pd-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}
.pd-x-2 {
    padding-left: 2px;
    padding-right: 2px;
}
.pd-t-2 {
    padding-top: 2px;
}
.pd-r-2 {
    padding-right: 2px;
}
.pd-b-2 {
    padding-bottom: 2px;
}
.pd-l-2 {
    padding-left: 2px;
}
.pd-3 {
    padding: 3px;
}
.pd-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}
.pd-x-3 {
    padding-left: 3px;
    padding-right: 3px;
}
.pd-t-3 {
    padding-top: 3px;
}
.pd-r-3 {
    padding-right: 3px;
}
.pd-b-3 {
    padding-bottom: 3px;
}
.pd-l-3 {
    padding-left: 3px;
}
.pd-4 {
    padding: 4px;
}
.pd-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.pd-x-4 {
    padding-left: 4px;
    padding-right: 4px;
}
.pd-t-4 {
    padding-top: 4px;
}
.pd-r-4 {
    padding-right: 4px;
}
.pd-b-4 {
    padding-bottom: 4px;
}
.pd-l-4 {
    padding-left: 4px;
}
.pd-5 {
    padding: 5px;
}
.pd-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.pd-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.pd-t-5 {
    padding-top: 5px;
}
.pd-r-5 {
    padding-right: 5px;
}
.pd-b-5 {
    padding-bottom: 5px;
}
.pd-l-5 {
    padding-left: 5px;
}
.pd-6 {
    padding: 6px;
}
.pd-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.pd-x-6 {
    padding-left: 6px;
    padding-right: 6px;
}
.pd-t-6 {
    padding-top: 6px;
}
.pd-r-6 {
    padding-right: 6px;
}
.pd-b-6 {
    padding-bottom: 6px;
}
.pd-l-6 {
    padding-left: 6px;
}
.pd-7 {
    padding: 7px;
}
.pd-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
}
.pd-x-7 {
    padding-left: 7px;
    padding-right: 7px;
}
.pd-t-7 {
    padding-top: 7px;
}
.pd-r-7 {
    padding-right: 7px;
}
.pd-b-7 {
    padding-bottom: 7px;
}
.pd-l-7 {
    padding-left: 7px;
}
.pd-8 {
    padding: 8px;
}
.pd-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.pd-x-8 {
    padding-left: 8px;
    padding-right: 8px;
}
.pd-t-8 {
    padding-top: 8px;
}
.pd-r-8 {
    padding-right: 8px;
}
.pd-b-8 {
    padding-bottom: 8px;
}
.pd-l-8 {
    padding-left: 8px;
}
.pd-9 {
    padding: 9px;
}
.pd-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}
.pd-x-9 {
    padding-left: 9px;
    padding-right: 9px;
}
.pd-t-9 {
    padding-top: 9px;
}
.pd-r-9 {
    padding-right: 9px;
}
.pd-b-9 {
    padding-bottom: 9px;
}
.pd-l-9 {
    padding-left: 9px;
}
.pd-10 {
    padding: 10px;
}
.pd-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pd-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pd-t-10 {
    padding-top: 10px;
}
.pd-r-10 {
    padding-right: 10px;
}
.pd-b-10 {
    padding-bottom: 10px;
}
.pd-l-10 {
    padding-left: 10px;
}
.pd-15 {
    padding: 15px;
}
.pd-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pd-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.pd-t-15 {
    padding-top: 15px;
}
.pd-r-15 {
    padding-right: 15px;
}
.pd-b-15 {
    padding-bottom: 15px;
}
.pd-l-15 {
    padding-left: 15px;
}
.pd-20 {
    padding: 20px;
}
.pd-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pd-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.pd-t-20 {
    padding-top: 20px;
}
.pd-r-20 {
    padding-right: 20px;
}
.pd-b-20 {
    padding-bottom: 20px;
}
.pd-l-20 {
    padding-left: 20px;
}
.pd-25 {
    padding: 25px;
}
.pd-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}
.pd-t-25 {
    padding-top: 25px;
}
.pd-r-25 {
    padding-right: 25px;
}
.pd-b-25 {
    padding-bottom: 25px;
}
.pd-l-25 {
    padding-left: 25px;
}
.pd-30 {
    padding: 30px;
}
.pd-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pd-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.pd-t-30 {
    padding-top: 30px;
}
.pd-r-30 {
    padding-right: 30px;
}
.pd-b-30 {
    padding-bottom: 30px;
}
.pd-l-30 {
    padding-left: 30px;
}
.pd-35 {
    padding: 35px;
}
.pd-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.pd-x-35 {
    padding-left: 35px;
    padding-right: 35px;
}
.pd-t-35 {
    padding-top: 35px;
}
.pd-r-35 {
    padding-right: 35px;
}
.pd-b-35 {
    padding-bottom: 35px;
}
.pd-l-35 {
    padding-left: 35px;
}
.pd-40 {
    padding: 40px;
}
.pd-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.pd-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}
.pd-t-40 {
    padding-top: 40px;
}
.pd-r-40 {
    padding-right: 40px;
}
.pd-b-40 {
    padding-bottom: 40px;
}
.pd-l-40 {
    padding-left: 40px;
}
.pd-45 {
    padding: 45px;
}
.pd-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}
.pd-x-45 {
    padding-left: 45px;
    padding-right: 45px;
}
.pd-t-45 {
    padding-top: 45px;
}
.pd-r-45 {
    padding-right: 45px;
}
.pd-b-45 {
    padding-bottom: 45px;
}
.pd-l-45 {
    padding-left: 45px;
}
.pd-50 {
    padding: 50px;
}
.pd-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pd-x-50 {
    padding-left: 50px;
    padding-right: 50px;
}
.pd-t-50 {
    padding-top: 50px;
}
.pd-r-50 {
    padding-right: 50px;
}
.pd-b-50 {
    padding-bottom: 50px;
}
.pd-l-50 {
    padding-left: 50px;
}
.pd-55 {
    padding: 55px;
}
.pd-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}
.pd-x-55 {
    padding-left: 55px;
    padding-right: 55px;
}
.pd-t-55 {
    padding-top: 55px;
}
.pd-r-55 {
    padding-right: 55px;
}
.pd-b-55 {
    padding-bottom: 55px;
}
.pd-l-55 {
    padding-left: 55px;
}
.pd-60 {
    padding: 60px;
}
.pd-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.pd-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.pd-t-60 {
    padding-top: 60px;
}
.pd-r-60 {
    padding-right: 60px;
}
.pd-b-60 {
    padding-bottom: 60px;
}
.pd-l-60 {
    padding-left: 60px;
}
.pd-65 {
    padding: 65px;
}
.pd-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}
.pd-x-65 {
    padding-left: 65px;
    padding-right: 65px;
}
.pd-t-65 {
    padding-top: 65px;
}
.pd-r-65 {
    padding-right: 65px;
}
.pd-b-65 {
    padding-bottom: 65px;
}
.pd-l-65 {
    padding-left: 65px;
}
.pd-70 {
    padding: 70px;
}
.pd-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.pd-x-70 {
    padding-left: 70px;
    padding-right: 70px;
}
.pd-t-70 {
    padding-top: 70px;
}
.pd-r-70 {
    padding-right: 70px;
}
.pd-b-70 {
    padding-bottom: 70px;
}
.pd-l-70 {
    padding-left: 70px;
}
.pd-75 {
    padding: 75px;
}
.pd-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}
.pd-x-75 {
    padding-left: 75px;
    padding-right: 75px;
}
.pd-t-75 {
    padding-top: 75px;
}
.pd-r-75 {
    padding-right: 75px;
}
.pd-b-75 {
    padding-bottom: 75px;
}
.pd-l-75 {
    padding-left: 75px;
}
.pd-80 {
    padding: 80px;
}
.pd-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.pd-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}
.pd-t-80 {
    padding-top: 80px;
}
.pd-r-80 {
    padding-right: 80px;
}
.pd-b-80 {
    padding-bottom: 80px;
}
.pd-l-80 {
    padding-left: 80px;
}
.pd-85 {
    padding: 85px;
}
.pd-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}
.pd-x-85 {
    padding-left: 85px;
    padding-right: 85px;
}
.pd-t-85 {
    padding-top: 85px;
}
.pd-r-85 {
    padding-right: 85px;
}
.pd-b-85 {
    padding-bottom: 85px;
}
.pd-l-85 {
    padding-left: 85px;
}
.pd-90 {
    padding: 90px;
}
.pd-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.pd-x-90 {
    padding-left: 90px;
    padding-right: 90px;
}
.pd-t-90 {
    padding-top: 90px;
}
.pd-r-90 {
    padding-right: 90px;
}
.pd-b-90 {
    padding-bottom: 90px;
}
.pd-l-90 {
    padding-left: 90px;
}
.pd-95 {
    padding: 95px;
}
.pd-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
}
.pd-x-95 {
    padding-left: 95px;
    padding-right: 95px;
}
.pd-t-95 {
    padding-top: 95px;
}
.pd-r-95 {
    padding-right: 95px;
}
.pd-b-95 {
    padding-bottom: 95px;
}
.pd-l-95 {
    padding-left: 95px;
}
.pd-100 {
    padding: 100px;
}
.pd-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.pd-x-100 {
    padding-left: 100px;
    padding-right: 100px;
}
.pd-t-100 {
    padding-top: 100px;
}
.pd-r-100 {
    padding-right: 100px;
}
.pd-b-100 {
    padding-bottom: 100px;
}
.pd-l-100 {
    padding-left: 100px;
}
.pd-110 {
    padding: 110px;
}
.pd-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}
.pd-x-110 {
    padding-left: 110px;
    padding-right: 110px;
}
.pd-t-110 {
    padding-top: 110px;
}
.pd-r-110 {
    padding-right: 110px;
}
.pd-b-110 {
    padding-bottom: 110px;
}
.pd-l-110 {
    padding-left: 110px;
}
.pd-120 {
    padding: 120px;
}
.pd-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.pd-x-120 {
    padding-left: 120px;
    padding-right: 120px;
}
.pd-t-120 {
    padding-top: 120px;
}
.pd-r-120 {
    padding-right: 120px;
}
.pd-b-120 {
    padding-bottom: 120px;
}
.pd-l-120 {
    padding-left: 120px;
}
.pd-130 {
    padding: 130px;
}
.pd-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}
.pd-x-130 {
    padding-left: 130px;
    padding-right: 130px;
}
.pd-t-130 {
    padding-top: 130px;
}
.pd-r-130 {
    padding-right: 130px;
}
.pd-b-130 {
    padding-bottom: 130px;
}
.pd-l-130 {
    padding-left: 130px;
}
.pd-140 {
    padding: 140px;
}
.pd-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
}
.pd-x-140 {
    padding-left: 140px;
    padding-right: 140px;
}
.pd-t-140 {
    padding-top: 140px;
}
.pd-r-140 {
    padding-right: 140px;
}
.pd-b-140 {
    padding-bottom: 140px;
}
.pd-l-140 {
    padding-left: 140px;
}
.pd-150 {
    padding: 150px;
}
.pd-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}
.pd-x-150 {
    padding-left: 150px;
    padding-right: 150px;
}
.pd-t-150 {
    padding-top: 150px;
}
.pd-r-150 {
    padding-right: 150px;
}
.pd-b-150 {
    padding-bottom: 150px;
}
.pd-l-150 {
    padding-left: 150px;
}
.pd-160 {
    padding: 160px;
}
.pd-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
}
.pd-x-160 {
    padding-left: 160px;
    padding-right: 160px;
}
.pd-t-160 {
    padding-top: 160px;
}
.pd-r-160 {
    padding-right: 160px;
}
.pd-b-160 {
    padding-bottom: 160px;
}
.pd-l-160 {
    padding-left: 160px;
}
.pd-170 {
    padding: 170px;
}
.pd-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
}
.pd-x-170 {
    padding-left: 170px;
    padding-right: 170px;
}
.pd-t-170 {
    padding-top: 170px;
}
.pd-r-170 {
    padding-right: 170px;
}
.pd-b-170 {
    padding-bottom: 170px;
}
.pd-l-170 {
    padding-left: 170px;
}
.pd-180 {
    padding: 180px;
}
.pd-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
}
.pd-x-180 {
    padding-left: 180px;
    padding-right: 180px;
}
.pd-t-180 {
    padding-top: 180px;
}
.pd-r-180 {
    padding-right: 180px;
}
.pd-b-180 {
    padding-bottom: 180px;
}
.pd-l-180 {
    padding-left: 180px;
}
.pd-190 {
    padding: 190px;
}
.pd-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
}
.pd-x-190 {
    padding-left: 190px;
    padding-right: 190px;
}
.pd-t-190 {
    padding-top: 190px;
}
.pd-r-190 {
    padding-right: 190px;
}
.pd-b-190 {
    padding-bottom: 190px;
}
.pd-l-190 {
    padding-left: 190px;
}
.pd-200 {
    padding: 200px;
}
.pd-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.pd-x-200 {
    padding-left: 200px;
    padding-right: 200px;
}
.pd-t-200 {
    padding-top: 200px;
}
.pd-r-200 {
    padding-right: 200px;
}
.pd-b-200 {
    padding-bottom: 200px;
}
.pd-l-200 {
    padding-left: 200px;
}
@media (min-width: 480px) {
    .pd-xs-0 {
        padding: 0px;
    }

    .pd-xs-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-xs-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-xs-t-0 {
        padding-top: 0px;
    }

    .pd-xs-r-0 {
        padding-right: 0px;
    }

    .pd-xs-b-0 {
        padding-bottom: 0px;
    }

    .pd-xs-l-0 {
        padding-left: 0px;
    }

    .pd-xs-1 {
        padding: 1px;
    }

    .pd-xs-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-xs-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-xs-t-1 {
        padding-top: 1px;
    }

    .pd-xs-r-1 {
        padding-right: 1px;
    }

    .pd-xs-b-1 {
        padding-bottom: 1px;
    }

    .pd-xs-l-1 {
        padding-left: 1px;
    }

    .pd-xs-2 {
        padding: 2px;
    }

    .pd-xs-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-xs-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-xs-t-2 {
        padding-top: 2px;
    }

    .pd-xs-r-2 {
        padding-right: 2px;
    }

    .pd-xs-b-2 {
        padding-bottom: 2px;
    }

    .pd-xs-l-2 {
        padding-left: 2px;
    }

    .pd-xs-3 {
        padding: 3px;
    }

    .pd-xs-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-xs-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-xs-t-3 {
        padding-top: 3px;
    }

    .pd-xs-r-3 {
        padding-right: 3px;
    }

    .pd-xs-b-3 {
        padding-bottom: 3px;
    }

    .pd-xs-l-3 {
        padding-left: 3px;
    }

    .pd-xs-4 {
        padding: 4px;
    }

    .pd-xs-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-xs-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-xs-t-4 {
        padding-top: 4px;
    }

    .pd-xs-r-4 {
        padding-right: 4px;
    }

    .pd-xs-b-4 {
        padding-bottom: 4px;
    }

    .pd-xs-l-4 {
        padding-left: 4px;
    }

    .pd-xs-5 {
        padding: 5px;
    }

    .pd-xs-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-xs-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-xs-t-5 {
        padding-top: 5px;
    }

    .pd-xs-r-5 {
        padding-right: 5px;
    }

    .pd-xs-b-5 {
        padding-bottom: 5px;
    }

    .pd-xs-l-5 {
        padding-left: 5px;
    }

    .pd-xs-6 {
        padding: 6px;
    }

    .pd-xs-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-xs-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-xs-t-6 {
        padding-top: 6px;
    }

    .pd-xs-r-6 {
        padding-right: 6px;
    }

    .pd-xs-b-6 {
        padding-bottom: 6px;
    }

    .pd-xs-l-6 {
        padding-left: 6px;
    }

    .pd-xs-7 {
        padding: 7px;
    }

    .pd-xs-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-xs-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-xs-t-7 {
        padding-top: 7px;
    }

    .pd-xs-r-7 {
        padding-right: 7px;
    }

    .pd-xs-b-7 {
        padding-bottom: 7px;
    }

    .pd-xs-l-7 {
        padding-left: 7px;
    }

    .pd-xs-8 {
        padding: 8px;
    }

    .pd-xs-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-xs-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-xs-t-8 {
        padding-top: 8px;
    }

    .pd-xs-r-8 {
        padding-right: 8px;
    }

    .pd-xs-b-8 {
        padding-bottom: 8px;
    }

    .pd-xs-l-8 {
        padding-left: 8px;
    }

    .pd-xs-9 {
        padding: 9px;
    }

    .pd-xs-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-xs-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-xs-t-9 {
        padding-top: 9px;
    }

    .pd-xs-r-9 {
        padding-right: 9px;
    }

    .pd-xs-b-9 {
        padding-bottom: 9px;
    }

    .pd-xs-l-9 {
        padding-left: 9px;
    }

    .pd-xs-10 {
        padding: 10px;
    }

    .pd-xs-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-xs-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-xs-t-10 {
        padding-top: 10px;
    }

    .pd-xs-r-10 {
        padding-right: 10px;
    }

    .pd-xs-b-10 {
        padding-bottom: 10px;
    }

    .pd-xs-l-10 {
        padding-left: 10px;
    }

    .pd-xs-15 {
        padding: 15px;
    }

    .pd-xs-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-xs-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-xs-t-15 {
        padding-top: 15px;
    }

    .pd-xs-r-15 {
        padding-right: 15px;
    }

    .pd-xs-b-15 {
        padding-bottom: 15px;
    }

    .pd-xs-l-15 {
        padding-left: 15px;
    }

    .pd-xs-20 {
        padding: 20px;
    }

    .pd-xs-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-xs-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-xs-t-20 {
        padding-top: 20px;
    }

    .pd-xs-r-20 {
        padding-right: 20px;
    }

    .pd-xs-b-20 {
        padding-bottom: 20px;
    }

    .pd-xs-l-20 {
        padding-left: 20px;
    }

    .pd-xs-25 {
        padding: 25px;
    }

    .pd-xs-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-xs-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-xs-t-25 {
        padding-top: 25px;
    }

    .pd-xs-r-25 {
        padding-right: 25px;
    }

    .pd-xs-b-25 {
        padding-bottom: 25px;
    }

    .pd-xs-l-25 {
        padding-left: 25px;
    }

    .pd-xs-30 {
        padding: 30px;
    }

    .pd-xs-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-xs-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-xs-t-30 {
        padding-top: 30px;
    }

    .pd-xs-r-30 {
        padding-right: 30px;
    }

    .pd-xs-b-30 {
        padding-bottom: 30px;
    }

    .pd-xs-l-30 {
        padding-left: 30px;
    }

    .pd-xs-35 {
        padding: 35px;
    }

    .pd-xs-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-xs-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-xs-t-35 {
        padding-top: 35px;
    }

    .pd-xs-r-35 {
        padding-right: 35px;
    }

    .pd-xs-b-35 {
        padding-bottom: 35px;
    }

    .pd-xs-l-35 {
        padding-left: 35px;
    }

    .pd-xs-40 {
        padding: 40px;
    }

    .pd-xs-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-xs-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-xs-t-40 {
        padding-top: 40px;
    }

    .pd-xs-r-40 {
        padding-right: 40px;
    }

    .pd-xs-b-40 {
        padding-bottom: 40px;
    }

    .pd-xs-l-40 {
        padding-left: 40px;
    }

    .pd-xs-45 {
        padding: 45px;
    }

    .pd-xs-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-xs-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-xs-t-45 {
        padding-top: 45px;
    }

    .pd-xs-r-45 {
        padding-right: 45px;
    }

    .pd-xs-b-45 {
        padding-bottom: 45px;
    }

    .pd-xs-l-45 {
        padding-left: 45px;
    }

    .pd-xs-50 {
        padding: 50px;
    }

    .pd-xs-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-xs-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-xs-t-50 {
        padding-top: 50px;
    }

    .pd-xs-r-50 {
        padding-right: 50px;
    }

    .pd-xs-b-50 {
        padding-bottom: 50px;
    }

    .pd-xs-l-50 {
        padding-left: 50px;
    }

    .pd-xs-55 {
        padding: 55px;
    }

    .pd-xs-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-xs-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-xs-t-55 {
        padding-top: 55px;
    }

    .pd-xs-r-55 {
        padding-right: 55px;
    }

    .pd-xs-b-55 {
        padding-bottom: 55px;
    }

    .pd-xs-l-55 {
        padding-left: 55px;
    }

    .pd-xs-60 {
        padding: 60px;
    }

    .pd-xs-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-xs-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-xs-t-60 {
        padding-top: 60px;
    }

    .pd-xs-r-60 {
        padding-right: 60px;
    }

    .pd-xs-b-60 {
        padding-bottom: 60px;
    }

    .pd-xs-l-60 {
        padding-left: 60px;
    }

    .pd-xs-65 {
        padding: 65px;
    }

    .pd-xs-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-xs-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-xs-t-65 {
        padding-top: 65px;
    }

    .pd-xs-r-65 {
        padding-right: 65px;
    }

    .pd-xs-b-65 {
        padding-bottom: 65px;
    }

    .pd-xs-l-65 {
        padding-left: 65px;
    }

    .pd-xs-70 {
        padding: 70px;
    }

    .pd-xs-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-xs-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-xs-t-70 {
        padding-top: 70px;
    }

    .pd-xs-r-70 {
        padding-right: 70px;
    }

    .pd-xs-b-70 {
        padding-bottom: 70px;
    }

    .pd-xs-l-70 {
        padding-left: 70px;
    }

    .pd-xs-75 {
        padding: 75px;
    }

    .pd-xs-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-xs-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-xs-t-75 {
        padding-top: 75px;
    }

    .pd-xs-r-75 {
        padding-right: 75px;
    }

    .pd-xs-b-75 {
        padding-bottom: 75px;
    }

    .pd-xs-l-75 {
        padding-left: 75px;
    }

    .pd-xs-80 {
        padding: 80px;
    }

    .pd-xs-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-xs-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-xs-t-80 {
        padding-top: 80px;
    }

    .pd-xs-r-80 {
        padding-right: 80px;
    }

    .pd-xs-b-80 {
        padding-bottom: 80px;
    }

    .pd-xs-l-80 {
        padding-left: 80px;
    }

    .pd-xs-85 {
        padding: 85px;
    }

    .pd-xs-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-xs-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-xs-t-85 {
        padding-top: 85px;
    }

    .pd-xs-r-85 {
        padding-right: 85px;
    }

    .pd-xs-b-85 {
        padding-bottom: 85px;
    }

    .pd-xs-l-85 {
        padding-left: 85px;
    }

    .pd-xs-90 {
        padding: 90px;
    }

    .pd-xs-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-xs-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-xs-t-90 {
        padding-top: 90px;
    }

    .pd-xs-r-90 {
        padding-right: 90px;
    }

    .pd-xs-b-90 {
        padding-bottom: 90px;
    }

    .pd-xs-l-90 {
        padding-left: 90px;
    }

    .pd-xs-95 {
        padding: 95px;
    }

    .pd-xs-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-xs-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-xs-t-95 {
        padding-top: 95px;
    }

    .pd-xs-r-95 {
        padding-right: 95px;
    }

    .pd-xs-b-95 {
        padding-bottom: 95px;
    }

    .pd-xs-l-95 {
        padding-left: 95px;
    }

    .pd-xs-100 {
        padding: 100px;
    }

    .pd-xs-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-xs-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-xs-t-100 {
        padding-top: 100px;
    }

    .pd-xs-r-100 {
        padding-right: 100px;
    }

    .pd-xs-b-100 {
        padding-bottom: 100px;
    }

    .pd-xs-l-100 {
        padding-left: 100px;
    }

    .pd-xs-110 {
        padding: 110px;
    }

    .pd-xs-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-xs-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-xs-t-110 {
        padding-top: 110px;
    }

    .pd-xs-r-110 {
        padding-right: 110px;
    }

    .pd-xs-b-110 {
        padding-bottom: 110px;
    }

    .pd-xs-l-110 {
        padding-left: 110px;
    }

    .pd-xs-120 {
        padding: 120px;
    }

    .pd-xs-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-xs-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-xs-t-120 {
        padding-top: 120px;
    }

    .pd-xs-r-120 {
        padding-right: 120px;
    }

    .pd-xs-b-120 {
        padding-bottom: 120px;
    }

    .pd-xs-l-120 {
        padding-left: 120px;
    }

    .pd-xs-130 {
        padding: 130px;
    }

    .pd-xs-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-xs-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-xs-t-130 {
        padding-top: 130px;
    }

    .pd-xs-r-130 {
        padding-right: 130px;
    }

    .pd-xs-b-130 {
        padding-bottom: 130px;
    }

    .pd-xs-l-130 {
        padding-left: 130px;
    }

    .pd-xs-140 {
        padding: 140px;
    }

    .pd-xs-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-xs-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-xs-t-140 {
        padding-top: 140px;
    }

    .pd-xs-r-140 {
        padding-right: 140px;
    }

    .pd-xs-b-140 {
        padding-bottom: 140px;
    }

    .pd-xs-l-140 {
        padding-left: 140px;
    }

    .pd-xs-150 {
        padding: 150px;
    }

    .pd-xs-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-xs-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-xs-t-150 {
        padding-top: 150px;
    }

    .pd-xs-r-150 {
        padding-right: 150px;
    }

    .pd-xs-b-150 {
        padding-bottom: 150px;
    }

    .pd-xs-l-150 {
        padding-left: 150px;
    }

    .pd-xs-160 {
        padding: 160px;
    }

    .pd-xs-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-xs-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-xs-t-160 {
        padding-top: 160px;
    }

    .pd-xs-r-160 {
        padding-right: 160px;
    }

    .pd-xs-b-160 {
        padding-bottom: 160px;
    }

    .pd-xs-l-160 {
        padding-left: 160px;
    }

    .pd-xs-170 {
        padding: 170px;
    }

    .pd-xs-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-xs-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-xs-t-170 {
        padding-top: 170px;
    }

    .pd-xs-r-170 {
        padding-right: 170px;
    }

    .pd-xs-b-170 {
        padding-bottom: 170px;
    }

    .pd-xs-l-170 {
        padding-left: 170px;
    }

    .pd-xs-180 {
        padding: 180px;
    }

    .pd-xs-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-xs-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-xs-t-180 {
        padding-top: 180px;
    }

    .pd-xs-r-180 {
        padding-right: 180px;
    }

    .pd-xs-b-180 {
        padding-bottom: 180px;
    }

    .pd-xs-l-180 {
        padding-left: 180px;
    }

    .pd-xs-190 {
        padding: 190px;
    }

    .pd-xs-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-xs-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-xs-t-190 {
        padding-top: 190px;
    }

    .pd-xs-r-190 {
        padding-right: 190px;
    }

    .pd-xs-b-190 {
        padding-bottom: 190px;
    }

    .pd-xs-l-190 {
        padding-left: 190px;
    }

    .pd-xs-200 {
        padding: 200px;
    }

    .pd-xs-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-xs-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-xs-t-200 {
        padding-top: 200px;
    }

    .pd-xs-r-200 {
        padding-right: 200px;
    }

    .pd-xs-b-200 {
        padding-bottom: 200px;
    }

    .pd-xs-l-200 {
        padding-left: 200px;
    }
}
@media (min-width: 576px) {
    .pd-sm-0 {
        padding: 0px;
    }

    .pd-sm-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-sm-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-sm-t-0 {
        padding-top: 0px;
    }

    .pd-sm-r-0 {
        padding-right: 0px;
    }

    .pd-sm-b-0 {
        padding-bottom: 0px;
    }

    .pd-sm-l-0 {
        padding-left: 0px;
    }

    .pd-sm-1 {
        padding: 1px;
    }

    .pd-sm-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-sm-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-sm-t-1 {
        padding-top: 1px;
    }

    .pd-sm-r-1 {
        padding-right: 1px;
    }

    .pd-sm-b-1 {
        padding-bottom: 1px;
    }

    .pd-sm-l-1 {
        padding-left: 1px;
    }

    .pd-sm-2 {
        padding: 2px;
    }

    .pd-sm-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-sm-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-sm-t-2 {
        padding-top: 2px;
    }

    .pd-sm-r-2 {
        padding-right: 2px;
    }

    .pd-sm-b-2 {
        padding-bottom: 2px;
    }

    .pd-sm-l-2 {
        padding-left: 2px;
    }

    .pd-sm-3 {
        padding: 3px;
    }

    .pd-sm-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-sm-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-sm-t-3 {
        padding-top: 3px;
    }

    .pd-sm-r-3 {
        padding-right: 3px;
    }

    .pd-sm-b-3 {
        padding-bottom: 3px;
    }

    .pd-sm-l-3 {
        padding-left: 3px;
    }

    .pd-sm-4 {
        padding: 4px;
    }

    .pd-sm-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-sm-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-sm-t-4 {
        padding-top: 4px;
    }

    .pd-sm-r-4 {
        padding-right: 4px;
    }

    .pd-sm-b-4 {
        padding-bottom: 4px;
    }

    .pd-sm-l-4 {
        padding-left: 4px;
    }

    .pd-sm-5 {
        padding: 5px;
    }

    .pd-sm-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-sm-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-sm-t-5 {
        padding-top: 5px;
    }

    .pd-sm-r-5 {
        padding-right: 5px;
    }

    .pd-sm-b-5 {
        padding-bottom: 5px;
    }

    .pd-sm-l-5 {
        padding-left: 5px;
    }

    .pd-sm-6 {
        padding: 6px;
    }

    .pd-sm-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-sm-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-sm-t-6 {
        padding-top: 6px;
    }

    .pd-sm-r-6 {
        padding-right: 6px;
    }

    .pd-sm-b-6 {
        padding-bottom: 6px;
    }

    .pd-sm-l-6 {
        padding-left: 6px;
    }

    .pd-sm-7 {
        padding: 7px;
    }

    .pd-sm-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-sm-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-sm-t-7 {
        padding-top: 7px;
    }

    .pd-sm-r-7 {
        padding-right: 7px;
    }

    .pd-sm-b-7 {
        padding-bottom: 7px;
    }

    .pd-sm-l-7 {
        padding-left: 7px;
    }

    .pd-sm-8 {
        padding: 8px;
    }

    .pd-sm-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-sm-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-sm-t-8 {
        padding-top: 8px;
    }

    .pd-sm-r-8 {
        padding-right: 8px;
    }

    .pd-sm-b-8 {
        padding-bottom: 8px;
    }

    .pd-sm-l-8 {
        padding-left: 8px;
    }

    .pd-sm-9 {
        padding: 9px;
    }

    .pd-sm-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-sm-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-sm-t-9 {
        padding-top: 9px;
    }

    .pd-sm-r-9 {
        padding-right: 9px;
    }

    .pd-sm-b-9 {
        padding-bottom: 9px;
    }

    .pd-sm-l-9 {
        padding-left: 9px;
    }

    .pd-sm-10 {
        padding: 10px;
    }

    .pd-sm-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-sm-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-sm-t-10 {
        padding-top: 10px;
    }

    .pd-sm-r-10 {
        padding-right: 10px;
    }

    .pd-sm-b-10 {
        padding-bottom: 10px;
    }

    .pd-sm-l-10 {
        padding-left: 10px;
    }

    .pd-sm-15 {
        padding: 15px;
    }

    .pd-sm-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-sm-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-sm-t-15 {
        padding-top: 15px;
    }

    .pd-sm-r-15 {
        padding-right: 15px;
    }

    .pd-sm-b-15 {
        padding-bottom: 15px;
    }

    .pd-sm-l-15 {
        padding-left: 15px;
    }

    .pd-sm-20 {
        padding: 20px;
    }

    .pd-sm-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-sm-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-sm-t-20 {
        padding-top: 20px;
    }

    .pd-sm-r-20 {
        padding-right: 20px;
    }

    .pd-sm-b-20 {
        padding-bottom: 20px;
    }

    .pd-sm-l-20 {
        padding-left: 20px;
    }

    .pd-sm-25 {
        padding: 25px;
    }

    .pd-sm-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-sm-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-sm-t-25 {
        padding-top: 25px;
    }

    .pd-sm-r-25 {
        padding-right: 25px;
    }

    .pd-sm-b-25 {
        padding-bottom: 25px;
    }

    .pd-sm-l-25 {
        padding-left: 25px;
    }

    .pd-sm-30 {
        padding: 30px;
    }

    .pd-sm-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-sm-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-sm-t-30 {
        padding-top: 30px;
    }

    .pd-sm-r-30 {
        padding-right: 30px;
    }

    .pd-sm-b-30 {
        padding-bottom: 30px;
    }

    .pd-sm-l-30 {
        padding-left: 30px;
    }

    .pd-sm-35 {
        padding: 35px;
    }

    .pd-sm-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-sm-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-sm-t-35 {
        padding-top: 35px;
    }

    .pd-sm-r-35 {
        padding-right: 35px;
    }

    .pd-sm-b-35 {
        padding-bottom: 35px;
    }

    .pd-sm-l-35 {
        padding-left: 35px;
    }

    .pd-sm-40 {
        padding: 40px;
    }

    .pd-sm-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-sm-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-sm-t-40 {
        padding-top: 40px;
    }

    .pd-sm-r-40 {
        padding-right: 40px;
    }

    .pd-sm-b-40 {
        padding-bottom: 40px;
    }

    .pd-sm-l-40 {
        padding-left: 40px;
    }

    .pd-sm-45 {
        padding: 45px;
    }

    .pd-sm-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-sm-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-sm-t-45 {
        padding-top: 45px;
    }

    .pd-sm-r-45 {
        padding-right: 45px;
    }

    .pd-sm-b-45 {
        padding-bottom: 45px;
    }

    .pd-sm-l-45 {
        padding-left: 45px;
    }

    .pd-sm-50 {
        padding: 50px;
    }

    .pd-sm-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-sm-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-sm-t-50 {
        padding-top: 50px;
    }

    .pd-sm-r-50 {
        padding-right: 50px;
    }

    .pd-sm-b-50 {
        padding-bottom: 50px;
    }

    .pd-sm-l-50 {
        padding-left: 50px;
    }

    .pd-sm-55 {
        padding: 55px;
    }

    .pd-sm-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-sm-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-sm-t-55 {
        padding-top: 55px;
    }

    .pd-sm-r-55 {
        padding-right: 55px;
    }

    .pd-sm-b-55 {
        padding-bottom: 55px;
    }

    .pd-sm-l-55 {
        padding-left: 55px;
    }

    .pd-sm-60 {
        padding: 60px;
    }

    .pd-sm-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-sm-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-sm-t-60 {
        padding-top: 60px;
    }

    .pd-sm-r-60 {
        padding-right: 60px;
    }

    .pd-sm-b-60 {
        padding-bottom: 60px;
    }

    .pd-sm-l-60 {
        padding-left: 60px;
    }

    .pd-sm-65 {
        padding: 65px;
    }

    .pd-sm-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-sm-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-sm-t-65 {
        padding-top: 65px;
    }

    .pd-sm-r-65 {
        padding-right: 65px;
    }

    .pd-sm-b-65 {
        padding-bottom: 65px;
    }

    .pd-sm-l-65 {
        padding-left: 65px;
    }

    .pd-sm-70 {
        padding: 70px;
    }

    .pd-sm-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-sm-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-sm-t-70 {
        padding-top: 70px;
    }

    .pd-sm-r-70 {
        padding-right: 70px;
    }

    .pd-sm-b-70 {
        padding-bottom: 70px;
    }

    .pd-sm-l-70 {
        padding-left: 70px;
    }

    .pd-sm-75 {
        padding: 75px;
    }

    .pd-sm-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-sm-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-sm-t-75 {
        padding-top: 75px;
    }

    .pd-sm-r-75 {
        padding-right: 75px;
    }

    .pd-sm-b-75 {
        padding-bottom: 75px;
    }

    .pd-sm-l-75 {
        padding-left: 75px;
    }

    .pd-sm-80 {
        padding: 80px;
    }

    .pd-sm-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-sm-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-sm-t-80 {
        padding-top: 80px;
    }

    .pd-sm-r-80 {
        padding-right: 80px;
    }

    .pd-sm-b-80 {
        padding-bottom: 80px;
    }

    .pd-sm-l-80 {
        padding-left: 80px;
    }

    .pd-sm-85 {
        padding: 85px;
    }

    .pd-sm-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-sm-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-sm-t-85 {
        padding-top: 85px;
    }

    .pd-sm-r-85 {
        padding-right: 85px;
    }

    .pd-sm-b-85 {
        padding-bottom: 85px;
    }

    .pd-sm-l-85 {
        padding-left: 85px;
    }

    .pd-sm-90 {
        padding: 90px;
    }

    .pd-sm-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-sm-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-sm-t-90 {
        padding-top: 90px;
    }

    .pd-sm-r-90 {
        padding-right: 90px;
    }

    .pd-sm-b-90 {
        padding-bottom: 90px;
    }

    .pd-sm-l-90 {
        padding-left: 90px;
    }

    .pd-sm-95 {
        padding: 95px;
    }

    .pd-sm-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-sm-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-sm-t-95 {
        padding-top: 95px;
    }

    .pd-sm-r-95 {
        padding-right: 95px;
    }

    .pd-sm-b-95 {
        padding-bottom: 95px;
    }

    .pd-sm-l-95 {
        padding-left: 95px;
    }

    .pd-sm-100 {
        padding: 100px;
    }

    .pd-sm-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-sm-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-sm-t-100 {
        padding-top: 100px;
    }

    .pd-sm-r-100 {
        padding-right: 100px;
    }

    .pd-sm-b-100 {
        padding-bottom: 100px;
    }

    .pd-sm-l-100 {
        padding-left: 100px;
    }

    .pd-sm-110 {
        padding: 110px;
    }

    .pd-sm-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-sm-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-sm-t-110 {
        padding-top: 110px;
    }

    .pd-sm-r-110 {
        padding-right: 110px;
    }

    .pd-sm-b-110 {
        padding-bottom: 110px;
    }

    .pd-sm-l-110 {
        padding-left: 110px;
    }

    .pd-sm-120 {
        padding: 120px;
    }

    .pd-sm-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-sm-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-sm-t-120 {
        padding-top: 120px;
    }

    .pd-sm-r-120 {
        padding-right: 120px;
    }

    .pd-sm-b-120 {
        padding-bottom: 120px;
    }

    .pd-sm-l-120 {
        padding-left: 120px;
    }

    .pd-sm-130 {
        padding: 130px;
    }

    .pd-sm-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-sm-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-sm-t-130 {
        padding-top: 130px;
    }

    .pd-sm-r-130 {
        padding-right: 130px;
    }

    .pd-sm-b-130 {
        padding-bottom: 130px;
    }

    .pd-sm-l-130 {
        padding-left: 130px;
    }

    .pd-sm-140 {
        padding: 140px;
    }

    .pd-sm-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-sm-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-sm-t-140 {
        padding-top: 140px;
    }

    .pd-sm-r-140 {
        padding-right: 140px;
    }

    .pd-sm-b-140 {
        padding-bottom: 140px;
    }

    .pd-sm-l-140 {
        padding-left: 140px;
    }

    .pd-sm-150 {
        padding: 150px;
    }

    .pd-sm-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-sm-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-sm-t-150 {
        padding-top: 150px;
    }

    .pd-sm-r-150 {
        padding-right: 150px;
    }

    .pd-sm-b-150 {
        padding-bottom: 150px;
    }

    .pd-sm-l-150 {
        padding-left: 150px;
    }

    .pd-sm-160 {
        padding: 160px;
    }

    .pd-sm-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-sm-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-sm-t-160 {
        padding-top: 160px;
    }

    .pd-sm-r-160 {
        padding-right: 160px;
    }

    .pd-sm-b-160 {
        padding-bottom: 160px;
    }

    .pd-sm-l-160 {
        padding-left: 160px;
    }

    .pd-sm-170 {
        padding: 170px;
    }

    .pd-sm-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-sm-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-sm-t-170 {
        padding-top: 170px;
    }

    .pd-sm-r-170 {
        padding-right: 170px;
    }

    .pd-sm-b-170 {
        padding-bottom: 170px;
    }

    .pd-sm-l-170 {
        padding-left: 170px;
    }

    .pd-sm-180 {
        padding: 180px;
    }

    .pd-sm-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-sm-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-sm-t-180 {
        padding-top: 180px;
    }

    .pd-sm-r-180 {
        padding-right: 180px;
    }

    .pd-sm-b-180 {
        padding-bottom: 180px;
    }

    .pd-sm-l-180 {
        padding-left: 180px;
    }

    .pd-sm-190 {
        padding: 190px;
    }

    .pd-sm-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-sm-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-sm-t-190 {
        padding-top: 190px;
    }

    .pd-sm-r-190 {
        padding-right: 190px;
    }

    .pd-sm-b-190 {
        padding-bottom: 190px;
    }

    .pd-sm-l-190 {
        padding-left: 190px;
    }

    .pd-sm-200 {
        padding: 200px;
    }

    .pd-sm-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-sm-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-sm-t-200 {
        padding-top: 200px;
    }

    .pd-sm-r-200 {
        padding-right: 200px;
    }

    .pd-sm-b-200 {
        padding-bottom: 200px;
    }

    .pd-sm-l-200 {
        padding-left: 200px;
    }
}
@media (min-width: 768px) {
    .pd-md-0 {
        padding: 0px;
    }

    .pd-md-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-md-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-md-t-0 {
        padding-top: 0px;
    }

    .pd-md-r-0 {
        padding-right: 0px;
    }

    .pd-md-b-0 {
        padding-bottom: 0px;
    }

    .pd-md-l-0 {
        padding-left: 0px;
    }

    .pd-md-1 {
        padding: 1px;
    }

    .pd-md-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-md-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-md-t-1 {
        padding-top: 1px;
    }

    .pd-md-r-1 {
        padding-right: 1px;
    }

    .pd-md-b-1 {
        padding-bottom: 1px;
    }

    .pd-md-l-1 {
        padding-left: 1px;
    }

    .pd-md-2 {
        padding: 2px;
    }

    .pd-md-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-md-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-md-t-2 {
        padding-top: 2px;
    }

    .pd-md-r-2 {
        padding-right: 2px;
    }

    .pd-md-b-2 {
        padding-bottom: 2px;
    }

    .pd-md-l-2 {
        padding-left: 2px;
    }

    .pd-md-3 {
        padding: 3px;
    }

    .pd-md-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-md-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-md-t-3 {
        padding-top: 3px;
    }

    .pd-md-r-3 {
        padding-right: 3px;
    }

    .pd-md-b-3 {
        padding-bottom: 3px;
    }

    .pd-md-l-3 {
        padding-left: 3px;
    }

    .pd-md-4 {
        padding: 4px;
    }

    .pd-md-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-md-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-md-t-4 {
        padding-top: 4px;
    }

    .pd-md-r-4 {
        padding-right: 4px;
    }

    .pd-md-b-4 {
        padding-bottom: 4px;
    }

    .pd-md-l-4 {
        padding-left: 4px;
    }

    .pd-md-5 {
        padding: 5px;
    }

    .pd-md-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-md-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-md-t-5 {
        padding-top: 5px;
    }

    .pd-md-r-5 {
        padding-right: 5px;
    }

    .pd-md-b-5 {
        padding-bottom: 5px;
    }

    .pd-md-l-5 {
        padding-left: 5px;
    }

    .pd-md-6 {
        padding: 6px;
    }

    .pd-md-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-md-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-md-t-6 {
        padding-top: 6px;
    }

    .pd-md-r-6 {
        padding-right: 6px;
    }

    .pd-md-b-6 {
        padding-bottom: 6px;
    }

    .pd-md-l-6 {
        padding-left: 6px;
    }

    .pd-md-7 {
        padding: 7px;
    }

    .pd-md-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-md-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-md-t-7 {
        padding-top: 7px;
    }

    .pd-md-r-7 {
        padding-right: 7px;
    }

    .pd-md-b-7 {
        padding-bottom: 7px;
    }

    .pd-md-l-7 {
        padding-left: 7px;
    }

    .pd-md-8 {
        padding: 8px;
    }

    .pd-md-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-md-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-md-t-8 {
        padding-top: 8px;
    }

    .pd-md-r-8 {
        padding-right: 8px;
    }

    .pd-md-b-8 {
        padding-bottom: 8px;
    }

    .pd-md-l-8 {
        padding-left: 8px;
    }

    .pd-md-9 {
        padding: 9px;
    }

    .pd-md-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-md-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-md-t-9 {
        padding-top: 9px;
    }

    .pd-md-r-9 {
        padding-right: 9px;
    }

    .pd-md-b-9 {
        padding-bottom: 9px;
    }

    .pd-md-l-9 {
        padding-left: 9px;
    }

    .pd-md-10 {
        padding: 10px;
    }

    .pd-md-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-md-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-md-t-10 {
        padding-top: 10px;
    }

    .pd-md-r-10 {
        padding-right: 10px;
    }

    .pd-md-b-10 {
        padding-bottom: 10px;
    }

    .pd-md-l-10 {
        padding-left: 10px;
    }

    .pd-md-15 {
        padding: 15px;
    }

    .pd-md-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-md-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-md-t-15 {
        padding-top: 15px;
    }

    .pd-md-r-15 {
        padding-right: 15px;
    }

    .pd-md-b-15 {
        padding-bottom: 15px;
    }

    .pd-md-l-15 {
        padding-left: 15px;
    }

    .pd-md-20 {
        padding: 20px;
    }

    .pd-md-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-md-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-md-t-20 {
        padding-top: 20px;
    }

    .pd-md-r-20 {
        padding-right: 20px;
    }

    .pd-md-b-20 {
        padding-bottom: 20px;
    }

    .pd-md-l-20 {
        padding-left: 20px;
    }

    .pd-md-25 {
        padding: 25px;
    }

    .pd-md-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-md-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-md-t-25 {
        padding-top: 25px;
    }

    .pd-md-r-25 {
        padding-right: 25px;
    }

    .pd-md-b-25 {
        padding-bottom: 25px;
    }

    .pd-md-l-25 {
        padding-left: 25px;
    }

    .pd-md-30 {
        padding: 30px;
    }

    .pd-md-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-md-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-md-t-30 {
        padding-top: 30px;
    }

    .pd-md-r-30 {
        padding-right: 30px;
    }

    .pd-md-b-30 {
        padding-bottom: 30px;
    }

    .pd-md-l-30 {
        padding-left: 30px;
    }

    .pd-md-35 {
        padding: 35px;
    }

    .pd-md-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-md-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-md-t-35 {
        padding-top: 35px;
    }

    .pd-md-r-35 {
        padding-right: 35px;
    }

    .pd-md-b-35 {
        padding-bottom: 35px;
    }

    .pd-md-l-35 {
        padding-left: 35px;
    }

    .pd-md-40 {
        padding: 40px;
    }

    .pd-md-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-md-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-md-t-40 {
        padding-top: 40px;
    }

    .pd-md-r-40 {
        padding-right: 40px;
    }

    .pd-md-b-40 {
        padding-bottom: 40px;
    }

    .pd-md-l-40 {
        padding-left: 40px;
    }

    .pd-md-45 {
        padding: 45px;
    }

    .pd-md-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-md-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-md-t-45 {
        padding-top: 45px;
    }

    .pd-md-r-45 {
        padding-right: 45px;
    }

    .pd-md-b-45 {
        padding-bottom: 45px;
    }

    .pd-md-l-45 {
        padding-left: 45px;
    }

    .pd-md-50 {
        padding: 50px;
    }

    .pd-md-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-md-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-md-t-50 {
        padding-top: 50px;
    }

    .pd-md-r-50 {
        padding-right: 50px;
    }

    .pd-md-b-50 {
        padding-bottom: 50px;
    }

    .pd-md-l-50 {
        padding-left: 50px;
    }

    .pd-md-55 {
        padding: 55px;
    }

    .pd-md-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-md-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-md-t-55 {
        padding-top: 55px;
    }

    .pd-md-r-55 {
        padding-right: 55px;
    }

    .pd-md-b-55 {
        padding-bottom: 55px;
    }

    .pd-md-l-55 {
        padding-left: 55px;
    }

    .pd-md-60 {
        padding: 60px;
    }

    .pd-md-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-md-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-md-t-60 {
        padding-top: 60px;
    }

    .pd-md-r-60 {
        padding-right: 60px;
    }

    .pd-md-b-60 {
        padding-bottom: 60px;
    }

    .pd-md-l-60 {
        padding-left: 60px;
    }

    .pd-md-65 {
        padding: 65px;
    }

    .pd-md-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-md-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-md-t-65 {
        padding-top: 65px;
    }

    .pd-md-r-65 {
        padding-right: 65px;
    }

    .pd-md-b-65 {
        padding-bottom: 65px;
    }

    .pd-md-l-65 {
        padding-left: 65px;
    }

    .pd-md-70 {
        padding: 70px;
    }

    .pd-md-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-md-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-md-t-70 {
        padding-top: 70px;
    }

    .pd-md-r-70 {
        padding-right: 70px;
    }

    .pd-md-b-70 {
        padding-bottom: 70px;
    }

    .pd-md-l-70 {
        padding-left: 70px;
    }

    .pd-md-75 {
        padding: 75px;
    }

    .pd-md-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-md-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-md-t-75 {
        padding-top: 75px;
    }

    .pd-md-r-75 {
        padding-right: 75px;
    }

    .pd-md-b-75 {
        padding-bottom: 75px;
    }

    .pd-md-l-75 {
        padding-left: 75px;
    }

    .pd-md-80 {
        padding: 80px;
    }

    .pd-md-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-md-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-md-t-80 {
        padding-top: 80px;
    }

    .pd-md-r-80 {
        padding-right: 80px;
    }

    .pd-md-b-80 {
        padding-bottom: 80px;
    }

    .pd-md-l-80 {
        padding-left: 80px;
    }

    .pd-md-85 {
        padding: 85px;
    }

    .pd-md-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-md-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-md-t-85 {
        padding-top: 85px;
    }

    .pd-md-r-85 {
        padding-right: 85px;
    }

    .pd-md-b-85 {
        padding-bottom: 85px;
    }

    .pd-md-l-85 {
        padding-left: 85px;
    }

    .pd-md-90 {
        padding: 90px;
    }

    .pd-md-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-md-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-md-t-90 {
        padding-top: 90px;
    }

    .pd-md-r-90 {
        padding-right: 90px;
    }

    .pd-md-b-90 {
        padding-bottom: 90px;
    }

    .pd-md-l-90 {
        padding-left: 90px;
    }

    .pd-md-95 {
        padding: 95px;
    }

    .pd-md-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-md-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-md-t-95 {
        padding-top: 95px;
    }

    .pd-md-r-95 {
        padding-right: 95px;
    }

    .pd-md-b-95 {
        padding-bottom: 95px;
    }

    .pd-md-l-95 {
        padding-left: 95px;
    }

    .pd-md-100 {
        padding: 100px;
    }

    .pd-md-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-md-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-md-t-100 {
        padding-top: 100px;
    }

    .pd-md-r-100 {
        padding-right: 100px;
    }

    .pd-md-b-100 {
        padding-bottom: 100px;
    }

    .pd-md-l-100 {
        padding-left: 100px;
    }

    .pd-md-110 {
        padding: 110px;
    }

    .pd-md-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-md-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-md-t-110 {
        padding-top: 110px;
    }

    .pd-md-r-110 {
        padding-right: 110px;
    }

    .pd-md-b-110 {
        padding-bottom: 110px;
    }

    .pd-md-l-110 {
        padding-left: 110px;
    }

    .pd-md-120 {
        padding: 120px;
    }

    .pd-md-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-md-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-md-t-120 {
        padding-top: 120px;
    }

    .pd-md-r-120 {
        padding-right: 120px;
    }

    .pd-md-b-120 {
        padding-bottom: 120px;
    }

    .pd-md-l-120 {
        padding-left: 120px;
    }

    .pd-md-130 {
        padding: 130px;
    }

    .pd-md-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-md-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-md-t-130 {
        padding-top: 130px;
    }

    .pd-md-r-130 {
        padding-right: 130px;
    }

    .pd-md-b-130 {
        padding-bottom: 130px;
    }

    .pd-md-l-130 {
        padding-left: 130px;
    }

    .pd-md-140 {
        padding: 140px;
    }

    .pd-md-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-md-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-md-t-140 {
        padding-top: 140px;
    }

    .pd-md-r-140 {
        padding-right: 140px;
    }

    .pd-md-b-140 {
        padding-bottom: 140px;
    }

    .pd-md-l-140 {
        padding-left: 140px;
    }

    .pd-md-150 {
        padding: 150px;
    }

    .pd-md-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-md-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-md-t-150 {
        padding-top: 150px;
    }

    .pd-md-r-150 {
        padding-right: 150px;
    }

    .pd-md-b-150 {
        padding-bottom: 150px;
    }

    .pd-md-l-150 {
        padding-left: 150px;
    }

    .pd-md-160 {
        padding: 160px;
    }

    .pd-md-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-md-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-md-t-160 {
        padding-top: 160px;
    }

    .pd-md-r-160 {
        padding-right: 160px;
    }

    .pd-md-b-160 {
        padding-bottom: 160px;
    }

    .pd-md-l-160 {
        padding-left: 160px;
    }

    .pd-md-170 {
        padding: 170px;
    }

    .pd-md-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-md-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-md-t-170 {
        padding-top: 170px;
    }

    .pd-md-r-170 {
        padding-right: 170px;
    }

    .pd-md-b-170 {
        padding-bottom: 170px;
    }

    .pd-md-l-170 {
        padding-left: 170px;
    }

    .pd-md-180 {
        padding: 180px;
    }

    .pd-md-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-md-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-md-t-180 {
        padding-top: 180px;
    }

    .pd-md-r-180 {
        padding-right: 180px;
    }

    .pd-md-b-180 {
        padding-bottom: 180px;
    }

    .pd-md-l-180 {
        padding-left: 180px;
    }

    .pd-md-190 {
        padding: 190px;
    }

    .pd-md-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-md-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-md-t-190 {
        padding-top: 190px;
    }

    .pd-md-r-190 {
        padding-right: 190px;
    }

    .pd-md-b-190 {
        padding-bottom: 190px;
    }

    .pd-md-l-190 {
        padding-left: 190px;
    }

    .pd-md-200 {
        padding: 200px;
    }

    .pd-md-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-md-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-md-t-200 {
        padding-top: 200px;
    }

    .pd-md-r-200 {
        padding-right: 200px;
    }

    .pd-md-b-200 {
        padding-bottom: 200px;
    }

    .pd-md-l-200 {
        padding-left: 200px;
    }
}
@media (min-width: 992px) {
    .pd-lg-0 {
        padding: 0px;
    }

    .pd-lg-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-lg-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-lg-t-0 {
        padding-top: 0px;
    }

    .pd-lg-r-0 {
        padding-right: 0px;
    }

    .pd-lg-b-0 {
        padding-bottom: 0px;
    }

    .pd-lg-l-0 {
        padding-left: 0px;
    }

    .pd-lg-1 {
        padding: 1px;
    }

    .pd-lg-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-lg-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-lg-t-1 {
        padding-top: 1px;
    }

    .pd-lg-r-1 {
        padding-right: 1px;
    }

    .pd-lg-b-1 {
        padding-bottom: 1px;
    }

    .pd-lg-l-1 {
        padding-left: 1px;
    }

    .pd-lg-2 {
        padding: 2px;
    }

    .pd-lg-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-lg-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-lg-t-2 {
        padding-top: 2px;
    }

    .pd-lg-r-2 {
        padding-right: 2px;
    }

    .pd-lg-b-2 {
        padding-bottom: 2px;
    }

    .pd-lg-l-2 {
        padding-left: 2px;
    }

    .pd-lg-3 {
        padding: 3px;
    }

    .pd-lg-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-lg-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-lg-t-3 {
        padding-top: 3px;
    }

    .pd-lg-r-3 {
        padding-right: 3px;
    }

    .pd-lg-b-3 {
        padding-bottom: 3px;
    }

    .pd-lg-l-3 {
        padding-left: 3px;
    }

    .pd-lg-4 {
        padding: 4px;
    }

    .pd-lg-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-lg-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-lg-t-4 {
        padding-top: 4px;
    }

    .pd-lg-r-4 {
        padding-right: 4px;
    }

    .pd-lg-b-4 {
        padding-bottom: 4px;
    }

    .pd-lg-l-4 {
        padding-left: 4px;
    }

    .pd-lg-5 {
        padding: 5px;
    }

    .pd-lg-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-lg-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-lg-t-5 {
        padding-top: 5px;
    }

    .pd-lg-r-5 {
        padding-right: 5px;
    }

    .pd-lg-b-5 {
        padding-bottom: 5px;
    }

    .pd-lg-l-5 {
        padding-left: 5px;
    }

    .pd-lg-6 {
        padding: 6px;
    }

    .pd-lg-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-lg-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-lg-t-6 {
        padding-top: 6px;
    }

    .pd-lg-r-6 {
        padding-right: 6px;
    }

    .pd-lg-b-6 {
        padding-bottom: 6px;
    }

    .pd-lg-l-6 {
        padding-left: 6px;
    }

    .pd-lg-7 {
        padding: 7px;
    }

    .pd-lg-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-lg-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-lg-t-7 {
        padding-top: 7px;
    }

    .pd-lg-r-7 {
        padding-right: 7px;
    }

    .pd-lg-b-7 {
        padding-bottom: 7px;
    }

    .pd-lg-l-7 {
        padding-left: 7px;
    }

    .pd-lg-8 {
        padding: 8px;
    }

    .pd-lg-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-lg-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-lg-t-8 {
        padding-top: 8px;
    }

    .pd-lg-r-8 {
        padding-right: 8px;
    }

    .pd-lg-b-8 {
        padding-bottom: 8px;
    }

    .pd-lg-l-8 {
        padding-left: 8px;
    }

    .pd-lg-9 {
        padding: 9px;
    }

    .pd-lg-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-lg-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-lg-t-9 {
        padding-top: 9px;
    }

    .pd-lg-r-9 {
        padding-right: 9px;
    }

    .pd-lg-b-9 {
        padding-bottom: 9px;
    }

    .pd-lg-l-9 {
        padding-left: 9px;
    }

    .pd-lg-10 {
        padding: 10px;
    }

    .pd-lg-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-lg-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-lg-t-10 {
        padding-top: 10px;
    }

    .pd-lg-r-10 {
        padding-right: 10px;
    }

    .pd-lg-b-10 {
        padding-bottom: 10px;
    }

    .pd-lg-l-10 {
        padding-left: 10px;
    }

    .pd-lg-15 {
        padding: 15px;
    }

    .pd-lg-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-lg-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-lg-t-15 {
        padding-top: 15px;
    }

    .pd-lg-r-15 {
        padding-right: 15px;
    }

    .pd-lg-b-15 {
        padding-bottom: 15px;
    }

    .pd-lg-l-15 {
        padding-left: 15px;
    }

    .pd-lg-20 {
        padding: 20px;
    }

    .pd-lg-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-lg-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-lg-t-20 {
        padding-top: 20px;
    }

    .pd-lg-r-20 {
        padding-right: 20px;
    }

    .pd-lg-b-20 {
        padding-bottom: 20px;
    }

    .pd-lg-l-20 {
        padding-left: 20px;
    }

    .pd-lg-25 {
        padding: 25px;
    }

    .pd-lg-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-lg-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-lg-t-25 {
        padding-top: 25px;
    }

    .pd-lg-r-25 {
        padding-right: 25px;
    }

    .pd-lg-b-25 {
        padding-bottom: 25px;
    }

    .pd-lg-l-25 {
        padding-left: 25px;
    }

    .pd-lg-30 {
        padding: 30px;
    }

    .pd-lg-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-lg-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-lg-t-30 {
        padding-top: 30px;
    }

    .pd-lg-r-30 {
        padding-right: 30px;
    }

    .pd-lg-b-30 {
        padding-bottom: 30px;
    }

    .pd-lg-l-30 {
        padding-left: 30px;
    }

    .pd-lg-35 {
        padding: 35px;
    }

    .pd-lg-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-lg-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-lg-t-35 {
        padding-top: 35px;
    }

    .pd-lg-r-35 {
        padding-right: 35px;
    }

    .pd-lg-b-35 {
        padding-bottom: 35px;
    }

    .pd-lg-l-35 {
        padding-left: 35px;
    }

    .pd-lg-40 {
        padding: 40px;
    }

    .pd-lg-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-lg-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-lg-t-40 {
        padding-top: 40px;
    }

    .pd-lg-r-40 {
        padding-right: 40px;
    }

    .pd-lg-b-40 {
        padding-bottom: 40px;
    }

    .pd-lg-l-40 {
        padding-left: 40px;
    }

    .pd-lg-45 {
        padding: 45px;
    }

    .pd-lg-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-lg-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-lg-t-45 {
        padding-top: 45px;
    }

    .pd-lg-r-45 {
        padding-right: 45px;
    }

    .pd-lg-b-45 {
        padding-bottom: 45px;
    }

    .pd-lg-l-45 {
        padding-left: 45px;
    }

    .pd-lg-50 {
        padding: 50px;
    }

    .pd-lg-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-lg-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-lg-t-50 {
        padding-top: 50px;
    }

    .pd-lg-r-50 {
        padding-right: 50px;
    }

    .pd-lg-b-50 {
        padding-bottom: 50px;
    }

    .pd-lg-l-50 {
        padding-left: 50px;
    }

    .pd-lg-55 {
        padding: 55px;
    }

    .pd-lg-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-lg-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-lg-t-55 {
        padding-top: 55px;
    }

    .pd-lg-r-55 {
        padding-right: 55px;
    }

    .pd-lg-b-55 {
        padding-bottom: 55px;
    }

    .pd-lg-l-55 {
        padding-left: 55px;
    }

    .pd-lg-60 {
        padding: 60px;
    }

    .pd-lg-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-lg-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-lg-t-60 {
        padding-top: 60px;
    }

    .pd-lg-r-60 {
        padding-right: 60px;
    }

    .pd-lg-b-60 {
        padding-bottom: 60px;
    }

    .pd-lg-l-60 {
        padding-left: 60px;
    }

    .pd-lg-65 {
        padding: 65px;
    }

    .pd-lg-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-lg-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-lg-t-65 {
        padding-top: 65px;
    }

    .pd-lg-r-65 {
        padding-right: 65px;
    }

    .pd-lg-b-65 {
        padding-bottom: 65px;
    }

    .pd-lg-l-65 {
        padding-left: 65px;
    }

    .pd-lg-70 {
        padding: 70px;
    }

    .pd-lg-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-lg-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-lg-t-70 {
        padding-top: 70px;
    }

    .pd-lg-r-70 {
        padding-right: 70px;
    }

    .pd-lg-b-70 {
        padding-bottom: 70px;
    }

    .pd-lg-l-70 {
        padding-left: 70px;
    }

    .pd-lg-75 {
        padding: 75px;
    }

    .pd-lg-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-lg-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-lg-t-75 {
        padding-top: 75px;
    }

    .pd-lg-r-75 {
        padding-right: 75px;
    }

    .pd-lg-b-75 {
        padding-bottom: 75px;
    }

    .pd-lg-l-75 {
        padding-left: 75px;
    }

    .pd-lg-80 {
        padding: 80px;
    }

    .pd-lg-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-lg-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-lg-t-80 {
        padding-top: 80px;
    }

    .pd-lg-r-80 {
        padding-right: 80px;
    }

    .pd-lg-b-80 {
        padding-bottom: 80px;
    }

    .pd-lg-l-80 {
        padding-left: 80px;
    }

    .pd-lg-85 {
        padding: 85px;
    }

    .pd-lg-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-lg-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-lg-t-85 {
        padding-top: 85px;
    }

    .pd-lg-r-85 {
        padding-right: 85px;
    }

    .pd-lg-b-85 {
        padding-bottom: 85px;
    }

    .pd-lg-l-85 {
        padding-left: 85px;
    }

    .pd-lg-90 {
        padding: 90px;
    }

    .pd-lg-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-lg-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-lg-t-90 {
        padding-top: 90px;
    }

    .pd-lg-r-90 {
        padding-right: 90px;
    }

    .pd-lg-b-90 {
        padding-bottom: 90px;
    }

    .pd-lg-l-90 {
        padding-left: 90px;
    }

    .pd-lg-95 {
        padding: 95px;
    }

    .pd-lg-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-lg-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-lg-t-95 {
        padding-top: 95px;
    }

    .pd-lg-r-95 {
        padding-right: 95px;
    }

    .pd-lg-b-95 {
        padding-bottom: 95px;
    }

    .pd-lg-l-95 {
        padding-left: 95px;
    }

    .pd-lg-100 {
        padding: 100px;
    }

    .pd-lg-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-lg-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-lg-t-100 {
        padding-top: 100px;
    }

    .pd-lg-r-100 {
        padding-right: 100px;
    }

    .pd-lg-b-100 {
        padding-bottom: 100px;
    }

    .pd-lg-l-100 {
        padding-left: 100px;
    }

    .pd-lg-110 {
        padding: 110px;
    }

    .pd-lg-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-lg-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-lg-t-110 {
        padding-top: 110px;
    }

    .pd-lg-r-110 {
        padding-right: 110px;
    }

    .pd-lg-b-110 {
        padding-bottom: 110px;
    }

    .pd-lg-l-110 {
        padding-left: 110px;
    }

    .pd-lg-120 {
        padding: 120px;
    }

    .pd-lg-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-lg-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-lg-t-120 {
        padding-top: 120px;
    }

    .pd-lg-r-120 {
        padding-right: 120px;
    }

    .pd-lg-b-120 {
        padding-bottom: 120px;
    }

    .pd-lg-l-120 {
        padding-left: 120px;
    }

    .pd-lg-130 {
        padding: 130px;
    }

    .pd-lg-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-lg-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-lg-t-130 {
        padding-top: 130px;
    }

    .pd-lg-r-130 {
        padding-right: 130px;
    }

    .pd-lg-b-130 {
        padding-bottom: 130px;
    }

    .pd-lg-l-130 {
        padding-left: 130px;
    }

    .pd-lg-140 {
        padding: 140px;
    }

    .pd-lg-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-lg-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-lg-t-140 {
        padding-top: 140px;
    }

    .pd-lg-r-140 {
        padding-right: 140px;
    }

    .pd-lg-b-140 {
        padding-bottom: 140px;
    }

    .pd-lg-l-140 {
        padding-left: 140px;
    }

    .pd-lg-150 {
        padding: 150px;
    }

    .pd-lg-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-lg-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-lg-t-150 {
        padding-top: 150px;
    }

    .pd-lg-r-150 {
        padding-right: 150px;
    }

    .pd-lg-b-150 {
        padding-bottom: 150px;
    }

    .pd-lg-l-150 {
        padding-left: 150px;
    }

    .pd-lg-160 {
        padding: 160px;
    }

    .pd-lg-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-lg-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-lg-t-160 {
        padding-top: 160px;
    }

    .pd-lg-r-160 {
        padding-right: 160px;
    }

    .pd-lg-b-160 {
        padding-bottom: 160px;
    }

    .pd-lg-l-160 {
        padding-left: 160px;
    }

    .pd-lg-170 {
        padding: 170px;
    }

    .pd-lg-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-lg-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-lg-t-170 {
        padding-top: 170px;
    }

    .pd-lg-r-170 {
        padding-right: 170px;
    }

    .pd-lg-b-170 {
        padding-bottom: 170px;
    }

    .pd-lg-l-170 {
        padding-left: 170px;
    }

    .pd-lg-180 {
        padding: 180px;
    }

    .pd-lg-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-lg-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-lg-t-180 {
        padding-top: 180px;
    }

    .pd-lg-r-180 {
        padding-right: 180px;
    }

    .pd-lg-b-180 {
        padding-bottom: 180px;
    }

    .pd-lg-l-180 {
        padding-left: 180px;
    }

    .pd-lg-190 {
        padding: 190px;
    }

    .pd-lg-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-lg-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-lg-t-190 {
        padding-top: 190px;
    }

    .pd-lg-r-190 {
        padding-right: 190px;
    }

    .pd-lg-b-190 {
        padding-bottom: 190px;
    }

    .pd-lg-l-190 {
        padding-left: 190px;
    }

    .pd-lg-200 {
        padding: 200px;
    }

    .pd-lg-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-lg-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-lg-t-200 {
        padding-top: 200px;
    }

    .pd-lg-r-200 {
        padding-right: 200px;
    }

    .pd-lg-b-200 {
        padding-bottom: 200px;
    }

    .pd-lg-l-200 {
        padding-left: 200px;
    }
}
@media (min-width: 1200px) {
    .pd-xl-0 {
        padding: 0px;
    }

    .pd-xl-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-xl-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-xl-t-0 {
        padding-top: 0px;
    }

    .pd-xl-r-0 {
        padding-right: 0px;
    }

    .pd-xl-b-0 {
        padding-bottom: 0px;
    }

    .pd-xl-l-0 {
        padding-left: 0px;
    }

    .pd-xl-1 {
        padding: 1px;
    }

    .pd-xl-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-xl-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-xl-t-1 {
        padding-top: 1px;
    }

    .pd-xl-r-1 {
        padding-right: 1px;
    }

    .pd-xl-b-1 {
        padding-bottom: 1px;
    }

    .pd-xl-l-1 {
        padding-left: 1px;
    }

    .pd-xl-2 {
        padding: 2px;
    }

    .pd-xl-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-xl-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-xl-t-2 {
        padding-top: 2px;
    }

    .pd-xl-r-2 {
        padding-right: 2px;
    }

    .pd-xl-b-2 {
        padding-bottom: 2px;
    }

    .pd-xl-l-2 {
        padding-left: 2px;
    }

    .pd-xl-3 {
        padding: 3px;
    }

    .pd-xl-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-xl-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-xl-t-3 {
        padding-top: 3px;
    }

    .pd-xl-r-3 {
        padding-right: 3px;
    }

    .pd-xl-b-3 {
        padding-bottom: 3px;
    }

    .pd-xl-l-3 {
        padding-left: 3px;
    }

    .pd-xl-4 {
        padding: 4px;
    }

    .pd-xl-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-xl-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-xl-t-4 {
        padding-top: 4px;
    }

    .pd-xl-r-4 {
        padding-right: 4px;
    }

    .pd-xl-b-4 {
        padding-bottom: 4px;
    }

    .pd-xl-l-4 {
        padding-left: 4px;
    }

    .pd-xl-5 {
        padding: 5px;
    }

    .pd-xl-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-xl-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-xl-t-5 {
        padding-top: 5px;
    }

    .pd-xl-r-5 {
        padding-right: 5px;
    }

    .pd-xl-b-5 {
        padding-bottom: 5px;
    }

    .pd-xl-l-5 {
        padding-left: 5px;
    }

    .pd-xl-6 {
        padding: 6px;
    }

    .pd-xl-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-xl-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-xl-t-6 {
        padding-top: 6px;
    }

    .pd-xl-r-6 {
        padding-right: 6px;
    }

    .pd-xl-b-6 {
        padding-bottom: 6px;
    }

    .pd-xl-l-6 {
        padding-left: 6px;
    }

    .pd-xl-7 {
        padding: 7px;
    }

    .pd-xl-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-xl-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-xl-t-7 {
        padding-top: 7px;
    }

    .pd-xl-r-7 {
        padding-right: 7px;
    }

    .pd-xl-b-7 {
        padding-bottom: 7px;
    }

    .pd-xl-l-7 {
        padding-left: 7px;
    }

    .pd-xl-8 {
        padding: 8px;
    }

    .pd-xl-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-xl-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-xl-t-8 {
        padding-top: 8px;
    }

    .pd-xl-r-8 {
        padding-right: 8px;
    }

    .pd-xl-b-8 {
        padding-bottom: 8px;
    }

    .pd-xl-l-8 {
        padding-left: 8px;
    }

    .pd-xl-9 {
        padding: 9px;
    }

    .pd-xl-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-xl-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-xl-t-9 {
        padding-top: 9px;
    }

    .pd-xl-r-9 {
        padding-right: 9px;
    }

    .pd-xl-b-9 {
        padding-bottom: 9px;
    }

    .pd-xl-l-9 {
        padding-left: 9px;
    }

    .pd-xl-10 {
        padding: 10px;
    }

    .pd-xl-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-xl-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-xl-t-10 {
        padding-top: 10px;
    }

    .pd-xl-r-10 {
        padding-right: 10px;
    }

    .pd-xl-b-10 {
        padding-bottom: 10px;
    }

    .pd-xl-l-10 {
        padding-left: 10px;
    }

    .pd-xl-15 {
        padding: 15px;
    }

    .pd-xl-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-xl-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-xl-t-15 {
        padding-top: 15px;
    }

    .pd-xl-r-15 {
        padding-right: 15px;
    }

    .pd-xl-b-15 {
        padding-bottom: 15px;
    }

    .pd-xl-l-15 {
        padding-left: 15px;
    }

    .pd-xl-20 {
        padding: 20px;
    }

    .pd-xl-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-xl-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-xl-t-20 {
        padding-top: 20px;
    }

    .pd-xl-r-20 {
        padding-right: 20px;
    }

    .pd-xl-b-20 {
        padding-bottom: 20px;
    }

    .pd-xl-l-20 {
        padding-left: 20px;
    }

    .pd-xl-25 {
        padding: 25px;
    }

    .pd-xl-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-xl-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-xl-t-25 {
        padding-top: 25px;
    }

    .pd-xl-r-25 {
        padding-right: 25px;
    }

    .pd-xl-b-25 {
        padding-bottom: 25px;
    }

    .pd-xl-l-25 {
        padding-left: 25px;
    }

    .pd-xl-30 {
        padding: 30px;
    }

    .pd-xl-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-xl-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-xl-t-30 {
        padding-top: 30px;
    }

    .pd-xl-r-30 {
        padding-right: 30px;
    }

    .pd-xl-b-30 {
        padding-bottom: 30px;
    }

    .pd-xl-l-30 {
        padding-left: 30px;
    }

    .pd-xl-35 {
        padding: 35px;
    }

    .pd-xl-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-xl-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-xl-t-35 {
        padding-top: 35px;
    }

    .pd-xl-r-35 {
        padding-right: 35px;
    }

    .pd-xl-b-35 {
        padding-bottom: 35px;
    }

    .pd-xl-l-35 {
        padding-left: 35px;
    }

    .pd-xl-40 {
        padding: 40px;
    }

    .pd-xl-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-xl-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-xl-t-40 {
        padding-top: 40px;
    }

    .pd-xl-r-40 {
        padding-right: 40px;
    }

    .pd-xl-b-40 {
        padding-bottom: 40px;
    }

    .pd-xl-l-40 {
        padding-left: 40px;
    }

    .pd-xl-45 {
        padding: 45px;
    }

    .pd-xl-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-xl-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-xl-t-45 {
        padding-top: 45px;
    }

    .pd-xl-r-45 {
        padding-right: 45px;
    }

    .pd-xl-b-45 {
        padding-bottom: 45px;
    }

    .pd-xl-l-45 {
        padding-left: 45px;
    }

    .pd-xl-50 {
        padding: 50px;
    }

    .pd-xl-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-xl-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-xl-t-50 {
        padding-top: 50px;
    }

    .pd-xl-r-50 {
        padding-right: 50px;
    }

    .pd-xl-b-50 {
        padding-bottom: 50px;
    }

    .pd-xl-l-50 {
        padding-left: 50px;
    }

    .pd-xl-55 {
        padding: 55px;
    }

    .pd-xl-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-xl-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-xl-t-55 {
        padding-top: 55px;
    }

    .pd-xl-r-55 {
        padding-right: 55px;
    }

    .pd-xl-b-55 {
        padding-bottom: 55px;
    }

    .pd-xl-l-55 {
        padding-left: 55px;
    }

    .pd-xl-60 {
        padding: 60px;
    }

    .pd-xl-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-xl-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-xl-t-60 {
        padding-top: 60px;
    }

    .pd-xl-r-60 {
        padding-right: 60px;
    }

    .pd-xl-b-60 {
        padding-bottom: 60px;
    }

    .pd-xl-l-60 {
        padding-left: 60px;
    }

    .pd-xl-65 {
        padding: 65px;
    }

    .pd-xl-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-xl-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-xl-t-65 {
        padding-top: 65px;
    }

    .pd-xl-r-65 {
        padding-right: 65px;
    }

    .pd-xl-b-65 {
        padding-bottom: 65px;
    }

    .pd-xl-l-65 {
        padding-left: 65px;
    }

    .pd-xl-70 {
        padding: 70px;
    }

    .pd-xl-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-xl-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-xl-t-70 {
        padding-top: 70px;
    }

    .pd-xl-r-70 {
        padding-right: 70px;
    }

    .pd-xl-b-70 {
        padding-bottom: 70px;
    }

    .pd-xl-l-70 {
        padding-left: 70px;
    }

    .pd-xl-75 {
        padding: 75px;
    }

    .pd-xl-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-xl-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-xl-t-75 {
        padding-top: 75px;
    }

    .pd-xl-r-75 {
        padding-right: 75px;
    }

    .pd-xl-b-75 {
        padding-bottom: 75px;
    }

    .pd-xl-l-75 {
        padding-left: 75px;
    }

    .pd-xl-80 {
        padding: 80px;
    }

    .pd-xl-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-xl-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-xl-t-80 {
        padding-top: 80px;
    }

    .pd-xl-r-80 {
        padding-right: 80px;
    }

    .pd-xl-b-80 {
        padding-bottom: 80px;
    }

    .pd-xl-l-80 {
        padding-left: 80px;
    }

    .pd-xl-85 {
        padding: 85px;
    }

    .pd-xl-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-xl-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-xl-t-85 {
        padding-top: 85px;
    }

    .pd-xl-r-85 {
        padding-right: 85px;
    }

    .pd-xl-b-85 {
        padding-bottom: 85px;
    }

    .pd-xl-l-85 {
        padding-left: 85px;
    }

    .pd-xl-90 {
        padding: 90px;
    }

    .pd-xl-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-xl-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-xl-t-90 {
        padding-top: 90px;
    }

    .pd-xl-r-90 {
        padding-right: 90px;
    }

    .pd-xl-b-90 {
        padding-bottom: 90px;
    }

    .pd-xl-l-90 {
        padding-left: 90px;
    }

    .pd-xl-95 {
        padding: 95px;
    }

    .pd-xl-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-xl-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-xl-t-95 {
        padding-top: 95px;
    }

    .pd-xl-r-95 {
        padding-right: 95px;
    }

    .pd-xl-b-95 {
        padding-bottom: 95px;
    }

    .pd-xl-l-95 {
        padding-left: 95px;
    }

    .pd-xl-100 {
        padding: 100px;
    }

    .pd-xl-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-xl-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-xl-t-100 {
        padding-top: 100px;
    }

    .pd-xl-r-100 {
        padding-right: 100px;
    }

    .pd-xl-b-100 {
        padding-bottom: 100px;
    }

    .pd-xl-l-100 {
        padding-left: 100px;
    }

    .pd-xl-110 {
        padding: 110px;
    }

    .pd-xl-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-xl-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-xl-t-110 {
        padding-top: 110px;
    }

    .pd-xl-r-110 {
        padding-right: 110px;
    }

    .pd-xl-b-110 {
        padding-bottom: 110px;
    }

    .pd-xl-l-110 {
        padding-left: 110px;
    }

    .pd-xl-120 {
        padding: 120px;
    }

    .pd-xl-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-xl-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-xl-t-120 {
        padding-top: 120px;
    }

    .pd-xl-r-120 {
        padding-right: 120px;
    }

    .pd-xl-b-120 {
        padding-bottom: 120px;
    }

    .pd-xl-l-120 {
        padding-left: 120px;
    }

    .pd-xl-130 {
        padding: 130px;
    }

    .pd-xl-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-xl-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-xl-t-130 {
        padding-top: 130px;
    }

    .pd-xl-r-130 {
        padding-right: 130px;
    }

    .pd-xl-b-130 {
        padding-bottom: 130px;
    }

    .pd-xl-l-130 {
        padding-left: 130px;
    }

    .pd-xl-140 {
        padding: 140px;
    }

    .pd-xl-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-xl-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-xl-t-140 {
        padding-top: 140px;
    }

    .pd-xl-r-140 {
        padding-right: 140px;
    }

    .pd-xl-b-140 {
        padding-bottom: 140px;
    }

    .pd-xl-l-140 {
        padding-left: 140px;
    }

    .pd-xl-150 {
        padding: 150px;
    }

    .pd-xl-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-xl-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-xl-t-150 {
        padding-top: 150px;
    }

    .pd-xl-r-150 {
        padding-right: 150px;
    }

    .pd-xl-b-150 {
        padding-bottom: 150px;
    }

    .pd-xl-l-150 {
        padding-left: 150px;
    }

    .pd-xl-160 {
        padding: 160px;
    }

    .pd-xl-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-xl-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-xl-t-160 {
        padding-top: 160px;
    }

    .pd-xl-r-160 {
        padding-right: 160px;
    }

    .pd-xl-b-160 {
        padding-bottom: 160px;
    }

    .pd-xl-l-160 {
        padding-left: 160px;
    }

    .pd-xl-170 {
        padding: 170px;
    }

    .pd-xl-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-xl-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-xl-t-170 {
        padding-top: 170px;
    }

    .pd-xl-r-170 {
        padding-right: 170px;
    }

    .pd-xl-b-170 {
        padding-bottom: 170px;
    }

    .pd-xl-l-170 {
        padding-left: 170px;
    }

    .pd-xl-180 {
        padding: 180px;
    }

    .pd-xl-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-xl-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-xl-t-180 {
        padding-top: 180px;
    }

    .pd-xl-r-180 {
        padding-right: 180px;
    }

    .pd-xl-b-180 {
        padding-bottom: 180px;
    }

    .pd-xl-l-180 {
        padding-left: 180px;
    }

    .pd-xl-190 {
        padding: 190px;
    }

    .pd-xl-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-xl-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-xl-t-190 {
        padding-top: 190px;
    }

    .pd-xl-r-190 {
        padding-right: 190px;
    }

    .pd-xl-b-190 {
        padding-bottom: 190px;
    }

    .pd-xl-l-190 {
        padding-left: 190px;
    }

    .pd-xl-200 {
        padding: 200px;
    }

    .pd-xl-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-xl-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-xl-t-200 {
        padding-top: 200px;
    }

    .pd-xl-r-200 {
        padding-right: 200px;
    }

    .pd-xl-b-200 {
        padding-bottom: 200px;
    }

    .pd-xl-l-200 {
        padding-left: 200px;
    }
}
.pd-12 {
    padding: 12px;
}
.pd-y-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.pd-x-12 {
    padding-left: 12px;
    padding-right: 12px;
}
.pd-t-12 {
    padding-top: 12px;
}
.pd-r-12 {
    padding-right: 12px;
}
.pd-b-12 {
    padding-bottom: 12px;
}
.pd-l-12 {
    padding-left: 12px;
}
.pd-13 {
    padding: 13px;
}
.pd-y-13 {
    padding-top: 13px;
    padding-bottom: 13px;
}
.pd-x-13 {
    padding-left: 13px;
    padding-right: 13px;
}
.pd-t-13 {
    padding-top: 13px;
}
.pd-r-13 {
    padding-right: 13px;
}
.pd-b-13 {
    padding-bottom: 13px;
}
.pd-l-13 {
    padding-left: 13px;
}
@media (min-width: 768px) {
    .p-md-0 {
        padding: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ps-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
}
@media (min-width: 1200px) {
    .p-xl-0 {
        padding: 0 !important;
    }

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

    .pe-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

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

    .ps-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

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

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

    .pe-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

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

    .ps-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

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

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

    .pe-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

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

    .ps-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

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

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

    .pe-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

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

    .ps-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

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

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

    .pe-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

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

    .ps-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

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

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

    .pe-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

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

    .ps-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pe-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.ps-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pe-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.ps-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pe-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.ps-2,
.px-2 {
    padding-left: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pe-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.ps-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pe-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.ps-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pe-5,
.px-5 {
    padding-right: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.ps-5,
.px-5 {
    padding-left: 3rem !important;
}
@media (min-width: 576px) {
    .p-sm-0 {
        padding: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ps-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
}
@media (min-width: 992px) {
    .p-lg-0 {
        padding: 0 !important;
    }

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

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

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

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

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

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

    .pe-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

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

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

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

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

    .pe-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

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

    .ps-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

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

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

    .pe-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

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

    .ps-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

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

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

    .pe-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

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

    .ps-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

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

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

    .pe-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

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

    .ps-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
}
/* ###### Padding  ###### */
/* ###### Position  ###### */
.pos-absolute {
    position: absolute;
}
.pos-relative {
    position: relative !important;
}
.pos-fixed {
    position: fixed;
}
.pos-static {
    position: static;
}
.t-0 {
    top: 0px;
}
.r-0 {
    right: 0px;
}
.b-0 {
    bottom: 0px;
}
.l-0 {
    left: 0px;
}
.t--0 {
    top: 0px;
}
.r--0 {
    right: 0px;
}
.b--0 {
    bottom: 0px;
}
.l--0 {
    left: 0px;
}
.a-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.x-0,
.y-0 {
    left: 0px;
    right: 0px;
}
.t-5 {
    top: 5px;
}
.r-5 {
    right: 5px;
}
.b-5 {
    bottom: 5px;
}
.l-5 {
    left: 5px;
}
.t--5 {
    top: -5px;
}
.b--5 {
    bottom: -5px;
}
.l--5 {
    left: -5px;
}
.a-5 {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}
.x-5,
.y-5 {
    left: 5px;
    right: 5px;
}
.t-10 {
    top: 10px;
}
.r-10 {
    right: 10px;
}
.b-10 {
    bottom: 10px;
}
.l-10 {
    left: 10px;
}
.t--10 {
    top: -10px;
}
.r--10 {
    right: -10px;
}
.b--10 {
    bottom: -10px;
}
.l--10 {
    left: -10px;
}
.a-10 {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}
.x-10,
.y-10 {
    left: 10px;
    right: 10px;
}
.t-15 {
    top: 15px;
}
.r-15 {
    right: 15px;
}
.b-15 {
    bottom: 15px;
}
.l-15 {
    left: 15px;
}
.t--15 {
    top: -15px;
}
.r--15 {
    right: -15px;
}
.b--15 {
    bottom: -15px;
}
.l--15 {
    left: -15px;
}
.a-15 {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}
.x-15,
.y-15 {
    left: 15px;
    right: 15px;
}
.t-20 {
    top: 20px;
}
.r-20 {
    right: 20px;
}
.b-20 {
    bottom: 20px;
}
.l-20 {
    left: 20px;
}
.t--20 {
    top: -20px;
}
.r--20 {
    right: -20px;
}
.b--20 {
    bottom: -20px;
}
.l--20 {
    left: -20px;
}
.a-20 {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}
.x-20,
.y-20 {
    left: 20px;
    right: 20px;
}
.t-25 {
    top: 25px;
}
.r-25 {
    right: 25px;
}
.b-25 {
    bottom: 25px;
}
.l-25 {
    left: 25px;
}
.t--25 {
    top: -25px;
}
.r--25 {
    right: -25px;
}
.b--25 {
    bottom: -25px;
}
.l--25 {
    left: -25px;
}
.a-25 {
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
}
.x-25,
.y-25 {
    left: 25px;
    right: 25px;
}
.t-30 {
    top: 30px;
}
.r-30 {
    right: 30px;
}
.b-30 {
    bottom: 30px;
}
.l-30 {
    left: 30px;
}
.t--30 {
    top: -30px;
}
.r--30 {
    right: -30px;
}
.b--30 {
    bottom: -30px;
}
.l--30 {
    left: -30px;
}
.a-30 {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}
.x-30,
.y-30 {
    left: 30px;
    right: 30px;
}
.t-35 {
    top: 35px;
}
.r-35 {
    right: 35px;
}
.b-35 {
    bottom: 35px;
}
.l-35 {
    left: 35px;
}
.t--35 {
    top: -35px;
}
.r--35 {
    right: -35px;
}
.b--35 {
    bottom: -35px;
}
.l--35 {
    left: -35px;
}
.a-35 {
    top: 35px;
    right: 35px;
    bottom: 35px;
    left: 35px;
}
.x-35,
.y-35 {
    left: 35px;
    right: 35px;
}
.t-40 {
    top: 40px;
}
.r-40 {
    right: 40px;
}
.b-40 {
    bottom: 40px;
}
.l-40 {
    left: 40px;
}
.t--40 {
    top: -40px;
}
.r--40 {
    right: -40px;
}
.b--40 {
    bottom: -40px;
}
.l--40 {
    left: -40px;
}
.a-40 {
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
}
.x-40,
.y-40 {
    left: 40px;
    right: 40px;
}
.t-45 {
    top: 45px;
}
.r-45 {
    right: 45px;
}
.b-45 {
    bottom: 45px;
}
.l-45 {
    left: 45px;
}
.t--45 {
    top: -45px;
}
.r--45 {
    right: -45px;
}
.b--45 {
    bottom: -45px;
}
.l--45 {
    left: -45px;
}
.a-45 {
    top: 45px;
    right: 45px;
    bottom: 45px;
    left: 45px;
}
.x-45,
.y-45 {
    left: 45px;
    right: 45px;
}
.t-50 {
    top: 50px;
}
.r-50 {
    right: 50px;
}
.b-50 {
    bottom: 50px;
}
.l-50 {
    left: 50px;
}
.t--50 {
    top: -50px;
}
.r--50 {
    right: -50px;
}
.b--50 {
    bottom: -50px;
}
.l--50 {
    left: -50px;
}
.a-50 {
    top: 50px;
    right: 50px;
    bottom: 50px;
    left: 50px;
}
.x-50,
.y-50 {
    left: 50px;
    right: 50px;
}
.t-55 {
    top: 55px;
}
.r-55 {
    right: 55px;
}
.b-55 {
    bottom: 55px;
}
.l-55 {
    left: 55px;
}
.t--55 {
    top: -55px;
}
.r--55 {
    right: -55px;
}
.b--55 {
    bottom: -55px;
}
.l--55 {
    left: -55px;
}
.a-55 {
    top: 55px;
    right: 55px;
    bottom: 55px;
    left: 55px;
}
.x-55,
.y-55 {
    left: 55px;
    right: 55px;
}
.t-60 {
    top: 60px;
}
.r-60 {
    right: 60px;
}
.b-60 {
    bottom: 60px;
}
.l-60 {
    left: 60px;
}
.t--60 {
    top: -60px;
}
.r--60 {
    right: -60px;
}
.b--60 {
    bottom: -60px;
}
.l--60 {
    left: -60px;
}
.a-60 {
    top: 60px;
    right: 60px;
    bottom: 60px;
    left: 60px;
}
.x-60,
.y-60 {
    left: 60px;
    right: 60px;
}
.t-65 {
    top: 65px;
}
.r-65 {
    right: 65px;
}
.b-65 {
    bottom: 65px;
}
.l-65 {
    left: 65px;
}
.t--65 {
    top: -65px;
}
.r--65 {
    right: -65px;
}
.b--65 {
    bottom: -65px;
}
.l--65 {
    left: -65px;
}
.a-65 {
    top: 65px;
    right: 65px;
    bottom: 65px;
    left: 65px;
}
.x-65,
.y-65 {
    left: 65px;
    right: 65px;
}
.t-70 {
    top: 70px;
}
.r-70 {
    right: 70px;
}
.b-70 {
    bottom: 70px;
}
.l-70 {
    left: 70px;
}
.t--70 {
    top: -70px;
}
.r--70 {
    right: -70px;
}
.b--70 {
    bottom: -70px;
}
.l--70 {
    left: -70px;
}
.a-70 {
    top: 70px;
    right: 70px;
    bottom: 70px;
    left: 70px;
}
.x-70,
.y-70 {
    left: 70px;
    right: 70px;
}
.t-75 {
    top: 75px;
}
.r-75 {
    right: 75px;
}
.b-75 {
    bottom: 75px;
}
.l-75 {
    left: 75px;
}
.t--75 {
    top: -75px;
}
.r--75 {
    right: -75px;
}
.b--75 {
    bottom: -75px;
}
.l--75 {
    left: -75px;
}
.a-75 {
    top: 75px;
    right: 75px;
    bottom: 75px;
    left: 75px;
}
.x-75,
.y-75 {
    left: 75px;
    right: 75px;
}
.t-80 {
    top: 80px;
}
.r-80 {
    right: 80px;
}
.b-80 {
    bottom: 80px;
}
.l-80 {
    left: 80px;
}
.t--80 {
    top: -80px;
}
.r--80 {
    right: -80px;
}
.b--80 {
    bottom: -80px;
}
.l--80 {
    left: -80px;
}
.a-80 {
    top: 80px;
    right: 80px;
    bottom: 80px;
    left: 80px;
}
.x-80,
.y-80 {
    left: 80px;
    right: 80px;
}
.t-85 {
    top: 85px;
}
.r-85 {
    right: 85px;
}
.b-85 {
    bottom: 85px;
}
.l-85 {
    left: 85px;
}
.t--85 {
    top: -85px;
}
.r--85 {
    right: -85px;
}
.b--85 {
    bottom: -85px;
}
.l--85 {
    left: -85px;
}
.a-85 {
    top: 85px;
    right: 85px;
    bottom: 85px;
    left: 85px;
}
.x-85,
.y-85 {
    left: 85px;
    right: 85px;
}
.t-90 {
    top: 90px;
}
.r-90 {
    right: 90px;
}
.b-90 {
    bottom: 90px;
}
.l-90 {
    left: 90px;
}
.t--90 {
    top: -90px;
}
.r--90 {
    right: -90px;
}
.b--90 {
    bottom: -90px;
}
.l--90 {
    left: -90px;
}
.a-90 {
    top: 90px;
    right: 90px;
    bottom: 90px;
    left: 90px;
}
.x-90,
.y-90 {
    left: 90px;
    right: 90px;
}
.t-95 {
    top: 95px;
}
.r-95 {
    right: 95px;
}
.b-95 {
    bottom: 95px;
}
.l-95 {
    left: 95px;
}
.t--95 {
    top: -95px;
}
.r--95 {
    right: -95px;
}
.b--95 {
    bottom: -95px;
}
.l--95 {
    left: -95px;
}
.a-95 {
    top: 95px;
    right: 95px;
    bottom: 95px;
    left: 95px;
}
.x-95,
.y-95 {
    left: 95px;
    right: 95px;
}
.t-100 {
    top: 100px;
}
.r-100 {
    right: 100px;
}
.b-100 {
    bottom: 100px;
}
.l-100 {
    left: 100px;
}
.t--100 {
    top: -100px;
}
.r--100 {
    right: -100px;
}
.b--100 {
    bottom: -100px;
}
.l--100 {
    left: -100px;
}
.a-100 {
    top: 100px;
    right: 100px;
    bottom: 100px;
    left: 100px;
}
.x-100,
.y-100 {
    left: 100px;
    right: 100px;
}
.t-2 {
    top: 2px;
}
.r--5 {
    right: -5px;
}
.z-index-0 {
    z-index: 0;
}
.z-index-10 {
    z-index: 10;
}
.z-index-50 {
    z-index: 50;
}
.z-index-100 {
    z-index: 100;
}
.z-index-150 {
    z-index: 150;
}
.z-index-200 {
    z-index: 200;
}
.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;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
@media (min-width: 480px) {
    .pos-xs-absolute {
        position: absolute;
    }

    .pos-xs-relative {
        position: relative;
    }

    .pos-xs-fixed {
        position: fixed;
    }

    .pos-xs-static {
        position: static;
    }

    .t-xs-auto {
        top: auto;
    }

    .r-xs-auto {
        right: auto;
    }

    .b-xs-auto {
        bottom: auto;
    }

    .l-xs-auto {
        left: auto;
    }
}
@media (min-width: 576px) {
    .pos-sm-absolute {
        position: absolute;
    }

    .pos-sm-relative {
        position: relative;
    }

    .pos-sm-fixed {
        position: fixed;
    }

    .pos-sm-static {
        position: static;
    }

    .t-sm-auto {
        top: auto;
    }

    .r-sm-auto {
        right: auto;
    }

    .b-sm-auto {
        bottom: auto;
    }

    .l-sm-auto {
        left: auto;
    }
}
@media (min-width: 768px) {
    .pos-md-absolute {
        position: absolute;
    }

    .pos-md-relative {
        position: relative;
    }

    .pos-md-fixed {
        position: fixed;
    }

    .pos-md-static {
        position: static;
    }

    .t-md-auto {
        top: auto;
    }

    .r-md-auto {
        right: auto;
    }

    .b-md-auto {
        bottom: auto;
    }

    .l-md-auto {
        left: auto;
    }
}
@media (min-width: 992px) {
    .pos-lg-absolute {
        position: absolute;
    }

    .pos-lg-relative {
        position: relative;
    }

    .pos-lg-fixed {
        position: fixed;
    }

    .pos-lg-static {
        position: static;
    }

    .t-lg-auto {
        top: auto;
    }

    .r-lg-auto {
        right: auto;
    }

    .b-lg-auto {
        bottom: auto;
    }

    .l-lg-auto {
        left: auto;
    }
}
@media (min-width: 1200px) {
    .pos-xl-absolute {
        position: absolute;
    }

    .pos-xl-relative {
        position: relative;
    }

    .pos-xl-fixed {
        position: fixed;
    }

    .pos-xl-static {
        position: static;
    }

    .t-xl-auto {
        top: auto;
    }

    .r-xl-auto {
        right: auto;
    }

    .b-xl-auto {
        bottom: auto;
    }

    .l-xl-auto {
        left: auto;
    }
}
/* ###### Position  ###### */
/* ###### Typography  ###### */
.tx-black {
    font-weight: 900;
    color: #8f9cc0;
}
.tx-bold {
    font-weight: 700;
}
.tx-semibold {
    font-weight: 600;
}
.tx-medium {
    font-weight: 500;
}
.tx-normal {
    font-weight: 400;
}
.tx-light {
    font-weight: 300;
}
.tx-thin {
    font-weight: 200;
}
.tx-xthin {
    font-weight: 100;
}
.tx-sserif {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tx-roboto {
    font-family: "Roboto", sans-serif;
}
.tx-white {
    color: #ffffff;
}
.tx-success {
    color: #19b159;
}
.tx-warning {
    color: #ff9b21;
}
.tx-danger {
    color: #f16d75;
}
.tx-info {
    color: #01b8ff;
}
.tx-inverse {
    color: #3c4858;
}
.tx-teal {
    color: #00cccc;
}
.tx-dark {
    color: #38415a;
}
.tx-indigo {
    color: #3F00FF;
}
.tx-purple {
    color: #6f42c1;
}
.tx-orange {
    color: #fd7e14;
}
.tx-pink {
    color: #f10075;
}
.tx-gray-100 {
    color: #f1f2f9;
}
.tx-gray-200,
.tx-gray-300 {
    color: #eaedf7;
}
.tx-gray-400 {
    color: #e8e8f7;
}
.tx-gray-500,
.tx-gray-600 {
    color: #a8afc7;
}
.tx-gray-700 {
    color: #3c4858;
}
.tx-gray-800 {
    color: #3b4863;
}
.tx-gray-900 {
    color: #8f9cc0;
}
.tx-white-2 {
    color: rgba(255, 255, 255, 0.2);
}
.tx-white-3 {
    color: rgba(255, 255, 255, 0.3);
}
.tx-white-4 {
    color: rgba(255, 255, 255, 0.4);
}
.tx-white-5 {
    color: rgba(255, 255, 255, 0.5);
}
.tx-white-6 {
    color: rgba(255, 255, 255, 0.6);
}
.tx-white-7 {
    color: rgba(255, 255, 255, 0.7);
}
.tx-white-8 {
    color: rgba(255, 255, 255, 0.8);
}
.tx-spacing-1 {
    letter-spacing: 0.5px;
}
.tx-spacing-2 {
    letter-spacing: 1px;
}
.tx-spacing-3 {
    letter-spacing: 1.5px;
}
.tx-spacing-4 {
    letter-spacing: 2px;
}
.tx-spacing-5 {
    letter-spacing: 2.5px;
}
.tx-spacing-6 {
    letter-spacing: 3px;
}
.tx-spacing-7 {
    letter-spacing: 3.5px;
}
.tx-spacing-8 {
    letter-spacing: 4px;
}
.tx-spacing--1 {
    letter-spacing: -0.5px;
}
.tx-spacing--2 {
    letter-spacing: -1px;
}
.tx-spacing--3 {
    letter-spacing: -1.5px;
}
.tx-spacing--4 {
    letter-spacing: -2px;
}
.tx-spacing--5 {
    letter-spacing: -2.5px;
}
.tx-spacing--6 {
    letter-spacing: -3px;
}
.tx-spacing--7 {
    letter-spacing: -3.5px;
}
.tx-spacing--8 {
    letter-spacing: -4px;
}
.tx-uppercase {
    text-transform: uppercase;
}
.tx-lowercase {
    text-transform: lowercase;
}
.tx-transform-none {
    text-transform: none;
}
.tx-center {
    text-align: center;
}
.tx-right {
    text-align: right;
}
.tx-left {
    text-align: left;
}
.tx-italic {
    font-style: italic;
}
.tx-style-normal {
    font-style: normal;
}
.lh-base {
    line-height: 1.5;
}
.lh-normal {
    line-height: normal;
}
.lh-0 {
    line-height: 0;
}
.lh--1 {
    line-height: 0.1;
}
.lh--2 {
    line-height: 0.2;
}
.lh--3 {
    line-height: 0.3;
}
.lh--4 {
    line-height: 0.4;
}
.lh--5 {
    line-height: 0.5;
}
.lh--6 {
    line-height: 0.6;
}
.lh--7 {
    line-height: 0.7;
}
.lh--8 {
    line-height: 0.8;
}
.lh--9 {
    line-height: 0.9;
}
.lh-1 {
    line-height: 1.1;
}
.lh-2 {
    line-height: 1.2;
}
.lh-3 {
    line-height: 1.3;
}
.lh-4 {
    line-height: 1.4;
}
.lh-5 {
    line-height: 1.5 !important;
}
.lh-6 {
    line-height: 1.6;
}
.lh-7 {
    line-height: 1.7;
}
.lh-8 {
    line-height: 1.8;
}
.lh-9 {
    line-height: 1.9;
}
.lh-10 {
    line-height: 2;
}
.lh-11 {
    line-height: 2.1;
}
.lh-12 {
    line-height: 2.2;
}
.lh-13 {
    line-height: 2.3;
}
.lh-14 {
    line-height: 2.4;
}
.lh-15 {
    line-height: 2.5;
}
.valign-top {
    vertical-align: top;
}
.valign-middle {
    vertical-align: middle;
}
.valign-bottom {
    vertical-align: baseline;
}
.tx-base {
    font-size: 0.875rem;
}
.tx-8 {
    font-size: 8px;
}
.tx-9 {
    font-size: 9px;
}
.tx-10 {
    font-size: 10px !important;
}
.tx-11 {
    font-size: 11px;
}
.tx-12 {
    font-size: 12px;
}
.tx-13 {
    font-size: 13px;
}
.tx-14 {
    font-size: 14px;
}
.tx-15 {
    font-size: 15px !important;
}
.tx-16 {
    font-size: 16px;
}
.tx-18 {
    font-size: 18px;
}
.tx-20 {
    font-size: 20px;
}
.tx-22 {
    font-size: 22px;
}
.tx-24 {
    font-size: 24px;
}
.tx-26 {
    font-size: 26px;
}
.tx-28 {
    font-size: 28px;
}
.tx-30 {
    font-size: 30px;
}
.tx-32 {
    font-size: 32px;
}
.tx-34 {
    font-size: 34px;
}
.tx-36 {
    font-size: 36px;
}
.tx-38 {
    font-size: 38px;
}
.tx-40 {
    font-size: 40px;
}
.tx-42 {
    font-size: 42px;
}
.tx-44 {
    font-size: 44px;
}
.tx-46 {
    font-size: 46px;
}
.tx-48 {
    font-size: 48px;
}
.tx-50 {
    font-size: 50px;
}
.tx-52 {
    font-size: 52px;
}
.tx-54 {
    font-size: 54px;
}
.tx-56 {
    font-size: 56px;
}
.tx-58 {
    font-size: 58px;
}
.tx-60 {
    font-size: 60px;
}
.tx-62 {
    font-size: 62px;
}
.tx-64 {
    font-size: 64px;
}
.tx-66 {
    font-size: 66px;
}
.tx-68 {
    font-size: 68px;
}
.tx-70 {
    font-size: 70px;
}
.tx-72 {
    font-size: 72px;
}
.tx-74 {
    font-size: 74px;
}
.tx-76 {
    font-size: 76px;
}
.tx-78 {
    font-size: 78px;
}
.tx-80 {
    font-size: 80px;
}
.tx-82 {
    font-size: 82px;
}
.tx-84 {
    font-size: 84px;
}
.tx-86 {
    font-size: 86px;
}
.tx-88 {
    font-size: 88px;
}
.tx-90 {
    font-size: 90px;
}
.tx-92 {
    font-size: 92px;
}
.tx-94 {
    font-size: 94px;
}
.tx-96 {
    font-size: 96px;
}
.tx-98 {
    font-size: 98px;
}
.tx-100 {
    font-size: 100px;
}
.tx-102 {
    font-size: 102px;
}
.tx-104 {
    font-size: 104px;
}
.tx-106 {
    font-size: 106px;
}
.tx-108 {
    font-size: 108px;
}
.tx-110 {
    font-size: 110px;
}
.tx-112 {
    font-size: 112px;
}
.tx-114 {
    font-size: 114px;
}
.tx-116 {
    font-size: 116px;
}
.tx-118 {
    font-size: 118px;
}
.tx-120 {
    font-size: 120px;
}
.tx-122 {
    font-size: 122px;
}
.tx-124 {
    font-size: 124px;
}
.tx-126 {
    font-size: 126px;
}
.tx-128 {
    font-size: 128px;
}
.tx-130 {
    font-size: 130px;
}
.tx-132 {
    font-size: 132px;
}
.tx-134 {
    font-size: 134px;
}
.tx-136 {
    font-size: 136px;
}
.tx-138 {
    font-size: 138px;
}
.tx-140 {
    font-size: 140px;
}
@media (min-width: 480px) {
    .tx-xs-8 {
        font-size: 8px;
    }

    .tx-xs-9 {
        font-size: 9px;
    }

    .tx-xs-10 {
        font-size: 10px;
    }

    .tx-xs-11 {
        font-size: 11px;
    }

    .tx-xs-12 {
        font-size: 12px;
    }

    .tx-xs-13 {
        font-size: 13px;
    }

    .tx-xs-14 {
        font-size: 14px;
    }

    .tx-xs-15 {
        font-size: 15px;
    }

    .tx-xs-16 {
        font-size: 16px;
    }

    .tx-xs-18 {
        font-size: 18px;
    }

    .tx-xs-20 {
        font-size: 20px;
    }

    .tx-xs-22 {
        font-size: 22px;
    }

    .tx-xs-24 {
        font-size: 24px;
    }

    .tx-xs-26 {
        font-size: 26px;
    }

    .tx-xs-28 {
        font-size: 28px;
    }

    .tx-xs-30 {
        font-size: 30px;
    }

    .tx-xs-32 {
        font-size: 32px;
    }

    .tx-xs-34 {
        font-size: 34px;
    }

    .tx-xs-36 {
        font-size: 36px;
    }

    .tx-xs-38 {
        font-size: 38px;
    }

    .tx-xs-40 {
        font-size: 40px;
    }

    .tx-xs-42 {
        font-size: 42px;
    }

    .tx-xs-44 {
        font-size: 44px;
    }

    .tx-xs-46 {
        font-size: 46px;
    }

    .tx-xs-48 {
        font-size: 48px;
    }

    .tx-xs-50 {
        font-size: 50px;
    }

    .tx-xs-52 {
        font-size: 52px;
    }

    .tx-xs-54 {
        font-size: 54px;
    }

    .tx-xs-56 {
        font-size: 56px;
    }

    .tx-xs-58 {
        font-size: 58px;
    }

    .tx-xs-60 {
        font-size: 60px;
    }

    .tx-xs-62 {
        font-size: 62px;
    }

    .tx-xs-64 {
        font-size: 64px;
    }

    .tx-xs-66 {
        font-size: 66px;
    }

    .tx-xs-68 {
        font-size: 68px;
    }

    .tx-xs-70 {
        font-size: 70px;
    }

    .tx-xs-72 {
        font-size: 72px;
    }

    .tx-xs-74 {
        font-size: 74px;
    }

    .tx-xs-76 {
        font-size: 76px;
    }

    .tx-xs-78 {
        font-size: 78px;
    }

    .tx-xs-80 {
        font-size: 80px;
    }

    .tx-xs-82 {
        font-size: 82px;
    }

    .tx-xs-84 {
        font-size: 84px;
    }

    .tx-xs-86 {
        font-size: 86px;
    }

    .tx-xs-88 {
        font-size: 88px;
    }

    .tx-xs-90 {
        font-size: 90px;
    }

    .tx-xs-92 {
        font-size: 92px;
    }

    .tx-xs-94 {
        font-size: 94px;
    }

    .tx-xs-96 {
        font-size: 96px;
    }

    .tx-xs-98 {
        font-size: 98px;
    }

    .tx-xs-100 {
        font-size: 100px;
    }

    .tx-xs-102 {
        font-size: 102px;
    }

    .tx-xs-104 {
        font-size: 104px;
    }

    .tx-xs-106 {
        font-size: 106px;
    }

    .tx-xs-108 {
        font-size: 108px;
    }

    .tx-xs-110 {
        font-size: 110px;
    }

    .tx-xs-112 {
        font-size: 112px;
    }

    .tx-xs-114 {
        font-size: 114px;
    }

    .tx-xs-116 {
        font-size: 116px;
    }

    .tx-xs-118 {
        font-size: 118px;
    }

    .tx-xs-120 {
        font-size: 120px;
    }

    .tx-xs-122 {
        font-size: 122px;
    }

    .tx-xs-124 {
        font-size: 124px;
    }

    .tx-xs-126 {
        font-size: 126px;
    }

    .tx-xs-128 {
        font-size: 128px;
    }

    .tx-xs-130 {
        font-size: 130px;
    }

    .tx-xs-132 {
        font-size: 132px;
    }

    .tx-xs-134 {
        font-size: 134px;
    }

    .tx-xs-136 {
        font-size: 136px;
    }

    .tx-xs-138 {
        font-size: 138px;
    }

    .tx-xs-140 {
        font-size: 140px;
    }

    .tx-xs-base {
        font-size: 0.875rem;
    }

    .tx-xs-bold {
        font-weight: 700;
    }

    .tx-xs-semibold {
        font-weight: 600;
    }

    .tx-xs-medium {
        font-weight: 500;
    }

    .tx-xs-normal {
        font-weight: 400;
    }

    .tx-xs-light {
        font-weight: 300;
    }

    .tx-xs-thin {
        font-weight: 200;
    }

    .tx-xs-xthin {
        font-weight: 100;
    }

    .lh-xs-0 {
        line-height: 0;
    }

    .lh-xs-1 {
        line-height: 1.1;
    }

    .lh-xs-2 {
        line-height: 1.2;
    }

    .lh-xs-3 {
        line-height: 1.3;
    }

    .lh-xs-4 {
        line-height: 1.4;
    }

    .lh-xs-5 {
        line-height: 1.5;
    }

    .lh-xs-6 {
        line-height: 1.6;
    }

    .lh-xs-7 {
        line-height: 1.7;
    }

    .lh-xs-8 {
        line-height: 1.8;
    }

    .lh-xs-9 {
        line-height: 1.9;
    }

    .lh-xs-10 {
        line-height: 2;
    }

    .lh-xs-11 {
        line-height: 2.1;
    }

    .lh-xs-12 {
        line-height: 2.2;
    }

    .lh-xs-13 {
        line-height: 2.3;
    }

    .lh-xs-14 {
        line-height: 2.4;
    }

    .lh-xs-15 {
        line-height: 2.5;
    }

    .tx-xs-center {
        text-align: center;
    }

    .tx-xs-right {
        text-align: right;
    }

    .tx-xs-left {
        text-align: left;
    }
}
@media (min-width: 576px) {
    .tx-sm-8 {
        font-size: 8px;
    }

    .tx-sm-9 {
        font-size: 9px;
    }

    .tx-sm-10 {
        font-size: 10px;
    }

    .tx-sm-11 {
        font-size: 11px;
    }

    .tx-sm-12 {
        font-size: 12px;
    }

    .tx-sm-13 {
        font-size: 13px;
    }

    .tx-sm-14 {
        font-size: 14px;
    }

    .tx-sm-15 {
        font-size: 15px;
    }

    .tx-sm-16 {
        font-size: 16px;
    }

    .tx-sm-18 {
        font-size: 18px;
    }

    .tx-sm-20 {
        font-size: 20px;
    }

    .tx-sm-22 {
        font-size: 22px;
    }

    .tx-sm-24 {
        font-size: 24px;
    }

    .tx-sm-26 {
        font-size: 26px;
    }

    .tx-sm-28 {
        font-size: 28px;
    }

    .tx-sm-30 {
        font-size: 30px;
    }

    .tx-sm-32 {
        font-size: 32px;
    }

    .tx-sm-34 {
        font-size: 34px;
    }

    .tx-sm-36 {
        font-size: 36px;
    }

    .tx-sm-38 {
        font-size: 38px;
    }

    .tx-sm-40 {
        font-size: 40px;
    }

    .tx-sm-42 {
        font-size: 42px;
    }

    .tx-sm-44 {
        font-size: 44px;
    }

    .tx-sm-46 {
        font-size: 46px;
    }

    .tx-sm-48 {
        font-size: 48px;
    }

    .tx-sm-50 {
        font-size: 50px;
    }

    .tx-sm-52 {
        font-size: 52px;
    }

    .tx-sm-54 {
        font-size: 54px;
    }

    .tx-sm-56 {
        font-size: 56px;
    }

    .tx-sm-58 {
        font-size: 58px;
    }

    .tx-sm-60 {
        font-size: 60px;
    }

    .tx-sm-62 {
        font-size: 62px;
    }

    .tx-sm-64 {
        font-size: 64px;
    }

    .tx-sm-66 {
        font-size: 66px;
    }

    .tx-sm-68 {
        font-size: 68px;
    }

    .tx-sm-70 {
        font-size: 70px;
    }

    .tx-sm-72 {
        font-size: 72px;
    }

    .tx-sm-74 {
        font-size: 74px;
    }

    .tx-sm-76 {
        font-size: 76px;
    }

    .tx-sm-78 {
        font-size: 78px;
    }

    .tx-sm-80 {
        font-size: 80px;
    }

    .tx-sm-82 {
        font-size: 82px;
    }

    .tx-sm-84 {
        font-size: 84px;
    }

    .tx-sm-86 {
        font-size: 86px;
    }

    .tx-sm-88 {
        font-size: 88px;
    }

    .tx-sm-90 {
        font-size: 90px;
    }

    .tx-sm-92 {
        font-size: 92px;
    }

    .tx-sm-94 {
        font-size: 94px;
    }

    .tx-sm-96 {
        font-size: 96px;
    }

    .tx-sm-98 {
        font-size: 98px;
    }

    .tx-sm-100 {
        font-size: 100px;
    }

    .tx-sm-102 {
        font-size: 102px;
    }

    .tx-sm-104 {
        font-size: 104px;
    }

    .tx-sm-106 {
        font-size: 106px;
    }

    .tx-sm-108 {
        font-size: 108px;
    }

    .tx-sm-110 {
        font-size: 110px;
    }

    .tx-sm-112 {
        font-size: 112px;
    }

    .tx-sm-114 {
        font-size: 114px;
    }

    .tx-sm-116 {
        font-size: 116px;
    }

    .tx-sm-118 {
        font-size: 118px;
    }

    .tx-sm-120 {
        font-size: 120px;
    }

    .tx-sm-122 {
        font-size: 122px;
    }

    .tx-sm-124 {
        font-size: 124px;
    }

    .tx-sm-126 {
        font-size: 126px;
    }

    .tx-sm-128 {
        font-size: 128px;
    }

    .tx-sm-130 {
        font-size: 130px;
    }

    .tx-sm-132 {
        font-size: 132px;
    }

    .tx-sm-134 {
        font-size: 134px;
    }

    .tx-sm-136 {
        font-size: 136px;
    }

    .tx-sm-138 {
        font-size: 138px;
    }

    .tx-sm-140 {
        font-size: 140px;
    }

    .tx-sm-base {
        font-size: 0.875rem;
    }

    .tx-sm-bold {
        font-weight: 700;
    }

    .tx-sm-semibold {
        font-weight: 600;
    }

    .tx-sm-medium {
        font-weight: 500;
    }

    .tx-sm-normal {
        font-weight: 400;
    }

    .tx-sm-light {
        font-weight: 300;
    }

    .tx-sm-thin {
        font-weight: 200;
    }

    .tx-sm-xthin {
        font-weight: 100;
    }

    .lh-sm-0 {
        line-height: 0;
    }

    .lh-sm-1 {
        line-height: 1.1;
    }

    .lh-sm-2 {
        line-height: 1.2;
    }

    .lh-sm-3 {
        line-height: 1.3;
    }

    .lh-sm-4 {
        line-height: 1.4;
    }

    .lh-sm-5 {
        line-height: 1.5;
    }

    .lh-sm-6 {
        line-height: 1.6;
    }

    .lh-sm-7 {
        line-height: 1.7;
    }

    .lh-sm-8 {
        line-height: 1.8;
    }

    .lh-sm-9 {
        line-height: 1.9;
    }

    .lh-sm-10 {
        line-height: 2;
    }

    .lh-sm-11 {
        line-height: 2.1;
    }

    .lh-sm-12 {
        line-height: 2.2;
    }

    .lh-sm-13 {
        line-height: 2.3;
    }

    .lh-sm-14 {
        line-height: 2.4;
    }

    .lh-sm-15 {
        line-height: 2.5;
    }

    .tx-sm-center {
        text-align: center;
    }

    .tx-sm-right {
        text-align: right;
    }

    .tx-sm-left {
        text-align: left;
    }
}
@media (min-width: 768px) {
    .tx-md-8 {
        font-size: 8px;
    }

    .tx-md-9 {
        font-size: 9px;
    }

    .tx-md-10 {
        font-size: 10px;
    }

    .tx-md-11 {
        font-size: 11px;
    }

    .tx-md-12 {
        font-size: 12px;
    }

    .tx-md-13 {
        font-size: 13px;
    }

    .tx-md-14 {
        font-size: 14px;
    }

    .tx-md-15 {
        font-size: 15px;
    }

    .tx-md-16 {
        font-size: 16px;
    }

    .tx-md-18 {
        font-size: 18px;
    }

    .tx-md-20 {
        font-size: 20px;
    }

    .tx-md-22 {
        font-size: 22px;
    }

    .tx-md-24 {
        font-size: 24px;
    }

    .tx-md-26 {
        font-size: 26px;
    }

    .tx-md-28 {
        font-size: 28px;
    }

    .tx-md-30 {
        font-size: 30px;
    }

    .tx-md-32 {
        font-size: 32px;
    }

    .tx-md-34 {
        font-size: 34px;
    }

    .tx-md-36 {
        font-size: 36px;
    }

    .tx-md-38 {
        font-size: 38px;
    }

    .tx-md-40 {
        font-size: 40px;
    }

    .tx-md-42 {
        font-size: 42px;
    }

    .tx-md-44 {
        font-size: 44px;
    }

    .tx-md-46 {
        font-size: 46px;
    }

    .tx-md-48 {
        font-size: 48px;
    }

    .tx-md-50 {
        font-size: 50px;
    }

    .tx-md-52 {
        font-size: 52px;
    }

    .tx-md-54 {
        font-size: 54px;
    }

    .tx-md-56 {
        font-size: 56px;
    }

    .tx-md-58 {
        font-size: 58px;
    }

    .tx-md-60 {
        font-size: 60px;
    }

    .tx-md-62 {
        font-size: 62px;
    }

    .tx-md-64 {
        font-size: 64px;
    }

    .tx-md-66 {
        font-size: 66px;
    }

    .tx-md-68 {
        font-size: 68px;
    }

    .tx-md-70 {
        font-size: 70px;
    }

    .tx-md-72 {
        font-size: 72px;
    }

    .tx-md-74 {
        font-size: 74px;
    }

    .tx-md-76 {
        font-size: 76px;
    }

    .tx-md-78 {
        font-size: 78px;
    }

    .tx-md-80 {
        font-size: 80px;
    }

    .tx-md-82 {
        font-size: 82px;
    }

    .tx-md-84 {
        font-size: 84px;
    }

    .tx-md-86 {
        font-size: 86px;
    }

    .tx-md-88 {
        font-size: 88px;
    }

    .tx-md-90 {
        font-size: 90px;
    }

    .tx-md-92 {
        font-size: 92px;
    }

    .tx-md-94 {
        font-size: 94px;
    }

    .tx-md-96 {
        font-size: 96px;
    }

    .tx-md-98 {
        font-size: 98px;
    }

    .tx-md-100 {
        font-size: 100px;
    }

    .tx-md-102 {
        font-size: 102px;
    }

    .tx-md-104 {
        font-size: 104px;
    }

    .tx-md-106 {
        font-size: 106px;
    }

    .tx-md-108 {
        font-size: 108px;
    }

    .tx-md-110 {
        font-size: 110px;
    }

    .tx-md-112 {
        font-size: 112px;
    }

    .tx-md-114 {
        font-size: 114px;
    }

    .tx-md-116 {
        font-size: 116px;
    }

    .tx-md-118 {
        font-size: 118px;
    }

    .tx-md-120 {
        font-size: 120px;
    }

    .tx-md-122 {
        font-size: 122px;
    }

    .tx-md-124 {
        font-size: 124px;
    }

    .tx-md-126 {
        font-size: 126px;
    }

    .tx-md-128 {
        font-size: 128px;
    }

    .tx-md-130 {
        font-size: 130px;
    }

    .tx-md-132 {
        font-size: 132px;
    }

    .tx-md-134 {
        font-size: 134px;
    }

    .tx-md-136 {
        font-size: 136px;
    }

    .tx-md-138 {
        font-size: 138px;
    }

    .tx-md-140 {
        font-size: 140px;
    }

    .tx-md-base {
        font-size: 0.875rem;
    }

    .tx-md-bold {
        font-weight: 700;
    }

    .tx-md-semibold {
        font-weight: 600;
    }

    .tx-md-medium {
        font-weight: 500;
    }

    .tx-md-normal {
        font-weight: 400;
    }

    .tx-md-light {
        font-weight: 300;
    }

    .tx-md-thin {
        font-weight: 200;
    }

    .tx-md-xthin {
        font-weight: 100;
    }

    .lh-md-0 {
        line-height: 0;
    }

    .lh-md-1 {
        line-height: 1.1;
    }

    .lh-md-2 {
        line-height: 1.2;
    }

    .lh-md-3 {
        line-height: 1.3;
    }

    .lh-md-4 {
        line-height: 1.4;
    }

    .lh-md-5 {
        line-height: 1.5;
    }

    .lh-md-6 {
        line-height: 1.6;
    }

    .lh-md-7 {
        line-height: 1.7;
    }

    .lh-md-8 {
        line-height: 1.8;
    }

    .lh-md-9 {
        line-height: 1.9;
    }

    .lh-md-10 {
        line-height: 2;
    }

    .lh-md-11 {
        line-height: 2.1;
    }

    .lh-md-12 {
        line-height: 2.2;
    }

    .lh-md-13 {
        line-height: 2.3;
    }

    .lh-md-14 {
        line-height: 2.4;
    }

    .lh-md-15 {
        line-height: 2.5;
    }

    .tx-md-center {
        text-align: center;
    }

    .tx-md-right {
        text-align: right;
    }

    .tx-md-left {
        text-align: left;
    }
}
@media (min-width: 992px) {
    .tx-lg-8 {
        font-size: 8px;
    }

    .tx-lg-9 {
        font-size: 9px;
    }

    .tx-lg-10 {
        font-size: 10px;
    }

    .tx-lg-11 {
        font-size: 11px;
    }

    .tx-lg-12 {
        font-size: 12px;
    }

    .tx-lg-13 {
        font-size: 13px;
    }

    .tx-lg-14 {
        font-size: 14px;
    }

    .tx-lg-15 {
        font-size: 15px;
    }

    .tx-lg-16 {
        font-size: 16px;
    }

    .tx-lg-18 {
        font-size: 18px;
    }

    .tx-lg-20 {
        font-size: 20px;
    }

    .tx-lg-22 {
        font-size: 22px;
    }

    .tx-lg-24 {
        font-size: 24px;
    }

    .tx-lg-26 {
        font-size: 26px;
    }

    .tx-lg-28 {
        font-size: 28px;
    }

    .tx-lg-30 {
        font-size: 30px;
    }

    .tx-lg-32 {
        font-size: 32px;
    }

    .tx-lg-34 {
        font-size: 34px;
    }

    .tx-lg-36 {
        font-size: 36px;
    }

    .tx-lg-38 {
        font-size: 38px;
    }

    .tx-lg-40 {
        font-size: 40px;
    }

    .tx-lg-42 {
        font-size: 42px;
    }

    .tx-lg-44 {
        font-size: 44px;
    }

    .tx-lg-46 {
        font-size: 46px;
    }

    .tx-lg-48 {
        font-size: 48px;
    }

    .tx-lg-50 {
        font-size: 50px;
    }

    .tx-lg-52 {
        font-size: 52px;
    }

    .tx-lg-54 {
        font-size: 54px;
    }

    .tx-lg-56 {
        font-size: 56px;
    }

    .tx-lg-58 {
        font-size: 58px;
    }

    .tx-lg-60 {
        font-size: 60px;
    }

    .tx-lg-62 {
        font-size: 62px;
    }

    .tx-lg-64 {
        font-size: 64px;
    }

    .tx-lg-66 {
        font-size: 66px;
    }

    .tx-lg-68 {
        font-size: 68px;
    }

    .tx-lg-70 {
        font-size: 70px;
    }

    .tx-lg-72 {
        font-size: 72px;
    }

    .tx-lg-74 {
        font-size: 74px;
    }

    .tx-lg-76 {
        font-size: 76px;
    }

    .tx-lg-78 {
        font-size: 78px;
    }

    .tx-lg-80 {
        font-size: 80px;
    }

    .tx-lg-82 {
        font-size: 82px;
    }

    .tx-lg-84 {
        font-size: 84px;
    }

    .tx-lg-86 {
        font-size: 86px;
    }

    .tx-lg-88 {
        font-size: 88px;
    }

    .tx-lg-90 {
        font-size: 90px;
    }

    .tx-lg-92 {
        font-size: 92px;
    }

    .tx-lg-94 {
        font-size: 94px;
    }

    .tx-lg-96 {
        font-size: 96px;
    }

    .tx-lg-98 {
        font-size: 98px;
    }

    .tx-lg-100 {
        font-size: 100px;
    }

    .tx-lg-102 {
        font-size: 102px;
    }

    .tx-lg-104 {
        font-size: 104px;
    }

    .tx-lg-106 {
        font-size: 106px;
    }

    .tx-lg-108 {
        font-size: 108px;
    }

    .tx-lg-110 {
        font-size: 110px;
    }

    .tx-lg-112 {
        font-size: 112px;
    }

    .tx-lg-114 {
        font-size: 114px;
    }

    .tx-lg-116 {
        font-size: 116px;
    }

    .tx-lg-118 {
        font-size: 118px;
    }

    .tx-lg-120 {
        font-size: 120px;
    }

    .tx-lg-122 {
        font-size: 122px;
    }

    .tx-lg-124 {
        font-size: 124px;
    }

    .tx-lg-126 {
        font-size: 126px;
    }

    .tx-lg-128 {
        font-size: 128px;
    }

    .tx-lg-130 {
        font-size: 130px;
    }

    .tx-lg-132 {
        font-size: 132px;
    }

    .tx-lg-134 {
        font-size: 134px;
    }

    .tx-lg-136 {
        font-size: 136px;
    }

    .tx-lg-138 {
        font-size: 138px;
    }

    .tx-lg-140 {
        font-size: 140px;
    }

    .tx-lg-base {
        font-size: 0.875rem;
    }

    .tx-lg-bold {
        font-weight: 700;
    }

    .tx-lg-semibold {
        font-weight: 600;
    }

    .tx-lg-medium {
        font-weight: 500;
    }

    .tx-lg-normal {
        font-weight: 400;
    }

    .tx-lg-light {
        font-weight: 300;
    }

    .tx-lg-thin {
        font-weight: 200;
    }

    .tx-lg-xthin {
        font-weight: 100;
    }

    .lh-lg-0 {
        line-height: 0;
    }

    .lh-lg-1 {
        line-height: 1.1;
    }

    .lh-lg-2 {
        line-height: 1.2;
    }

    .lh-lg-3 {
        line-height: 1.3;
    }

    .lh-lg-4 {
        line-height: 1.4;
    }

    .lh-lg-5 {
        line-height: 1.5;
    }

    .lh-lg-6 {
        line-height: 1.6;
    }

    .lh-lg-7 {
        line-height: 1.7;
    }

    .lh-lg-8 {
        line-height: 1.8;
    }

    .lh-lg-9 {
        line-height: 1.9;
    }

    .lh-lg-10 {
        line-height: 2;
    }

    .lh-lg-11 {
        line-height: 2.1;
    }

    .lh-lg-12 {
        line-height: 2.2;
    }

    .lh-lg-13 {
        line-height: 2.3;
    }

    .lh-lg-14 {
        line-height: 2.4;
    }

    .lh-lg-15 {
        line-height: 2.5;
    }

    .tx-lg-center {
        text-align: center;
    }

    .tx-lg-right {
        text-align: right;
    }

    .tx-lg-left {
        text-align: left;
    }
}
@media (min-width: 1200px) {
    .tx-xl-8 {
        font-size: 8px;
    }

    .tx-xl-9 {
        font-size: 9px;
    }

    .tx-xl-10 {
        font-size: 10px;
    }

    .tx-xl-11 {
        font-size: 11px;
    }

    .tx-xl-12 {
        font-size: 12px;
    }

    .tx-xl-13 {
        font-size: 13px;
    }

    .tx-xl-14 {
        font-size: 14px;
    }

    .tx-xl-15 {
        font-size: 15px;
    }

    .tx-xl-16 {
        font-size: 16px;
    }

    .tx-xl-18 {
        font-size: 18px;
    }

    .tx-xl-20 {
        font-size: 20px;
    }

    .tx-xl-22 {
        font-size: 22px;
    }

    .tx-xl-24 {
        font-size: 24px;
    }

    .tx-xl-26 {
        font-size: 26px;
    }

    .tx-xl-28 {
        font-size: 28px;
    }

    .tx-xl-30 {
        font-size: 30px;
    }

    .tx-xl-32 {
        font-size: 32px;
    }

    .tx-xl-34 {
        font-size: 34px;
    }

    .tx-xl-36 {
        font-size: 36px;
    }

    .tx-xl-38 {
        font-size: 38px;
    }

    .tx-xl-40 {
        font-size: 40px;
    }

    .tx-xl-42 {
        font-size: 42px;
    }

    .tx-xl-44 {
        font-size: 44px;
    }

    .tx-xl-46 {
        font-size: 46px;
    }

    .tx-xl-48 {
        font-size: 48px;
    }

    .tx-xl-50 {
        font-size: 50px;
    }

    .tx-xl-52 {
        font-size: 52px;
    }

    .tx-xl-54 {
        font-size: 54px;
    }

    .tx-xl-56 {
        font-size: 56px;
    }

    .tx-xl-58 {
        font-size: 58px;
    }

    .tx-xl-60 {
        font-size: 60px;
    }

    .tx-xl-62 {
        font-size: 62px;
    }

    .tx-xl-64 {
        font-size: 64px;
    }

    .tx-xl-66 {
        font-size: 66px;
    }

    .tx-xl-68 {
        font-size: 68px;
    }

    .tx-xl-70 {
        font-size: 70px;
    }

    .tx-xl-72 {
        font-size: 72px;
    }

    .tx-xl-74 {
        font-size: 74px;
    }

    .tx-xl-76 {
        font-size: 76px;
    }

    .tx-xl-78 {
        font-size: 78px;
    }

    .tx-xl-80 {
        font-size: 80px;
    }

    .tx-xl-82 {
        font-size: 82px;
    }

    .tx-xl-84 {
        font-size: 84px;
    }

    .tx-xl-86 {
        font-size: 86px;
    }

    .tx-xl-88 {
        font-size: 88px;
    }

    .tx-xl-90 {
        font-size: 90px;
    }

    .tx-xl-92 {
        font-size: 92px;
    }

    .tx-xl-94 {
        font-size: 94px;
    }

    .tx-xl-96 {
        font-size: 96px;
    }

    .tx-xl-98 {
        font-size: 98px;
    }

    .tx-xl-100 {
        font-size: 100px;
    }

    .tx-xl-102 {
        font-size: 102px;
    }

    .tx-xl-104 {
        font-size: 104px;
    }

    .tx-xl-106 {
        font-size: 106px;
    }

    .tx-xl-108 {
        font-size: 108px;
    }

    .tx-xl-110 {
        font-size: 110px;
    }

    .tx-xl-112 {
        font-size: 112px;
    }

    .tx-xl-114 {
        font-size: 114px;
    }

    .tx-xl-116 {
        font-size: 116px;
    }

    .tx-xl-118 {
        font-size: 118px;
    }

    .tx-xl-120 {
        font-size: 120px;
    }

    .tx-xl-122 {
        font-size: 122px;
    }

    .tx-xl-124 {
        font-size: 124px;
    }

    .tx-xl-126 {
        font-size: 126px;
    }

    .tx-xl-128 {
        font-size: 128px;
    }

    .tx-xl-130 {
        font-size: 130px;
    }

    .tx-xl-132 {
        font-size: 132px;
    }

    .tx-xl-134 {
        font-size: 134px;
    }

    .tx-xl-136 {
        font-size: 136px;
    }

    .tx-xl-138 {
        font-size: 138px;
    }

    .tx-xl-140 {
        font-size: 140px;
    }

    .tx-xl-base {
        font-size: 0.875rem;
    }

    .tx-xl-bold {
        font-weight: 700;
    }

    .tx-xl-semibold {
        font-weight: 600;
    }

    .tx-xl-medium {
        font-weight: 500;
    }

    .tx-xl-normal {
        font-weight: 400;
    }

    .tx-xl-light {
        font-weight: 300;
    }

    .tx-xl-thin {
        font-weight: 200;
    }

    .tx-xl-xthin {
        font-weight: 100;
    }

    .lh-xl-0 {
        line-height: 0;
    }

    .lh-xl-1 {
        line-height: 1.1;
    }

    .lh-xl-2 {
        line-height: 1.2;
    }

    .lh-xl-3 {
        line-height: 1.3;
    }

    .lh-xl-4 {
        line-height: 1.4;
    }

    .lh-xl-5 {
        line-height: 1.5;
    }

    .lh-xl-6 {
        line-height: 1.6;
    }

    .lh-xl-7 {
        line-height: 1.7;
    }

    .lh-xl-8 {
        line-height: 1.8;
    }

    .lh-xl-9 {
        line-height: 1.9;
    }

    .lh-xl-10 {
        line-height: 2;
    }

    .lh-xl-11 {
        line-height: 2.1;
    }

    .lh-xl-12 {
        line-height: 2.2;
    }

    .lh-xl-13 {
        line-height: 2.3;
    }

    .lh-xl-14 {
        line-height: 2.4;
    }

    .lh-xl-15 {
        line-height: 2.5;
    }

    .tx-xl-center {
        text-align: center;
    }

    .tx-xl-right {
        text-align: right;
    }

    .tx-xl-left {
        text-align: left;
    }
}
.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;
    font-size: 14px;
    line-height: 1.66;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !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-semibold {
    font-weight: 500 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-bolder {
    font-weight: bolder !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white {
    color: #ffffff !important;
}
.text-secondary {
    color: #f1388b !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
    color: #e06b32 !important;
}
.text-success {
    color: #19b159 !important;
}
a.text-success:hover,
a.text-success:focus {
    color: #226401 !important;
}
.text-info {
    color: #01b8ff !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important;
}
.text-warning {
    color: #ff9b21 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important;
}
.text-danger {
    color: #f16d75 !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important;
}
.text-light {
    color: #f1f2f9 !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #c5cbda !important;
}
.text-dark {
    color: #465988 !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #1e2533 !important;
}
.text-body {
    color: #465988 !important;
}
.text-muted {
    color: #8f8fb1 !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;
    overflow-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
.dash-20 {
    font-size: 20px;
}
.dash-25 {
    font-size: 25px;
}
.dash-30 {
    font-size: 30px;
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 17px;
}
.fs-18 {
    font-size: 18px;
}
.fs-19 {
    font-size: 19px;
}
.fs-20 {
    font-size: 20px;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-30 {
    font-size: 30px;
}
.fs-40 {
    font-size: 40px;
}
.fs-50 {
    font-size: 50px;
}
/* ###### Typography  ###### */
/* ###### Width  ###### */
.wd-1 {
    width: 1px;
}
.wd-2 {
    width: 2px;
}
.wd-3 {
    width: 3px;
}
.wd-4 {
    width: 4px;
}
.wd-6 {
    width: 6px;
}
.wd-7 {
    width: 7px;
}
.wd-8 {
    width: 8px;
}
.wd-9 {
    width: 9px;
}
.wd-280 {
    width: 280px;
}
.wd-5 {
    width: 5px;
}
.wd-5p {
    width: 5%;
}
.mx-wd-5p {
    max-width: 5%;
}
.mn-wd-5p {
    min-width: 5%;
}
.wd-10 {
    width: 10px;
}
.wd-10p {
    width: 10%;
}
.mx-wd-10p {
    max-width: 10%;
}
.mn-wd-10p {
    min-width: 10%;
}
.wd-15 {
    width: 15px;
}
.wd-15p {
    width: 15%;
}
.mx-wd-15p {
    max-width: 15%;
}
.mn-wd-15p {
    min-width: 15%;
}
.wd-20 {
    width: 20px;
}
.wd-20p {
    width: 20%;
}
.mx-wd-20p {
    max-width: 20%;
}
.mn-wd-20p {
    min-width: 20%;
}
.wd-25 {
    width: 25px;
}
.wd-25p {
    width: 25%;
}
.mx-wd-25p {
    max-width: 25%;
}
.mn-wd-25p {
    min-width: 25%;
}
.wd-30 {
    width: 30px !important;
}
.wd-30p {
    width: 30% !important;
}
.mx-wd-30p {
    max-width: 30%;
}
.mn-wd-30p {
    min-width: 30%;
}
.wd-35 {
    width: 35px;
}
.wd-35p {
    width: 35%;
}
.mx-wd-35p {
    max-width: 35%;
}
.mn-wd-35p {
    min-width: 35%;
}
.wd-40 {
    width: 40px;
}
.wd-40p {
    width: 40%;
}
.mx-wd-40p {
    max-width: 40%;
}
.mn-wd-40p {
    min-width: 40%;
}
.wd-45 {
    width: 45px;
}
.wd-45p {
    width: 45%;
}
.mx-wd-45p {
    max-width: 45%;
}
.mn-wd-45p {
    min-width: 45%;
}
.wd-50 {
    width: 50px;
}
.wd-50p {
    width: 50%;
}
.mx-wd-50p {
    max-width: 50%;
}
.mn-wd-50p {
    min-width: 50%;
}
.wd-55 {
    width: 55px;
}
.wd-55p {
    width: 55%;
}
.mx-wd-55p {
    max-width: 55%;
}
.mn-wd-55p {
    min-width: 55%;
}
.wd-60 {
    width: 60px;
}
.wd-60p {
    width: 60%;
}
.mx-wd-60p {
    max-width: 60%;
}
.mn-wd-60p {
    min-width: 60%;
}
.wd-65 {
    width: 65px;
}
.wd-65p {
    width: 65%;
}
.mx-wd-65p {
    max-width: 65%;
}
.mn-wd-65p {
    min-width: 65%;
}
.wd-70 {
    width: 70px;
}
.wd-70p {
    width: 70%;
}
.mx-wd-70p {
    max-width: 70%;
}
.mn-wd-70p {
    min-width: 70%;
}
.wd-75 {
    width: 75px;
}
.wd-75p {
    width: 75%;
}
.mx-wd-75p {
    max-width: 75%;
}
.mn-wd-75p {
    min-width: 75%;
}
.wd-80 {
    width: 80px;
}
.wd-80p {
    width: 80%;
}
.mx-wd-80p {
    max-width: 80%;
}
.mn-wd-80p {
    min-width: 80%;
}
.wd-85 {
    width: 85px;
}
.wd-85p {
    width: 85%;
}
.mx-wd-85p {
    max-width: 85%;
}
.mn-wd-85p {
    min-width: 85%;
}
.wd-90 {
    width: 90px;
}
.wd-90p {
    width: 90%;
}
.mx-wd-90p {
    max-width: 90%;
}
.mn-wd-90p {
    min-width: 90%;
}
.wd-95 {
    width: 95px;
}
.wd-95p {
    width: 95%;
}
.mx-wd-95p {
    max-width: 95%;
}
.mn-wd-95p {
    min-width: 95%;
}
.wd-100 {
    width: 100px;
}
.wd-100p {
    width: 100%;
}
.mx-wd-100p {
    max-width: 100%;
}
.mn-wd-100p {
    min-width: 100%;
}
.wd-150 {
    width: 150px;
}
.wd-200 {
    width: 200px;
}
.wd-250 {
    width: 250px;
}
.wd-276 {
    width: 276px;
}
.wd-300 {
    width: 300px;
}
.wd-350 {
    width: 350px;
}
.wd-400 {
    width: 400px;
}
.wd-450 {
    width: 450px;
}
.wd-500 {
    width: 500px;
}
.wd-550 {
    width: 550px;
}
.wd-600 {
    width: 600px;
}
.wd-650 {
    width: 650px;
}
.wd-700 {
    width: 700px;
}
.wd-750 {
    width: 750px;
}
.wd-800 {
    width: 800px;
}
.wd-850 {
    width: 850px;
}
.wd-900 {
    width: 900px;
}
.wd-950 {
    width: 950px;
}
.wd-1000 {
    width: 1000px;
}
@media (min-width: 480px) {
    .wd-xs-5 {
        width: 5px;
    }

    .wd-xs-5p {
        width: 5%;
    }

    .mx-wd-xs-5p {
        max-width: 5%;
    }

    .mn-wd-xs-5p {
        min-width: 5%;
    }

    .wd-xs-10 {
        width: 10px;
    }

    .wd-xs-10p {
        width: 10%;
    }

    .mx-wd-xs-10p {
        max-width: 10%;
    }

    .mn-wd-xs-10p {
        min-width: 10%;
    }

    .wd-xs-15 {
        width: 15px;
    }

    .wd-xs-15p {
        width: 15%;
    }

    .mx-wd-xs-15p {
        max-width: 15%;
    }

    .mn-wd-xs-15p {
        min-width: 15%;
    }

    .wd-xs-20 {
        width: 20px;
    }

    .wd-xs-20p {
        width: 20%;
    }

    .mx-wd-xs-20p {
        max-width: 20%;
    }

    .mn-wd-xs-20p {
        min-width: 20%;
    }

    .wd-xs-25 {
        width: 25px;
    }

    .wd-xs-25p {
        width: 25%;
    }

    .mx-wd-xs-25p {
        max-width: 25%;
    }

    .mn-wd-xs-25p {
        min-width: 25%;
    }

    .wd-xs-30 {
        width: 30px;
    }

    .wd-xs-30p {
        width: 30%;
    }

    .mx-wd-xs-30p {
        max-width: 30%;
    }

    .mn-wd-xs-30p {
        min-width: 30%;
    }

    .wd-xs-35 {
        width: 35px;
    }

    .wd-xs-35p {
        width: 35%;
    }

    .mx-wd-xs-35p {
        max-width: 35%;
    }

    .mn-wd-xs-35p {
        min-width: 35%;
    }

    .wd-xs-40 {
        width: 40px;
    }

    .wd-xs-40p {
        width: 40%;
    }

    .mx-wd-xs-40p {
        max-width: 40%;
    }

    .mn-wd-xs-40p {
        min-width: 40%;
    }

    .wd-xs-45 {
        width: 45px;
    }

    .wd-xs-45p {
        width: 45%;
    }

    .mx-wd-xs-45p {
        max-width: 45%;
    }

    .mn-wd-xs-45p {
        min-width: 45%;
    }

    .wd-xs-50 {
        width: 50px;
    }

    .wd-xs-50p {
        width: 50%;
    }

    .mx-wd-xs-50p {
        max-width: 50%;
    }

    .mn-wd-xs-50p {
        min-width: 50%;
    }

    .wd-xs-55 {
        width: 55px;
    }

    .wd-xs-55p {
        width: 55%;
    }

    .mx-wd-xs-55p {
        max-width: 55%;
    }

    .mn-wd-xs-55p {
        min-width: 55%;
    }

    .wd-xs-60 {
        width: 60px;
    }

    .wd-xs-60p {
        width: 60%;
    }

    .mx-wd-xs-60p {
        max-width: 60%;
    }

    .mn-wd-xs-60p {
        min-width: 60%;
    }

    .wd-xs-65 {
        width: 65px;
    }

    .wd-xs-65p {
        width: 65%;
    }

    .mx-wd-xs-65p {
        max-width: 65%;
    }

    .mn-wd-xs-65p {
        min-width: 65%;
    }

    .wd-xs-70 {
        width: 70px;
    }

    .wd-xs-70p {
        width: 70%;
    }

    .mx-wd-xs-70p {
        max-width: 70%;
    }

    .mn-wd-xs-70p {
        min-width: 70%;
    }

    .wd-xs-75 {
        width: 75px;
    }

    .wd-xs-75p {
        width: 75%;
    }

    .mx-wd-xs-75p {
        max-width: 75%;
    }

    .mn-wd-xs-75p {
        min-width: 75%;
    }

    .wd-xs-80 {
        width: 80px;
    }

    .wd-xs-80p {
        width: 80%;
    }

    .mx-wd-xs-80p {
        max-width: 80%;
    }

    .mn-wd-xs-80p {
        min-width: 80%;
    }

    .wd-xs-85 {
        width: 85px;
    }

    .wd-xs-85p {
        width: 85%;
    }

    .mx-wd-xs-85p {
        max-width: 85%;
    }

    .mn-wd-xs-85p {
        min-width: 85%;
    }

    .wd-xs-90 {
        width: 90px;
    }

    .wd-xs-90p {
        width: 90%;
    }

    .mx-wd-xs-90p {
        max-width: 90%;
    }

    .mn-wd-xs-90p {
        min-width: 90%;
    }

    .wd-xs-95 {
        width: 95px;
    }

    .wd-xs-95p {
        width: 95%;
    }

    .mx-wd-xs-95p {
        max-width: 95%;
    }

    .mn-wd-xs-95p {
        min-width: 95%;
    }

    .wd-xs-100 {
        width: 100px;
    }

    .wd-xs-100p {
        width: 100%;
    }

    .mx-wd-xs-100p {
        max-width: 100%;
    }

    .mn-wd-xs-100p {
        min-width: 100%;
    }

    .wd-xs-150 {
        width: 150px;
    }

    .wd-xs-150p {
        width: 150%;
    }

    .mx-wd-xs-150p {
        max-width: 150%;
    }

    .mn-wd-xs-150p {
        min-width: 150%;
    }

    .wd-xs-200 {
        width: 200px;
    }

    .wd-xs-200p {
        width: 200%;
    }

    .mx-wd-xs-200p {
        max-width: 200%;
    }

    .mn-wd-xs-200p {
        min-width: 200%;
    }

    .wd-xs-250 {
        width: 250px;
    }

    .wd-xs-250p {
        width: 250%;
    }

    .mx-wd-xs-250p {
        max-width: 250%;
    }

    .mn-wd-xs-250p {
        min-width: 250%;
    }

    .wd-xs-300 {
        width: 300px;
    }

    .wd-xs-300p {
        width: 300%;
    }

    .mx-wd-xs-300p {
        max-width: 300%;
    }

    .mn-wd-xs-300p {
        min-width: 300%;
    }

    .wd-xs-350 {
        width: 350px;
    }

    .wd-xs-350p {
        width: 350%;
    }

    .mx-wd-xs-350p {
        max-width: 350%;
    }

    .mn-wd-xs-350p {
        min-width: 350%;
    }

    .wd-xs-400 {
        width: 400px;
    }

    .wd-xs-400p {
        width: 400%;
    }

    .mx-wd-xs-400p {
        max-width: 400%;
    }

    .mn-wd-xs-400p {
        min-width: 400%;
    }

    .wd-xs-450 {
        width: 450px;
    }

    .wd-xs-450p {
        width: 450%;
    }

    .mx-wd-xs-450p {
        max-width: 450%;
    }

    .mn-wd-xs-450p {
        min-width: 450%;
    }

    .wd-xs-500 {
        width: 500px;
    }

    .wd-xs-500p {
        width: 500%;
    }

    .mx-wd-xs-500p {
        max-width: 500%;
    }

    .mn-wd-xs-500p {
        min-width: 500%;
    }

    .wd-xs-550 {
        width: 550px;
    }

    .wd-xs-550p {
        width: 550%;
    }

    .mx-wd-xs-550p {
        max-width: 550%;
    }

    .mn-wd-xs-550p {
        min-width: 550%;
    }

    .wd-xs-600 {
        width: 600px;
    }

    .wd-xs-600p {
        width: 600%;
    }

    .mx-wd-xs-600p {
        max-width: 600%;
    }

    .mn-wd-xs-600p {
        min-width: 600%;
    }

    .wd-xs-650 {
        width: 650px;
    }

    .wd-xs-650p {
        width: 650%;
    }

    .mx-wd-xs-650p {
        max-width: 650%;
    }

    .mn-wd-xs-650p {
        min-width: 650%;
    }

    .wd-xs-700 {
        width: 700px;
    }

    .wd-xs-700p {
        width: 700%;
    }

    .mx-wd-xs-700p {
        max-width: 700%;
    }

    .mn-wd-xs-700p {
        min-width: 700%;
    }

    .wd-xs-750 {
        width: 750px;
    }

    .wd-xs-750p {
        width: 750%;
    }

    .mx-wd-xs-750p {
        max-width: 750%;
    }

    .mn-wd-xs-750p {
        min-width: 750%;
    }

    .wd-xs-800 {
        width: 800px;
    }

    .wd-xs-800p {
        width: 800%;
    }

    .mx-wd-xs-800p {
        max-width: 800%;
    }

    .mn-wd-xs-800p {
        min-width: 800%;
    }

    .wd-xs-850 {
        width: 850px;
    }

    .wd-xs-850p {
        width: 850%;
    }

    .mx-wd-xs-850p {
        max-width: 850%;
    }

    .mn-wd-xs-850p {
        min-width: 850%;
    }

    .wd-xs-900 {
        width: 900px;
    }

    .wd-xs-900p {
        width: 900%;
    }

    .mx-wd-xs-900p {
        max-width: 900%;
    }

    .mn-wd-xs-900p {
        min-width: 900%;
    }

    .wd-xs-950 {
        width: 950px;
    }

    .wd-xs-950p {
        width: 950%;
    }

    .mx-wd-xs-950p {
        max-width: 950%;
    }

    .mn-wd-xs-950p {
        min-width: 950%;
    }

    .wd-xs-1000 {
        width: 1000px;
    }

    .wd-xs-1000p {
        width: 1000%;
    }

    .mx-wd-xs-1000p {
        max-width: 1000%;
    }

    .mn-wd-xs-1000p {
        min-width: 1000%;
    }

    .wd-xs-auto {
        width: auto;
    }
}
@media (min-width: 576px) {
    .wd-sm-5 {
        width: 5px;
    }

    .wd-sm-5p {
        width: 5%;
    }

    .mx-wd-sm-5p {
        max-width: 5%;
    }

    .mn-wd-sm-5p {
        min-width: 5%;
    }

    .wd-sm-10 {
        width: 10px;
    }

    .wd-sm-10p {
        width: 10%;
    }

    .mx-wd-sm-10p {
        max-width: 10%;
    }

    .mn-wd-sm-10p {
        min-width: 10%;
    }

    .wd-sm-15 {
        width: 15px;
    }

    .wd-sm-15p {
        width: 15%;
    }

    .mx-wd-sm-15p {
        max-width: 15%;
    }

    .mn-wd-sm-15p {
        min-width: 15%;
    }

    .wd-sm-20 {
        width: 20px;
    }

    .wd-sm-20p {
        width: 20%;
    }

    .mx-wd-sm-20p {
        max-width: 20%;
    }

    .mn-wd-sm-20p {
        min-width: 20%;
    }

    .wd-sm-25 {
        width: 25px;
    }

    .wd-sm-25p {
        width: 25%;
    }

    .mx-wd-sm-25p {
        max-width: 25%;
    }

    .mn-wd-sm-25p {
        min-width: 25%;
    }

    .wd-sm-30 {
        width: 30px;
    }

    .wd-sm-30p {
        width: 30%;
    }

    .mx-wd-sm-30p {
        max-width: 30%;
    }

    .mn-wd-sm-30p {
        min-width: 30%;
    }

    .wd-sm-35 {
        width: 35px;
    }

    .wd-sm-35p {
        width: 35%;
    }

    .mx-wd-sm-35p {
        max-width: 35%;
    }

    .mn-wd-sm-35p {
        min-width: 35%;
    }

    .wd-sm-40 {
        width: 40px;
    }

    .wd-sm-40p {
        width: 40%;
    }

    .mx-wd-sm-40p {
        max-width: 40%;
    }

    .mn-wd-sm-40p {
        min-width: 40%;
    }

    .wd-sm-45 {
        width: 45px;
    }

    .wd-sm-45p {
        width: 45%;
    }

    .mx-wd-sm-45p {
        max-width: 45%;
    }

    .mn-wd-sm-45p {
        min-width: 45%;
    }

    .wd-sm-50 {
        width: 50px;
    }

    .wd-sm-50p {
        width: 50%;
    }

    .mx-wd-sm-50p {
        max-width: 50%;
    }

    .mn-wd-sm-50p {
        min-width: 50%;
    }

    .wd-sm-55 {
        width: 55px;
    }

    .wd-sm-55p {
        width: 55%;
    }

    .mx-wd-sm-55p {
        max-width: 55%;
    }

    .mn-wd-sm-55p {
        min-width: 55%;
    }

    .wd-sm-60 {
        width: 60px;
    }

    .wd-sm-60p {
        width: 60%;
    }

    .mx-wd-sm-60p {
        max-width: 60%;
    }

    .mn-wd-sm-60p {
        min-width: 60%;
    }

    .wd-sm-65 {
        width: 65px;
    }

    .wd-sm-65p {
        width: 65%;
    }

    .mx-wd-sm-65p {
        max-width: 65%;
    }

    .mn-wd-sm-65p {
        min-width: 65%;
    }

    .wd-sm-70 {
        width: 70px;
    }

    .wd-sm-70p {
        width: 70%;
    }

    .mx-wd-sm-70p {
        max-width: 70%;
    }

    .mn-wd-sm-70p {
        min-width: 70%;
    }

    .wd-sm-75 {
        width: 75px;
    }

    .wd-sm-75p {
        width: 75%;
    }

    .mx-wd-sm-75p {
        max-width: 75%;
    }

    .mn-wd-sm-75p {
        min-width: 75%;
    }

    .wd-sm-80 {
        width: 80px;
    }

    .wd-sm-80p {
        width: 80%;
    }

    .mx-wd-sm-80p {
        max-width: 80%;
    }

    .mn-wd-sm-80p {
        min-width: 80%;
    }

    .wd-sm-85 {
        width: 85px;
    }

    .wd-sm-85p {
        width: 85%;
    }

    .mx-wd-sm-85p {
        max-width: 85%;
    }

    .mn-wd-sm-85p {
        min-width: 85%;
    }

    .wd-sm-90 {
        width: 90px;
    }

    .wd-sm-90p {
        width: 90%;
    }

    .mx-wd-sm-90p {
        max-width: 90%;
    }

    .mn-wd-sm-90p {
        min-width: 90%;
    }

    .wd-sm-95 {
        width: 95px;
    }

    .wd-sm-95p {
        width: 95%;
    }

    .mx-wd-sm-95p {
        max-width: 95%;
    }

    .mn-wd-sm-95p {
        min-width: 95%;
    }

    .wd-sm-100 {
        width: 100px;
    }

    .wd-sm-100p {
        width: 100%;
    }

    .mx-wd-sm-100p {
        max-width: 100%;
    }

    .mn-wd-sm-100p {
        min-width: 100%;
    }

    .wd-sm-150 {
        width: 150px;
    }

    .wd-sm-150p {
        width: 150%;
    }

    .mx-wd-sm-150p {
        max-width: 150%;
    }

    .mn-wd-sm-150p {
        min-width: 150%;
    }

    .wd-sm-200 {
        width: 200px;
    }

    .wd-sm-200p {
        width: 200%;
    }

    .mx-wd-sm-200p {
        max-width: 200%;
    }

    .mn-wd-sm-200p {
        min-width: 200%;
    }

    .wd-sm-250 {
        width: 250px;
    }

    .wd-sm-250p {
        width: 250%;
    }

    .mx-wd-sm-250p {
        max-width: 250%;
    }

    .mn-wd-sm-250p {
        min-width: 250%;
    }

    .wd-sm-300 {
        width: 300px;
    }

    .wd-sm-300p {
        width: 300%;
    }

    .mx-wd-sm-300p {
        max-width: 300%;
    }

    .mn-wd-sm-300p {
        min-width: 300%;
    }

    .wd-sm-350 {
        width: 350px;
    }

    .wd-sm-350p {
        width: 350%;
    }

    .mx-wd-sm-350p {
        max-width: 350%;
    }

    .mn-wd-sm-350p {
        min-width: 350%;
    }

    .wd-sm-400 {
        width: 400px;
    }

    .wd-sm-400p {
        width: 400%;
    }

    .mx-wd-sm-400p {
        max-width: 400%;
    }

    .mn-wd-sm-400p {
        min-width: 400%;
    }

    .wd-sm-450 {
        width: 450px;
    }

    .wd-sm-450p {
        width: 450%;
    }

    .mx-wd-sm-450p {
        max-width: 450%;
    }

    .mn-wd-sm-450p {
        min-width: 450%;
    }

    .wd-sm-500 {
        width: 500px;
    }

    .wd-sm-500p {
        width: 500%;
    }

    .mx-wd-sm-500p {
        max-width: 500%;
    }

    .mn-wd-sm-500p {
        min-width: 500%;
    }

    .wd-sm-550 {
        width: 550px;
    }

    .wd-sm-550p {
        width: 550%;
    }

    .mx-wd-sm-550p {
        max-width: 550%;
    }

    .mn-wd-sm-550p {
        min-width: 550%;
    }

    .wd-sm-600 {
        width: 600px;
    }

    .wd-sm-600p {
        width: 600%;
    }

    .mx-wd-sm-600p {
        max-width: 600%;
    }

    .mn-wd-sm-600p {
        min-width: 600%;
    }

    .wd-sm-650 {
        width: 650px;
    }

    .wd-sm-650p {
        width: 650%;
    }

    .mx-wd-sm-650p {
        max-width: 650%;
    }

    .mn-wd-sm-650p {
        min-width: 650%;
    }

    .wd-sm-700 {
        width: 700px;
    }

    .wd-sm-700p {
        width: 700%;
    }

    .mx-wd-sm-700p {
        max-width: 700%;
    }

    .mn-wd-sm-700p {
        min-width: 700%;
    }

    .wd-sm-750 {
        width: 750px;
    }

    .wd-sm-750p {
        width: 750%;
    }

    .mx-wd-sm-750p {
        max-width: 750%;
    }

    .mn-wd-sm-750p {
        min-width: 750%;
    }

    .wd-sm-800 {
        width: 800px;
    }

    .wd-sm-800p {
        width: 800%;
    }

    .mx-wd-sm-800p {
        max-width: 800%;
    }

    .mn-wd-sm-800p {
        min-width: 800%;
    }

    .wd-sm-850 {
        width: 850px;
    }

    .wd-sm-850p {
        width: 850%;
    }

    .mx-wd-sm-850p {
        max-width: 850%;
    }

    .mn-wd-sm-850p {
        min-width: 850%;
    }

    .wd-sm-900 {
        width: 900px;
    }

    .wd-sm-900p {
        width: 900%;
    }

    .mx-wd-sm-900p {
        max-width: 900%;
    }

    .mn-wd-sm-900p {
        min-width: 900%;
    }

    .wd-sm-950 {
        width: 950px;
    }

    .wd-sm-950p {
        width: 950%;
    }

    .mx-wd-sm-950p {
        max-width: 950%;
    }

    .mn-wd-sm-950p {
        min-width: 950%;
    }

    .wd-sm-1000 {
        width: 1000px;
    }

    .wd-sm-1000p {
        width: 1000%;
    }

    .mx-wd-sm-1000p {
        max-width: 1000%;
    }

    .mn-wd-sm-1000p {
        min-width: 1000%;
    }

    .wd-sm-auto {
        width: auto;
    }
}
@media (min-width: 768px) {
    .wd-md-5 {
        width: 5px;
    }

    .wd-md-5p {
        width: 5%;
    }

    .mx-wd-md-5p {
        max-width: 5%;
    }

    .mn-wd-md-5p {
        min-width: 5%;
    }

    .wd-md-10 {
        width: 10px;
    }

    .wd-md-10p {
        width: 10%;
    }

    .mx-wd-md-10p {
        max-width: 10%;
    }

    .mn-wd-md-10p {
        min-width: 10%;
    }

    .wd-md-15 {
        width: 15px;
    }

    .wd-md-15p {
        width: 15%;
    }

    .mx-wd-md-15p {
        max-width: 15%;
    }

    .mn-wd-md-15p {
        min-width: 15%;
    }

    .wd-md-20 {
        width: 20px;
    }

    .wd-md-20p {
        width: 20%;
    }

    .mx-wd-md-20p {
        max-width: 20%;
    }

    .mn-wd-md-20p {
        min-width: 20%;
    }

    .wd-md-25 {
        width: 25px;
    }

    .wd-md-25p {
        width: 25%;
    }

    .mx-wd-md-25p {
        max-width: 25%;
    }

    .mn-wd-md-25p {
        min-width: 25%;
    }

    .wd-md-30 {
        width: 30px;
    }

    .wd-md-30p {
        width: 30%;
    }

    .mx-wd-md-30p {
        max-width: 30%;
    }

    .mn-wd-md-30p {
        min-width: 30%;
    }

    .wd-md-35 {
        width: 35px;
    }

    .wd-md-35p {
        width: 35%;
    }

    .mx-wd-md-35p {
        max-width: 35%;
    }

    .mn-wd-md-35p {
        min-width: 35%;
    }

    .wd-md-40 {
        width: 40px;
    }

    .wd-md-40p {
        width: 40%;
    }

    .mx-wd-md-40p {
        max-width: 40%;
    }

    .mn-wd-md-40p {
        min-width: 40%;
    }

    .wd-md-45 {
        width: 45px;
    }

    .wd-md-45p {
        width: 45%;
    }

    .mx-wd-md-45p {
        max-width: 45%;
    }

    .mn-wd-md-45p {
        min-width: 45%;
    }

    .wd-md-50 {
        width: 50px;
    }

    .wd-md-50p {
        width: 50%;
    }

    .mx-wd-md-50p {
        max-width: 50%;
    }

    .mn-wd-md-50p {
        min-width: 50%;
    }

    .wd-md-55 {
        width: 55px;
    }

    .wd-md-55p {
        width: 55%;
    }

    .mx-wd-md-55p {
        max-width: 55%;
    }

    .mn-wd-md-55p {
        min-width: 55%;
    }

    .wd-md-60 {
        width: 60px;
    }

    .wd-md-60p {
        width: 60%;
    }

    .mx-wd-md-60p {
        max-width: 60%;
    }

    .mn-wd-md-60p {
        min-width: 60%;
    }

    .wd-md-65 {
        width: 65px;
    }

    .wd-md-65p {
        width: 65%;
    }

    .mx-wd-md-65p {
        max-width: 65%;
    }

    .mn-wd-md-65p {
        min-width: 65%;
    }

    .wd-md-70 {
        width: 70px;
    }

    .wd-md-70p {
        width: 70%;
    }

    .mx-wd-md-70p {
        max-width: 70%;
    }

    .mn-wd-md-70p {
        min-width: 70%;
    }

    .wd-md-75 {
        width: 75px;
    }

    .wd-md-75p {
        width: 75%;
    }

    .mx-wd-md-75p {
        max-width: 75%;
    }

    .mn-wd-md-75p {
        min-width: 75%;
    }

    .wd-md-80 {
        width: 80px;
    }

    .wd-md-80p {
        width: 80%;
    }

    .mx-wd-md-80p {
        max-width: 80%;
    }

    .mn-wd-md-80p {
        min-width: 80%;
    }

    .wd-md-85 {
        width: 85px;
    }

    .wd-md-85p {
        width: 85%;
    }

    .mx-wd-md-85p {
        max-width: 85%;
    }

    .mn-wd-md-85p {
        min-width: 85%;
    }

    .wd-md-90 {
        width: 90px;
    }

    .wd-md-90p {
        width: 90%;
    }

    .mx-wd-md-90p {
        max-width: 90%;
    }

    .mn-wd-md-90p {
        min-width: 90%;
    }

    .wd-md-95 {
        width: 95px;
    }

    .wd-md-95p {
        width: 95%;
    }

    .mx-wd-md-95p {
        max-width: 95%;
    }

    .mn-wd-md-95p {
        min-width: 95%;
    }

    .wd-md-100 {
        width: 100px;
    }

    .wd-md-100p {
        width: 100%;
    }

    .mx-wd-md-100p {
        max-width: 100%;
    }

    .mn-wd-md-100p {
        min-width: 100%;
    }

    .wd-md-150 {
        width: 150px;
    }

    .wd-md-150p {
        width: 150%;
    }

    .mx-wd-md-150p {
        max-width: 150%;
    }

    .mn-wd-md-150p {
        min-width: 150%;
    }

    .wd-md-200 {
        width: 200px;
    }

    .wd-md-200p {
        width: 200%;
    }

    .mx-wd-md-200p {
        max-width: 200%;
    }

    .mn-wd-md-200p {
        min-width: 200%;
    }

    .wd-md-250 {
        width: 250px;
    }

    .wd-md-250p {
        width: 250%;
    }

    .mx-wd-md-250p {
        max-width: 250%;
    }

    .mn-wd-md-250p {
        min-width: 250%;
    }

    .wd-md-300 {
        width: 300px;
    }

    .wd-md-300p {
        width: 300%;
    }

    .mx-wd-md-300p {
        max-width: 300%;
    }

    .mn-wd-md-300p {
        min-width: 300%;
    }

    .wd-md-350 {
        width: 350px;
    }

    .wd-md-350p {
        width: 350%;
    }

    .mx-wd-md-350p {
        max-width: 350%;
    }

    .mn-wd-md-350p {
        min-width: 350%;
    }

    .wd-md-400 {
        width: 400px;
    }

    .wd-md-400p {
        width: 400%;
    }

    .mx-wd-md-400p {
        max-width: 400%;
    }

    .mn-wd-md-400p {
        min-width: 400%;
    }

    .wd-md-450 {
        width: 450px;
    }

    .wd-md-450p {
        width: 450%;
    }

    .mx-wd-md-450p {
        max-width: 450%;
    }

    .mn-wd-md-450p {
        min-width: 450%;
    }

    .wd-md-500 {
        width: 500px;
    }

    .wd-md-500p {
        width: 500%;
    }

    .mx-wd-md-500p {
        max-width: 500%;
    }

    .mn-wd-md-500p {
        min-width: 500%;
    }

    .wd-md-550 {
        width: 550px;
    }

    .wd-md-550p {
        width: 550%;
    }

    .mx-wd-md-550p {
        max-width: 550%;
    }

    .mn-wd-md-550p {
        min-width: 550%;
    }

    .wd-md-600 {
        width: 600px;
    }

    .wd-md-600p {
        width: 600%;
    }

    .mx-wd-md-600p {
        max-width: 600%;
    }

    .mn-wd-md-600p {
        min-width: 600%;
    }

    .wd-md-650 {
        width: 650px;
    }

    .wd-md-650p {
        width: 650%;
    }

    .mx-wd-md-650p {
        max-width: 650%;
    }

    .mn-wd-md-650p {
        min-width: 650%;
    }

    .wd-md-700 {
        width: 700px;
    }

    .wd-md-700p {
        width: 700%;
    }

    .mx-wd-md-700p {
        max-width: 700%;
    }

    .mn-wd-md-700p {
        min-width: 700%;
    }

    .wd-md-750 {
        width: 750px;
    }

    .wd-md-750p {
        width: 750%;
    }

    .mx-wd-md-750p {
        max-width: 750%;
    }

    .mn-wd-md-750p {
        min-width: 750%;
    }

    .wd-md-800 {
        width: 800px;
    }

    .wd-md-800p {
        width: 800%;
    }

    .mx-wd-md-800p {
        max-width: 800%;
    }

    .mn-wd-md-800p {
        min-width: 800%;
    }

    .wd-md-850 {
        width: 850px;
    }

    .wd-md-850p {
        width: 850%;
    }

    .mx-wd-md-850p {
        max-width: 850%;
    }

    .mn-wd-md-850p {
        min-width: 850%;
    }

    .wd-md-900 {
        width: 900px;
    }

    .wd-md-900p {
        width: 900%;
    }

    .mx-wd-md-900p {
        max-width: 900%;
    }

    .mn-wd-md-900p {
        min-width: 900%;
    }

    .wd-md-950 {
        width: 950px;
    }

    .wd-md-950p {
        width: 950%;
    }

    .mx-wd-md-950p {
        max-width: 950%;
    }

    .mn-wd-md-950p {
        min-width: 950%;
    }

    .wd-md-1000 {
        width: 1000px;
    }

    .wd-md-1000p {
        width: 1000%;
    }

    .mx-wd-md-1000p {
        max-width: 1000%;
    }

    .mn-wd-md-1000p {
        min-width: 1000%;
    }

    .wd-md-auto {
        width: auto;
    }

    .wd-md-120 {
        width: 120px;
    }
}
@media (min-width: 992px) {
    .wd-lg-5 {
        width: 5px;
    }

    .wd-lg-5p {
        width: 5%;
    }

    .mx-wd-lg-5p {
        max-width: 5%;
    }

    .mn-wd-lg-5p {
        min-width: 5%;
    }

    .wd-lg-10 {
        width: 10px;
    }

    .wd-lg-10p {
        width: 10%;
    }

    .mx-wd-lg-10p {
        max-width: 10%;
    }

    .mn-wd-lg-10p {
        min-width: 10%;
    }

    .wd-lg-15 {
        width: 15px;
    }

    .wd-lg-15p {
        width: 15%;
    }

    .mx-wd-lg-15p {
        max-width: 15%;
    }

    .mn-wd-lg-15p {
        min-width: 15%;
    }

    .wd-lg-20 {
        width: 20px;
    }

    .wd-lg-20p {
        width: 20%;
    }

    .mx-wd-lg-20p {
        max-width: 20%;
    }

    .mn-wd-lg-20p {
        min-width: 20%;
    }

    .wd-lg-25 {
        width: 25px;
    }

    .wd-lg-25p {
        width: 25%;
    }

    .mx-wd-lg-25p {
        max-width: 25%;
    }

    .mn-wd-lg-25p {
        min-width: 25%;
    }

    .wd-lg-30 {
        width: 30px;
    }

    .wd-lg-30p {
        width: 30%;
    }

    .mx-wd-lg-30p {
        max-width: 30%;
    }

    .mn-wd-lg-30p {
        min-width: 30%;
    }

    .wd-lg-35 {
        width: 35px;
    }

    .wd-lg-35p {
        width: 35%;
    }

    .mx-wd-lg-35p {
        max-width: 35%;
    }

    .mn-wd-lg-35p {
        min-width: 35%;
    }

    .wd-lg-40 {
        width: 40px;
    }

    .wd-lg-40p {
        width: 40%;
    }

    .mx-wd-lg-40p {
        max-width: 40%;
    }

    .mn-wd-lg-40p {
        min-width: 40%;
    }

    .wd-lg-45 {
        width: 45px;
    }

    .wd-lg-45p {
        width: 45%;
    }

    .mx-wd-lg-45p {
        max-width: 45%;
    }

    .mn-wd-lg-45p {
        min-width: 45%;
    }

    .wd-lg-50 {
        width: 50px;
    }

    .wd-lg-50p {
        width: 50%;
    }

    .mx-wd-lg-50p {
        max-width: 50%;
    }

    .mn-wd-lg-50p {
        min-width: 50%;
    }

    .wd-lg-55 {
        width: 55px;
    }

    .wd-lg-55p {
        width: 55%;
    }

    .mx-wd-lg-55p {
        max-width: 55%;
    }

    .mn-wd-lg-55p {
        min-width: 55%;
    }

    .wd-lg-60 {
        width: 60px;
    }

    .wd-lg-60p {
        width: 60%;
    }

    .mx-wd-lg-60p {
        max-width: 60%;
    }

    .mn-wd-lg-60p {
        min-width: 60%;
    }

    .wd-lg-65 {
        width: 65px;
    }

    .wd-lg-65p {
        width: 65%;
    }

    .mx-wd-lg-65p {
        max-width: 65%;
    }

    .mn-wd-lg-65p {
        min-width: 65%;
    }

    .wd-lg-70 {
        width: 70px;
    }

    .wd-lg-70p {
        width: 70%;
    }

    .mx-wd-lg-70p {
        max-width: 70%;
    }

    .mn-wd-lg-70p {
        min-width: 70%;
    }

    .wd-lg-75 {
        width: 75px;
    }

    .wd-lg-75p {
        width: 75%;
    }

    .mx-wd-lg-75p {
        max-width: 75%;
    }

    .mn-wd-lg-75p {
        min-width: 75%;
    }

    .wd-lg-80 {
        width: 80px;
    }

    .wd-lg-80p {
        width: 80%;
    }

    .mx-wd-lg-80p {
        max-width: 80%;
    }

    .mn-wd-lg-80p {
        min-width: 80%;
    }

    .wd-lg-85 {
        width: 85px;
    }

    .wd-lg-85p {
        width: 85%;
    }

    .mx-wd-lg-85p {
        max-width: 85%;
    }

    .mn-wd-lg-85p {
        min-width: 85%;
    }

    .wd-lg-90 {
        width: 90px;
    }

    .wd-lg-90p {
        width: 90%;
    }

    .mx-wd-lg-90p {
        max-width: 90%;
    }

    .mn-wd-lg-90p {
        min-width: 90%;
    }

    .wd-lg-95 {
        width: 95px;
    }

    .wd-lg-95p {
        width: 95%;
    }

    .mx-wd-lg-95p {
        max-width: 95%;
    }

    .mn-wd-lg-95p {
        min-width: 95%;
    }

    .wd-lg-100 {
        width: 100px;
    }

    .wd-lg-100p {
        width: 100%;
    }

    .mx-wd-lg-100p {
        max-width: 100%;
    }

    .mn-wd-lg-100p {
        min-width: 100%;
    }

    .wd-lg-150 {
        width: 150px;
    }

    .wd-lg-150p {
        width: 150%;
    }

    .mx-wd-lg-150p {
        max-width: 150%;
    }

    .mn-wd-lg-150p {
        min-width: 150%;
    }

    .wd-lg-200 {
        width: 200px;
    }

    .wd-lg-200p {
        width: 200%;
    }

    .mx-wd-lg-200p {
        max-width: 200%;
    }

    .mn-wd-lg-200p {
        min-width: 200%;
    }

    .wd-lg-250 {
        width: 250px;
    }

    .wd-lg-250p {
        width: 250%;
    }

    .mx-wd-lg-250p {
        max-width: 250%;
    }

    .mn-wd-lg-250p {
        min-width: 250%;
    }

    .wd-lg-280 {
        width: 280px;
    }

    .wd-lg-300 {
        width: 300px;
    }

    .wd-lg-300p {
        width: 300%;
    }

    .mx-wd-lg-300p {
        max-width: 300%;
    }

    .mn-wd-lg-300p {
        min-width: 300%;
    }

    .wd-lg-350 {
        width: 350px;
    }

    .wd-lg-350p {
        width: 350%;
    }

    .mx-wd-lg-350p {
        max-width: 350%;
    }

    .mn-wd-lg-350p {
        min-width: 350%;
    }

    .wd-lg-400 {
        width: 400px;
    }

    .wd-lg-400p {
        width: 400%;
    }

    .mx-wd-lg-400p {
        max-width: 400%;
    }

    .mn-wd-lg-400p {
        min-width: 400%;
    }

    .wd-lg-450 {
        width: 450px;
    }

    .wd-lg-450p {
        width: 450%;
    }

    .mx-wd-lg-450p {
        max-width: 450%;
    }

    .mn-wd-lg-450p {
        min-width: 450%;
    }

    .wd-lg-500 {
        width: 500px;
    }

    .wd-lg-500p {
        width: 500%;
    }

    .mx-wd-lg-500p {
        max-width: 500%;
    }

    .mn-wd-lg-500p {
        min-width: 500%;
    }

    .wd-lg-550 {
        width: 550px;
    }

    .wd-lg-550p {
        width: 550%;
    }

    .mx-wd-lg-550p {
        max-width: 550%;
    }

    .mn-wd-lg-550p {
        min-width: 550%;
    }

    .wd-lg-600 {
        width: 600px;
    }

    .wd-lg-600p {
        width: 600%;
    }

    .mx-wd-lg-600p {
        max-width: 600%;
    }

    .mn-wd-lg-600p {
        min-width: 600%;
    }

    .wd-lg-650 {
        width: 650px;
    }

    .wd-lg-650p {
        width: 650%;
    }

    .mx-wd-lg-650p {
        max-width: 650%;
    }

    .mn-wd-lg-650p {
        min-width: 650%;
    }

    .wd-lg-700 {
        width: 700px;
    }

    .wd-lg-700p {
        width: 700%;
    }

    .mx-wd-lg-700p {
        max-width: 700%;
    }

    .mn-wd-lg-700p {
        min-width: 700%;
    }

    .wd-lg-750 {
        width: 750px;
    }

    .wd-lg-750p {
        width: 750%;
    }

    .mx-wd-lg-750p {
        max-width: 750%;
    }

    .mn-wd-lg-750p {
        min-width: 750%;
    }

    .wd-lg-800 {
        width: 800px;
    }

    .wd-lg-800p {
        width: 800%;
    }

    .mx-wd-lg-800p {
        max-width: 800%;
    }

    .mn-wd-lg-800p {
        min-width: 800%;
    }

    .wd-lg-850 {
        width: 850px;
    }

    .wd-lg-850p {
        width: 850%;
    }

    .mx-wd-lg-850p {
        max-width: 850%;
    }

    .mn-wd-lg-850p {
        min-width: 850%;
    }

    .wd-lg-900 {
        width: 900px;
    }

    .wd-lg-900p {
        width: 900%;
    }

    .mx-wd-lg-900p {
        max-width: 900%;
    }

    .mn-wd-lg-900p {
        min-width: 900%;
    }

    .wd-lg-950 {
        width: 950px;
    }

    .wd-lg-950p {
        width: 950%;
    }

    .mx-wd-lg-950p {
        max-width: 950%;
    }

    .mn-wd-lg-950p {
        min-width: 950%;
    }

    .wd-lg-1000 {
        width: 1000px;
    }

    .wd-lg-1000p {
        width: 1000%;
    }

    .mx-wd-lg-1000p {
        max-width: 1000%;
    }

    .mn-wd-lg-1000p {
        min-width: 1000%;
    }

    .wd-lg-auto {
        width: auto;
    }
}
@media (min-width: 1200px) {
    .wd-xl-5 {
        width: 5px;
    }

    .wd-xl-5p {
        width: 5%;
    }

    .mx-wd-xl-5p {
        max-width: 5%;
    }

    .mn-wd-xl-5p {
        min-width: 5%;
    }

    .wd-xl-10 {
        width: 10px;
    }

    .wd-xl-10p {
        width: 10%;
    }

    .mx-wd-xl-10p {
        max-width: 10%;
    }

    .mn-wd-xl-10p {
        min-width: 10%;
    }

    .wd-xl-15 {
        width: 15px;
    }

    .wd-xl-15p {
        width: 15%;
    }

    .mx-wd-xl-15p {
        max-width: 15%;
    }

    .mn-wd-xl-15p {
        min-width: 15%;
    }

    .wd-xl-20 {
        width: 20px;
    }

    .wd-xl-20p {
        width: 20%;
    }

    .mx-wd-xl-20p {
        max-width: 20%;
    }

    .mn-wd-xl-20p {
        min-width: 20%;
    }

    .wd-xl-25 {
        width: 25px;
    }

    .wd-xl-25p {
        width: 25%;
    }

    .mx-wd-xl-25p {
        max-width: 25%;
    }

    .mn-wd-xl-25p {
        min-width: 25%;
    }

    .wd-xl-30 {
        width: 30px;
    }

    .wd-xl-30p {
        width: 30%;
    }

    .mx-wd-xl-30p {
        max-width: 30%;
    }

    .mn-wd-xl-30p {
        min-width: 30%;
    }

    .wd-xl-35 {
        width: 35px;
    }

    .wd-xl-35p {
        width: 35%;
    }

    .mx-wd-xl-35p {
        max-width: 35%;
    }

    .mn-wd-xl-35p {
        min-width: 35%;
    }

    .wd-xl-40 {
        width: 40px;
    }

    .wd-xl-40p {
        width: 40%;
    }

    .mx-wd-xl-40p {
        max-width: 40%;
    }

    .mn-wd-xl-40p {
        min-width: 40%;
    }

    .wd-xl-45 {
        width: 45px;
    }

    .wd-xl-45p {
        width: 45%;
    }

    .mx-wd-xl-45p {
        max-width: 45%;
    }

    .mn-wd-xl-45p {
        min-width: 45%;
    }

    .wd-xl-50 {
        width: 50px;
    }

    .wd-xl-50p {
        width: 50%;
    }

    .mx-wd-xl-50p {
        max-width: 50%;
    }

    .mn-wd-xl-50p {
        min-width: 50%;
    }

    .wd-xl-55 {
        width: 55px;
    }

    .wd-xl-55p {
        width: 55%;
    }

    .mx-wd-xl-55p {
        max-width: 55%;
    }

    .mn-wd-xl-55p {
        min-width: 55%;
    }

    .wd-xl-60 {
        width: 60px;
    }

    .wd-xl-60p {
        width: 60%;
    }

    .mx-wd-xl-60p {
        max-width: 60%;
    }

    .mn-wd-xl-60p {
        min-width: 60%;
    }

    .wd-xl-65 {
        width: 65px;
    }

    .wd-xl-65p {
        width: 65%;
    }

    .mx-wd-xl-65p {
        max-width: 65%;
    }

    .mn-wd-xl-65p {
        min-width: 65%;
    }

    .wd-xl-70 {
        width: 70px;
    }

    .wd-xl-70p {
        width: 70%;
    }

    .mx-wd-xl-70p {
        max-width: 70%;
    }

    .mn-wd-xl-70p {
        min-width: 70%;
    }

    .wd-xl-75 {
        width: 75px;
    }

    .wd-xl-75p {
        width: 75%;
    }

    .mx-wd-xl-75p {
        max-width: 75%;
    }

    .mn-wd-xl-75p {
        min-width: 75%;
    }

    .wd-xl-80 {
        width: 80px;
    }

    .wd-xl-80p {
        width: 80%;
    }

    .mx-wd-xl-80p {
        max-width: 80%;
    }

    .mn-wd-xl-80p {
        min-width: 80%;
    }

    .wd-xl-85 {
        width: 85px;
    }

    .wd-xl-85p {
        width: 85%;
    }

    .mx-wd-xl-85p {
        max-width: 85%;
    }

    .mn-wd-xl-85p {
        min-width: 85%;
    }

    .wd-xl-90 {
        width: 90px;
    }

    .wd-xl-90p {
        width: 90%;
    }

    .mx-wd-xl-90p {
        max-width: 90%;
    }

    .mn-wd-xl-90p {
        min-width: 90%;
    }

    .wd-xl-95 {
        width: 95px;
    }

    .wd-xl-95p {
        width: 95%;
    }

    .mx-wd-xl-95p {
        max-width: 95%;
    }

    .mn-wd-xl-95p {
        min-width: 95%;
    }

    .wd-xl-100 {
        width: 100px;
    }

    .wd-xl-100p {
        width: 100%;
    }

    .mx-wd-xl-100p {
        max-width: 100%;
    }

    .mn-wd-xl-100p {
        min-width: 100%;
    }

    .wd-xl-150 {
        width: 150px;
    }

    .wd-xl-150p {
        width: 150%;
    }

    .mx-wd-xl-150p {
        max-width: 150%;
    }

    .mn-wd-xl-150p {
        min-width: 150%;
    }

    .wd-xl-200 {
        width: 200px;
    }

    .wd-xl-200p {
        width: 200%;
    }

    .mx-wd-xl-200p {
        max-width: 200%;
    }

    .mn-wd-xl-200p {
        min-width: 200%;
    }

    .wd-xl-250 {
        width: 250px;
    }

    .wd-xl-250p {
        width: 250%;
    }

    .mx-wd-xl-250p {
        max-width: 250%;
    }

    .mn-wd-xl-250p {
        min-width: 250%;
    }

    .wd-xl-300 {
        width: 300px;
    }

    .wd-xl-300p {
        width: 300%;
    }

    .mx-wd-xl-300p {
        max-width: 300%;
    }

    .mn-wd-xl-300p {
        min-width: 300%;
    }

    .wd-xl-350 {
        width: 350px;
    }

    .wd-xl-350p {
        width: 350%;
    }

    .mx-wd-xl-350p {
        max-width: 350%;
    }

    .mn-wd-xl-350p {
        min-width: 350%;
    }

    .wd-xl-400 {
        width: 400px;
    }

    .wd-xl-400p {
        width: 400%;
    }

    .mx-wd-xl-400p {
        max-width: 400%;
    }

    .mn-wd-xl-400p {
        min-width: 400%;
    }

    .wd-xl-450 {
        width: 450px;
    }

    .wd-xl-450p {
        width: 450%;
    }

    .mx-wd-xl-450p {
        max-width: 450%;
    }

    .mn-wd-xl-450p {
        min-width: 450%;
    }

    .wd-xl-500 {
        width: 500px;
    }

    .wd-xl-500p {
        width: 500%;
    }

    .mx-wd-xl-500p {
        max-width: 500%;
    }

    .mn-wd-xl-500p {
        min-width: 500%;
    }

    .wd-xl-550 {
        width: 550px;
    }

    .wd-xl-550p {
        width: 550%;
    }

    .mx-wd-xl-550p {
        max-width: 550%;
    }

    .mn-wd-xl-550p {
        min-width: 550%;
    }

    .wd-xl-600 {
        width: 600px;
    }

    .wd-xl-600p {
        width: 600%;
    }

    .mx-wd-xl-600p {
        max-width: 600%;
    }

    .mn-wd-xl-600p {
        min-width: 600%;
    }

    .wd-xl-650 {
        width: 650px;
    }

    .wd-xl-650p {
        width: 650%;
    }

    .mx-wd-xl-650p {
        max-width: 650%;
    }

    .mn-wd-xl-650p {
        min-width: 650%;
    }

    .wd-xl-700 {
        width: 700px;
    }

    .wd-xl-700p {
        width: 700%;
    }

    .mx-wd-xl-700p {
        max-width: 700%;
    }

    .mn-wd-xl-700p {
        min-width: 700%;
    }

    .wd-xl-750 {
        width: 750px;
    }

    .wd-xl-750p {
        width: 750%;
    }

    .mx-wd-xl-750p {
        max-width: 750%;
    }

    .mn-wd-xl-750p {
        min-width: 750%;
    }

    .wd-xl-800 {
        width: 800px;
    }

    .wd-xl-800p {
        width: 800%;
    }

    .mx-wd-xl-800p {
        max-width: 800%;
    }

    .mn-wd-xl-800p {
        min-width: 800%;
    }

    .wd-xl-850 {
        width: 850px;
    }

    .wd-xl-850p {
        width: 850%;
    }

    .mx-wd-xl-850p {
        max-width: 850%;
    }

    .mn-wd-xl-850p {
        min-width: 850%;
    }

    .wd-xl-900 {
        width: 900px;
    }

    .wd-xl-900p {
        width: 900%;
    }

    .mx-wd-xl-900p {
        max-width: 900%;
    }

    .mn-wd-xl-900p {
        min-width: 900%;
    }

    .wd-xl-950 {
        width: 950px;
    }

    .wd-xl-950p {
        width: 950%;
    }

    .mx-wd-xl-950p {
        max-width: 950%;
    }

    .mn-wd-xl-950p {
        min-width: 950%;
    }

    .wd-xl-1000 {
        width: 1000px;
    }

    .wd-xl-1000p {
        width: 1000%;
    }

    .mx-wd-xl-1000p {
        max-width: 1000%;
    }

    .mn-wd-xl-1000p {
        min-width: 1000%;
    }

    .wd-xl-auto {
        width: auto !important;
    }
}
.wd-100v {
    width: 100vw;
}
.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;
}
.mw-100 {
    max-width: 100% !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.vw-100 {
    width: 100vw !important;
}
/* ###### Width  ###### */
/* ############### CUSTOM ELEMENT STYLES ############### */
/* ###### Component-cols ###### */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.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% !important;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto !important;
    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 {
    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-left: 8.33333%;
}
.offset-2 {
    margin-left: 16.66667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333%;
}
.offset-5 {
    margin-left: 41.66667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333%;
}
.offset-8 {
    margin-left: 66.66667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333%;
}
.offset-11 {
    margin-left: 91.66667%;
}
@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        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-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66667%;
    }
}
/* ###### Component-cols ###### */
/* ###### Tags  ###### */
.tag {
    font-size: 0.75rem;
    color: #ffffff;
    background-color: #e9edfb;
    border-radius: 0px;
    padding: 0 0.5rem;
    line-height: 2em;
    display: inline-flex;
    cursor: default;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
}
.tag-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 50px;
}
a.tag {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s color, 0.3s background;
}
a.tag:hover {
    background-color: rgba(110, 118, 135, 0.2);
    color: inherit;
}
.tag-addon {
    display: inline-block;
    padding: 0 0.5rem;
    color: inherit;
    text-decoration: none;
    margin: 0 -0.5rem 0 0.5rem;
    text-align: center;
    min-width: 1.5rem;
    background: #e1e1ff;
}
.tag-addon:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.tag-addon i {
    vertical-align: middle;
    margin: 0 -0.25rem;
}
a.tag-addon {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s color, 0.3s background;
}
a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.16);
    color: inherit;
}
.tag-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px 0 0 3px;
    margin: 0 0.5rem 0 -0.5rem;
}
.tag-blue {
    background-color: #467fcf !important;
    color: #ffffff !important;
}
.tag-indigo {
    background-color: var(--primary-bg-color) !important;
    color: #ffffff !important;
}
.tag-purple {
    background-color: #8500ff !important;
    color: #ffffff !important;
}
.tag-pink {
    background-color: #ec82ef !important;
    color: #ffffff !important;
}
.tag-red {
    background-color: #ec2d38 !important;
    color: #ffffff !important;
}
.tag-yellow {
    background-color: #fdb901 !important;
    color: #ffffff !important;
}
.tag-green {
    background-color: #0fa751 !important;
    color: #ffffff !important;
}
.tag-cyan {
    background-color: #00b9ff !important;
    color: #ffffff !important;
}
.tag-white {
    background-color: #ffffff !important;
    color: #ffffff !important;
}
.tag-gray {
    background-color: #868e96 !important;
    color: #ffffff !important;
}
.tag-gray-dark {
    background-color: #343a40 !important;
    color: #ffffff !important;
}
.tag-azure {
    background-color: #17c1f4 !important;
    color: #ffffff !important;
}
.tag-lime {
    background-color: #7bd235 !important;
    color: #ffffff !important;
}
.tag-secondary {
    background-color: #f1388b !important;
    color: #ffffff !important;
}
.tag-success {
    background-color: #19b159 !important;
    color: #ffffff !important;
}
.tag-info {
    background-color: #01b8ff !important;
    color: #ffffff !important;
}
.tag-default {
    background-color: #eaedf7;
    color: #828db1;
}
.tag-warning {
    background-color: #ff9b21 !important;
    color: #ffffff !important;
}
.tag-danger {
    background-color: #f16d75 !important;
    color: #ffffff !important;
}
.tag-light {
    background-color: #f8f9fa !important;
    color: #ffffff !important;
}
.tag-dark {
    background-color: #8f9cc0 !important;
    color: #ffffff !important;
}
.tag-rounded {
    border-radius: 50px;
}
.tag-rounded .tag-avatar {
    border-radius: 50px;
}
.tags {
    margin-bottom: -0.5rem;
    font-size: 0;
}
.tags>.tag {
    margin-bottom: 0.5rem;
}
.tags>.tag:not(:last-child) {
    margin-right: 0.5rem;
}
/* ###### Tags  ###### */
/* ###### Tabs ###### */
.nav-tabs {
    border-bottom: 1px solid #e8e8f7;
    border-bottom-width: 1px;
}
.nav-tabs .nav-item {
    margin-bottom: 0px;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: rgba(255, 255, 255, 0.3);
    
    border-radius: 0;
    padding: 10px 15px;
    line-height: 1.428;
    color: #3c4858;
}
.nav-tabs .nav-link+.nav-link {
    margin-left: 3px;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #eaedf7 #eaedf7 #eaedf7;
}
.nav-tabs .nav-link.disabled {
    color: #a8afc7;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active {
    background-color: #ffffff;
    border-color: #eaedf7 #eaedf7 #ffffff;
    color: #8f9cc0;
    font-weight: 500;
    letter-spacing: -0.1px;
}
.nav-tabs .nav-item.show .nav-link {
    color: #3c4858;
    background-color: #ffffff;
    border-color: #eaedf7 #eaedf7 #ffffff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.main-nav-tabs {
    padding: 15px 15px 0;
    background-color: #eaedf7;
}
.main-nav-tabs .lSSlideOuter {
    position: relative;
    padding-left: 32px;
    padding-right: 35px;
}
.main-nav-tabs .lSSlideWrapper {
    overflow: visible;
}
.main-nav-tabs .lSAction>a {
    display: block;
    height: 40px;
    top: 16px;
    opacity: 1;
    background-color: #d7d7f3;
    background-image: none;
}
.main-nav-tabs .lSAction>a:hover,
.main-nav-tabs .lSAction>a:focus {
    background-color: #d3d3ea;
}
.main-nav-tabs .lSAction>a::before {
    font-family: "Ionicons", sans-serif;
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-nav-tabs .lSAction>a.lSPrev {
    left: -32px;
}
.main-nav-tabs .lSAction>a.lSPrev::before {
    content: "\f3cf";
}
.main-nav-tabs .lSAction>a.lSNext {
    right: -35px;
}
.main-nav-tabs .lSAction>a.lSNext::before {
    content: "\f3d1";
}
.main-nav-tabs .lSAction>a.disabled {
    background-color: #eaedf7;
    color: #ffffff;
}
.main-nav-tabs .lightSlider {
    display: flex;
}
.main-nav-tabs .tab-item {
    flex-shrink: 0;
    display: block;
    float: none;
    min-width: 150px;
}
.main-nav-tabs .tab-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    line-height: 1.428;
    color: #3c4858;
    white-space: nowrap;
    background-color: #eaedf7;
}
.main-nav-tabs .tab-link:hover,
.main-nav-tabs .tab-link:focus {
    background-color: #f1f2f9;
}
.main-nav-tabs .tab-link.active {
    background-color: #ffffff;
    color: #4b4b63;
    font-weight: 500;
}
.main-tab-pane {
    display: none;
}
.main-tab-pane.active {
    display: block;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.tabs-style-1 .panel-body,
.tabs-style-2 .panel-body,
.tabs-style-3 .panel-body,
.tabs-style-4 .panel-body {
    padding: 15px;
}
.tabs-style-1 .panel-tabs {
    border-bottom: 1px solid #e0e6ed;
}
.tabs-style-1 .main-nav-line .nav-item {
    margin-bottom: -1px;
}
.tabs-style-1 .main-nav-line .nav-link.active {
    color: #242f48;
    border: 1px solid;
    border-color: #e0e6ed #e0e6ed #ffffff;
    border-radius: 6px 6px 0px 0px;
}
.tabs-style-1 .main-nav-line .nav-link {
    padding: 10px 18px 10px 18px;
    background: transparent;
    border-color: #e0e6ed;
}
.tabs-style-2 .main-nav-line .nav-link.active,
.tabs-style-3 .nav.panel-tabs li a.active,
.tabs-style-4 .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
}
.tabs-style-2 .main-nav-line .nav-link {
    padding: 10px 18px 10px 18px;
    background: var(--primary-transparentcolor);
    margin: 0 5px 0px 0;
    border-radius: 6px 6px 0 0;
}
.tabs-style-3 {
    padding: 20px;
    border: 1px solid #e8e8f7;
}
.tabs-style-3 .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
    border-radius: 6px;
}
.tabs-style-3 .nav.panel-tabs li a {
    padding: 10px 18px 10px 18px;
    background: var(--primary-transparentcolor);
    border-radius: 6px;
    margin: 0 5px 5px 0;
    text-align: center;
    display: block;
    color: #14112d;
}
@media (min-width: 768px) {
    .tabs-style-4 .tab-menu-heading {
        width: 200px;
    }
}
.tabs-style-4 .nav.panel-tabs li {
    display: block;
    width: 100%;
}
.tabs-style-4 .nav.panel-tabs li a.active {
    background: var(--primary-bg-color);
    color: #ffffff;
    border-radius: 6px;
}
.tabs-style-4 .nav.panel-tabs li a {
    padding: 10px 18px 10px 18px;
    background: var(--primary-transparentcolor);
    border-radius: 6px;
    margin: 0 0 5px 0;
    text-align: center;
    display: block;
    color: #14112d;
    width: 100%;
}
/* ###### Tags  ###### */
/* ###### Navbar  ###### */
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 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: #a8afc7;
    pointer-events: none;
    cursor: default;
}
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
@media (min-width: 992px) {
    .main-navbar .nav-sub {
        position: absolute;
        top: 45px;
        left: 0;
        width: 180px;
        background-color: var(--dark-theme);
        border: 1px solid transparent;
        border-top: 1px solid var(--dark-border);
        padding: 8px 0px !important;
        z-index: 900;
        border-radius: 11px;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
    }

    .nav-item-mega .nav-sub {
        box-shadow: none;
    }

    .main-navbar .nav-sub .container {
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
    }

    .main-navbar .nav-sub-item {
        margin-left: 0;
    }
}
.horizontalmenu .main-navbar .nav-sub-link,
.horizontalmenu .main-navbar .nav-sub-item {
    transition: none;
}
@media (prefers-reduced-motion: reduce) {
    .main-navbar-backdrop {
        transition: none;
    }
}
.main-navbar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    overflow-y: auto;
    background-color: var(--dark-theme);
    z-index: 1000;
    visibility: hidden;
    transform: translateX(-240px);
    transition: all 0.3s ease;
}
.main-navbar .nav-sub-link:before {
    content: "\e048";
    font-family: "typicons" !important, sans-serif;
    opacity: 0.7;
    font-size: 16px;
    position: absolute;
    left: -19px;
    border-radius: 50%;
    border: 0;
    display: block;
    background: transparent;
    top: -3px;
}
.main-navbar .container,
.main-navbar .container-fluid {
    display: flex;
    flex-direction: column;
}
@media (prefers-reduced-motion: reduce) {
    .main-navbar {
        transition: none;
    }
}
@media (min-width: 992px) {
    .main-navbar {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        bottom: auto;
        padding: 5px;
        border-right: 0;
        overflow-y: inherit;
        display: block;
        visibility: visible;
        transform: none;
        z-index: auto;
        z-index: 10;
        box-shadow: 0 2px 17px 1px rgba(162, 169, 204, 0.24);
        border-bottom: 1px solid transparent;
    }

    .main-navbar .nav-sub-mega .container,
    .main-navbar .nav-sub-mega .container-fluid {
        display: flex;
        background-color: #ffffff;
        border: 1px solid transparent;
        border-top: 1px solid #e8e8f7;
    }
}
@media (max-width: 991.98px) {

    .main-navbar .container,
    .main-navbar .container-fluid {
        padding: 0;
    }
}
@media (min-width: 992px) {

    .main-navbar .container,
    .main-navbar .container-fluid {
        flex-direction: row;
        align-items: center;
    }
}
.hor-menu.main-navbar .nav-link {
    padding: 5px 0;
}
@media (min-width: 992px) {
    .main-navbar .container {
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main-navbar .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-navbar .nav {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .main-navbar .nav-label {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        color: #a8afc7;
        letter-spacing: 1px;
        display: block;
        margin-bottom: 10px;
    }

    .main-navbar .nav-item {
        position: relative;
        padding-right: 28px;
    }

    .main-navbar .nav-item:hover .nav-link {
        color: #ffffff;
    }

    .main-navbar.hor-menu .nav-item.active .nav-link.with-sub::after {
        color: #ffffff;
    }

    .main-navbar .nav-item:hover .nav-link.with-sub::after {
        color: #ffffff;
    }

    .main-navbar.hor-menu {
        box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.03);
    }

    .main-navbar.hor-menu .nav-item.active .nav-link,
    .main-navbar.hor-menu .nav-item:hover .nav-link {
        color: #ffffff;
    }

    .main-navbar.hor-menu .nav-item.active .nav-link .hor-icon,
    .main-navbar.hor-menu .nav-item:hover .nav-link .hor-icon {
        color: #ffffff;
    }

    .main-navbar .nav-item-mega {
        position: static;
    }

    .main-navbar .nav-link {
        padding: 0;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-weight: 400;
        position: relative;
        display: flex;
        align-items: center;
        height: 42px;
        outline: none;
    }

    .main-navbar .nav-link i {
        font-size: 18px;
        margin-right: 10px;
    }

    .main-navbar .nav-link i.typcn {
        line-height: 1;
        width: 20px;
    }

    .main-navbar .nav-link i.typcn::before {
        width: auto;
    }

    .main-navbar .nav-link.with-sub::after {
        content: "\f3d0";
        font-family: "Ionicons", sans-serif;
        font-size: 11px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: #a8afc7;
    }

    .main-navbar .nav-link.with-sub::before {
        content: "";
        position: absolute;
        top: 37px;
        left: 31%;
        margin-left: -7px;
        width: 15px;
        height: 15px;
        border: 1px solid transparent;
        border-top-color: rgba(61, 119, 180, 0.2);
        border-left-color: rgba(61, 119, 180, 0.2);
        transform: rotate(45deg);
        background-color: #ffffff;
        z-index: 901;
        display: none;
    }

    .main-navbar .nav-sub {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .main-navbar .nav-sub-item {
        position: relative;
        display: block;
        padding: 7px 0;
    }

    .main-navbar .nav-sub-item>.nav-sub {
        left: 159px;
        top: -10px;
        display: none;
    }

    .main-navbar .nav-sub-item.show>.nav-sub {
        display: block;
    }

    .main-navbar .nav-sub-link {
        position: relative;
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.4);
        display: flex;
    }

    .main-navbar .nav-sub-link.with-sub {
        justify-content: space-between;
    }

    .main-navbar .nav-sub-link.with-sub::after {
        content: "\f3d0";
        font-family: "Ionicons", sans-serif;
        font-size: 11px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: #a8afc7;
    }

    .main-navbar .nav-sub-mega {
        top: 43px;
        left: 0;
        right: 0;
        background-color: transparent;
        padding: 7px 0;
        border: 0;
        width: auto;
        pointer-events: none;
        border-top: 0;
    }

    .main-navbar .nav-sub-mega .container,
    .main-navbar .nav-sub-mega .container-fluid {
        padding: 0;
        pointer-events: auto;
    }

    .main-navbar .nav-sub-mega .container>div+div,
    .main-navbar .nav-sub-mega .container-fluid>div+div {
        margin-top: 25px;
    }

    .main-navbar .nav-sub-mega .nav {
        min-width: 120px;
        flex-direction: column;
        align-items: stretch;
        padding: 0;
        margin: 0;
    }

    .main-navbar .nav-item .nav-sub.nav-sub-mega li:not(.nav-sub-item) {
        margin-bottom: 15px !important;
    }

    .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: #525277;
        letter-spacing: 0.5px;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    .main-navbar .nav-item .nav-sub li:not(.nav-sub-item):first-of-type {
        margin-top: 0;
    }

    .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: #525277;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        margin-top: 30px;
        margin-left: 30px;
    }

    .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item):first-of-type {
        margin-top: 0;
    }

    .main-navbar .nav-sub-mega .nav-sub-item+.nav-sub-item {
        padding-top: 7px;
        margin-top: 7px;
    }

    .main-navbar .nav-sub-mega .nav-sub-link {
        height: auto;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav {
        flex-direction: row;
        align-items: center;
        margin-bottom: 0;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-label {
        display: none;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-item+.nav-item {
        border-top: 0;
        padding-left: 0;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-item.show .nav-link::before {
        display: block;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-link {
        height: auto;
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-link i {
        margin-right: 8px;
        font-size: 18px;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-link i.typcn {
        line-height: 0.9;
        width: auto;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-link.with-sub::after {
        margin-left: 4px;
    }
}
@media (min-width: 1200px) and (max-width: 1477px) {
    .main-navbar .nav-sub-item>.nav-sub {
        left: -200px !important;
    }
}
@media (max-width: 991.98px) {
    .main-navbar .nav-sub-item>.nav-sub>.nav-sub-item {
        margin-left: 37px;
    }

    .main-navbar .nav-sub-item>.nav-sub>.nav-sub-item>.nav-sub-link {
        padding-left: 10px;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-sub-link {
        font-size: 0.8125rem;
        margin-left: 18px;
    }
}
@media (max-width: 992px) {

    .main-navbar .nav-sub-link:hover,
    .main-navbar .nav-sub-link:focus {
        color: #ffffff;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-sub-link.with-sub::after {
        margin-left: 4px;
        content: "\f3d1";
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-sub-mega {
        padding: 0 25px;
        border-top: 0;
    }
}
@media (max-width: 991.98px) {

    .main-navbar .nav-sub-mega .container,
    .main-navbar .nav-sub-mega .container-fluid {
        max-width: none;
    }
}
@media (min-width: 992px) {

    .main-navbar .nav-sub-mega .container>div,
    .main-navbar .nav-sub-mega .container-fluid>div {
        display: flex;
        padding: 20px;
        flex: 1;
        margin-top: 0;
    }
}
@media (min-width: 1200px) {

    .main-navbar .nav-sub-mega .container>div,
    .main-navbar .nav-sub-mega .container-fluid>div {
        padding: 20px 25px;
    }
}
@media (min-width: 992px) {

    .main-navbar .nav-sub-mega .container>div+div,
    .main-navbar .nav-sub-mega .container-fluid>div+div {
        margin-top: 0;
        border-left: 1px solid #e8e8f7;
    }
}
@media (min-width: 1200px) {
    .main-navbar .nav-sub-mega .nav {
        min-width: 140px;
    }
}
@media (max-width: 991.98px) {
    .main-navbar .nav-sub-mega .nav+.nav .nav-sub-item:first-child {
        margin-top: 6px;
        padding-top: 6px;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-sub-mega .nav+.nav {
        margin-left: 20px;
        margin-top: 31px;
        padding-top: 0;
        border-top: 0;
    }
}
@media (min-width: 1200px) {
    .main-navbar .nav-sub-mega .nav+.nav {
        margin-left: 25px;
    }
}
@media (min-width: 992px) {
    .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {
        margin-bottom: 15px;
        margin-left: 0;
    }
}
.main-navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #e8e8f7;
    height: 60px;
}
@media (min-width: 992px) {
    .main-navbar-header {
        display: none;
    }
}
.main-navbar-search {
    position: relative;
    padding: 0 20px;
    border-bottom: 1px solid #e8e8f7;
}
.main-navbar-search .form-control {
    border-width: 0;
    padding: 0;
}
.main-navbar-search .form-control:focus {
    box-shadow: none !important;
    border-color: #eaedf7;
}
.main-navbar-search .btn,
.main-navbar-search .sp-container button {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1;
}
@media (min-width: 992px) {
    .main-navbar-search {
        display: none;
    }
}
.sp-container .main-navbar-search button {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1;
}
.main-navbar-two .nav-item.active {
    position: relative;
}
.main-navbar-two .nav-item.active::before {
    content: "";
    position: absolute;
}
.main-navbar-two .nav-item.show .nav-link::before {
    display: none;
}
.main-navbar-two .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}
.main-navbar-two .nav-sub {
    border-width: 1px;
    top: 39px;
    border-top-width: 0;
}
.main-navbar-two .nav-sub-item>.nav-sub {
    left: 178px;
    top: -8px;
    border-top-width: 1px;
}
.main-navbar-two .nav-sub-mega {
    top: 58px;
}
.main-navbar-three .nav-item {
    display: block;
}
.main-navbar-three .nav-item+.nav-item {
    border-left-width: 0;
    padding-left: 0;
}
.main-navbar-three .nav-item.show .nav-link::before {
    display: none;
}
.main-navbar-three .nav-item.active .nav-link {
    font-weight: 700;
}
.main-navbar-three .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #3b4863;
    position: relative;
}
.main-navbar-three .nav-link:hover,
.main-navbar-three .nav-link:focus {
    color: #8f9cc0;
}
.main-navbar-three .nav-sub {
    top: 35px;
    border-width: 0;
    padding-bottom: 5px;
}
.main-navbar-three .nav-sub-item+.nav-sub-item {
    border-top: 0;
}
.main-navbar-three .nav-sub-item .nav-sub {
    top: -8px;
    left: 182px;
}
.main-navbar-three .nav-sub-link {
    height: 30px;
}
@media (min-width: 992px) {
    .main-navbar-three .nav-item+.nav-item {
        margin-left: 25px;
    }
}
@media (min-width: 992px) {
    .main-navbar-three .nav-link {
        display: block;
    }
}
@media (min-width: 992px) {
    .main-navbar-three .nav-link i {
        display: none;
    }
}
@media (min-width: 992px) {
    .main-navbar-three .nav-sub {
        box-shadow: 0 0 0 2px rgba(180, 189, 206, 0.5);
        padding-bottom: 8px;
    }
}
@media (min-width: 992px) {
    .main-navbar-three .nav-sub-link {
        height: 36px;
    }
}
.navbar.navbar-static .navbar-header {
    float: left;
}
.navbar .navbar-toggle.toggle-left {
    float: left;
    margin-left: 15px;
}
.navbar .navbar-toggle.toggle-right {
    float: right;
    margin-right: 15px;
}
.navbar .navbar-toggle.toggle-sidebar {
    display: block;
}
.navbar-toggler {
    font-size: 1.09375rem;
    text-align: center;
    padding: 0;
    background-color: transparent;
    border: 1px solid transparent;
}
.navbar-toggler .header-icons {
    height: 45px;
    width: 45px;
    padding: 0;
    border-radius: 50%;
    line-height: 45px;
}
.navbar-toggler .header-icons:hover,
.option-dots:hover {
    background-color: #eaedf7;
    border-radius: 50%;
}
.navbar-toggler:focus {
    box-shadow: none !important;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}
/* ###### Navbar  ###### */
/* ###### Wizard ###### */
.wizard {
    border: 1px solid #e8e8f7;
    background-color: #ffffff;
}
.wizard>.steps {
    padding: 20px;
}
.wizard>.steps>ul {
    padding: 0;
    margin-bottom: 0;
    display: flex;
}
.wizard>.steps>ul li {
    float: none;
    display: block;
    width: auto;
}
.wizard>.steps>ul li .current-info {
    display: none;
}
.wizard>.steps>ul li .title {
    margin-left: 5px;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
}
.wizard>.steps>ul li+li {
    margin-left: 5px;
}
.wizard>.steps a {
    color: #8f9cc0;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wizard>.steps a:hover,
.wizard>.steps a:active {
    color: #8f9cc0;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wizard>.steps a .number,
.wizard>.steps a:hover .number,
.wizard>.steps a:active .number {
    flex-shrink: 0;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #8f9cc0;
    display: block;
    text-align: center;
    line-height: 2;
    width: 30px;
    height: 30px;
    background-color: #eaedf7;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
}
.wizard>.steps .disabled {
    display: none;
}
.wizard>.steps .disabled a {
    color: #a8afc7;
}
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    color: #a8afc7;
}
.wizard>.steps .current a .title,
.wizard>.steps .current a:hover .title,
.wizard>.steps .current a:active .title {
    display: inline-block;
}
.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number {
    color: #ffffff;
    border-radius: 3px;
}
.wizard>.steps .done a {
    color: #a8afc7;
}
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    color: #a8afc7;
}
.wizard>.steps .done a .title,
.wizard>.steps .done a:hover .title,
.wizard>.steps .done a:active .title {
    display: none;
}
.wizard>.steps .done a .number,
.wizard>.steps .done a:hover .number,
.wizard>.steps .done a:active .number {
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.wizard>.content {
    border-top: 1px solid #e8e8f7;
    border-bottom: 1px solid #e8e8f7;
    min-height: 150px;
    padding: 20px;
}
.wizard>.content>.title {
    font-size: 18px;
    color: #8f9cc0;
    font-weight: 700;
    margin-bottom: 5px;
    display: none;
}
.wizard>.content>.title.current {
    display: none;
}
.wizard>.content>.body {
    float: none;
    position: static;
    width: auto;
    height: auto;
}
.wizard>.content>.body input.parsley-error {
    border-color: #f16d75;
}
.wizard>.content>.body input.parsley-error+ul {
    list-style: none !important;
}
.wizard>.actions {
    padding: 20px;
}
.wizard>.actions>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.wizard>.actions>ul>li:last-child a {
    background-color: #f16d75;
}
.wizard>.actions a {
    display: block;
    padding: 9px 25px;
    line-height: 1.573;
    color: #ffffff;
    border-radius: 4px;
    background: var(--primary-bg-color);
}
.wizard>.actions a:hover,
.wizard>.actions a:active {
    display: block;
    padding: 9px 25px;
    line-height: 1.573;
    color: #ffffff;
    border-radius: 4px;
}
.wizard>.actions .disabled a {
    background-color: #f1388b;
    opacity: 0.6;
}
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background-color: #f1388b;
    opacity: 0.8;
}
.wizard.vertical>.steps {
    padding: 20px;
}
.wizard.vertical>.steps ul li+li {
    margin-left: 10px;
}
.wizard.vertical>.steps ul li .title {
    display: none;
}
.wizard.vertical>.steps .current a .title {
    display: inline-block;
}
.wizard.vertical>.content {
    margin: 0;
    padding: 20px;
}
.wizard.vertical>.actions {
    padding: 20px;
}
.wizard.vertical>.actions ul {
    float: none;
    margin: 0;
    padding: 0;
}
@media (min-width: 768px) {
    .wizard>.steps {
        padding: 25px;
    }
}
@media (min-width: 992px) {
    .wizard>.steps {
        padding: 20px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .wizard>.steps>ul li .title {
        transition: none;
    }
}
@media (min-width: 576px) {
    .wizard>.steps>ul li .title {
        display: none;
        margin-left: 10px;
    }
}
@media (min-width: 768px) {
    .wizard>.steps>ul li .title {
        display: inline-block;
    }
}
@media (min-width: 576px) {
    .wizard>.steps>ul li+li {
        margin-left: 20px;
    }
}
@media (min-width: 992px) {
    .wizard>.steps>ul li+li {
        margin-left: 30px;
    }
}
@media (min-width: 1200px) {
    .wizard>.steps a {
        justify-content: flex-start;
    }

    .wizard>.steps a:hover,
    .wizard>.steps a:active {
        justify-content: flex-start;
    }
}
@media (prefers-reduced-motion: reduce) {

    .wizard>.steps a .number,
    .wizard>.steps a:hover .number,
    .wizard>.steps a:active .number {
        transition: none;
    }
}
@media (min-width: 576px) {

    .wizard>.steps a .number,
    .wizard>.steps a:hover .number,
    .wizard>.steps a:active .number {
        font-size: 14px;
        font-weight: 600;
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }
}
@media (min-width: 576px) {
    .wizard>.steps .disabled {
        display: block;
    }
}
@media (min-width: 768px) {

    .wizard>.steps .done a .title,
    .wizard>.steps .done a:hover .title,
    .wizard>.steps .done a:active .title {
        display: inline-block;
    }
}
@media (min-width: 768px) {
    .wizard>.content {
        padding: 25px;
    }
}
@media (min-width: 992px) {
    .wizard>.content {
        padding: 20px;
    }
}
@media (min-width: 768px) {
    .wizard>.actions {
        padding: 25px;
    }
}
@media (min-width: 992px) {
    .wizard>.actions {
        padding: 10px;
    }
}
@media (min-width: 576px) {
    .wizard.vertical>.steps {
        float: left;
        width: 20%;
    }
}
@media (min-width: 768px) {
    .wizard.vertical>.steps {
        width: 15%;
    }
}
@media (min-width: 992px) {
    .wizard.vertical>.steps {
        padding: 25px;
        width: 30%;
    }
}
@media (min-width: 576px) {
    .wizard.vertical>.steps ul {
        flex-direction: column;
    }
}
@media (min-width: 576px) {
    .wizard.vertical>.steps ul li+li {
        margin-top: 10px;
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    .wizard.vertical>.steps ul li+li {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .wizard.vertical>.steps ul li .title {
        display: block;
    }
}
@media (min-width: 992px) {
    .wizard.vertical>.steps a {
        justify-content: flex-start;
    }
}
@media (min-width: 576px) {
    .wizard.vertical>.steps .current a .title {
        display: none;
    }
}
@media (min-width: 992px) {
    .wizard.vertical>.steps .current a .title {
        display: inline-block;
    }
}
@media (min-width: 576px) {
    .wizard.vertical>.content {
        border-top-width: 0;
        border-bottom-width: 0;
        width: 80%;
        float: right;
        border-left: 1px solid #e8e8f7;
    }
}
@media (min-width: 768px) {
    .wizard.vertical>.content {
        width: 85%;
    }
}
@media (min-width: 992px) {
    .wizard.vertical>.content {
        width: 70%;
        padding: 25px;
    }
}
@media (min-width: 576px) {
    .wizard.vertical>.actions {
        width: 80%;
        float: right;
        border-left: 1px solid #e8e8f7;
    }
}
@media (min-width: 768px) {
    .wizard.vertical>.actions {
        width: 85%;
    }
}
@media (min-width: 992px) {
    .wizard.vertical>.actions {
        width: 70%;
        padding: 25px;
    }
}
.wizard-style-1>.steps>ul a {
    padding: 0;
    height: 50px;
}
.wizard-style-1>.steps>ul a:hover,
.wizard-style-1>.steps>ul a:active {
    padding: 0;
    height: 50px;
}
.wizard-style-1>.steps>ul a .number,
.wizard-style-1>.steps>ul a:hover .number,
.wizard-style-1>.steps>ul a:active .number {
    width: 50px;
    height: 100%;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    color: #a8afc7;
    background-color: #eaedf7;
    border-radius: 0;
}
.wizard-style-1>.steps>ul a .title,
.wizard-style-1>.steps>ul a:hover .title,
.wizard-style-1>.steps>ul a:active .title {
    margin-right: 20px;
    margin-left: 20px;
}
.wizard-style-1>.steps>ul .done a .number,
.wizard-style-1>.steps>ul .done a:hover .number,
.wizard-style-1>.steps>ul .done a:active .number {
    background-color: #643ab0;
    color: #ffffff;
}
.wizard-style-2>.steps>ul a {
    padding: 0;
    height: 50px;
    border-radius: 50px;
}
.wizard-style-2>.steps>ul a:hover,
.wizard-style-2>.steps>ul a:active {
    padding: 0;
    height: 50px;
    border-radius: 50px;
}
.wizard-style-2>.steps>ul a .number,
.wizard-style-2>.steps>ul a:hover .number,
.wizard-style-2>.steps>ul a:active .number {
    width: 50px;
    height: 100%;
    border: 2px solid #eaedf7;
    font-size: 18px;
    font-weight: bold;
    color: #a8afc7;
    background-color: #ffffff;
}
.wizard-style-2>.steps>ul a .title,
.wizard-style-2>.steps>ul a:hover .title,
.wizard-style-2>.steps>ul a:active .title {
    margin-right: 20px;
}
.wizard-style-2>.steps>ul .done a .number,
.wizard-style-2>.steps>ul .done a:hover .number,
.wizard-style-2>.steps>ul .done a:active .number {
    border-color: #6f42c1;
    color: #6f42c1;
}
/* ###### Wizard ###### */
/* ###### EQUAL COLUMN WIDTH STEP INDICATOR ###### */
.step-equal-width>.steps>ul {
    display: flex;
}
.step-equal-width>.steps>ul>li {
    flex: 1;
    width: auto;
    float: none;
}
/* ###### EQUAL COLUMN WIDTH STEP INDICATOR ###### */
/* ###### Perfect-scroll  ###### */
.ps {
    overflow: hidden;
}
.ps>.ps__rail-y {
    width: 5px;
    background-color: rgba(28, 39, 60, 0.04);
    z-index: 10;
    position: absolute;
    left: auto !important;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s;
}
.ps>.ps__rail-y>.ps__thumb-y {
    position: absolute;
    border-radius: 0;
    width: 3px;
}
.ps.ps--active-y:hover>.ps__rail-y,
.ps.ps--active-y:focus>.ps__rail-y {
    opacity: 1;
    right: -1px !important;
}
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover,
.ps .ps__rail-y {
    background-color: transparent !important;
}
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: rgb(197, 197, 197) !important;
    width: 5px !important;
}
@media (prefers-reduced-motion: reduce) {
    .ps>.ps__rail-y {
        transition: none;
    }
}
/* ###### Perfect-scroll  ###### */
/* ###### Radio ###### */
.rdiobox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
}
.rdiobox span {
    padding-left: 13px;
}
.rdiobox span:before,
.rdiobox span:after {
    line-height: 18px;
    position: absolute;
}
.rdiobox span:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 1px solid #a8afc7;
    border-radius: 50px;
    top: 2px;
    left: 0;
}
.rdiobox span:after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50px;
    top: 7px;
    left: 5px;
    display: none;
}
.rdiobox span:empty {
    padding-left: 0;
    width: 16px;
    display: block;
}
.rdiobox input[type=radio] {
    opacity: 0;
    margin: 0;
}
.rdiobox input[type=radio]:checked+span:before {
    border-color: transparent;
}
.rdiobox input[type=radio]:checked+span:after {
    display: block;
}
.rdiobox input[type=radio][disabled]+span {
    opacity: 0.75;
}
.rdiobox input[type=radio][disabled]+span:before,
.rdiobox input[type=radio][disabled]+span:after {
    opacity: 0.75;
}
.rdiobox-inline {
    display: inline-block;
}
.form-group-rdiobox {
    display: flex;
    align-items: center;
}
.form-group-rdiobox .rdiobox {
    margin-bottom: 0;
}
.form-group-rdiobox .rdiobox+.rdiobox {
    margin-left: 30px;
}
.form-group-rdiobox .rdiobox span {
    padding-left: 0;
}
.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' 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(135, 96, 251, 0.5);
}
/* ###### Radio ###### */
/* ###### Custom-select ###### */
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3c4858;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
    border-radius: 0px;
    appearance: none;
}
.custom-select:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.25);
}
.custom-select:focus::-ms-value {
    color: #3c4858;
    background-color: #ffffff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}
.custom-select:disabled {
    color: #a8afc7;
    background-color: #eaedf7;
}
.custom-select::-ms-expand {
    display: none;
}
.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.76562rem;
}
.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.09375rem;
}
.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;
    opacity: 0;
}
.custom-file-input:focus~.custom-file-label {
    box-shadow: none;
}
.custom-file-input:disabled~.custom-file-label {
    background-color: #eaedf7;
}
.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;
    right: 0;
    left: 0;
    z-index: 0;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    color: #3c4858;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
    height: 38px;
    line-height: 1.8;
    border-radius: 0;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 0.375rem 0.75rem;
    color: #3c4858;
    content: "Browse";
    background-color: #e5e9f3;
    border-left: inherit;
    line-height: 1.8;
    border-radius: 0;
    height: auto;
}
/* ###### Custom-select ###### */
/* ###### Custom-Range ###### */
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none;
}
.custom-range:focus {
    outline: none;
}
.custom-range:focus::-webkit-slider-thumb,
.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(135, 96, 251, 0.25);
}
.custom-range::-moz-focus-outer {
    border: 0;
}
.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    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;
    appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
    background-color: #e6ecff;
}
.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #eaedf7;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    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;
    appearance: none;
}
.custom-range::-moz-range-thumb:active {
    background-color: #e6ecff;
}
.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #eaedf7;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    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;
}
.custom-range::-ms-thumb:active {
    background-color: #e6ecff;
}
.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: #eaedf7;
    border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #eaedf7;
    border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color: #a8afc7;
}
.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
    background-color: #a8afc7;
}
.custom-range:disabled::-moz-range-track {
    cursor: default;
}
.custom-range:disabled::-ms-thumb {
    background-color: #a8afc7;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}
/* ###### Custom-Range ###### */
/* ###### Custom-Switch ###### */
.custom-switches-stacked {
    display: flex;
    flex-direction: column;
}
.custom-switches-stacked .custom-switch {
    margin-bottom: 0.5rem;
}
.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: #e5e9f3;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #f0f2f8;
    transition: 0.3s border-color, 0.3s background-color;
}
.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    top: 1px;
    left: 1px;
    background: #ffffff;
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: none;
}
.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-switch-input:checked~.custom-switch-indicator:before {
    left: calc(1rem + 1px);
}
.custom-switch-input:focus~.custom-switch-indicator {
    box-shadow: none;
}
.custom-switch-description {
    margin-left: 0.5rem;
    color: #a8afc7;
    transition: 0.3s color;
}
.custom-switch-input:checked~.custom-switch-description {
    color: #8f9cc0;
}
.custom-switch {
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding-left: 0;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0rem;
}
.custom-switch .custom-control-label::after {
    top: calc(0.15625rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #a8afc7;
    border-radius: 0rem;
    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;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #ffffff;
    transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(135, 96, 251, 0.5);
}
@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}
/* ###### Custom-Switch ###### */
/* ###### Rating  ###### */
.main-rating-value {
    font-size: 40px;
    font-weight: 400;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #8f9cc0;
    margin-bottom: 0;
    letter-spacing: -0.5px;
    line-height: 0.7;
}
.main-rating-label {
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.rating-stars {
    width: 100%;
    text-align: center;
    font-size: 20px;
}
.rating-stars .rating-stars-container {
    font-size: 0px;
}
.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
    padding: 4px 8px;
    color: #f0f2f8;
}
.rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #fb0d00;
}
.rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: #eaedf1;
    cursor: pointer;
    padding: 5px;
}
.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f;
}
.rating-stars .rating-stars-container .rating-star.is--no-hover,
.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: #f1f1f9;
}
.rating-stars input {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #eaedf1;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.rating-stars i {
    padding: 4px;
}
.jq-stars {
    display: inline-block;
}
.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana, sans-serif;
}
.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}
.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%;
}
.jq-star-svg path {
    stroke-linejoin: round;
}
/* un-used */
.jq-shadow {
    filter: drop-shadow(-2px -2px 2px #888);
}
/* ###### Rating  ###### */
/* ###### Timeline  ###### */
.latest-timeline1 li {
    position: relative;
}
.latest-timeline.latest-timeline1-icon ul.timeline>li:before {
    display: none;
}
.latest-timeline1-icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    line-height: 2rem;
    text-align: center;
    z-index: 1;
    color: #ffffff;
    font-weight: 500;
    left: -38px;
}
.latest-timeline ul.timeline {
    list-style-type: none;
    position: relative;
}
.latest-timeline ul.timeline:before {
    content: " ";
    background: #eff0f6;
    display: inline-block;
    position: absolute;
    left: 15px;
    width: 3px;
    height: 100%;
    z-index: 1;
}
.latest-timeline ul.timeline>li {
    margin: 20px 0;
    padding-left: 1rem;
}
.latest-timeline1 a {
    color: #181727;
    font-weight: 600;
}
.vtimeline {
    list-style: none;
    padding: 0;
    position: relative;
    margin-bottom: 20px;
}
.vtimeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #d1d4e4;
    left: 50%;
    margin-left: -1.5px;
}
.vtimeline .timeline-wrapper {
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    padding-right: 90px;
}
.vtimeline .timeline-wrapper:before {
    content: " ";
    display: table;
}
.vtimeline .timeline-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.vtimeline .timeline-wrapper .timeline-panel {
    padding: 20px;
    position: relative;
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
    width: 35%;
    margin-left: 15%;
}
.vtimeline .timeline-wrapper .timeline-panel:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    content: "";
    left: 0;
    right: 0;
}
.vtimeline .timeline-wrapper .timeline-panel:after {
    position: absolute;
    top: 10px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid var(--dark-border);
    border-right: 0 solid #cad4e4;
    border-bottom: 14px solid transparent;
    content: " ";
}
.vtimeline .timeline-wrapper .timeline-panel .timeline-title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.625rem;
}
.vtimeline .timeline-wrapper .timeline-panel .timeline-body p+p {
    margin-top: 5px;
}
.vtimeline .timeline-wrapper .timeline-panel .timeline-body ul {
    margin-bottom: 0;
}
.vtimeline .timeline-wrapper .timeline-panel .timeline-footer span {
    font-size: 0.6875rem;
}
.vtimeline .timeline-wrapper .timeline-badge {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    left: calc(50% - 7px);
    z-index: 0;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 2px solid #ffffff;
}
.vtimeline .timeline-wrapper .timeline-badge i {
    color: #ffffff;
}
.vtimeline .timeline-wrapper.timeline-inverted {
    padding-right: 0;
    padding-left: 90px;
}
.vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
    margin-left: auto;
    margin-right: 15%;
}
.vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-wrapper-secondary .timeline-panel:before,
.timeline-wrapper-secondary .timeline-badge {
    background: #f1388b;
}
.timeline-wrapper-success .timeline-panel:before,
.timeline-wrapper-success .timeline-badge {
    background: #19b159;
}
.timeline-wrapper-info .timeline-panel:before,
.timeline-wrapper-info .timeline-badge {
    background: #01b8ff;
}
.timeline-wrapper-warning .timeline-panel:before,
.timeline-wrapper-warning .timeline-badge {
    background: #fcd539;
}
.timeline-wrapper-danger .timeline-panel:before,
.timeline-wrapper-danger .timeline-badge {
    background: #f16d75;
}
.timeline-wrapper-light .timeline-panel:before,
.timeline-wrapper-light .timeline-badge {
    background: #f1f2f9;
}
.timeline-wrapper-dark .timeline-panel:before,
.timeline-wrapper-dark .timeline-badge {
    background: #828db1;
}
/* ###### Timeline  ###### */
/* ###### Image ###### */
.main-img-user {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
}
.main-img-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.img-fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-thumbnail .caption {
    padding: 15px;
}
.img-flag {
    width: 25px;
    height: 12px;
    margin-top: -4px;
}
.img-sm {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 5px;
    margin-right: 20px;
    border: 1px solid #eaedf7;
    background: #f4f4fb;
    padding: 10px;
}
/* ###### Image ###### */
/* ###### Avatar ###### */
.avatar-list {
    margin: 0 0 -0.5rem;
    padding: 0;
    font-size: 0;
}
.avatar-list .avatar {
    margin-bottom: 0.5rem;
}
.avatar-list .avatar:not(:last-child) {
    margin-right: 0.5rem;
}
.avatar {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}
.main-avatar {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}
.main-avatar::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 6px;
    height: 6px;
    background-color: #a8afc7;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    border-radius: 100%;
}
.main-avatar.online::after {
    background-color: #19b159;
}
.avatar-xs {
    width: 24px;
    height: 24px;
    font-size: 11px;
}
.avatar-xs::after {
    width: 5px;
    height: 5px;
}
.avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 14px;
}
.avatar-sm::after {
    width: 7px;
    height: 7px;
}
.avatar-md {
    width: 40px;
    height: 40px;
    font-size: 24px;
}
.avatar-md::after {
    width: 9px;
    height: 9px;
    right: 2px;
    bottom: 2px;
}
.avatar-lg {
    width: 64px;
    height: 64px;
    font-size: 28px;
}
.avatar-lg::after {
    width: 10px;
    height: 10px;
    bottom: 3px;
    right: 4px;
}
.avatar-xl {
    width: 72px;
    height: 72px;
    font-size: 36px;
}
.avatar-xl::after {
    width: 11px;
    height: 11px;
    bottom: 4px;
    right: 5px;
    box-shadow: 0 0 0 2.5px #ffffff;
}
.avatar-xxl {
    width: 100px;
    height: 100px;
    font-size: 56px;
}
.avatar-xxl::after {
    width: 13px;
    height: 13px;
    bottom: 6px;
    right: 7px;
    box-shadow: 0 0 0 3px #ffffff;
}
.demo-avatar-group {
    display: flex;
    align-items: center;
}
.demo-avatar-group .main-img-user,
.demo-avatar-group .main-avatar {
    flex-shrink: 0;
}
.demo-avatar-group .main-img-user+.main-img-user,
.demo-avatar-group .main-img-user+.main-avatar {
    margin-left: 5px;
}
.demo-avatar-group .main-avatar+.main-img-user,
.demo-avatar-group .main-avatar+.main-avatar {
    margin-left: -5px;
}
@media (min-width: 576px) {

    .demo-avatar-group .main-img-user+.main-img-user,
    .demo-avatar-group .main-img-user+.main-avatar {
        margin-left: -9px;
        border: 2px solid #ffffff;
    }

    .demo-avatar-group .main-avatar+.main-img-user,
    .demo-avatar-group .main-avatar+.main-avatar {
        margin-left: -9px;
        border: 2px solid #ffffff;
    }
}
@media (min-width: 576px) {

    #shapes .demo-avatar-group .main-img-user+.main-img-user,
    #shapes .demo-avatar-group .main-img-user+.main-avatar {
        margin-left: 9px;
        border: 0px solid #ffffff;
    }
}
/* ###### Avatars ###### */
/* ###### List ###### */
.main-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.main-list-item+.main-list-item {
    border-top: 1px solid #e8e8f7;
}
.main-list-item:last-child {
    padding-bottom: 0;
}
.main-list-item h6 {
    margin-bottom: 2px;
    font-weight: 600;
}
.main-list-item>div:first-child h6 {
    color: #1d212f;
}
.main-list-item>div span {
    color: #a8afc7;
    font-size: 12px;
}
.main-list-item>div:last-child {
    text-align: right;
}
.main-list-item>div:last-child h6 {
    line-height: 1;
}
.list-unstyled li {
    display: inline-flex;
    margin-bottom: 0;
}
/* ###### List ###### */
/* ###### Checkbox ###### */
.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1;
    margin-bottom: 0;
}
.ckbox span {
    padding-left: 16px;
}
.ckbox span:empty {
    float: left;
    padding-left: 0;
    width: 3px;
}
.ckbox span:before,
.ckbox span:after {
    line-height: 18px;
    position: absolute;
}
.ckbox span:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 1px solid #ccd3e4 !important;
    top: 1px;
    left: 0;
    border-radius: 3px;
}
.ckbox span:after {
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: 55% 45%;
    line-height: 17px;
    display: none;
    border-radius: 3px;
}
.ckbox input[type=checkbox] {
    opacity: 0;
    margin: 0;
}
.ckbox input[type=checkbox]:checked+span:after {
    display: block;
}
.ckbox input[type=checkbox][disabled]+span {
    opacity: 0.75;
}
.ckbox input[type=checkbox][disabled]+span:before,
.ckbox input[type=checkbox][disabled]+span:after {
    opacity: 0.75;
}
.ckbox-inline {
    display: inline-block;
}
.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' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.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' 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,
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(135, 96, 251, 0.5);
}
/* ###### Checkbox ###### */
/* ###### Toggle ###### */
.main-toggle {
    width: 60px;
    height: 25px;
    background-color: #e8e8f7;
    padding: 2px;
    position: relative;
    overflow: hidden;
}
.main-toggle span {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    display: block;
    width: 20px;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.main-toggle span::before,
.main-toggle span::after {
    position: absolute;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff;
    top: 2px;
    line-height: 1.38;
}
.main-toggle span::before {
    content: "on";
    left: -25px;
}
.main-toggle span::after {
    content: "off";
    right: -29px;
}
.main-toggle.on span {
    left: 37px;
}
@media (prefers-reduced-motion: reduce) {
    .main-toggle span {
        transition: none;
    }
}
.main-toggle-secondary.on {
    background-color: #f1388b;
}
.main-toggle-success.on {
    background-color: #19b159;
}
.main-toggle-dark.on {
    background-color: #8f9cc0;
}
/* ###### Toggle ###### */
/* ###### List-group ###### */
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    color: #3c4858;
}
.list-group-item-action {
    width: 100%;
    color: #3c4858;
    text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #3c4858;
    text-decoration: none;
    background-color: #f1f2f9;
}
.list-group-item-action:active {
    color: #8f9cc0;
    background-color: #eaedf7;
}
.list-group-item-action h5 {
    font-size: 16px;
}
.list-group-item-action p {
    font-size: 14px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 16px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #a8afc7;
    pointer-events: none;
    background-color: #ffffff;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.listgroup-example2 ul ul {
    list-style-type: circle;
    margin: 10px 0 0 0;
}
.listgroup-example ul,
.listgroup-example2 ul {
    list-style-type: none;
}
.listgroup-example ul li,
.listgroup-example2 ul li {
    padding: 5px 5px;
}
.listgroup-example .list-group.checked .list-group-item {
    border: 0;
}
.listorder {
    position: relative;
    margin-bottom: 0;
    border: 0;
    list-style-type: decimal;
    list-style-position: inside;
    padding: 7px 11px !important;
    margin-right: 0;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

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

    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

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

    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

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

    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

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

    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 0;
    }
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
.list-group-item-primary {
    color: var(--primary-bg-color) !important;
    background-color: var(--primary08) !important;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: var(--primary-bg-color);
    background-color: var(--primary08);
}
.list-group-item-primary.list-group-item-action.active {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
.list-group-item-secondary {
    color: #f1388b !important;
    background-color: #f9e5db !important;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #3f4654;
    background-color: #cacfdb;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #ffffff;
    background-color: #3f4654;
    border-color: #3f4654;
}
.list-group-item-success {
    color: #1f5c01 !important;
    background-color: #c8e9b8 !important;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #1f5c01;
    background-color: #b9e3a5;
}
.list-group-item-success.list-group-item-action.active {
    color: #ffffff;
    background-color: #1f5c01;
    border-color: #1f5c01;
}
.list-group-item-info {
    color: #0c5460 !important;
    background-color: #bee5eb !important;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
    color: #ffffff;
    background-color: #0c5460;
    border-color: #0c5460;
}
.list-group-item-warning {
    color: #856404 !important;
    background-color: #ffeeba !important;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
    color: #ffffff;
    background-color: #856404;
    border-color: #856404;
}
.list-group-item-danger {
    color: #721c24 !important;
    background-color: #f5c6cb !important;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
    color: #ffffff;
    background-color: #721c24;
    border-color: #721c24;
}
.list-group-item-light {
    color: #8f9cc0 !important;
    background-color: #f1f2f9 !important;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #8f9cc0;
    background-color: #eaedf7;
}
.list-group-item-light.list-group-item-action.active {
    color: #ffffff;
    background-color: #7f7f81;
    border-color: #7f7f81;
}
.list-group-item-dark {
    color: #1f2533 !important;
    background-color: #c8ccd3 !important;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1f2533;
    background-color: #babfc8;
}
.list-group-item-dark.list-group-item-action.active {
    color: #ffffff;
    background-color: #1f2533;
    border-color: #1f2533;
}
.list-group-item.active {
    color: #ffffff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}
/* ###### List-group ###### */
/* ###### Jumbotron ###### */
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eaedf7;
    border-radius: 0.3rem;
}
@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}
/* ###### Jumbotron ###### */
/* ###### Custom-control ###### */
.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
}
.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #ffffff;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #ffffff;
    background-color: #e6ecff;
    border-color: #e6ecff;
}
.custom-control-input:disabled~.custom-control-label {
    color: #a8afc7;
}
.custom-control-input:disabled~.custom-control-label::before {
    background-color: #eaedf7;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-label::before {
    position: absolute;
    top: 0.15625rem;
    left: -2.2rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #ffffff;
    
    border-radius: 4px;
}
.custom-control-label::after {
    position: absolute;
    top: 0.15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-control-input.is-valid~.valid-feedback,
input.custom-control-input.parsley-success~.valid-feedback,
textarea.custom-control-input.parsley-success~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
input.custom-control-input.parsley-success~.valid-tooltip,
textarea.custom-control-input.parsley-success~.valid-tooltip,
.custom-control-input.is-invalid~.invalid-feedback,
input.custom-control-input.parsley-error~.invalid-feedback,
textarea.custom-control-input.parsley-error~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
input.custom-control-input.parsley-error~.invalid-tooltip,
textarea.custom-control-input.parsley-error~.invalid-tooltip {
    display: block;
}
.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;
    }
}
.custom-control-md {
    min-height: 2rem !important;
}
.custom-control-label-md {
    padding-left: 8px;
    padding-top: 6px;
}
.custom-control-label-md::before,
.custom-control-label-md::after {
    top: 0.25rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.custom-control-lg {
    min-height: 2rem !important;
}
.custom-control-label-lg {
    padding-left: 15px;
    padding-top: 10px;
}
.custom-control-label-lg::before,
.custom-control-label-lg::after {
    top: 0.25rem !important;
    width: 2rem !important;
    height: 2rem !important;
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgb(169, 164, 236);
    border-color: #a9a4ec;
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgb(169, 164, 236);
    border-color: #a9a4ec;
}
.custom-switch-indicator-md {
    display: inline-block;
    height: 1.5rem;
    width: 2.8rem;
    background: #f5f6fb;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #ebeaf1;
    transition: 0.3s border-color, 0.3s background-color;
}
.custom-switch-input:checked~.custom-switch-indicator-md:before {
    left: calc(1.46rem - 1px);
}
.custom-switch-indicator-md:before {
    top: 2px;
    height: calc(1.25rem - 1px);
    width: calc(1.25rem - 1px);
}
.custom-switch-indicator-lg {
    height: 1.9rem;
    width: 3.3rem;
}
.custom-switch-input:checked~.custom-switch-indicator-lg:before {
    left: calc(1.46rem + 1px);
}
.custom-switch-indicator-lg:before {
    height: calc(1.25rem + 4px);
    width: calc(1.25rem + 4px);
    top: 2px;
}
.custom-switch-description {
    color: #1d212f;
}
/* ###### Custom-control ###### */
/* ###### Custom-styles ###### */
.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;
    left: 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%;
}
.float-start {
    float: left !important;
}
.float-end {
    float: right !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

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

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

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

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

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

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

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

    .float-xl-none {
        float: none !important;
    }
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
@media print {
    * {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    *::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;
        border: 1px solid #a8afc7;
        page-break-inside: avoid;
    }

    blockquote {
        border: 1px solid #a8afc7;
        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,
    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #ffffff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #e8e8f7 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #eaedf7;
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #eaedf7;
    }
}
.main-body,
.main-dashboard {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}
.main-body::before {
    content: "main";
    position: fixed;
    top: 45%;
    left: 70%;
    transform: translate3d(-50%, -58%, 0);
    font-size: 1300px;
    font-weight: 600;
    letter-spacing: -10px;
    line-height: 0.5;
    opacity: 0.02;
    z-index: -1;
    display: none;
}
.main-table-reference {
    margin-top: 40px;
    background-color: #ffffff;
}
.main-table-reference>thead>tr>th,
.main-table-reference>thead>tr>td {
    padding: 8px 10px;
    border: 1px solid #e8e8f7;
    background-color: #eaedf7;
    color: #4b4f56;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 0;
}
.main-table-reference>tbody>tr>th,
.main-table-reference>tbody>tr>td {
    padding: 8px 10px;
    border: 1px solid #e8e8f7;
    font-size: 13px;
}
.main-notification-title {
    font-size: 18px;
    font-weight: 600;
    color: #11141f;
    margin-bottom: 5px;
    line-height: 1;
}
.main-notification-text {
    font-size: 13px;
    margin-bottom: 0px;
    color: #3c4858;
}
.main-notification-list,
.main-profile-menu .dropdown-menu .dropdown-item:first-child {
    border-top: 1px solid #e8e8f7;
}
.main-notification-list .media {
    padding: 10px 10px;
    position: relative;
}
.main-notification-list .media+.media {
    border-top: 1px solid rgba(123, 65, 216, 0.1);
}
.main-notification-list .media.new {
    color: #8f9cc0;
}
.main-notification-list .media:hover,
.main-notification-list .media:focus {
    cursor: pointer;
    z-index: 1;
}
.main-notification-list .media:hover::before,
.main-notification-list .media:focus::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0px;
    bottom: -1px;
    right: 0px;
    background-color: #f1f2f9;
    border-top: 1px solid #e8e8f7;
    border-bottom: 1px solid #e8e8f7;
    z-index: -1;
}
.main-notification-list .media-body {
    margin-left: 15px;
    font-size: 13px;
}
.main-notification-list .media-body p {
    margin-bottom: 5px;
    line-height: 1.3;
    color: #444469;
}
.main-notification-list .media-body strong {
    font-weight: 500;
}
.main-notification-list .media-body span {
    display: block;
    font-size: 11px;
    color: #a8afc7;
}
.main-toggle-group-demo {
    display: flex;
}
.main-toggle-group-demo .main-toggle+.main-toggle {
    margin-left: 10px;
}
.main-dropdown-form-demo .static-dropdown {
    padding: 20px;
    background-color: #eaedf7;
    display: inline-flex;
    justify-content: center;
}
.main-dropdown-form-demo .static-dropdown .dropdown-menu {
    display: block;
    position: static;
    float: none;
}
.main-dropdown-form-demo .dropdown-menu {
    padding: 20px;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.main-dropdown-form-demo .dropdown-title {
    font-size: 20px;
    font-weight: 700;
    color: #565673;
    margin-bottom: 5px;
}
@media (min-width: 576px) {
    .main-dropdown-form-demo .static-dropdown {
        padding: 40px;
    }
}
@media (min-width: 576px) {
    .main-dropdown-form-demo .dropdown-menu {
        width: 300px;
        padding: 30px 25px;
    }
}
.main-content-left-components {
    border-right: 1px solid #e8e8f7;
    margin-bottom: 20px;
}
.main-content-left-components .component-item label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.main-content-left-components .component-item label~label {
    margin-top: 30px;
}
.main-content-left-components .component-item .nav-link {
    padding: 0;
    display: block;
    font-size: 13px;
    color: #3c4858;
}
.main-content-left-components .component-item .nav-link+.nav-link {
    margin-top: 5px;
}
.main-content-left-components .component-item .nav-link.active {
    font-weight: 500;
}
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.main-body #chartLine {
    height: 275px !important;
}
.legend {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 2px;
    margin-right: 10px;
    margin-top: 6px;
}
.fullscreen .fullscreen {
    display: none;
}
.fullscreen .exit-fullscreen {
    display: block !important;
}
.exit-fullscreen {
    display: none;
}
.best-emp {
    position: absolute;
    right: 0;
    top: -15px;
    height: 135px;
}
.flag-dropdown .dropdown-menu {
    width: 150px;
    padding: 8px 0;
}
.flag-dropdown .dropdown-menu img {
    min-width: 0;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    line-height: 24px;
    border-radius: 50%;
}
.flag-dropdown .dropdown-item {
    padding: 3px 10px;
    font-size: 13px;
    color: #2e2e4a;
    font-weight: 500;
}
.userlist-table img {
    max-width: inherit;
}
.userlist-table .dot-label {
    margin-top: 5px;
    margin-right: 10px !important;
}
@media (max-width: 768px) {
    .text-md-nowrap {
        white-space: nowrap !important;
    }

    .nav.main-nav-line.main-nav-line-chat.card-body {
        display: flex;
    }

    .nav.main-nav-line.main-nav-line-chat.card-body a {
        display: flex;
        padding: 0 8px;
    }

    .nav.main-nav-line.main-nav-line-chat.card-body .nav-link+.nav-link {
        margin-top: 0;
        margin-left: 0;
    }
}
@media (max-width: 576px) {
    .page-header {
        display: block !important;
    }

    .project-work.list-unstyled li {
        margin-top: 1rem;
        margin-right: 1rem;
    }

    .main-header-notification.show .dropdown-menu::before,
    .main-header-message.show .dropdown-menu::before,
    .main-profile-menu.show .dropdown-menu::before {
        display: none;
    }
}
.main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
    border-radius: 3px 0 0 3px;
    border-right: 0;
}
@media (min-width: 992px) {
    .navbar-toggler.navresponsive-toggler {
        display: none;
    }
}
@media (max-width: 991px) {

    .main-body .mobile-logo-dark,
    .horizontalmenu .mobile-logo-dark {
        display: none;
    }

    .main-header.side-header {
        border-bottom: 1px solid #ddddf7;
    }

    .sidemenu-logo .main-logo {
        display: none;
    }

    .main-header {
        z-index: 9999;
    }

    .header-search .select2-container--default .select2-selection--single {
        background-color: #ffffff;
        border: 1px solid #e8e8f7;
        border-radius: 3px 0 0 3px;
        border-right: 0;
        height: 40px;
    }

    .sidebar {
        top: 60px !important;
    }

    .horizontalmenu .header-brand-img.desktop-logo {
        display: none;
    }

    .responsive-navbar.navbar {
        position: relative !important;
        display: flex;
        top: 65px;
        margin: 0;
        margin-bottom: 0 !important;
        padding: 0;
    }

    .responsive-navbar.navbar .navbar-collapse {
        padding: 5px;
        position: fixed;
        width: 100%;
        background: #ffffff;
        margin-top: 0;
        z-index: 999;
        top: 59px;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #eaedf7;
        padding-left: 1rem;
        padding-right: 0.3rem;
        box-shadow: 7px 8px 9px -2px #c5c5d8;
        left: 0;
        right: 0;
    }
}
@media (max-width: 991px) {
    .main-header-center {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .responsive-navbar .dropdown {
        position: initial;
        margin: auto 0;
    }

    #navbarSupportedContent-4 .dropdown-menu {
        width: 93% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 20px;
        justify-content: center;
    }

    #navbarSupportedContent-4 .main-header-notification.show .dropdown-menu::before,
    #navbarSupportedContent-4 .main-header-message.show .dropdown-menu::before,
    #navbarSupportedContent-4 .main-profile-menu.show .dropdown-menu::before {
        display: none;
    }

    .main-header-notification .dropdown-menu,
    .main-header-message .dropdown-menu {
        top: 51px !important;
    }

    #navbarSupportedContent-4 .nav-link.icon {
        font-size: 18px;
    }

    .sidemenu-logo,
    .main-calendar .fc-header-toolbar {
        padding: 0 !important;
    }

    .mapcontainer.mapael svg,
    .mapcontainer1.mapael svg,
    .mapcontainer2 svg,
    .mapcontainer3 svg {
        width: 250px !important;
    }

    .mapcontainer .map,
    .mapcontainer1 .map {
        height: 300px !important;
    }

    .breadcrumbitem {
        display: none;
    }

    .intl-tel-input input {
        width: 156px !important;
    }

    .horizontalmenu .mobile-logo-dark {
        display: none;
    }

    .sidemenu-logo {
        display: none;
    }
}
.media img {
    border-radius: 4px;
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.media-logo,
.media-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: #ffffff;
    font-size: 21px;
    position: relative;
    top: 2px;
    border-radius: 100%;
}
.flat a {
    background: white;
    color: black;
    transition: all 0.5s;
}
.flat a:after {
    background: white;
    color: black;
    transition: all 0.5s;
}
.flat a.active:before,
.flat a:hover:before {
    color: #000000;
}
.flat a:before {
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}
@media (max-width: 768px) {
    .nav.main-nav-line {
        display: block;
    }
}
.user-lock .option-dots {
    margin: inherit !important;
    width: inherit !important;
    height: inherit !important;
    border-radius: inherit !important;
    background: transparent;
    text-align: inherit !important;
    line-height: inherit !important;
    display: initial !important;
}
.page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    border-radius: 10px;
}
.box-shadow {
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
}
.box-shadow-0 {
    box-shadow: none !important;
}
.cover-image {
    background-size: cover !important;
}
.page-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    position: relative;
    min-height: 50px;
    margin: 1.8rem 0 1.5rem 0;
    border-radius: 7px;
}
.page-header .breadcrumb {
    background: none;
    padding-left: 0 !important;
    padding: 0;
    margin-bottom: 0;
}
.page-header .breadcrumb-item a {
    color: #8f9cc0;
}
.page-header .breadcrumb-item.active {
    color: #7787bc;
}
@media (max-width: 991px) {
    .main-navbar-show .responsive-navbar.navbar .navbar-collapse {
        z-index: 9999;
    }

    .main-navbar-show .sidebar {
        z-index: 99999;
    }

    .header-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
        left: 93% !important;
    }

    .jumps-prevent {
        padding-top: 0 !important;
    }

    .main-navbar.sticky.sticky-pin {
        margin-bottom: 0 !important;
    }

    .page-header {
        display: block;
    }

    .page-header .breadcrumb {
        margin-bottom: 1rem;
    }

    #mailContent .main-mail-list {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #mailContent .main-mail-item {
        -webkit-overflow-scrolling: touch;
    }

    .main-chat-footer {
        position: inherit;
    }

    .main-header-notification>a::after,
    .main-header-message>a::after {
        top: 40px;
    }

    .main-header-project .dropdown-menu {
        top: 46px;
    }

    .main-header-project>a::after {
        top: 40px;
    }

    .main-profile-menu .dropdown-menu {
        top: 51px;
    }

    .main-profile-menu>.main-img-user::before {
        bottom: -20px;
    }

    .main-header {
        position: fixed;
        box-shadow: none;
        border-bottom: 1px solid #f0f2f8;
        border-top: 0;
    }

    .main-logo .header-brand-img {
        margin-right: 10px;
    }

    .side-header {
        position: fixed !important;
    }

    .main-sidebar-hide .side-header {
        left: 0px;
        right: 0px;
    }

    .main-sidebar-hide .sidemenu-logo {
        padding: 5px;
    }

    .main-content .page-header .btn.btn-list {
        padding-left: 0;
        text-align: left;
    }

    #example-input.dataTable>tbody>tr.child ul.dtr-details>li {
        display: flex !important;
    }
}
@media (max-width: 767px) {
    .main-content-body-contacts {
        border-top: 1px solid #f0f2f8;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0 !important;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-right: 0;
        padding: 0;
    }

    .card-option {
        display: inline-block !important;
    }

    .card-option-title {
        margin-bottom: 10px;
    }

    .header-search.dropdown {
        position: initial !important;
    }

    .header-search .dropdown-menu {
        position: absolute !important;
        left: -1px !important;
        right: -1px !important;
        width: 100% !important;
        top: 100% !important;
    }

    .main-content.side-content .page-header,
    .main-content .page-header {
        padding-top: 63px !important;
    }

    .header-search.show .dropdown-menu::before {
        display: none;
    }

    .timeline .btn {
        font-size: 12px;
    }

    .vtimeline:before {
        left: 6px !important;
    }

    .vtimeline .timeline-wrapper {
        padding-right: 0 !important;
    }

    .vtimeline .timeline-wrapper .timeline-badge {
        left: 0 !important;
    }

    .vtimeline .timeline-wrapper .timeline-panel {
        width: auto !important;
        margin-left: 15% !important;
    }

    .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 14px solid #cad4e4 !important;
        border-left: 0 solid #cad4e4 !important;
        left: -14px !important;
        right: auto !important;
    }

    .vtimeline .timeline-wrapper.timeline-inverted {
        padding-left: 0 !important;
    }

    .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
        margin-right: 0 !important;
        width: auto !important;
    }
}
@media (max-width: 380px) {
    .main-header-message {
        display: none;
    }

    .carousel-slider #thumbcarousel .carousel-item .thumb {
        margin: 5px !important;
    }

    .main-nav-line-chat .nav-link {
        font-size: 12px;
    }

    .main-mail-header>div:last-child {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .main-logo .header-brand-img.desktop-logo {
        display: none;
    }

    .main-logo .header-brand-img.icon-logo {
        display: block;
    }

    .flot-chart1 {
        height: 200px !important;
    }

    .main-contact-info-header .media-body .nav-link {
        font-size: 12px;
    }

    .modal.pos-static .modal-footer {
        display: block;
    }

    .modal.pos-static .modal-footer .btn {
        width: 100%;
    }

    .modal.pos-static .modal-footer> :not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }
}
@media (min-width: 992px) {
    .sticky {
        width: 100%;
    }

    .horizontalmenu .sticky-pin {
        position: fixed !important;
        top: 0 !important;
        width: 100%;
        z-index: 99;
    }

    .main-navbar.sticky.sticky-pin {
        border-bottom: 1px solid #f0f2f8;
    }

    .main-content.side-content {
        padding-top: 63px;
    }

    .main-content-app,
    .main-content-calEndar,
    .main-content-contacts {
        display: flex;
    }

    .main-error-wrapper h1 {
        font-size: 12rem;
    }

    .horizontalmenu .main-footer {
        padding-left: 0;
    }
}
.flag-icon {
    font-size: 24px;
    line-height: 1;
    border-radius: 100%;
}
#back-to-top {
    color: #ffffff;
    position: fixed;
    bottom: 20px;
    right: 30px;
    display: none;
    text-align: center;
    z-index: 10000;
    height: 32px;
    width: 32px;
    line-height: 15px;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    border-radius: 3px;
}
#back-to-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    line-height: 1.8rem;
}
#back-to-top:hover {
    background: #ffffff !important;
    color: var(--primary-bg-color) !important;
}
.contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.contact-icon:hover {
    background: #f0f2f8;
}
.custom-leftnav .main-content-left-components {
    position: sticky;
    border-right: 0;
    top: 4rem;
}
.component-item a:before {
    content: "\e92f";
    margin-right: 8px;
    position: relative;
    font-family: "feather" !important, sans-serif;
    color: #68798b;
}
.main-icon-list {
    padding: 10px;
    border: 1px solid #f0f2f8;
}
.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}
.skill-tags a {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 0px;
    color: #a8afc7;
    font-size: 12px;
    border: 1px solid #f0f2f8;
}
.reviewnavs {
    padding-left: 0;
    list-style: none;
    display: inline-flex;
}
.reviewnavs li {
    margin-right: 5px;
}
.reviewnavs li a {
    color: #a8afc7;
}
.dash-icon {
    position: absolute;
    right: 10px;
    font-size: 3rem;
    opacity: 0.5;
    color: #d3d9e4;
    top: 10px;
}
.main-traffic-detail-product-item {
    margin-bottom: 1.5rem;
}
.price-img {
    padding-top: 2rem;
}
.price-img i {
    font-size: 3rem;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 100px;
}
.price-1 .list-unstyled li {
    padding: 7px 0;
}
.card-pricing h1 {
    font-size: 2.5rem !important;
    padding: 15px 30px;
    text-align: center;
}
.pricing-title {
    text-align: center;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 500;
}
.card-pricing2 h1,
.card-pricing3 h1,
.card-pricing4 h1 {
    font-size: 2.5rem !important;
    padding: 15px 30px;
    text-align: center;
}
.card-pricing .list-unstyled li,
.card-pricing2 .list-unstyled li,
.card-pricing3 .list-unstyled li,
.card-pricing4 .list-unstyled li {
    padding: 0.5rem 0;
    border-bottom: 0;
    display: block;
}
.pricing-tabs .pri-tabs-heading {
    padding: 15px;
    text-align: center;
    margin: 0 auto;
    display: inline-table;
}
.pricing-tabs .nav-price li a {
    padding: 10px 20px 10px 20px;
    color: #828db1;
    background: #ffffff;
    border: 1px solid #f0f2f8;
}
.pricing-tabs .nav-price li .active {
    background: #ececfc;
}
.pricing-tabs .tab-content {
    padding: 15px;
    margin-top: 1.5rem;
}
.pricing1 .price {
    font-size: 2.5rem;
}
.pricingTable2 {
    text-align: center;
    background: #ffffff;
    border: 1px solid #e0e5f3;
}
.pricingTable2-header {
    padding: 25px 10px;
    background-color: #ffffff;
    border-radius: 6px !important;
}
.pricingTable2 .pricingTable2-header h3 {
    font-size: 21px;
    letter-spacing: 2px;
    color: #000000;
    text-transform: uppercase;
    margin: 0px;
}
.pricingTable2-header span {
    display: none;
    font-size: 12px;
}
.card-pricing.pricing1 .list-unstyled li {
    display: block;
}
.pricing-plans {
    padding: 25px 0;
}
.price-value1 {
    font-size: 25px;
    line-height: 35px;
    color: #ffffff;
    display: inline-block;
    position: relative;
}
.price-value1 i {
    position: absolute;
    top: 3px;
    font-size: 22px;
}
.price-value1 span {
    font-size: 40px;
    color: #ffffff;
    margin-left: 17px;
}
.pricing-plans .month {
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 100;
}
.pricingContent2 ul {
    padding: 0 15px;
    margin-bottom: 0;
    list-style: none;
}
.pricingContent2 ul li {
    padding: 25px 0 0 0;
    text-transform: capitalize;
}
.pricingContent2 ul li:last-child {
    padding-bottom: 25px;
}
.price-value-content ul li {
    padding: 8px 0;
    text-transform: capitalize;
}
.pricingTable2 .pricingTable2-sign-up {
    padding: 25px 0;
    border-top: 1px solid #e0e5f3;
}
.pricingTable2 .btn-block {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 50px;
    transition: 0.3s ease;
}
.pricingTable2.green .pricing-plans {
    background-color: #10d403;
}
.pricingTable2.info .pricing-plans {
    background-color: #0ab2e6;
}
@media screen and (max-width: 990px) {
    .pricingTable2 {
        margin-bottom: 30px;
    }
}
.example {
    padding: 1rem;
    border: 1px solid #f0f2f8;
    font-size: 0.9375rem;
}
.example+.highlight {
    border-top: none;
    margin-top: 0;
}
.text-wrap> :last-child {
    margin-bottom: 0;
}
.highlight {
    margin: 1rem 0 2rem;
    border: 1px solid #f0f2f8;
    border-radius: 0px;
    font-size: 0.9375rem;
    max-height: 20rem;
    background: #edeff7;
}
.clip-widget {
    position: relative;
    overflow-y: scroll;
}
.clipboard-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #f0f2f8;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.user-card .main-img-user {
    margin: 0 auto;
}
.icon-service {
    display: inline-flex;
    width: 3.5rem;
    height: 3.5rem;
    padding: 1.1rem;
    margin-bottom: 0.5rem;
}
.icon-service i {
    font-size: 1.2rem;
}
.our-team .picture {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    z-index: 0;
    position: relative;
    overflow: hidden;
}
.our-team:hover .picture::before {
    height: 100%;
}
.our-team .picture::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.our-team .picture img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
.our-team:hover .picture img {
    box-shadow: 0 0 0 3px #f0f2f8;
    transform: scale(0.8);
}
.iti__hide {
    display: none;
}
.token.operator,
.token.entity,
.token.url {
    background: none;
}
.language-css .token.string,
.style .token.string,
.token.variable {
    background: none;
}
.user-lock img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.eamil-body {
    margin-top: 30px;
}
.task-list {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 30px 0 0;
    color: #3c4858;
}
.task-list:after {
    content: "";
    position: absolute;
    background: #f0f2f8;
    height: 100%;
    width: 1px;
    top: 0;
    left: 30px;
    z-index: 1;
}
.task-list li {
    margin-bottom: 30px;
    padding-left: 55px;
    position: relative;
}
.task-list li:last-child {
    margin-bottom: 0;
}
.task-list li .task-icon {
    position: absolute;
    left: 22px;
    top: 13px;
    border-radius: 50%;
    padding: 2px;
    width: 17px;
    height: 17px;
    z-index: 2;
}
.task-list li h6 {
    margin-bottom: 5px;
}
.item-card .product-info {
    padding: 0;
    margin: 0;
    opacity: 0;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: -30px;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.item-card:hover .product-info {
    opacity: 1;
    bottom: 30%;
}
.acc-step-number {
    padding: 5px 10px;
    font-size: 14px;
}
.dt-button-collection .dropdown-item.active,
.dt-button-collection .dropdown-item:active {
    color: #8f9cc0;
    text-decoration: none;
    background-color: #ffffff;
}
.advanced-search {
    background: #ffffff;
    padding: 1.25rem;
    box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);
    margin-bottom: 20px;
}
.theme-logos {
    display: none;
}
.dot-label {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
}
.contact-info .contact-icon:hover {
    color: #000000;
}
.scroll-widget {
    width: 100%;
    height: 385px;
    overflow: hidden;
}
.activity-block .task-list {
    padding-top: 0;
}
.activity-block .task-list li {
    padding-left: 3rem;
    margin-bottom: 20px;
}
.activity-block h6 {
    margin-bottom: 0px;
}
.activity-block .task-list:after {
    left: 18px;
    z-index: 0;
}
.activity-block .task-list li .task-icon {
    top: 0;
    left: 1px;
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    line-height: 32px;
    font-size: 15px;
    color: #ffffff;
}
.z-index2 {
    z-index: 2;
}
#global-loader {
    position: fixed;
    z-index: 50000;
    background: #ffffff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.loader-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 43%;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.user-info {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0px;
}
.setting-header {
    font-weight: 400;
    font-size: 15px;
}
.sales-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 5px;
    line-height: 1.5;
    text-align: center;
    font-size: 22px;
    padding: 0.75rem;
    margin: auto 0;
}
.gift-tittle {
    font-size: 20px;
}
.gift-box span {
    font-size: 15px;
    font-weight: 500;
}
.giftbox-img {
    width: 40%;
}
.page-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
.page-header .page-title i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-right: 8px !important;
    border-radius: 7px;
    background: linear-gradient(89.1deg, rgb(240, 244, 255) 0.7%, rgb(250, 251, 254) 88.4%);
    color: #577ff5;
}
.feature {
    width: 50px;
    border-radius: 5px;
}
.feature .feature-icon {
    display: flex;
    width: 50px;
    height: 50px;
    line-height: 2em;
    vertical-align: middle;
    padding-top: 0px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 8px;
    position: relative;
    align-items: center;
    text-align: center;
    left: 0;
    right: 0;
    justify-content: center;
}
.feature.bg-transparent {
    background: #fafbfe !important;
}
.browser-stats i {
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    position: inherit;
    font-size: 13px;
}
.search-imgs li {
    margin-right: 1rem;
    display: contents;
}
.search-imgs li img {
    margin-right: 1rem;
    border: 1px solid #d5dae8 !important;
}
.handle-counter {
    overflow: hidden;
    display: flex;
}
.handle-counter .counter-minus,
.handle-counter .counter-plus {
    float: left;
    text-align: center;
}
.handle-counter input {
    float: left;
    text-align: center;
    height: 40px;
    border-radius: 0;
    width: 104px;
    border: 1px solid #e0e6f0;
}
.handle-counter .btn {
    padding: 9px 14px !important;
}
.counter-minus {
    border-radius: 3px 0 0 3px;
}
.counter-minus.btn {
    padding: 9px 15px !important;
}
.counter-plus {
    border-radius: 0 3px 3px 0;
}
.handle-counter .btn:disabled {
    background-color: #7a7aaf;
    cursor: not-allowed;
    color: #ffffff;
}
.handle-counter .btn:disabled:hover {
    background-color: #7a869c;
    cursor: not-allowed;
}
.whishlist {
    height: 20px;
    width: 20px;
}
.trash {
    height: 20px;
    width: 20px;
    fill: #fd6074 !important;
}
.itemside {
    position: relative;
    display: flex;
    width: 100%;
}
.itemside .info {
    padding-left: 15px;
    padding-right: 7px;
}
.itemside .title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #283250;
}
.dlist-align {
    display: flex;
}
.file-browser .btn-primary {
    border-radius: 0 6px 6px 0 !important;
}
.horizontalmenu .main-header {
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.03);
}
.horizontalmenu #recentorders {
    height: 222px !important;
}
.content-height {
    height: 70vh;
}
.project .deadline {
    margin-bottom: 0;
    padding: 5px 10px;
    border-radius: 4px;
}
.project-status:before {
    content: "";
    margin-right: 12px;
}
.project-status.success:before {
    border-left: 3px solid #19b159;
}
.project-status.danger:before {
    border-left: 3px solid #f16d75;
}
.project-status.warning:before {
    border-left: 3px solid #ecb529;
}
.list-card {
    padding: 14px 18px;
    border-radius: 11px;
    margin-bottom: 20px;
    position: relative;
}
.forth.circle .chart-circle-value.circle-style {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
}
.forth.circle canvas {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.list-card.danger {
    background: #fff3f4;
}
.list-card.success {
    background: #e8f7ee;
}
.tasks .ckbox span:before,
.tasks .ckbox span:after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
.transcations.table th,
.transcations.table td {
    padding: 14px 0;
    line-height: 1.462;
}
.transcations.table.table-hover tbody tr:hover {
    background-color: transparent;
}
.tasks .table th,
.tasks .table td {
    padding: 11px 15px;
}
@media (max-width: 991px) and (min-width: 767px) {
    .main-body.leftmenu .main-content.side-content {
        margin-top: 60px;
    }
}
@media (max-width: 599px) {
    .horizontalmenu .main-header-center {
        margin: 0 !important;
    }
}
.upgrade.custom-card {
    background: #f3f2fd;
}
.sidemenu-logo img {
    margin: 0 auto;
}
@media (max-width: 699px) {
    .horizontalmenu .page-header {
        display: block;
    }

    .breadcrumb-5 a:first-child {
        padding-left: 16px !important;
    }
}
.user-lock .option-dots:hover {
    background: transparent;
}
@media (min-width: 1173px) {
    .main-header.hor-header.top-header .form-control {
        width: auto !important;
    }

    .horizontalmenu .main-header.hor-header.top-header .main-header-center {
        margin: auto !important;
    }
}
@media (min-width: 992px) {
    .hor-header.top-header .header-brand2 .top-header-logo1 {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 13px;
    }

    .hor-header.top-header .header-brand {
        display: none;
    }
}
@media (max-width: 767px) {
    #checkoutsteps>.actions a {
        padding: 7px 12px;
    }
}
@media (max-width: 480px) {
    #group .pd-x-25 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pagination-circle li a,
    .pagination-circle li span {
        height: 26px;
        width: 26px;
        min-width: 0;
    }

    .pagination-circled .page-link {
        width: 35px;
        height: 35px;
    }

    .page-link {
        padding: 5px;
    }

    .pagination-radius li a,
    .pagination-radius li span {
        width: 30px;
        height: 30px;
        min-width: 0;
    }
}
@media (max-width: 991px) {
    #inptags .form-group {
        margin-bottom: 0rem;
    }

    .bootstrap-tagsinput input {
        display: none;
    }

    .responsive-logo a img {
        margin: 0 auto;
    }
}
*::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    -webkit-transition: 0.3s background;
    transition: 0.3s background;
}
::-webkit-scrollbar-thumb {
    background: rgb(232, 232, 247);
}
/* ###### Custom-styles ###### */
/* ###### Select Group ###### */
.selectgroup {
    display: inline-flex;
}
.selectgroup-item {
    flex-grow: 1;
    position: relative;
}
.selectgroup-item+.selectgroup-item {
    margin-left: -1px;
}
.selectgroup-item:not(:first-child) .selectgroup-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.selectgroup-item:not(:last-child) .selectgroup-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.selectgroup-button {
    display: block;
    border: 1px solid #f0f2f8;
    text-align: center;
    padding: 0.375rem 1rem;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #686868;
    -webkit-user-select: none;
    user-select: none;
}
.selectgroup-button-icon {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
}
.selectgroup-input:checked+.selectgroup-button {
    z-index: 1;
    background: #e5e9f3;
}
.selectgroup-input:focus+.selectgroup-button {
    z-index: 2;
    box-shadow: none;
}
.selectgroup-pills {
    flex-wrap: wrap;
    align-items: flex-start;
}
.selectgroup-pills .selectgroup-item {
    margin-right: 0.5rem;
    flex-grow: 0;
}
/* ###### Select Group ###### */
/* ###### Colorinput ###### */
.colorinput {
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}
.colorinput-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.colorinput-color {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border: 1px solid transparent;
    color: #ffffff;
    box-shadow: none;
}
.colorinput-color:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    transition: 0.3s opacity;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
}
.colorinput-input:checked~.colorinput-color:before {
    opacity: 1;
}
/* ###### Colorinput ###### */
/* ###### ie css ###### */
*::-ms-backdrop,
.b-img {
    height: 197px !important;
}
@media (min-width: 1200px) {

    *::-ms-backdrop,
    .main-navbar .nav-sub-mega .nav {
        min-width: 0 !important;
    }
}
*::-ms-backdrop,
.d-sm-flex.media.media-list {
    display: initial;
}
*::-ms-backdrop,
.t-img {
    height: 197px !important;
}
*::-ms-backdrop,
.draggable-img,
*::-ms-backdrop,
.blog-img {
    height: 258px !important;
}
*::-ms-backdrop,
.main-error-wrapper {
    align-items: inherit !important;
}
*::-ms-backdrop,
.search-imgs {
    display: -ms-inline-flexbox;
}
*::-ms-backdrop,
.main-content-body-profile .media-body {
    flex: inherit;
}
*::-ms-backdrop,
.main-msg-wrapper {
    display: inline-table;
}
*::-ms-backdrop,
.flex-wrap.ht-50.mb-lg-4 {
    height: inherit;
    margin-bottom: 0;
}
*::-ms-backdrop,
.btn-icon {
    width: inherit;
    height: inherit;
}
*::-ms-backdrop,
.bg-img:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
}
*::-ms-backdrop,
.crypto-transcation .media-body {
    flex: inherit;
}
*::-ms-backdrop,
.sales-product-info #chart {
    min-height: 219px !important;
}
*::-ms-backdrop,
.main-footer {
    width: 100%;
    position: relative;
    bottom: -5px;
    margin-top: 1.5rem;
    margin-bottom: -10px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}
*::-ms-backdrop,
.main-content {
    height: 100%;
}
*::-ms-backdrop,
#checkoutsteps .item .thumb {
    display: inline;
}
*::-ms-backdrop,
.transcation-crypto .wd-30 {
    width: inherit;
}
*::-ms-backdrop,
.breadcrumb-4 ol {
    justify-content: flex-end;
    display: flex;
}
*::-ms-backdrop,
.breadcrumb-3 ol {
    justify-content: center;
    display: flex;
}
*::-ms-backdrop,
html.fullscreen {
    width: 100%;
}
*::-ms-backdrop,
html.fullscreen .main-content {
    overflow: scroll;
    overflow-x: hidden;
    height: 100vh;
}
*::-ms-backdrop,
.owl-item .wd-30,
.table-responsive-sm .wd-30 {
    width: inherit;
}
*::-ms-backdrop,
.table-responsive .media-body {
    flex: inherit;
}
*::-ms-backdrop,
body.horizontalmenu {
    display: flex;
    flex-direction: column;
}
/* ###### ie css ###### */
.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: transparent;
}
.blockquote-footer {
    margin-top: 0rem;
}
.table> :not(caption)>*>* {
    background-color: transparent;
    box-shadow: none;
}
.table-responsive .table> :not(caption)>*>* {
    border-bottom-width: 1px !important;
}
.card-table.table> :not(caption)>*>* {
    border-bottom-width: 0px !important;
}
.alert .btn-close {
    position: absolute;
    top: 3px;
    right: 15px;
    color: inherit;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    background: none;
    font-size: 1.5rem;
    text-shadow: none;
    opacity: 0.7;
    transition: 0.3s color;
}
.btn-close:focus {
    box-shadow: none;
}
.btn-close:hover {
    color: inherit;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: none;
}
.toast-header .btn-close {
    font-weight: 300;
    color: #a8afc7;
    margin-top: 4px;
    font-size: 10px;
}
.crypto-buysell-card .select2-container--default .select2-selection--single {
    border-radius: 0 6px 6px 0 !important;
}
hr {
    opacity: 0.1;
}
.card-dashboard-calendar .table> :not(caption)>*>* {
    border-bottom-width: 0px !important;
}
.crypto-wallet .table> :not(caption)>*>* {
    border-bottom-width: 0px !important;
}
.form-select {
    padding: 0.175rem 2.25rem 0.175rem 0.75rem;
}
.hor-header.top-header {
    display: none;
}
.centerlogo-horizontal .header.top-header {
    display: none;
}
.centerlogo-horizontal .hor-header.top-header {
    display: block;
}
@media (max-width: 380px) {

    .btn,
    .sp-container button {
        font-size: 0.765rem;
        padding: 0.475rem 0.75rem;
    }

    .chartjs-wrapper-demo #chartDonut,
    .chartjs-wrapper-demo #chartPie {
        height: 220px !important;
        width: 250px !important;
    }
}
.input-group .btn.ripple.btn-primary {
    border-radius: 0 6px 6px 0 !important;
}
.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
}
.card-img-left {
    width: 100%;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.card-img-top {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.file-manger-icon img {
    width: 70px;
    height: 70px;
}
.file-manger-icon {
    position: relative;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.option-dots {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    margin: 0 auto;
    text-align: center;
    line-height: 45px;
    display: block;
}
.tag.tag-attachments {
    padding: 4px 15px 2px 15px;
    font-size: 15px;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.tag.tag-attachments-lg {
    padding: 5px 17px 3px 17px;
    font-size: 17px;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.tag.tag-attachments-sm {
    padding: 3px 10px 1px 10px;
    font-size: 13px;
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.tags .tag-files span {
    position: absolute;
    top: 21px;
    margin-right: 104px;
    left: 51px;
    font-size: 12px;
    color: #a5b1d9;
}
.attached-file-grid6 .icons li a {
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    border-radius: 5px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
}
.attached-file-grid6 .icons li a {
    color: var(--primary-bg-color);
    border: 1px solid #ffffff;
}
.attached-file-grid6 .icons {
    padding: 0;
    list-style: none;
    opacity: 0;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: -3px;
    z-index: 1;
    transition: all 0.5s ease 0s;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 100%);
}
.pro-img-box {
    position: relative;
}
.attached-file-grid6 .icons li {
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    transition: all 0.4s ease;
}
.attached-file-grid6 .icons li a:hover {
    color: #ffffff;
}
.attached-file-grid6 .icons li a:hover {
    border: var(--primary-bg-color);
    background: var(--primary-bg-color);
}
.attached-file-grid6 .file-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.attached-file-image .pic-1 {
    transition: all 0.3s ease;
}
.attached-file-image .pic-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.attached-file-grid6:hover .attached-file-image .pic-2 {
    opacity: 0;
}
.attached-file-grid6:hover .icons {
    opacity: 1;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
.attached-file-grid6:hover .icons li {
    opacity: 1;
}
.image-pic {
    position: absolute;
    right: 0;
    left: 0;
    top: 0px;
    color: #ffffff;
    font-size: 17px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 100%);
    padding: 0px 0px 20px 10px;
    border-radius: 5px;
}
.theme-container .active {
    border: 1px solid var(--primary-bg-color);
    padding: 5px 10px;
    background: white;
    border-radius: 5px;
    color: var(--primary-bg-color);
}
.theme-container1 .active {
    border: 1px solid #f1388b;
    padding: 5px 10px;
    background: white;
    border-radius: 5px;
    color: #f1388b;
}
.theme-container2 .active {
    border: 1px solid #05c3fb;
    padding: 5px 10px;
    background: white;
    border-radius: 5px;
    color: #05c3fb;
}
@media (max-width: 420px) {
    .pcr-app[data-theme=classic] {
        max-width: 70vw !important;
    }
}
.show-entries .select2-container {
    width: 60px !important;
}
.filter-group .select2-container {
    width: 90px !important;
}
.productdesc .select2-container {
    width: 100px !important;
}
div.dataTables_wrapper div.dataTables_length label .select2-container {
    width: 50% !important;
}
#example-input .select2-container {
    width: 100% !important;
}
@media (min-width: 992px) and (max-width: 1300px) {
    .nav-sub.nav-sub-mega .container {
        max-width: 100%;
    }
}
.table-responsive .table> :not(caption)>*>* {
    border-bottom: 1px solid #e8e8f7 !important;
}
.dataTable.table> :not(caption)>*>* {
    border-bottom: 0 !important;
}
.pagination-radius .page-item+.page-item {
    margin-left: 5px;
}
.dark-layout {
    display: none;
}
.light-layout {
    display: block;
}
@media (min-width: 992px) {
    .horizontalmenu .hor-logo {
        display: block;
    }
}
.hor-logo {
    display: none;
}
.horizontalmenu .main-header .main-header-left .main-logo .desktop-logo-dark {
    display: none;
}
#slide-right {
    position: absolute;
    right: 20px;
    left: auto;
}
#slide-left {
    position: absolute;
    left: 20px;
    right: auto;
}
.slide-left,
.slide-right {
    display: none;
}
@media (max-width: 991px) {
    .page-header {
        display: block;
    }
}
@media (max-width: 370px) {
    .main-header-right .nav-link.icon {
        padding: 0.6rem 0.3rem;
    }
}
.statistics-icon {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 5px;
}
.moto-icon {
    width: 30px;
    height: 30px;
}
.moto-icon path[fill="#b2b1ff"],
.moto-icon path[fill="#d8d8ff"] {
    fill: var(--primary03);
}
.moto-icon path[fill="#6d7ee5"],
.moto-icon path[fill="#8c8aff"] {
    fill: var(--primary08);
}
.moto-icon circle {
    fill: var(--primary03);
}
.main-header-center .form-control {
    border-color: #e8e8f7;
}
.main-header-center .form-control:focus {
    background: transparent;
}
.main-header-center .form-control .select2-container--default .select2-selection--single {
    border-right: 0;
}
pre {
    background-color: #ecebfb;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #f6f6ff;
}
.selectgroup-input:checked+.selectgroup-button {
    background: #e5e9f3;
}
.input-group-text {
    background-color: #f6f6ff;
    border: 1px solid #e8e8f7;
}
.irs-min,
.irs-max {
    color: #78769a;
    background: #f2f1ff;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f2f1ff;
}
.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #e8e8f7;
}
.ff_fileupload_wrap .ff_fileupload_dropzone {
    border-color: 2px dashed #dcd9f5;
    background-color: #f2f1ff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f8f9ff !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f1f2f9;
}
.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number {
    color: #ffffff;
}
.wizard>.steps a .number,
.wizard>.steps a:hover .number,
.wizard>.steps a:active .number {
    color: #8f9cc0;
    background-color: #eaedf7;
}
.pricing-tabs .nav-price li .active {
    background: #ececfc;
}
.table-hover tbody tr:hover {
    background-color: #f8f8ff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e0e2f7;
    border-color: 1px solid #e0e2f7;
    color: #1d212f;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #1d212f;
}
.project .deadline {
    background: #eaedf7;
}
.peity {
    position: relative;
}
.peity:before {
    content: "5%";
    position: absolute;
}
.forth.circle .chart-circle-value.circle-style {
    background: #fcfcff;
}
.popover-secondary {
    background-color: #f1388b;
    border-color: #f1388b;
}
#crypto-donut {
    margin: 0 auto;
}
.handle-counter input:focus-visible {
    outline: none;
}
.img-responsive {
    border-radius: 11px;
}
.product-grid .price {
    display: inline-flex;
}
#myTabContent #whishlist .btn i {
    display: inline-flex;
}
.dtr-details tbody,
.dtr-details td,
.dtr-details tfoot,
.dtr-details th,
.dtr-details thead,
.dtr-details tr {
    border: 1px solid #e8e8f7;
}
@media screen and (max-width: 400px) {
    #checkoutsteps .item .left {
        display: block;
    }
}
@media (min-width: 767px) {
    .wizard>.actions {
        padding: 20px 14px;
    }
}
@media (min-width: 992px) and (max-width: 1103px) {
    .table-filter input {
        width: 100px;
    }

    .table-filter .btn {
        height: 20px;
    }
}
@media (max-width: 450px) {
    .ql-snow .ql-tooltip.ql-editing {
        left: 0 !important;
        right: 0 !important;
    }

    #background p {
        font-size: 7px;
    }
}
@media (max-width: 590px) {
    .card-bitcoin .media {
        display: block;
    }
}
.main-header-center .input-group input {
    border-radius: 0 !important;
}
.header-search .input-group input {
    border-radius: 0 !important;
}
.required::after {
    content: "*";
    color: red;
}
.form-group small {
    font-size: 13px;
}
.ng-select {
    height: auto;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    color: #000 !important;
}
.mt-md-2rem,
.my-md-2rem {
    margin-top: 2rem !important;
}
.cursor-pointer {
    cursor: pointer;
}
.add_image input[type=file] {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.preview_img {
    height: 100px;
    width: 100px;
    position: relative;
    margin-left: 1rem;
    background: #f1efef;
}
.preview_img i {
    position: absolute;
    top: -7px;
    right: -3px;
}
table {
    width: 100%;
}
.first {
    width: 35%;
}
.ellipsis {
    position: relative;
}
.ellipsis:before {
    content: ' ';
    visibility: hidden;
}
.ellipsis span {
    position: absolute;
    left: 20px;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*------ Icons List ------*/
.browser {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background: no-repeat center/100% 100%;
    vertical-align: bottom;
    font-style: normal;
}
.flag {
    width: 1.6rem;
    height: 1.2rem;
    display: inline-block;
    background: no-repeat center/100% 100%;
    vertical-align: bottom;
    font-style: normal;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}
svg {
    touch-action: none;
}
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*Dark Theme*/
/*Dark Theme*/
/* Font Awesome loaded via CDN (index.html) - 4.7.0 */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em !important;
}
.fa-3x {
    font-size: 3em !important;
}
.fa-4x {
    font-size: 4em !important;
}
.fa-5x {
    font-size: 5em !important;
}
.fa-10x {
    font-size: 10em !important;
}
.fa-15x {
    font-size: 15em !important;
}
.fa-20x {
    font-size: 20em !important;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul>li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eeeeee;
    border-radius: 0.1em;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right {
    float: right;
}
.fa.fa-pull-left {
    margin-right: 0.3em;
}
.fa.fa-pull-right {
    margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: 0.3em;
}
.fa.pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit !important;
}
.feature .fa-lg .fa-stack-1x,
.facility .fa-lg .fa-stack-1x {
    font-size: 35px;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    content: "\f002";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}
.fa-won:before,
.fa-krw:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper-pp:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}
.fa-buysellads:before {
    content: "\f20d";
}
.fa-connectdevelop:before {
    content: "\f20e";
}
.fa-dashcube:before {
    content: "\f210";
}
.fa-forumbee:before {
    content: "\f211";
}
.fa-leanpub:before {
    content: "\f212";
}
.fa-sellsy:before {
    content: "\f213";
}
.fa-shirtsinbulk:before {
    content: "\f214";
}
.fa-simplybuilt:before {
    content: "\f215";
}
.fa-skyatlas:before {
    content: "\f216";
}
.fa-cart-plus:before {
    content: "\f217";
}
.fa-cart-arrow-down:before {
    content: "\f218";
}
.fa-diamond:before {
    content: "\f219";
}
.fa-ship:before {
    content: "\f21a";
}
.fa-user-secret:before {
    content: "\f21b";
}
.fa-motorcycle:before {
    content: "\f21c";
}
.fa-street-view:before {
    content: "\f21d";
}
.fa-heartbeat:before {
    content: "\f21e";
}
.fa-venus:before {
    content: "\f221";
}
.fa-mars:before {
    content: "\f222";
}
.fa-mercury:before {
    content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}
.fa-transgender-alt:before {
    content: "\f225";
}
.fa-venus-double:before {
    content: "\f226";
}
.fa-mars-double:before {
    content: "\f227";
}
.fa-venus-mars:before {
    content: "\f228";
}
.fa-mars-stroke:before {
    content: "\f229";
}
.fa-mars-stroke-v:before {
    content: "\f22a";
}
.fa-mars-stroke-h:before {
    content: "\f22b";
}
.fa-neuter:before {
    content: "\f22c";
}
.fa-genderless:before {
    content: "\f22d";
}
.fa-facebook-official:before {
    content: "\f230";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-server:before {
    content: "\f233";
}
.fa-user-plus:before {
    content: "\f234";
}
.fa-user-times:before {
    content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}
.fa-viacoin:before {
    content: "\f237";
}
.fa-train:before {
    content: "\f238";
}
.fa-subway:before {
    content: "\f239";
}
.fa-medium:before {
    content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}
.fa-optin-monster:before {
    content: "\f23c";
}
.fa-opencart:before {
    content: "\f23d";
}
.fa-expeditedssl:before {
    content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}
.fa-mouse-pointer:before {
    content: "\f245";
}
.fa-i-cursor:before {
    content: "\f246";
}
.fa-object-group:before {
    content: "\f247";
}
.fa-object-ungroup:before {
    content: "\f248";
}
.fa-sticky-note:before {
    content: "\f249";
}
.fa-sticky-note-o:before {
    content: "\f24a";
}
.fa-cc-jcb:before {
    content: "\f24b";
}
.fa-cc-diners-club:before {
    content: "\f24c";
}
.fa-clone:before {
    content: "\f24d";
}
.fa-balance-scale:before {
    content: "\f24e";
}
.fa-hourglass-o:before {
    content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}
.fa-hourglass:before {
    content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}
.fa-hand-scissors-o:before {
    content: "\f257";
}
.fa-hand-lizard-o:before {
    content: "\f258";
}
.fa-hand-spock-o:before {
    content: "\f259";
}
.fa-hand-pointer-o:before {
    content: "\f25a";
}
.fa-hand-peace-o:before {
    content: "\f25b";
}
.fa-trademark:before {
    content: "\f25c";
}
.fa-registered:before {
    content: "\f25d";
}
.fa-creative-commons:before {
    content: "\f25e";
}
.fa-gg:before {
    content: "\f260";
}
.fa-gg-circle:before {
    content: "\f261";
}
.fa-tripadvisor:before {
    content: "\f262";
}
.fa-odnoklassniki:before {
    content: "\f263";
}
.fa-odnoklassniki-square:before {
    content: "\f264";
}
.fa-get-pocket:before {
    content: "\f265";
}
.fa-wikipedia-w:before {
    content: "\f266";
}
.fa-safari:before {
    content: "\f267";
}
.fa-chrome:before {
    content: "\f268";
}
.fa-firefox:before {
    content: "\f269";
}
.fa-opera:before {
    content: "\f26a";
}
.fa-internet-explorer:before {
    content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}
.fa-contao:before {
    content: "\f26d";
}
.fa-500px:before {
    content: "\f26e";
}
.fa-amazon:before {
    content: "\f270";
}
.fa-calendar-plus-o:before {
    content: "\f271";
}
.fa-calendar-minus-o:before {
    content: "\f272";
}
.fa-calendar-times-o:before {
    content: "\f273";
}
.fa-calendar-check-o:before {
    content: "\f274";
}
.fa-industry:before {
    content: "\f275";
}
.fa-map-pin:before {
    content: "\f276";
}
.fa-map-signs:before {
    content: "\f277";
}
.fa-map-o:before {
    content: "\f278";
}
.fa-map:before {
    content: "\f279";
}
.fa-commenting:before {
    content: "\f27a";
}
.fa-commenting-o:before {
    content: "\f27b";
}
.fa-houzz:before {
    content: "\f27c";
}
.fa-vimeo:before {
    content: "\f27d";
}
.fa-black-tie:before {
    content: "\f27e";
}
.fa-fonticons:before {
    content: "\f280";
}
.fa-reddit-alien:before {
    content: "\f281";
}
.fa-edge:before {
    content: "\f282";
}
.fa-credit-card-alt:before {
    content: "\f283";
}
.fa-codiepie:before {
    content: "\f284";
}
.fa-modx:before {
    content: "\f285";
}
.fa-fort-awesome:before {
    content: "\f286";
}
.fa-usb:before {
    content: "\f287";
}
.fa-product-hunt:before {
    content: "\f288";
}
.fa-mixcloud:before {
    content: "\f289";
}
.fa-scribd:before {
    content: "\f28a";
}
.fa-pause-circle:before {
    content: "\f28b";
}
.fa-pause-circle-o:before {
    content: "\f28c";
}
.fa-stop-circle:before {
    content: "\f28d";
}
.fa-stop-circle-o:before {
    content: "\f28e";
}
.fa-shopping-bag:before {
    content: "\f290";
}
.fa-shopping-basket:before {
    content: "\f291";
}
.fa-hashtag:before {
    content: "\f292";
}
.fa-bluetooth:before {
    content: "\f293";
}
.fa-bluetooth-b:before {
    content: "\f294";
}
.fa-percent:before {
    content: "\f295";
}
.fa-gitlab:before {
    content: "\f296";
}
.fa-wpbeginner:before {
    content: "\f297";
}
.fa-wpforms:before {
    content: "\f298";
}
.fa-envira:before {
    content: "\f299";
}
.fa-universal-access:before {
    content: "\f29a";
}
.fa-wheelchair-alt:before {
    content: "\f29b";
}
.fa-question-circle-o:before {
    content: "\f29c";
}
.fa-blind:before {
    content: "\f29d";
}
.fa-audio-description:before {
    content: "\f29e";
}
.fa-volume-control-phone:before {
    content: "\f2a0";
}
.fa-braille:before {
    content: "\f2a1";
}
.fa-assistive-listening-systems:before {
    content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\f2a4";
}
.fa-glide:before {
    content: "\f2a5";
}
.fa-glide-g:before {
    content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
    content: "\f2a7";
}
.fa-low-vision:before {
    content: "\f2a8";
}
.fa-viadeo:before {
    content: "\f2a9";
}
.fa-viadeo-square:before {
    content: "\f2aa";
}
.fa-snapchat:before {
    content: "\f2ab";
}
.fa-snapchat-ghost:before {
    content: "\f2ac";
}
.fa-snapchat-square:before {
    content: "\f2ad";
}
.fa-pied-piper:before {
    content: "\f2ae";
}
.fa-first-order:before {
    content: "\f2b0";
}
.fa-yoast:before {
    content: "\f2b1";
}
.fa-themeisle:before {
    content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4";
}
.fa-handshake-o:before {
    content: "\f2b5";
}
.fa-envelope-open:before {
    content: "\f2b6";
}
.fa-envelope-open-o:before {
    content: "\f2b7";
}
.fa-linode:before {
    content: "\f2b8";
}
.fa-address-book:before {
    content: "\f2b9";
}
.fa-address-book-o:before {
    content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
    content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc";
}
.fa-user-circle:before {
    content: "\f2bd";
}
.fa-user-circle-o:before {
    content: "\f2be";
}
.fa-user-o:before {
    content: "\f2c0";
}
.fa-id-badge:before {
    content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3";
}
.fa-quora:before {
    content: "\f2c4";
}
.fa-free-code-camp:before {
    content: "\f2c5";
}
.fa-telegram:before {
    content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb";
}
.fa-shower:before {
    content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\f2cd";
}
.fa-podcast:before {
    content: "\f2ce";
}
.fa-window-maximize:before {
    content: "\f2d0";
}
.fa-window-minimize:before {
    content: "\f2d1";
}
.fa-window-restore:before {
    content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4";
}
.fa-bandcamp:before {
    content: "\f2d5";
}
.fa-grav:before {
    content: "\f2d6";
}
.fa-etsy:before {
    content: "\f2d7";
}
.fa-imdb:before {
    content: "\f2d8";
}
.fa-ravelry:before {
    content: "\f2d9";
}
.fa-eercast:before {
    content: "\f2da";
}
.fa-microchip:before {
    content: "\f2db";
}
.fa-snowflake-o:before {
    content: "\f2dc";
}
.fa-superpowers:before {
    content: "\f2dd";
}
.fa-wpexplorer:before {
    content: "\f2de";
}
.fa-meetup:before {
    content: "\f2e0";
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
@font-face {
    font-family: "themify";
    src: url('themify.eot?-fvbane');
    src: url('themify.eot?#iefix-fvbane') format("embedded-opentype"), url('themify.woff?-fvbane') format("woff"), url('themify.ttf?-fvbane') format("truetype"), url('themify.svg?-fvbane#themify') format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^=ti-],
[class*=" ti-"] {
    font-family: "themify", sans-serif;
    speak-as: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
    content: "\e600";
}
.ti-volume:before {
    content: "\e601";
}
.ti-user:before {
    content: "\e602";
}
.ti-unlock:before {
    content: "\e603";
}
.ti-unlink:before {
    content: "\e604";
}
.ti-trash:before {
    content: "\e605";
}
.ti-thought:before {
    content: "\e606";
}
.ti-target:before {
    content: "\e607";
}
.ti-tag:before {
    content: "\e608";
}
.ti-tablet:before {
    content: "\e609";
}
.ti-star:before {
    content: "\e60a";
}
.ti-spray:before {
    content: "\e60b";
}
.ti-signal:before {
    content: "\e60c";
}
.ti-shopping-cart:before {
    content: "\e60d";
}
.ti-shopping-cart-full:before {
    content: "\e60e";
}
.ti-settings:before {
    content: "\e60f";
}
.ti-search:before {
    content: "\e610";
}
.ti-zoom-in:before {
    content: "\e611";
}
.ti-zoom-out:before {
    content: "\e612";
}
.ti-cut:before {
    content: "\e613";
}
.ti-ruler:before {
    content: "\e614";
}
.ti-ruler-pencil:before {
    content: "\e615";
}
.ti-ruler-alt:before {
    content: "\e616";
}
.ti-bookmark:before {
    content: "\e617";
}
.ti-bookmark-alt:before {
    content: "\e618";
}
.ti-reload:before {
    content: "\e619";
}
.ti-plus:before {
    content: "\e61a";
}
.ti-pin:before {
    content: "\e61b";
}
.ti-pencil:before {
    content: "\e61c";
}
.ti-pencil-alt:before {
    content: "\e61d";
}
.ti-paint-roller:before {
    content: "\e61e";
}
.ti-paint-bucket:before {
    content: "\e61f";
}
.ti-na:before {
    content: "\e620";
}
.ti-mobile:before {
    content: "\e621";
}
.ti-minus:before {
    content: "\e622";
}
.ti-medall:before {
    content: "\e623";
}
.ti-medall-alt:before {
    content: "\e624";
}
.ti-marker:before {
    content: "\e625";
}
.ti-marker-alt:before {
    content: "\e626";
}
.ti-arrow-up:before {
    content: "\e627";
}
.ti-arrow-right:before {
    content: "\e628";
}
.ti-arrow-left:before {
    content: "\e629";
}
.ti-arrow-down:before {
    content: "\e62a";
}
.ti-lock:before {
    content: "\e62b";
}
.ti-location-arrow:before {
    content: "\e62c";
}
.ti-link:before {
    content: "\e62d";
}
.ti-layout:before {
    content: "\e62e";
}
.ti-layers:before {
    content: "\e62f";
}
.ti-layers-alt:before {
    content: "\e630";
}
.ti-key:before {
    content: "\e631";
}
.ti-import:before {
    content: "\e632";
}
.ti-image:before {
    content: "\e633";
}
.ti-heart:before {
    content: "\e634";
}
.ti-heart-broken:before {
    content: "\e635";
}
.ti-hand-stop:before {
    content: "\e636";
}
.ti-hand-open:before {
    content: "\e637";
}
.ti-hand-drag:before {
    content: "\e638";
}
.ti-folder:before {
    content: "\e639";
}
.ti-flag:before {
    content: "\e63a";
}
.ti-flag-alt:before {
    content: "\e63b";
}
.ti-flag-alt-2:before {
    content: "\e63c";
}
.ti-eye:before {
    content: "\e63d";
}
.ti-export:before {
    content: "\e63e";
}
.ti-exchange-vertical:before {
    content: "\e63f";
}
.ti-desktop:before {
    content: "\e640";
}
.ti-cup:before {
    content: "\e641";
}
.ti-crown:before {
    content: "\e642";
}
.ti-comments:before {
    content: "\e643";
}
.ti-comment:before {
    content: "\e644";
}
.ti-comment-alt:before {
    content: "\e645";
}
.ti-close:before {
    content: "\e646";
}
.ti-clip:before {
    content: "\e647";
}
.ti-angle-up:before {
    content: "\e648";
}
.ti-angle-right:before {
    content: "\e649";
}
.ti-angle-left:before {
    content: "\e64a";
}
.ti-angle-down:before {
    content: "\e64b";
}
.ti-check:before {
    content: "\e64c";
}
.ti-check-box:before {
    content: "\e64d";
}
.ti-camera:before {
    content: "\e64e";
}
.ti-announcement:before {
    content: "\e64f";
}
.ti-brush:before {
    content: "\e650";
}
.ti-briefcase:before {
    content: "\e651";
}
.ti-bolt:before {
    content: "\e652";
}
.ti-bolt-alt:before {
    content: "\e653";
}
.ti-blackboard:before {
    content: "\e654";
}
.ti-bag:before {
    content: "\e655";
}
.ti-move:before {
    content: "\e656";
}
.ti-arrows-vertical:before {
    content: "\e657";
}
.ti-arrows-horizontal:before {
    content: "\e658";
}
.ti-fullscreen:before {
    content: "\e659";
}
.ti-arrow-top-right:before {
    content: "\e65a";
}
.ti-arrow-top-left:before {
    content: "\e65b";
}
.ti-arrow-circle-up:before {
    content: "\e65c";
}
.ti-arrow-circle-right:before {
    content: "\e65d";
}
.ti-arrow-circle-left:before {
    content: "\e65e";
}
.ti-arrow-circle-down:before {
    content: "\e65f";
}
.ti-angle-double-up:before {
    content: "\e660";
}
.ti-angle-double-right:before {
    content: "\e661";
}
.ti-angle-double-left:before {
    content: "\e662";
}
.ti-angle-double-down:before {
    content: "\e663";
}
.ti-zip:before {
    content: "\e664";
}
.ti-world:before {
    content: "\e665";
}
.ti-wheelchair:before {
    content: "\e666";
}
.ti-view-list:before {
    content: "\e667";
}
.ti-view-list-alt:before {
    content: "\e668";
}
.ti-view-grid:before {
    content: "\e669";
}
.ti-uppercase:before {
    content: "\e66a";
}
.ti-upload:before {
    content: "\e66b";
}
.ti-underline:before {
    content: "\e66c";
}
.ti-truck:before {
    content: "\e66d";
}
.ti-timer:before {
    content: "\e66e";
}
.ti-ticket:before {
    content: "\e66f";
}
.ti-thumb-up:before {
    content: "\e670";
}
.ti-thumb-down:before {
    content: "\e671";
}
.ti-text:before {
    content: "\e672";
}
.ti-stats-up:before {
    content: "\e673";
}
.ti-stats-down:before {
    content: "\e674";
}
.ti-split-v:before {
    content: "\e675";
}
.ti-split-h:before {
    content: "\e676";
}
.ti-smallcap:before {
    content: "\e677";
}
.ti-shine:before {
    content: "\e678";
}
.ti-shift-right:before {
    content: "\e679";
}
.ti-shift-left:before {
    content: "\e67a";
}
.ti-shield:before {
    content: "\e67b";
}
.ti-notepad:before {
    content: "\e67c";
}
.ti-server:before {
    content: "\e67d";
}
.ti-quote-right:before {
    content: "\e67e";
}
.ti-quote-left:before {
    content: "\e67f";
}
.ti-pulse:before {
    content: "\e680";
}
.ti-printer:before {
    content: "\e681";
}
.ti-power-off:before {
    content: "\e682";
}
.ti-plug:before {
    content: "\e683";
}
.ti-pie-chart:before {
    content: "\e684";
}
.ti-paragraph:before {
    content: "\e685";
}
.ti-panel:before {
    content: "\e686";
}
.ti-package:before {
    content: "\e687";
}
.ti-music:before {
    content: "\e688";
}
.ti-music-alt:before {
    content: "\e689";
}
.ti-mouse:before {
    content: "\e68a";
}
.ti-mouse-alt:before {
    content: "\e68b";
}
.ti-money:before {
    content: "\e68c";
}
.ti-microphone:before {
    content: "\e68d";
}
.ti-menu:before {
    content: "\e68e";
}
.ti-menu-alt:before {
    content: "\e68f";
}
.ti-map:before {
    content: "\e690";
}
.ti-map-alt:before {
    content: "\e691";
}
.ti-loop:before {
    content: "\e692";
}
.ti-location-pin:before {
    content: "\e693";
}
.ti-list:before {
    content: "\e694";
}
.ti-light-bulb:before {
    content: "\e695";
}
.ti-Italic:before {
    content: "\e696";
}
.ti-info:before {
    content: "\e697";
}
.ti-infinite:before {
    content: "\e698";
}
.ti-id-badge:before {
    content: "\e699";
}
.ti-hummer:before {
    content: "\e69a";
}
.ti-home:before {
    content: "\e69b";
}
.ti-help:before {
    content: "\e69c";
}
.ti-headphone:before {
    content: "\e69d";
}
.ti-harddrives:before {
    content: "\e69e";
}
.ti-harddrive:before {
    content: "\e69f";
}
.ti-gift:before {
    content: "\e6a0";
}
.ti-game:before {
    content: "\e6a1";
}
.ti-filter:before {
    content: "\e6a2";
}
.ti-files:before {
    content: "\e6a3";
}
.ti-file:before {
    content: "\e6a4";
}
.ti-eraser:before {
    content: "\e6a5";
}
.ti-envelope:before {
    content: "\e6a6";
}
.ti-download:before {
    content: "\e6a7";
}
.ti-direction:before {
    content: "\e6a8";
}
.ti-direction-alt:before {
    content: "\e6a9";
}
.ti-dashboard:before {
    content: "\e6aa";
}
.ti-control-stop:before {
    content: "\e6ab";
}
.ti-control-shuffle:before {
    content: "\e6ac";
}
.ti-control-play:before {
    content: "\e6ad";
}
.ti-control-pause:before {
    content: "\e6ae";
}
.ti-control-forward:before {
    content: "\e6af";
}
.ti-control-backward:before {
    content: "\e6b0";
}
.ti-cloud:before {
    content: "\e6b1";
}
.ti-cloud-up:before {
    content: "\e6b2";
}
.ti-cloud-down:before {
    content: "\e6b3";
}
.ti-clipboard:before {
    content: "\e6b4";
}
.ti-car:before {
    content: "\e6b5";
}
.ti-calendar:before {
    content: "\e6b6";
}
.ti-book:before {
    content: "\e6b7";
}
.ti-bell:before {
    content: "\e6b8";
}
.ti-basketball:before {
    content: "\e6b9";
}
.ti-bar-chart:before {
    content: "\e6ba";
}
.ti-bar-chart-alt:before {
    content: "\e6bb";
}
.ti-back-right:before {
    content: "\e6bc";
}
.ti-back-left:before {
    content: "\e6bd";
}
.ti-arrows-corner:before {
    content: "\e6be";
}
.ti-archive:before {
    content: "\e6bf";
}
.ti-anchor:before {
    content: "\e6c0";
}
.ti-align-right:before {
    content: "\e6c1";
}
.ti-align-left:before {
    content: "\e6c2";
}
.ti-align-justify:before {
    content: "\e6c3";
}
.ti-align-center:before {
    content: "\e6c4";
}
.ti-alert:before {
    content: "\e6c5";
}
.ti-alarm-clock:before {
    content: "\e6c6";
}
.ti-agenda:before {
    content: "\e6c7";
}
.ti-write:before {
    content: "\e6c8";
}
.ti-window:before {
    content: "\e6c9";
}
.ti-widgetized:before {
    content: "\e6ca";
}
.ti-widget:before {
    content: "\e6cb";
}
.ti-widget-alt:before {
    content: "\e6cc";
}
.ti-wallet:before {
    content: "\e6cd";
}
.ti-video-clapper:before {
    content: "\e6ce";
}
.ti-video-camera:before {
    content: "\e6cf";
}
.ti-vector:before {
    content: "\e6d0";
}
.ti-themify-logo:before {
    content: "\e6d1";
}
.ti-themify-favicon:before {
    content: "\e6d2";
}
.ti-themify-favicon-alt:before {
    content: "\e6d3";
}
.ti-support:before {
    content: "\e6d4";
}
.ti-stamp:before {
    content: "\e6d5";
}
.ti-split-v-alt:before {
    content: "\e6d6";
}
.ti-slice:before {
    content: "\e6d7";
}
.ti-shortcode:before {
    content: "\e6d8";
}
.ti-shift-right-alt:before {
    content: "\e6d9";
}
.ti-shift-left-alt:before {
    content: "\e6da";
}
.ti-ruler-alt-2:before {
    content: "\e6db";
}
.ti-receipt:before {
    content: "\e6dc";
}
.ti-pin2:before {
    content: "\e6dd";
}
.ti-pin-alt:before {
    content: "\e6de";
}
.ti-pencil-alt2:before {
    content: "\e6df";
}
.ti-palette:before {
    content: "\e6e0";
}
.ti-more:before {
    content: "\e6e1";
}
.ti-more-alt:before {
    content: "\e6e2";
}
.ti-microphone-alt:before {
    content: "\e6e3";
}
.ti-magnet:before {
    content: "\e6e4";
}
.ti-line-double:before {
    content: "\e6e5";
}
.ti-line-dotted:before {
    content: "\e6e6";
}
.ti-line-dashed:before {
    content: "\e6e7";
}
.ti-layout-width-full:before {
    content: "\e6e8";
}
.ti-layout-width-default:before {
    content: "\e6e9";
}
.ti-layout-width-default-alt:before {
    content: "\e6ea";
}
.ti-layout-tab:before {
    content: "\e6eb";
}
.ti-layout-tab-window:before {
    content: "\e6ec";
}
.ti-layout-tab-v:before {
    content: "\e6ed";
}
.ti-layout-tab-min:before {
    content: "\e6ee";
}
.ti-layout-slider:before {
    content: "\e6ef";
}
.ti-layout-slider-alt:before {
    content: "\e6f0";
}
.ti-layout-sidebar-right:before {
    content: "\e6f1";
}
.ti-layout-sidebar-none:before {
    content: "\e6f2";
}
.ti-layout-sidebar-left:before {
    content: "\e6f3";
}
.ti-layout-placeholder:before {
    content: "\e6f4";
}
.ti-layout-menu:before {
    content: "\e6f5";
}
.ti-layout-menu-v:before {
    content: "\e6f6";
}
.ti-layout-menu-separated:before {
    content: "\e6f7";
}
.ti-layout-menu-full:before {
    content: "\e6f8";
}
.ti-layout-media-right-alt:before {
    content: "\e6f9";
}
.ti-layout-media-right:before {
    content: "\e6fa";
}
.ti-layout-media-overlay:before {
    content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
    content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd";
}
.ti-layout-media-left-alt:before {
    content: "\e6fe";
}
.ti-layout-media-left:before {
    content: "\e6ff";
}
.ti-layout-media-center-alt:before {
    content: "\e700";
}
.ti-layout-media-center:before {
    content: "\e701";
}
.ti-layout-list-thumb:before {
    content: "\e702";
}
.ti-layout-list-thumb-alt:before {
    content: "\e703";
}
.ti-layout-list-post:before {
    content: "\e704";
}
.ti-layout-list-large-image:before {
    content: "\e705";
}
.ti-layout-line-solid:before {
    content: "\e706";
}
.ti-layout-grid4:before {
    content: "\e707";
}
.ti-layout-grid3:before {
    content: "\e708";
}
.ti-layout-grid2:before {
    content: "\e709";
}
.ti-layout-grid2-thumb:before {
    content: "\e70a";
}
.ti-layout-cta-right:before {
    content: "\e70b";
}
.ti-layout-cta-left:before {
    content: "\e70c";
}
.ti-layout-cta-center:before {
    content: "\e70d";
}
.ti-layout-cta-btn-right:before {
    content: "\e70e";
}
.ti-layout-cta-btn-left:before {
    content: "\e70f";
}
.ti-layout-column4:before {
    content: "\e710";
}
.ti-layout-column3:before {
    content: "\e711";
}
.ti-layout-column2:before {
    content: "\e712";
}
.ti-layout-accordion-separated:before {
    content: "\e713";
}
.ti-layout-accordion-merged:before {
    content: "\e714";
}
.ti-layout-accordion-list:before {
    content: "\e715";
}
.ti-ink-pen:before {
    content: "\e716";
}
.ti-info-alt:before {
    content: "\e717";
}
.ti-help-alt:before {
    content: "\e718";
}
.ti-headphone-alt:before {
    content: "\e719";
}
.ti-hand-point-up:before {
    content: "\e71a";
}
.ti-hand-point-right:before {
    content: "\e71b";
}
.ti-hand-point-left:before {
    content: "\e71c";
}
.ti-hand-point-down:before {
    content: "\e71d";
}
.ti-gallery:before {
    content: "\e71e";
}
.ti-face-smile:before {
    content: "\e71f";
}
.ti-face-sad:before {
    content: "\e720";
}
.ti-credit-card:before {
    content: "\e721";
}
.ti-control-skip-forward:before {
    content: "\e722";
}
.ti-control-skip-backward:before {
    content: "\e723";
}
.ti-control-record:before {
    content: "\e724";
}
.ti-control-eject:before {
    content: "\e725";
}
.ti-comments-smiley:before {
    content: "\e726";
}
.ti-brush-alt:before {
    content: "\e727";
}
.ti-youtube:before {
    content: "\e728";
}
.ti-vimeo:before {
    content: "\e729";
}
.ti-twitter:before {
    content: "\e72a";
}
.ti-time:before {
    content: "\e72b";
}
.ti-tumblr:before {
    content: "\e72c";
}
.ti-skype:before {
    content: "\e72d";
}
.ti-share:before {
    content: "\e72e";
}
.ti-share-alt:before {
    content: "\e72f";
}
.ti-rocket:before {
    content: "\e730";
}
.ti-pinterest:before {
    content: "\e731";
}
.ti-new-window:before {
    content: "\e732";
}
.ti-microsoft:before {
    content: "\e733";
}
.ti-list-ol:before {
    content: "\e734";
}
.ti-linkedin:before {
    content: "\e735";
}
.ti-layout-sidebar-2:before {
    content: "\e736";
}
.ti-layout-grid4-alt:before {
    content: "\e737";
}
.ti-layout-grid3-alt:before {
    content: "\e738";
}
.ti-layout-grid2-alt:before {
    content: "\e739";
}
.ti-layout-column4-alt:before {
    content: "\e73a";
}
.ti-layout-column3-alt:before {
    content: "\e73b";
}
.ti-layout-column2-alt:before {
    content: "\e73c";
}
.ti-instagram:before {
    content: "\e73d";
}
.ti-google:before {
    content: "\e73e";
}
.ti-github:before {
    content: "\e73f";
}
.ti-flickr:before {
    content: "\e740";
}
.ti-facebook:before {
    content: "\e741";
}
.ti-dropbox:before {
    content: "\e742";
}
.ti-dribbble:before {
    content: "\e743";
}
.ti-apple:before {
    content: "\e744";
}
.ti-android:before {
    content: "\e745";
}
.ti-save:before {
    content: "\e746";
}
.ti-save-alt:before {
    content: "\e747";
}
.ti-yahoo:before {
    content: "\e748";
}
.ti-wordpress:before {
    content: "\e749";
}
.ti-vimeo-alt:before {
    content: "\e74a";
}
.ti-twitter-alt:before {
    content: "\e74b";
}
.ti-tumblr-alt:before {
    content: "\e74c";
}
.ti-trello:before {
    content: "\e74d";
}
.ti-stack-overflow:before {
    content: "\e74e";
}
.ti-soundcloud:before {
    content: "\e74f";
}
.ti-sharethis:before {
    content: "\e750";
}
.ti-sharethis-alt:before {
    content: "\e751";
}
.ti-reddit:before {
    content: "\e752";
}
.ti-pinterest-alt:before {
    content: "\e753";
}
.ti-microsoft-alt:before {
    content: "\e754";
}
.ti-linux:before {
    content: "\e755";
}
.ti-jsfiddle:before {
    content: "\e756";
}
.ti-joomla:before {
    content: "\e757";
}
.ti-html5:before {
    content: "\e758";
}
.ti-flickr-alt:before {
    content: "\e759";
}
.ti-email:before {
    content: "\e75a";
}
.ti-drupal:before {
    content: "\e75b";
}
.ti-dropbox-alt:before {
    content: "\e75c";
}
.ti-css3:before {
    content: "\e75d";
}
.ti-rss:before {
    content: "\e75e";
}
.ti-rss-alt:before {
    content: "\e75f";
}
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*Dark Theme*/
/*Dark Theme*/
/*!
 *  Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
 *  License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
 *
 * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
.la,.la-stack{display:inline-block}
.la-fw,.la-li{text-align:center}
@font-face{font-family:LineAwesome;src:url('line-awesome.eot?v=1.1.');src:url('line-awesome.eot??v=1.1.#iefix') format("embedded-opentype"),url('line-awesome.woff2?v=1.1.') format("woff2"),url('line-awesome.woff?v=1.1.') format("woff"),url('line-awesome.ttf?v=1.1.') format("truetype"),url('line-awesome.svg?v=1.1.#fa') format("svg");font-weight:400;font-style:normal}
@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:LineAwesome;src:url('line-awesome.svg?v=1.1.#fa') format("svg")}}
.la{font:normal normal normal 16px/1 LineAwesome;font-size:inherit;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
.la-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.la-2x{font-size:2em}
.la-3x{font-size:3em}
.la-4x{font-size:4em}
.la-5x{font-size:5em}
.la-fw{width:1.28571429em}
.la-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.la-ul>li{position:relative}
.la-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}
.la-li.la-lg{left:-1.85714286em}
.la-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}
.pull-right{float:right}
.pull-left{float:left}
.li.pull-left{margin-right:.3em}
.li.pull-right{margin-left:.3em}
.la-spin{animation:fa-spin 2s infinite linear}
@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
.la-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}
.la-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}
.la-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}
.la-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);transform:scale(-1,1)}
.la-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);transform:scale(1,-1)}
:root .la-flip-horizontal,:root .la-flip-vertical,:root .la-rotate-180,:root .la-rotate-270,:root .la-rotate-90{filter:none}
.la-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}
.la-stack-1x,.la-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.la-stack-1x{line-height:inherit}
.la-stack-2x{font-size:2em}
.la-inverse{color:#fff}
.la-500px:before{content:"\f100"}
.la-adjust:before{content:"\f101"}
.la-adn:before{content:"\f102"}
.la-align-center:before{content:"\f103"}
.la-align-justify:before{content:"\f104"}
.la-align-left:before{content:"\f105"}
.la-align-right:before{content:"\f106"}
.la-amazon:before{content:"\f107"}
.la-ambulance:before{content:"\f108"}
.la-anchor:before{content:"\f109"}
.la-android:before{content:"\f10a"}
.la-angellist:before{content:"\f10b"}
.la-angle-double-down:before{content:"\f10c"}
.la-angle-double-left:before{content:"\f10d"}
.la-angle-double-right:before{content:"\f10e"}
.la-angle-double-up:before{content:"\f10f"}
.la-angle-down:before{content:"\f110"}
.la-angle-left:before{content:"\f111"}
.la-angle-right:before{content:"\f112"}
.la-angle-up:before{content:"\f113"}
.la-apple:before{content:"\f114"}
.la-archive:before{content:"\f115"}
.la-area-chart:before{content:"\f116"}
.la-arrow-circle-down:before{content:"\f117"}
.la-arrow-circle-left:before{content:"\f118"}
.la-arrow-circle-o-down:before{content:"\f119"}
.la-arrow-circle-o-left:before{content:"\f11a"}
.la-arrow-circle-o-right:before{content:"\f11b"}
.la-arrow-circle-o-up:before{content:"\f11c"}
.la-arrow-circle-right:before{content:"\f11d"}
.la-arrow-circle-up:before{content:"\f11e"}
.la-arrow-down:before{content:"\f11f"}
.la-arrow-left:before{content:"\f120"}
.la-arrow-right:before{content:"\f121"}
.la-arrow-up:before{content:"\f122"}
.la-arrows:before{content:"\f123"}
.la-arrows-alt:before{content:"\f124"}
.la-arrows-h:before{content:"\f125"}
.la-arrows-v:before{content:"\f126"}
.la-asterisk:before{content:"\f127"}
.la-at:before{content:"\f128"}
.la-automobile:before{content:"\f129"}
.la-backward:before{content:"\f12a"}
.la-balance-scale:before{content:"\f12b"}
.la-ban:before{content:"\f12c"}
.la-bank:before{content:"\f12d"}
.la-bar-chart:before{content:"\f12e"}
.la-bar-chart-o:before{content:"\f12f"}
.la-barcode:before{content:"\f130"}
.la-bars:before{content:"\f131"}
.la-battery-0:before{content:"\f132"}
.la-battery-1:before{content:"\f133"}
.la-battery-2:before{content:"\f134"}
.la-battery-3:before{content:"\f135"}
.la-battery-4:before{content:"\f136"}
.la-battery-empty:before{content:"\f137"}
.la-battery-full:before{content:"\f138"}
.la-battery-half:before{content:"\f139"}
.la-battery-quarter:before{content:"\f13a"}
.la-battery-three-quarters:before{content:"\f13b"}
.la-bed:before{content:"\f13c"}
.la-beer:before{content:"\f13d"}
.la-behance:before{content:"\f13e"}
.la-behance-square:before{content:"\f13f"}
.la-bell:before{content:"\f140"}
.la-bell-o:before{content:"\f141"}
.la-bell-slash:before{content:"\f142"}
.la-bell-slash-o:before{content:"\f143"}
.la-bicycle:before{content:"\f144"}
.la-binoculars:before{content:"\f145"}
.la-birthday-cake:before{content:"\f146"}
.la-bitbucket:before{content:"\f147"}
.la-bitbucket-square:before{content:"\f148"}
.la-bitcoin:before{content:"\f149"}
.la-black-tie:before{content:"\f14a"}
.la-bold:before{content:"\f14b"}
.la-bolt:before{content:"\f14c"}
.la-bomb:before{content:"\f14d"}
.la-book:before{content:"\f14e"}
.la-bookmark:before{content:"\f14f"}
.la-bookmark-o:before{content:"\f150"}
.la-briefcase:before{content:"\f151"}
.la-btc:before{content:"\f152"}
.la-bug:before{content:"\f153"}
.la-building:before{content:"\f154"}
.la-building-o:before{content:"\f155"}
.la-bullhorn:before{content:"\f156"}
.la-bullseye:before{content:"\f157"}
.la-bus:before{content:"\f158"}
.la-buysellads:before{content:"\f159"}
.la-cab:before{content:"\f15a"}
.la-calculator:before{content:"\f15b"}
.la-calendar:before{content:"\f15c"}
.la-calendar-check-o:before{content:"\f15d"}
.la-calendar-minus-o:before{content:"\f15e"}
.la-calendar-o:before{content:"\f15f"}
.la-calendar-plus-o:before{content:"\f160"}
.la-calendar-times-o:before{content:"\f161"}
.la-camera:before{content:"\f162"}
.la-camera-retro:before{content:"\f163"}
.la-car:before{content:"\f164"}
.la-caret-down:before{content:"\f165"}
.la-caret-left:before{content:"\f166"}
.la-caret-right:before{content:"\f167"}
.la-caret-square-o-down:before,.la-toggle-down:before{content:"\f168"}
.la-caret-square-o-left:before,.la-toggle-left:before{content:"\f169"}
.la-caret-square-o-right:before,.la-toggle-right:before{content:"\f16a"}
.la-caret-square-o-up:before,.la-toggle-up:before{content:"\f16b"}
.la-caret-up:before{content:"\f16c"}
.la-cart-arrow-down:before{content:"\f16d"}
.la-cart-plus:before{content:"\f16e"}
.la-cc:before{content:"\f16f"}
.la-cc-amex:before{content:"\f170"}
.la-cc-diners-club:before{content:"\f171"}
.la-cc-discover:before{content:"\f172"}
.la-cc-jcb:before{content:"\f173"}
.la-cc-mastercard:before{content:"\f174"}
.la-cc-paypal:before{content:"\f175"}
.la-cc-stripe:before{content:"\f176"}
.la-cc-visa:before{content:"\f177"}
.la-certificate:before{content:"\f178"}
.la-chain:before{content:"\f179"}
.la-chain-broken:before{content:"\f17a"}
.la-check:before{content:"\f17b"}
.la-check-circle:before{content:"\f17c"}
.la-check-circle-o:before{content:"\f17d"}
.la-check-square:before{content:"\f17e"}
.la-check-square-o:before{content:"\f17f"}
.la-chevron-circle-down:before{content:"\f180"}
.la-chevron-circle-left:before{content:"\f181"}
.la-chevron-circle-right:before{content:"\f182"}
.la-chevron-circle-up:before{content:"\f183"}
.la-chevron-down:before{content:"\f184"}
.la-chevron-left:before{content:"\f185"}
.la-chevron-right:before{content:"\f186"}
.la-chevron-up:before{content:"\f187"}
.la-child:before{content:"\f188"}
.la-chrome:before{content:"\f189"}
.la-circle:before{content:"\f18a"}
.la-circle-o:before{content:"\f18b"}
.la-circle-o-notch:before{content:"\f18c"}
.la-circle-thin:before{content:"\f18d"}
.la-clipboard:before{content:"\f18e"}
.la-clock-o:before{content:"\f18f"}
.la-clone:before{content:"\f190"}
.la-close:before{content:"\f191"}
.la-cloud:before{content:"\f192"}
.la-cloud-download:before{content:"\f193"}
.la-cloud-upload:before{content:"\f194"}
.la-cny:before{content:"\f195"}
.la-code:before{content:"\f196"}
.la-code-fork:before{content:"\f197"}
.la-codepen:before{content:"\f198"}
.la-coffee:before{content:"\f199"}
.la-cog:before{content:"\f19a"}
.la-cogs:before{content:"\f19b"}
.la-columns:before{content:"\f19c"}
.la-comment:before{content:"\f19d"}
.la-comment-o:before{content:"\f19e"}
.la-commenting:before{content:"\f19f"}
.la-commenting-o:before{content:"\f1a0"}
.la-comments:before{content:"\f1a1"}
.la-comments-o:before{content:"\f1a2"}
.la-compass:before{content:"\f1a3"}
.la-compress:before{content:"\f1a4"}
.la-connectdevelop:before{content:"\f1a5"}
.la-contao:before{content:"\f1a6"}
.la-copy:before{content:"\f1a7"}
.la-copyright:before{content:"\f1a8"}
.la-creative-commons:before{content:"\f1a9"}
.la-credit-card:before{content:"\f1aa"}
.la-crop:before{content:"\f1ab"}
.la-crosshairs:before{content:"\f1ac"}
.la-css3:before{content:"\f1ad"}
.la-cube:before{content:"\f1ae"}
.la-cubes:before{content:"\f1af"}
.la-cut:before{content:"\f1b0"}
.la-cutlery:before{content:"\f1b1"}
.la-dashboard:before{content:"\f1b2"}
.la-dashcube:before{content:"\f1b3"}
.la-database:before{content:"\f1b4"}
.la-dedent:before{content:"\f1b5"}
.la-delicious:before{content:"\f1b6"}
.la-desktop:before{content:"\f1b7"}
.la-deviantart:before{content:"\f1b8"}
.la-diamond:before{content:"\f1b9"}
.la-digg:before{content:"\f1ba"}
.la-dollar:before{content:"\f1bb"}
.la-dot-circle-o:before{content:"\f1bc"}
.la-download:before{content:"\f1bd"}
.la-dribbble:before{content:"\f1be"}
.la-dropbox:before{content:"\f1bf"}
.la-drupal:before{content:"\f1c0"}
.la-edit:before{content:"\f1c1"}
.la-eject:before{content:"\f1c2"}
.la-ellipsis-h:before{content:"\f1c3"}
.la-ellipsis-v:before{content:"\f1c4"}
.la-empire:before,.la-ge:before{content:"\f1c5"}
.la-envelope:before{content:"\f1c6"}
.la-envelope-o:before{content:"\f1c7"}
.la-envelope-square:before{content:"\f1c8"}
.la-eraser:before{content:"\f1c9"}
.la-eur:before{content:"\f1ca"}
.la-euro:before{content:"\f1cb"}
.la-exchange:before{content:"\f1cc"}
.la-exclamation:before{content:"\f1cd"}
.la-exclamation-circle:before{content:"\f1ce"}
.la-exclamation-triangle:before{content:"\f1cf"}
.la-expand:before{content:"\f1d0"}
.la-expeditedssl:before{content:"\f1d1"}
.la-external-link:before{content:"\f1d2"}
.la-external-link-square:before{content:"\f1d3"}
.la-eye:before{content:"\f1d4"}
.la-eye-slash:before{content:"\f1d5"}
.la-eyedropper:before{content:"\f1d6"}
.la-facebook-f:before,.la-facebook:before{content:"\f1d7"}
.la-facebook-official:before{content:"\f1d8"}
.la-facebook-square:before{content:"\f1d9"}
.la-fast-backward:before{content:"\f1da"}
.la-fast-forward:before{content:"\f1db"}
.la-fax:before{content:"\f1dc"}
.la-female:before{content:"\f1dd"}
.la-fighter-jet:before{content:"\f1de"}
.la-file:before{content:"\f1df"}
.la-file-archive-o:before{content:"\f1e0"}
.la-file-audio-o:before{content:"\f1e1"}
.la-file-code-o:before{content:"\f1e2"}
.la-file-excel-o:before{content:"\f1e3"}
.la-file-image-o:before{content:"\f1e4"}
.la-file-movie-o:before{content:"\f1e5"}
.la-file-o:before{content:"\f1e6"}
.la-file-pdf-o:before{content:"\f1e7"}
.la-file-photo-o:before{content:"\f1e8"}
.la-file-picture-o:before{content:"\f1e9"}
.la-file-powerpoint-o:before{content:"\f1ea"}
.la-file-sound-o:before{content:"\f1eb"}
.la-file-text:before{content:"\f1ec"}
.la-file-text-o:before{content:"\f1ed"}
.la-file-video-o:before{content:"\f1ee"}
.la-file-word-o:before{content:"\f1ef"}
.la-file-zip-o:before{content:"\f1f0"}
.la-files-o:before{content:"\f1f1"}
.la-film:before{content:"\f1f2"}
.la-filter:before{content:"\f1f3"}
.la-fire:before{content:"\f1f4"}
.la-fire-extinguisher:before{content:"\f1f5"}
.la-firefox:before{content:"\f1f6"}
.la-flag:before{content:"\f1f7"}
.la-flag-checkered:before{content:"\f1f8"}
.la-flag-o:before{content:"\f1f9"}
.la-flash:before{content:"\f1fa"}
.la-flask:before{content:"\f1fb"}
.la-flickr:before{content:"\f1fc"}
.la-floppy-o:before{content:"\f1fd"}
.la-folder:before{content:"\f1fe"}
.la-folder-o:before{content:"\f1ff"}
.la-folder-open:before{content:"\f200"}
.la-folder-open-o:before{content:"\f201"}
.la-font:before{content:"\f202"}
.la-fonticons:before{content:"\f203"}
.la-forumbee:before{content:"\f204"}
.la-forward:before{content:"\f205"}
.la-foursquare:before{content:"\f206"}
.la-frown-o:before{content:"\f207"}
.la-futbol-o:before,.la-soccer-ball-o:before{content:"\f208"}
.la-gamepad:before{content:"\f209"}
.la-gavel:before{content:"\f20a"}
.la-gbp:before{content:"\f20b"}
.la-gear:before{content:"\f20c"}
.la-gears:before{content:"\f20d"}
.la-genderless:before{content:"\f20e"}
.la-get-pocket:before{content:"\f20f"}
.la-gg:before{content:"\f210"}
.la-gg-circle:before{content:"\f211"}
.la-gift:before{content:"\f212"}
.la-git:before{content:"\f213"}
.la-git-square:before{content:"\f214"}
.la-github:before{content:"\f215"}
.la-github-alt:before{content:"\f216"}
.la-github-square:before{content:"\f217"}
.la-glass:before{content:"\f218"}
.la-globe:before{content:"\f219"}
.la-google:before{content:"\f21a"}
.la-google-plus:before{content:"\f21b"}
.la-google-plus-square:before{content:"\f21c"}
.la-google-wallet:before{content:"\f21d"}
.la-graduation-cap:before{content:"\f21e"}
.la-gittip:before,.la-gratipay:before{content:"\f21f"}
.la-group:before{content:"\f220"}
.la-h-square:before{content:"\f221"}
.la-hacker-news:before{content:"\f222"}
.la-hand-grab-o:before{content:"\f223"}
.la-hand-lizard-o:before{content:"\f224"}
.la-hand-o-down:before{content:"\f225"}
.la-hand-o-left:before{content:"\f226"}
.la-hand-o-right:before{content:"\f227"}
.la-hand-o-up:before{content:"\f228"}
.la-hand-paper-o:before{content:"\f229"}
.la-hand-peace-o:before{content:"\f22a"}
.la-hand-pointer-o:before{content:"\f22b"}
.la-hand-rock-o:before{content:"\f22c"}
.la-hand-scissors-o:before{content:"\f22d"}
.la-hand-spock-o:before{content:"\f22e"}
.la-hand-stop-o:before{content:"\f22f"}
.la-hdd-o:before{content:"\f230"}
.la-header:before{content:"\f231"}
.la-headphones:before{content:"\f232"}
.la-heart:before{content:"\f233"}
.la-heart-o:before{content:"\f234"}
.la-heartbeat:before{content:"\f235"}
.la-history:before{content:"\f236"}
.la-home:before{content:"\f237"}
.la-hospital-o:before{content:"\f238"}
.la-hotel:before{content:"\f239"}
.la-hourglass:before{content:"\f23a"}
.la-hourglass-1:before{content:"\f23b"}
.la-hourglass-2:before{content:"\f23c"}
.la-hourglass-3:before{content:"\f23d"}
.la-hourglass-end:before{content:"\f23e"}
.la-hourglass-half:before{content:"\f23f"}
.la-hourglass-o:before{content:"\f240"}
.la-hourglass-start:before{content:"\f241"}
.la-houzz:before{content:"\f242"}
.la-html5:before{content:"\f243"}
.la-i-cursor:before{content:"\f244"}
.la-ils:before{content:"\f245"}
.la-image:before{content:"\f246"}
.la-inbox:before{content:"\f247"}
.la-indent:before{content:"\f248"}
.la-industry:before{content:"\f249"}
.la-info:before{content:"\f24a"}
.la-info-circle:before{content:"\f24b"}
.la-inr:before{content:"\f24c"}
.la-instagram:before{content:"\f24d"}
.la-institution:before{content:"\f24e"}
.la-internet-explorer:before{content:"\f24f"}
.la-ioxhost:before{content:"\f250"}
.la-italic:before{content:"\f251"}
.la-joomla:before{content:"\f252"}
.la-jpy:before{content:"\f253"}
.la-jsfiddle:before{content:"\f254"}
.la-key:before{content:"\f255"}
.la-keyboard-o:before{content:"\f256"}
.la-krw:before{content:"\f257"}
.la-language:before{content:"\f258"}
.la-laptop:before{content:"\f259"}
.la-lastfm:before{content:"\f25a"}
.la-lastfm-square:before{content:"\f25b"}
.la-leaf:before{content:"\f25c"}
.la-leanpub:before{content:"\f25d"}
.la-legal:before{content:"\f25e"}
.la-lemon-o:before{content:"\f25f"}
.la-level-down:before{content:"\f260"}
.la-level-up:before{content:"\f261"}
.la-life-bouy:before{content:"\f262"}
.la-life-buoy:before{content:"\f263"}
.la-life-ring:before,.la-support:before{content:"\f264"}
.la-life-saver:before{content:"\f265"}
.la-lightbulb-o:before{content:"\f266"}
.la-line-chart:before{content:"\f267"}
.la-link:before{content:"\f268"}
.la-linkedin:before{content:"\f269"}
.la-linkedin-square:before{content:"\f26a"}
.la-linux:before{content:"\f26b"}
.la-list:before{content:"\f26c"}
.la-list-alt:before{content:"\f26d"}
.la-list-ol:before{content:"\f26e"}
.la-list-ul:before{content:"\f26f"}
.la-location-arrow:before{content:"\f270"}
.la-lock:before{content:"\f271"}
.la-long-arrow-down:before{content:"\f272"}
.la-long-arrow-left:before{content:"\f273"}
.la-long-arrow-right:before{content:"\f274"}
.la-long-arrow-up:before{content:"\f275"}
.la-magic:before{content:"\f276"}
.la-magnet:before{content:"\f277"}
.la-mail-forward:before{content:"\f278"}
.la-mail-reply:before{content:"\f279"}
.la-mail-reply-all:before{content:"\f27a"}
.la-male:before{content:"\f27b"}
.la-map:before{content:"\f27c"}
.la-map-marker:before{content:"\f27d"}
.la-map-o:before{content:"\f27e"}
.la-map-pin:before{content:"\f27f"}
.la-map-signs:before{content:"\f280"}
.la-mars:before{content:"\f281"}
.la-mars-double:before{content:"\f282"}
.la-mars-stroke:before{content:"\f283"}
.la-mars-stroke-h:before{content:"\f284"}
.la-mars-stroke-v:before{content:"\f285"}
.la-maxcdn:before{content:"\f286"}
.la-meanpath:before{content:"\f287"}
.la-medium:before{content:"\f288"}
.la-medkit:before{content:"\f289"}
.la-meh-o:before{content:"\f28a"}
.la-mercury:before{content:"\f28b"}
.la-microphone:before{content:"\f28c"}
.la-microphone-slash:before{content:"\f28d"}
.la-minus:before{content:"\f28e"}
.la-minus-circle:before{content:"\f28f"}
.la-minus-square:before{content:"\f290"}
.la-minus-square-o:before{content:"\f291"}
.la-mobile:before{content:"\f292"}
.la-mobile-phone:before{content:"\f293"}
.la-money:before{content:"\f294"}
.la-moon-o:before{content:"\f295"}
.la-mortar-board:before{content:"\f296"}
.la-motorcycle:before{content:"\f297"}
.la-mouse-pointer:before{content:"\f298"}
.la-music:before{content:"\f299"}
.la-navicon:before{content:"\f29a"}
.la-neuter:before{content:"\f29b"}
.la-newspaper-o:before{content:"\f29c"}
.la-object-group:before{content:"\f29d"}
.la-object-ungroup:before{content:"\f29e"}
.la-odnoklassniki:before{content:"\f29f"}
.la-odnoklassniki-square:before{content:"\f2a0"}
.la-opencart:before{content:"\f2a1"}
.la-openid:before{content:"\f2a2"}
.la-opera:before{content:"\f2a3"}
.la-optin-monster:before{content:"\f2a4"}
.la-outdent:before{content:"\f2a5"}
.la-pagelines:before{content:"\f2a6"}
.la-paint-brush:before{content:"\f2a7"}
.la-paper-plane:before,.la-send:before{content:"\f2a8"}
.la-paper-plane-o:before,.la-send-o:before{content:"\f2a9"}
.la-paperclip:before{content:"\f2aa"}
.la-paragraph:before{content:"\f2ab"}
.la-paste:before{content:"\f2ac"}
.la-pause:before{content:"\f2ad"}
.la-paw:before{content:"\f2ae"}
.la-paypal:before{content:"\f2af"}
.la-pencil:before{content:"\f2b0"}
.la-pencil-square:before{content:"\f2b1"}
.la-pencil-square-o:before{content:"\f2b2"}
.la-phone:before{content:"\f2b3"}
.la-phone-square:before{content:"\f2b4"}
.la-photo:before{content:"\f2b5"}
.la-picture-o:before{content:"\f2b6"}
.la-pie-chart:before{content:"\f2b7"}
.la-pied-piper:before{content:"\f2b8"}
.la-pied-piper-alt:before{content:"\f2b9"}
.la-pinterest:before{content:"\f2ba"}
.la-pinterest-p:before{content:"\f2bb"}
.la-pinterest-square:before{content:"\f2bc"}
.la-plane:before{content:"\f2bd"}
.la-play:before{content:"\f2be"}
.la-play-circle:before{content:"\f2bf"}
.la-play-circle-o:before{content:"\f2c0"}
.la-plug:before{content:"\f2c1"}
.la-plus:before{content:"\f2c2"}
.la-plus-circle:before{content:"\f2c3"}
.la-plus-square:before{content:"\f2c4"}
.la-plus-square-o:before{content:"\f2c5"}
.la-power-off:before{content:"\f2c6"}
.la-print:before{content:"\f2c7"}
.la-puzzle-piece:before{content:"\f2c8"}
.la-qq:before{content:"\f2c9"}
.la-qrcode:before{content:"\f2ca"}
.la-question:before{content:"\f2cb"}
.la-question-circle:before{content:"\f2cc"}
.la-quote-left:before{content:"\f2cd"}
.la-quote-right:before{content:"\f2ce"}
.la-ra:before{content:"\f2cf"}
.la-random:before{content:"\f2d0"}
.la-rebel:before{content:"\f2d1"}
.la-recycle:before{content:"\f2d2"}
.la-reddit:before{content:"\f2d3"}
.la-reddit-square:before{content:"\f2d4"}
.la-refresh:before{content:"\f2d5"}
.la-registered:before{content:"\f2d6"}
.la-renren:before{content:"\f2d7"}
.la-reorder:before{content:"\f2d8"}
.la-repeat:before{content:"\f2d9"}
.la-reply:before{content:"\f2da"}
.la-reply-all:before{content:"\f2db"}
.la-retweet:before{content:"\f2dc"}
.la-rmb:before{content:"\f2dd"}
.la-road:before{content:"\f2de"}
.la-rocket:before{content:"\f2df"}
.la-rotate-left:before{content:"\f2e0"}
.la-rotate-right:before{content:"\f2e1"}
.la-rouble:before{content:"\f2e2"}
.la-feed:before,.la-rss:before{content:"\f2e3"}
.la-rss-square:before{content:"\f2e4"}
.la-rub:before{content:"\f2e5"}
.la-ruble:before{content:"\f2e6"}
.la-rupee:before{content:"\f2e7"}
.la-safari:before{content:"\f2e8"}
.la-save:before{content:"\f2e9"}
.la-scissors:before{content:"\f2ea"}
.la-search:before{content:"\f2eb"}
.la-search-minus:before{content:"\f2ec"}
.la-search-plus:before{content:"\f2ed"}
.la-sellsy:before{content:"\f2ee"}
.la-server:before{content:"\f2ef"}
.la-share:before{content:"\f2f0"}
.la-share-alt:before{content:"\f2f1"}
.la-share-alt-square:before{content:"\f2f2"}
.la-share-square:before{content:"\f2f3"}
.la-share-square-o:before{content:"\f2f4"}
.la-shekel:before{content:"\f2f5"}
.la-sheqel:before{content:"\f2f6"}
.la-shield:before{content:"\f2f7"}
.la-ship:before{content:"\f2f8"}
.la-shirtsinbulk:before{content:"\f2f9"}
.la-shopping-cart:before{content:"\f2fa"}
.la-sign-in:before{content:"\f2fb"}
.la-sign-out:before{content:"\f2fc"}
.la-signal:before{content:"\f2fd"}
.la-simplybuilt:before{content:"\f2fe"}
.la-sitemap:before{content:"\f2ff"}
.la-skyatlas:before{content:"\f300"}
.la-skype:before{content:"\f301"}
.la-slack:before{content:"\f302"}
.la-sliders:before{content:"\f303"}
.la-slideshare:before{content:"\f304"}
.la-smile-o:before{content:"\f305"}
.la-sort:before,.la-unsorted:before{content:"\f306"}
.la-sort-alpha-asc:before{content:"\f307"}
.la-sort-alpha-desc:before{content:"\f308"}
.la-sort-amount-asc:before{content:"\f309"}
.la-sort-amount-desc:before{content:"\f30a"}
.la-sort-asc:before,.la-sort-up:before{content:"\f30b"}
.la-sort-desc:before,.la-sort-down:before{content:"\f30c"}
.la-sort-numeric-asc:before{content:"\f30d"}
.la-sort-numeric-desc:before{content:"\f30e"}
.la-soundcloud:before{content:"\f30f"}
.la-space-shuttle:before{content:"\f310"}
.la-spinner:before{content:"\f311"}
.la-spoon:before{content:"\f312"}
.la-spotify:before{content:"\f313"}
.la-square:before{content:"\f314"}
.la-square-o:before{content:"\f315"}
.la-stack-exchange:before{content:"\f316"}
.la-stack-overflow:before{content:"\f317"}
.la-star:before{content:"\f318"}
.la-star-half:before{content:"\f319"}
.la-star-half-empty:before,.la-star-half-full:before,.la-star-half-o:before{content:"\f31a"}
.la-star-o:before{content:"\f31b"}
.la-steam:before{content:"\f31c"}
.la-steam-square:before{content:"\f31d"}
.la-step-backward:before{content:"\f31e"}
.la-step-forward:before{content:"\f31f"}
.la-stethoscope:before{content:"\f320"}
.la-sticky-note:before{content:"\f321"}
.la-sticky-note-o:before{content:"\f322"}
.la-stop:before{content:"\f323"}
.la-street-view:before{content:"\f324"}
.la-strikethrough:before{content:"\f325"}
.la-stumbleupon:before{content:"\f326"}
.la-stumbleupon-circle:before{content:"\f327"}
.la-subscript:before{content:"\f328"}
.la-subway:before{content:"\f329"}
.la-suitcase:before{content:"\f32a"}
.la-sun-o:before{content:"\f32b"}
.la-superscript:before{content:"\f32c"}
.la-table:before{content:"\f32d"}
.la-tablet:before{content:"\f32e"}
.la-tachometer:before{content:"\f32f"}
.la-tag:before{content:"\f330"}
.la-tags:before{content:"\f331"}
.la-tasks:before{content:"\f332"}
.la-taxi:before{content:"\f333"}
.la-television:before,.la-tv:before{content:"\f334"}
.la-tencent-weibo:before{content:"\f335"}
.la-terminal:before{content:"\f336"}
.la-text-height:before{content:"\f337"}
.la-text-width:before{content:"\f338"}
.la-th:before{content:"\f339"}
.la-th-large:before{content:"\f33a"}
.la-th-list:before{content:"\f33b"}
.la-thumb-tack:before{content:"\f33c"}
.la-thumbs-down:before{content:"\f33d"}
.la-thumbs-o-down:before{content:"\f33e"}
.la-thumbs-o-up:before{content:"\f33f"}
.la-thumbs-up:before{content:"\f340"}
.la-ticket:before{content:"\f341"}
.la-remove:before,.la-times:before{content:"\f342"}
.la-times-circle:before{content:"\f343"}
.la-times-circle-o:before{content:"\f344"}
.la-tint:before{content:"\f345"}
.la-toggle-off:before{content:"\f346"}
.la-toggle-on:before{content:"\f347"}
.la-trademark:before{content:"\f348"}
.la-train:before{content:"\f349"}
.la-intersex:before,.la-transgender:before{content:"\f34a"}
.la-transgender-alt:before{content:"\f34b"}
.la-trash:before{content:"\f34c"}
.la-trash-o:before{content:"\f34d"}
.la-tree:before{content:"\f34e"}
.la-trello:before{content:"\f34f"}
.la-tripadvisor:before{content:"\f350"}
.la-trophy:before{content:"\f351"}
.la-truck:before{content:"\f352"}
.la-try:before{content:"\f353"}
.la-tty:before{content:"\f354"}
.la-tumblr:before{content:"\f355"}
.la-tumblr-square:before{content:"\f356"}
.la-turkish-lira:before{content:"\f357"}
.la-twitch:before{content:"\f358"}
.la-twitter:before{content:"\f359"}
.la-twitter-square:before{content:"\f35a"}
.la-umbrella:before{content:"\f35b"}
.la-underline:before{content:"\f35c"}
.la-undo:before{content:"\f35d"}
.la-university:before{content:"\f35e"}
.la-unlink:before{content:"\f35f"}
.la-unlock:before{content:"\f360"}
.la-unlock-alt:before{content:"\f361"}
.la-upload:before{content:"\f362"}
.la-usd:before{content:"\f363"}
.la-user:before{content:"\f364"}
.la-user-md:before{content:"\f365"}
.la-user-plus:before{content:"\f366"}
.la-user-secret:before{content:"\f367"}
.la-user-times:before{content:"\f368"}
.la-users:before{content:"\f369"}
.la-venus:before{content:"\f36a"}
.la-venus-double:before{content:"\f36b"}
.la-venus-mars:before{content:"\f36c"}
.la-viacoin:before{content:"\f36d"}
.la-video-camera:before{content:"\f36e"}
.la-vimeo:before{content:"\f36f"}
.la-vimeo-square:before{content:"\f370"}
.la-vine:before{content:"\f371"}
.la-vk:before{content:"\f372"}
.la-volume-down:before{content:"\f373"}
.la-volume-off:before{content:"\f374"}
.la-volume-up:before{content:"\f375"}
.la-warning:before{content:"\f376"}
.la-wechat:before{content:"\f377"}
.la-weibo:before{content:"\f378"}
.la-weixin:before{content:"\f379"}
.la-whatsapp:before{content:"\f37a"}
.la-wheelchair:before{content:"\f37b"}
.la-wifi:before{content:"\f37c"}
.la-wikipedia-w:before{content:"\f37d"}
.la-windows:before{content:"\f37e"}
.la-won:before{content:"\f37f"}
.la-wordpress:before{content:"\f380"}
.la-wrench:before{content:"\f381"}
.la-xing:before{content:"\f382"}
.la-xing-square:before{content:"\f383"}
.la-y-combinator:before{content:"\f384"}
.la-y-combinator-square:before{content:"\f385"}
.la-yahoo:before{content:"\f386"}
.la-yc:before{content:"\f387"}
.la-yc-square:before{content:"\f388"}
.la-yelp:before{content:"\f389"}
.la-yen:before{content:"\f38a"}
.la-youtube:before{content:"\f38b"}
.la-youtube-play:before{content:"\f38c"}
.la-youtube-square:before{content:"\f38d"}
@font-face {
    font-family: "themify";
    src: url('themify.eot');
    src: url('themify.eot') format("embedded-opentype"), url('themify.woff') format("woff"), url('themify.ttf') format("truetype"), url('themify.svg') format("svg");
    font-weight: normal;
    font-style: normal;
}
.ti {
    font-family: "themify", sans-serif;
    speak-as: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
    content: "\e600";
}
.ti-volume:before {
    content: "\e601";
}
.ti-user:before {
    content: "\e602";
}
.ti-unlock:before {
    content: "\e603";
}
.ti-unlink:before {
    content: "\e604";
}
.ti-trash:before {
    content: "\e605";
}
.ti-thought:before {
    content: "\e606";
}
.ti-target:before {
    content: "\e607";
}
.ti-tag:before {
    content: "\e608";
}
.ti-tablet:before {
    content: "\e609";
}
.ti-star:before {
    content: "\e60a";
}
.ti-spray:before {
    content: "\e60b";
}
.ti-signal:before {
    content: "\e60c";
}
.ti-shopping-cart:before {
    content: "\e60d";
}
.ti-shopping-cart-full:before {
    content: "\e60e";
}
.ti-settings:before {
    content: "\e60f";
}
.ti-search:before {
    content: "\e610";
}
.ti-zoom-in:before {
    content: "\e611";
}
.ti-zoom-out:before {
    content: "\e612";
}
.ti-cut:before {
    content: "\e613";
}
.ti-ruler:before {
    content: "\e614";
}
.ti-ruler-pencil:before {
    content: "\e615";
}
.ti-ruler-alt:before {
    content: "\e616";
}
.ti-bookmark:before {
    content: "\e617";
}
.ti-bookmark-alt:before {
    content: "\e618";
}
.ti-reload:before {
    content: "\e619";
}
.ti-plus:before {
    content: "\e61a";
}
.ti-pin:before {
    content: "\e61b";
}
.ti-pencil:before {
    content: "\e61c";
}
.ti-pencil-alt:before {
    content: "\e61d";
}
.ti-paint-roller:before {
    content: "\e61e";
}
.ti-paint-bucket:before {
    content: "\e61f";
}
.ti-na:before {
    content: "\e620";
}
.ti-mobile:before {
    content: "\e621";
}
.ti-minus:before {
    content: "\e622";
}
.ti-medall:before {
    content: "\e623";
}
.ti-medall-alt:before {
    content: "\e624";
}
.ti-marker:before {
    content: "\e625";
}
.ti-marker-alt:before {
    content: "\e626";
}
.ti-arrow-up:before {
    content: "\e627";
}
.ti-arrow-right:before {
    content: "\e628";
}
.ti-arrow-left:before {
    content: "\e629";
}
.ti-arrow-down:before {
    content: "\e62a";
}
.ti-lock:before {
    content: "\e62b";
}
.ti-location-arrow:before {
    content: "\e62c";
}
.ti-link:before {
    content: "\e62d";
}
.ti-layout:before {
    content: "\e62e";
}
.ti-layers:before {
    content: "\e62f";
}
.ti-layers-alt:before {
    content: "\e630";
}
.ti-key:before {
    content: "\e631";
}
.ti-import:before {
    content: "\e632";
}
.ti-image:before {
    content: "\e633";
}
.ti-heart:before {
    content: "\e634";
}
.ti-heart-broken:before {
    content: "\e635";
}
.ti-hand-stop:before {
    content: "\e636";
}
.ti-hand-open:before {
    content: "\e637";
}
.ti-hand-drag:before {
    content: "\e638";
}
.ti-folder:before {
    content: "\e639";
}
.ti-flag:before {
    content: "\e63a";
}
.ti-flag-alt:before {
    content: "\e63b";
}
.ti-flag-alt-2:before {
    content: "\e63c";
}
.ti-eye:before {
    content: "\e63d";
}
.ti-export:before {
    content: "\e63e";
}
.ti-exchange-vertical:before {
    content: "\e63f";
}
.ti-desktop:before {
    content: "\e640";
}
.ti-cup:before {
    content: "\e641";
}
.ti-crown:before {
    content: "\e642";
}
.ti-comments:before {
    content: "\e643";
}
.ti-comment:before {
    content: "\e644";
}
.ti-comment-alt:before {
    content: "\e645";
}
.ti-close:before {
    content: "\e646";
}
.ti-clip:before {
    content: "\e647";
}
.ti-angle-up:before {
    content: "\e648";
}
.ti-angle-right:before {
    content: "\e649";
}
.ti-angle-left:before {
    content: "\e64a";
}
.ti-angle-down:before {
    content: "\e64b";
}
.ti-check:before {
    content: "\e64c";
}
.ti-check-box:before {
    content: "\e64d";
}
.ti-camera:before {
    content: "\e64e";
}
.ti-announcement:before {
    content: "\e64f";
}
.ti-brush:before {
    content: "\e650";
}
.ti-briefcase:before {
    content: "\e651";
}
.ti-bolt:before {
    content: "\e652";
}
.ti-bolt-alt:before {
    content: "\e653";
}
.ti-blackboard:before {
    content: "\e654";
}
.ti-bag:before {
    content: "\e655";
}
.ti-move:before {
    content: "\e656";
}
.ti-arrows-vertical:before {
    content: "\e657";
}
.ti-arrows-horizontal:before {
    content: "\e658";
}
.ti-fullscreen:before {
    content: "\e659";
}
.ti-arrow-top-right:before {
    content: "\e65a";
}
.ti-arrow-top-left:before {
    content: "\e65b";
}
.ti-arrow-circle-up:before {
    content: "\e65c";
}
.ti-arrow-circle-right:before {
    content: "\e65d";
}
.ti-arrow-circle-left:before {
    content: "\e65e";
}
.ti-arrow-circle-down:before {
    content: "\e65f";
}
.ti-angle-double-up:before {
    content: "\e660";
}
.ti-angle-double-right:before {
    content: "\e661";
}
.ti-angle-double-left:before {
    content: "\e662";
}
.ti-angle-double-down:before {
    content: "\e663";
}
.ti-zip:before {
    content: "\e664";
}
.ti-world:before {
    content: "\e665";
}
.ti-wheelchair:before {
    content: "\e666";
}
.ti-view-list:before {
    content: "\e667";
}
.ti-view-list-alt:before {
    content: "\e668";
}
.ti-view-grid:before {
    content: "\e669";
}
.ti-uppercase:before {
    content: "\e66a";
}
.ti-upload:before {
    content: "\e66b";
}
.ti-underline:before {
    content: "\e66c";
}
.ti-truck:before {
    content: "\e66d";
}
.ti-timer:before {
    content: "\e66e";
}
.ti-ticket:before {
    content: "\e66f";
}
.ti-thumb-up:before {
    content: "\e670";
}
.ti-thumb-down:before {
    content: "\e671";
}
.ti-text:before {
    content: "\e672";
}
.ti-stats-up:before {
    content: "\e673";
}
.ti-stats-down:before {
    content: "\e674";
}
.ti-split-v:before {
    content: "\e675";
}
.ti-split-h:before {
    content: "\e676";
}
.ti-smallcap:before {
    content: "\e677";
}
.ti-shine:before {
    content: "\e678";
}
.ti-shift-right:before {
    content: "\e679";
}
.ti-shift-left:before {
    content: "\e67a";
}
.ti-shield:before {
    content: "\e67b";
}
.ti-notepad:before {
    content: "\e67c";
}
.ti-server:before {
    content: "\e67d";
}
.ti-quote-right:before {
    content: "\e67e";
}
.ti-quote-left:before {
    content: "\e67f";
}
.ti-pulse:before {
    content: "\e680";
}
.ti-printer:before {
    content: "\e681";
}
.ti-power-off:before {
    content: "\e682";
}
.ti-plug:before {
    content: "\e683";
}
.ti-pie-chart:before {
    content: "\e684";
}
.ti-paragraph:before {
    content: "\e685";
}
.ti-panel:before {
    content: "\e686";
}
.ti-package:before {
    content: "\e687";
}
.ti-music:before {
    content: "\e688";
}
.ti-music-alt:before {
    content: "\e689";
}
.ti-mouse:before {
    content: "\e68a";
}
.ti-mouse-alt:before {
    content: "\e68b";
}
.ti-money:before {
    content: "\e68c";
}
.ti-microphone:before {
    content: "\e68d";
}
.ti-menu:before {
    content: "\e68e";
}
.ti-menu-alt:before {
    content: "\e68f";
}
.ti-map:before {
    content: "\e690";
}
.ti-map-alt:before {
    content: "\e691";
}
.ti-loop:before {
    content: "\e692";
}
.ti-location-pin:before {
    content: "\e693";
}
.ti-list:before {
    content: "\e694";
}
.ti-light-bulb:before {
    content: "\e695";
}
.ti-Italic:before {
    content: "\e696";
}
.ti-info:before {
    content: "\e697";
}
.ti-infinite:before {
    content: "\e698";
}
.ti-id-badge:before {
    content: "\e699";
}
.ti-hummer:before {
    content: "\e69a";
}
.ti-home:before {
    content: "\e69b";
}
.ti-help:before {
    content: "\e69c";
}
.ti-headphone:before {
    content: "\e69d";
}
.ti-harddrives:before {
    content: "\e69e";
}
.ti-harddrive:before {
    content: "\e69f";
}
.ti-gift:before {
    content: "\e6a0";
}
.ti-game:before {
    content: "\e6a1";
}
.ti-filter:before {
    content: "\e6a2";
}
.ti-files:before {
    content: "\e6a3";
}
.ti-file:before {
    content: "\e6a4";
}
.ti-eraser:before {
    content: "\e6a5";
}
.ti-envelope:before {
    content: "\e6a6";
}
.ti-download:before {
    content: "\e6a7";
}
.ti-direction:before {
    content: "\e6a8";
}
.ti-direction-alt:before {
    content: "\e6a9";
}
.ti-dashboard:before {
    content: "\e6aa";
}
.ti-control-stop:before {
    content: "\e6ab";
}
.ti-control-shuffle:before {
    content: "\e6ac";
}
.ti-control-play:before {
    content: "\e6ad";
}
.ti-control-pause:before {
    content: "\e6ae";
}
.ti-control-forward:before {
    content: "\e6af";
}
.ti-control-backward:before {
    content: "\e6b0";
}
.ti-cloud:before {
    content: "\e6b1";
}
.ti-cloud-up:before {
    content: "\e6b2";
}
.ti-cloud-down:before {
    content: "\e6b3";
}
.ti-clipboard:before {
    content: "\e6b4";
}
.ti-car:before {
    content: "\e6b5";
}
.ti-calendar:before {
    content: "\e6b6";
}
.ti-book:before {
    content: "\e6b7";
}
.ti-bell:before {
    content: "\e6b8";
}
.ti-basketball:before {
    content: "\e6b9";
}
.ti-bar-chart:before {
    content: "\e6ba";
}
.ti-bar-chart-alt:before {
    content: "\e6bb";
}
.ti-back-right:before {
    content: "\e6bc";
}
.ti-back-left:before {
    content: "\e6bd";
}
.ti-arrows-corner:before {
    content: "\e6be";
}
.ti-archive:before {
    content: "\e6bf";
}
.ti-anchor:before {
    content: "\e6c0";
}
.ti-align-right:before {
    content: "\e6c1";
}
.ti-align-left:before {
    content: "\e6c2";
}
.ti-align-justify:before {
    content: "\e6c3";
}
.ti-align-center:before {
    content: "\e6c4";
}
.ti-alert:before {
    content: "\e6c5";
}
.ti-alarm-clock:before {
    content: "\e6c6";
}
.ti-agenda:before {
    content: "\e6c7";
}
.ti-write:before {
    content: "\e6c8";
}
.ti-window:before {
    content: "\e6c9";
}
.ti-widgetized:before {
    content: "\e6ca";
}
.ti-widget:before {
    content: "\e6cb";
}
.ti-widget-alt:before {
    content: "\e6cc";
}
.ti-wallet:before {
    content: "\e6cd";
}
.ti-video-clapper:before {
    content: "\e6ce";
}
.ti-video-camera:before {
    content: "\e6cf";
}
.ti-vector:before {
    content: "\e6d0";
}
.ti-themify-logo:before {
    content: "\e6d1";
}
.ti-themify-favicon:before {
    content: "\e6d2";
}
.ti-themify-favicon-alt:before {
    content: "\e6d3";
}
.ti-support:before {
    content: "\e6d4";
}
.ti-stamp:before {
    content: "\e6d5";
}
.ti-split-v-alt:before {
    content: "\e6d6";
}
.ti-slice:before {
    content: "\e6d7";
}
.ti-shortcode:before {
    content: "\e6d8";
}
.ti-shift-right-alt:before {
    content: "\e6d9";
}
.ti-shift-left-alt:before {
    content: "\e6da";
}
.ti-ruler-alt-2:before {
    content: "\e6db";
}
.ti-receipt:before {
    content: "\e6dc";
}
.ti-pin2:before {
    content: "\e6dd";
}
.ti-pin-alt:before {
    content: "\e6de";
}
.ti-pencil-alt2:before {
    content: "\e6df";
}
.ti-palette:before {
    content: "\e6e0";
}
.ti-more:before {
    content: "\e6e1";
}
.ti-more-alt:before {
    content: "\e6e2";
}
.ti-microphone-alt:before {
    content: "\e6e3";
}
.ti-magnet:before {
    content: "\e6e4";
}
.ti-line-double:before {
    content: "\e6e5";
}
.ti-line-dotted:before {
    content: "\e6e6";
}
.ti-line-dashed:before {
    content: "\e6e7";
}
.ti-layout-width-full:before {
    content: "\e6e8";
}
.ti-layout-width-default:before {
    content: "\e6e9";
}
.ti-layout-width-default-alt:before {
    content: "\e6ea";
}
.ti-layout-tab:before {
    content: "\e6eb";
}
.ti-layout-tab-window:before {
    content: "\e6ec";
}
.ti-layout-tab-v:before {
    content: "\e6ed";
}
.ti-layout-tab-min:before {
    content: "\e6ee";
}
.ti-layout-slider:before {
    content: "\e6ef";
}
.ti-layout-slider-alt:before {
    content: "\e6f0";
}
.ti-layout-sidebar-right:before {
    content: "\e6f1";
}
.ti-layout-sidebar-none:before {
    content: "\e6f2";
}
.ti-layout-sidebar-left:before {
    content: "\e6f3";
}
.ti-layout-placeholder:before {
    content: "\e6f4";
}
.ti-layout-menu:before {
    content: "\e6f5";
}
.ti-layout-menu-v:before {
    content: "\e6f6";
}
.ti-layout-menu-separated:before {
    content: "\e6f7";
}
.ti-layout-menu-full:before {
    content: "\e6f8";
}
.ti-layout-media-right-alt:before {
    content: "\e6f9";
}
.ti-layout-media-right:before {
    content: "\e6fa";
}
.ti-layout-media-overlay:before {
    content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
    content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd";
}
.ti-layout-media-left-alt:before {
    content: "\e6fe";
}
.ti-layout-media-left:before {
    content: "\e6ff";
}
.ti-layout-media-center-alt:before {
    content: "\e700";
}
.ti-layout-media-center:before {
    content: "\e701";
}
.ti-layout-list-thumb:before {
    content: "\e702";
}
.ti-layout-list-thumb-alt:before {
    content: "\e703";
}
.ti-layout-list-post:before {
    content: "\e704";
}
.ti-layout-list-large-image:before {
    content: "\e705";
}
.ti-layout-line-solid:before {
    content: "\e706";
}
.ti-layout-grid4:before {
    content: "\e707";
}
.ti-layout-grid3:before {
    content: "\e708";
}
.ti-layout-grid2:before {
    content: "\e709";
}
.ti-layout-grid2-thumb:before {
    content: "\e70a";
}
.ti-layout-cta-right:before {
    content: "\e70b";
}
.ti-layout-cta-left:before {
    content: "\e70c";
}
.ti-layout-cta-center:before {
    content: "\e70d";
}
.ti-layout-cta-btn-right:before {
    content: "\e70e";
}
.ti-layout-cta-btn-left:before {
    content: "\e70f";
}
.ti-layout-column4:before {
    content: "\e710";
}
.ti-layout-column3:before {
    content: "\e711";
}
.ti-layout-column2:before {
    content: "\e712";
}
.ti-layout-accordion-separated:before {
    content: "\e713";
}
.ti-layout-accordion-merged:before {
    content: "\e714";
}
.ti-layout-accordion-list:before {
    content: "\e715";
}
.ti-ink-pen:before {
    content: "\e716";
}
.ti-info-alt:before {
    content: "\e717";
}
.ti-help-alt:before {
    content: "\e718";
}
.ti-headphone-alt:before {
    content: "\e719";
}
.ti-hand-point-up:before {
    content: "\e71a";
}
.ti-hand-point-right:before {
    content: "\e71b";
}
.ti-hand-point-left:before {
    content: "\e71c";
}
.ti-hand-point-down:before {
    content: "\e71d";
}
.ti-gallery:before {
    content: "\e71e";
}
.ti-face-smile:before {
    content: "\e71f";
}
.ti-face-sad:before {
    content: "\e720";
}
.ti-credit-card:before {
    content: "\e721";
}
.ti-control-skip-forward:before {
    content: "\e722";
}
.ti-control-skip-backward:before {
    content: "\e723";
}
.ti-control-record:before {
    content: "\e724";
}
.ti-control-eject:before {
    content: "\e725";
}
.ti-comments-smiley:before {
    content: "\e726";
}
.ti-brush-alt:before {
    content: "\e727";
}
.ti-youtube:before {
    content: "\e728";
}
.ti-vimeo:before {
    content: "\e729";
}
.ti-twitter:before {
    content: "\e72a";
}
.ti-time:before {
    content: "\e72b";
}
.ti-tumblr:before {
    content: "\e72c";
}
.ti-skype:before {
    content: "\e72d";
}
.ti-share:before {
    content: "\e72e";
}
.ti-share-alt:before {
    content: "\e72f";
}
.ti-rocket:before {
    content: "\e730";
}
.ti-pinterest:before {
    content: "\e731";
}
.ti-new-window:before {
    content: "\e732";
}
.ti-microsoft:before {
    content: "\e733";
}
.ti-list-ol:before {
    content: "\e734";
}
.ti-linkedin:before {
    content: "\e735";
}
.ti-layout-sidebar-2:before {
    content: "\e736";
}
.ti-layout-grid4-alt:before {
    content: "\e737";
}
.ti-layout-grid3-alt:before {
    content: "\e738";
}
.ti-layout-grid2-alt:before {
    content: "\e739";
}
.ti-layout-column4-alt:before {
    content: "\e73a";
}
.ti-layout-column3-alt:before {
    content: "\e73b";
}
.ti-layout-column2-alt:before {
    content: "\e73c";
}
.ti-instagram:before {
    content: "\e73d";
}
.ti-google:before {
    content: "\e73e";
}
.ti-github:before {
    content: "\e73f";
}
.ti-flickr:before {
    content: "\e740";
}
.ti-facebook:before {
    content: "\e741";
}
.ti-dropbox:before {
    content: "\e742";
}
.ti-dribbble:before {
    content: "\e743";
}
.ti-apple:before {
    content: "\e744";
}
.ti-android:before {
    content: "\e745";
}
.ti-save:before {
    content: "\e746";
}
.ti-save-alt:before {
    content: "\e747";
}
.ti-yahoo:before {
    content: "\e748";
}
.ti-wordpress:before {
    content: "\e749";
}
.ti-vimeo-alt:before {
    content: "\e74a";
}
.ti-twitter-alt:before {
    content: "\e74b";
}
.ti-tumblr-alt:before {
    content: "\e74c";
}
.ti-trello:before {
    content: "\e74d";
}
.ti-stack-overflow:before {
    content: "\e74e";
}
.ti-soundcloud:before {
    content: "\e74f";
}
.ti-sharethis:before {
    content: "\e750";
}
.ti-sharethis-alt:before {
    content: "\e751";
}
.ti-reddit:before {
    content: "\e752";
}
.ti-pinterest-alt:before {
    content: "\e753";
}
.ti-microsoft-alt:before {
    content: "\e754";
}
.ti-linux:before {
    content: "\e755";
}
.ti-jsfiddle:before {
    content: "\e756";
}
.ti-joomla:before {
    content: "\e757";
}
.ti-html5:before {
    content: "\e758";
}
.ti-flickr-alt:before {
    content: "\e759";
}
.ti-email:before {
    content: "\e75a";
}
.ti-drupal:before {
    content: "\e75b";
}
.ti-dropbox-alt:before {
    content: "\e75c";
}
.ti-css3:before {
    content: "\e75d";
}
.ti-rss:before {
    content: "\e75e";
}
.ti-rss-alt:before {
    content: "\e75f";
}
.logo a img {
	display: none;
}
.bg_dark {
	background: #0a080e;
	color     : #fff;
}
.styleswitch.layoutswitch {
	background        : none repeat scroll 0 0 #f4f4f4;
	border            : medium none !important;
	color             : #fff !important;
	display           : inline-block;
	height            : auto;
	margin            : 3px 0;
	padding           : 2px;
	text-align        : center;
	text-transform    : uppercase;
	width             : 100%;
	text-decoration   : none !important;
	transition        : all .3s ease-out;
}
.styleswitch.layoutswitch:hover {
	background: #000 !important;
}
.styleswitch {
	background-color: #e425e9;
	display         : inline-block;
	margin          : 4px 8px;
	width           : 25px;
	height          : 25px;
	border-radius   : 5px;
}
.styleswitch:active,
.styleswitch:focus {
	border: 5px solid #000;
}
#switcher-body .container {
	background: #fff;
	margin    : 50px auto;
	border    : 1px solid #dedede;
	padding   : 40px;
}
.switcher {
	width        : 50px;
	height       : 50px;
	display      : inline-block;
	margin       : 4px 8px;
	border-radius: 5px;
	border       : 0px solid #000;
}
.demo_changer {
	z-index    : 99999;
	position   : fixed;
	right      : -270px;
	font-weight: 400 !important;
	height     : 100%;
}
.purchase {
	text-decoration: underline;
	color          : #4BACC6
}
.demoPanel {
	position: relative;
}
.evo-pop {
	z-index: 10000;
	width  : 204px;
	padding: 3px 3px 0
}
.evo-pop-ie {
	z-index: 10000;
	width  : 212px;
	padding: 3px
}
.evo-palette td {
	font-size: 1px;
	border   : solid 1px #c0c0c0;
	padding  : 7px;
	cursor   : pointer
}
.evo-palette tr.top td {
	border-bottom: 0
}
.evo-palette tr.in td {
	border-top   : 0;
	border-bottom: 0
}
.evo-palette tr.bottom td {
	border-top: 0
}
.evo-palette div.sep {
	height: 3px
}
.evo-palette,
.evo-palette-ie {
	border-collapse: separate;
	border-spacing : 4px 0;
}
.evo-palette th,
.evo-palette-ie th {
	border     : 0;
	padding    : 5px 3px;
	text-align : left;
	font-weight: normal;
	background : transparent !important
}
.evo-palette-ie td {
	font-size: 1px;
	border   : solid 1px #c0c0c0;
	padding  : 7px;
	cursor   : pointer
}
.evo-palette2,
.evo-palette2-ie {
	margin         : auto;
	border-collapse: collapse
}
.evo-palette2 td,
.evo-palette2-ie td {
	font-size: 1px;
	cursor   : pointer
}
.evo-palette2 td {
	padding: 6px 7px
}
.evo-palette2-ie td {
	padding: 5px
}
.evo-palcenter {
	padding   : 5px;
	text-align: center
}
.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
	border: solid 1px #c3c3c3;
	width : 20px;
	height: 20px;
	float : right
}
.evo-colorind {
	position: relative;
	top     : 2px
}
.evo-colorind-ie {
	position: relative;
	top     : -23px
}
.evo-colorbox-ie {
	font-size: 8px;
	padding  : 3px 9px !important
}
.evo-colortxt-ie {
	position: relative;
	top     : -6px
}
.evo-pop:after,
.evo-pop-ie:after,
.evo-colorind:after,
.evo-colorind-ie:after,
.evo-colorind-ff:after,
.evo-color span:after,
.evo-cHist:after {
	content   : ".";
	display   : block;
	height    : 0;
	clear     : both;
	visibility: hidden;
	font-size : 0
}
.evo-color {
	width  : 94px;
	padding: 1px 3px 0 4px
}
.evo-color div {
	border       : solid 1px #808080;
	border-right : solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	padding      : 3px;
	margin-bottom: 5px;
	width        : 10px;
	height       : 10px;
	float        : left
}
.evo-color span {
	font-size: 15px;
	margin   : 1px 0 4px 3px;
	float    : left
}
.evo-sep {
	height   : 10px;
	font-size: 0
}
.evo-more {
	padding  : 4px 5px 4px;
	font-size: smaller
}
.evo-cHist {
	padding: 3px
}
.evo-cHist div {
	cursor : pointer;
	border : solid 1px #c0c0c0;
	padding: 3px;
	margin : 5px;
	width  : 10px;
	height : 10px;
	float  : left
}
a.evo-hist {
	margin-left: 6px
}
.evo-pointer {
	cursor: pointer
}
.evo-pop {
	background: #FFFFFF;
	border    : 1px solid #DEDEDE;
	padding   : 10px !important;
	width     : 225px !important;
	z-index   : 10000;
}
.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
	border  : 1px solid #C3C3C3;
	height  : 20px;
	position: absolute;
	top     : 11px;
	right   : 5px;
	width   : 20px;
}
.demo_changer p {
	margin: 2px 0;
}
.demo_changer .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: #fff;
}
.demo_changer select:active,
.demo_changer select:focus,
.demo_changer select:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover,
.demo_changer .btn:active,
.demo_changer .btn:focus,
.demo_changer .btn:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover {
	box-shadow: none !important;
}
.demo_changer .button {
	-webkit-user-select     : none;
	        user-select     : none;
	border          : 1px solid #ddd;
	border-radius   : 3px;
	cursor          : pointer;
	display         : inline-block;
	font-size       : 14px;
	font-weight     : normal;
	background      : #fff;
	line-height     : 1.42857;
	margin-bottom   : 0;
	width           : 145px !important;
	padding         : 6px 12px;
	text-align      : center;
	vertical-align  : middle;
	white-space     : nowrap;
}
.demo_changer .img-thumbnail {
	height          : 35px;
	background-color: #fff;
	border          : 1px solid #ddd;
	margin-bottom   : 5px;
	width           : 46% !important;
	padding         : 2px;
}
.demo_changer img {
	border       : 0px solid #f4f7fe;
	margin       : 2px;
	border-radius: 3px;
	background   : #ffffff;
	width        : 50px;
	height       : 50px;
}
.demo_changer hr {
	border-color: #E0E0E0;
}
.demo_changer,
.demo_changer p {
	color: #1d212f !important;
}
.demo_changer h4 {
	font-size     : 14px;
	text-align    : left;
	padding       : 10px;
	font-weight   : 600;
	border-bottom : 1px solid #ededf9;
	background    : #e8ebf5;
	border-top    : 1px solid #ededf9;
	margin        : 10px 0 !important;
	text-transform: uppercase;
}
.demo_changer i {
	color     : #fff;
	font-size : 21px;
	margin-top: 10px;

}
.demo_changer .demo-icon {
	cursor       : pointer;
	text-align   : center;
	padding      : 2px;
	float        : left;
	height       : 40px;
	line-height  : 38px;
	width        : 40px;
	border-radius: 5px 0 0 5px !important;
	top          : 17rem;
	position     : relative;
}
@media (max-width: 992px) {
	.demo_changer .form_holder {
		height: 100vh;
	}
}
@media (min-width: 992px) {
	.demo_changer .form_holder {
		height: 100vh;
	}
}
.demo_changer .form_holder {
	background   : #fff;
	border-radius: 0;
	cursor       : pointer;
	float        : right;
	font-size    : 12px;
	padding      : 0 7px;
	width        : 270px;
	box-shadow   : 0px 8px 14.72px 1.28px rgba(130, 130, 134, 0.2);
	border-left  : 1px solid #ededf9;
}
.demo_changer .form_holder p {
	font-size: 12px;
}
.color_display_2 {
	clear         : both;
	color         : #FFFFFF;
	display       : inline-block;
	font-size     : 12px;
	width         : 31px !important;
	height        : 31px;
	margin-bottom : 7px;
	padding       : 4px 10px;
	text-align    : center;
	text-shadow   : 0 -1px 0 rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
	box-shadow    : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
}
.color_display_2 a {
	color          : #fff;
	text-decoration: none;
}
.color_display_2 a:focus,
.color_display_2 a:hover {
	color          : #ededed !important;
	text-decoration: none;
}
.demoPanel {
	margin : 0;
	padding: 0;
	width  : 125px;
}
.predefined_styles {
	padding   : 0 5px;
	text-align: center;

}
@media only screen and (min-width: 768px) {
	.demo_changer {
		top: 0;
	}

	.demo_changer .demo-icon {
		height: 40px;
		width : 40px;
	}

	.demo_changer i {
		font-size: 17px;
	}
}
@media only screen and (max-width: 768px) {
	.demo_changer {
		top: 0px;
	}

	.demo_changer i {
		font-size : 21px;
		margin-top: 8px;
	}

	.demo_changer .demo-icon {
		height: 40px;
		width : 40px;
	}

	.demo_changer {
		display: block;
	}
}
.bootstrap-select.show-menu-arrow.open>.btn {
	z-index: 2051;
}
.bootstrap-select .btn:focus {
	outline       : thin dotted #333333 !important;
	outline       : 5px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}
.bootstrap-select.btn-group .btn .filter-option {
	overflow  : hidden;
	position  : absolute;
	left      : 12px;
	right     : 25px;
	text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
	position      : absolute;
	top           : 50%;
	right         : 12px;
	margin-top    : -2px;
	vertical-align: middle;
}
.bootstrap-select.btn-group>.disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled>a {
	cursor: not-allowed;
}
.bootstrap-select.btn-group>.disabled:focus {
	outline: none !important;
}
.bootstrap-select.btn-group[class*="span"] .btn {
	width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
	min-width         : 100%;
	box-sizing        : border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
	position             : static;
	border               : 0;
	padding              : 0;
	margin               : 0;
	border-radius        : 0;
	box-shadow           : none;
}
.bootstrap-select.btn-group .dropdown-menu dt {
	display: block;
	padding: 3px 20px;
	cursor : default;
}
.bootstrap-select.btn-group .div-contain {
	overflow: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li>a.opt {
	position    : relative;
	padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li>a {
	cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li>dt small {
	font-weight: normal;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
	display   : inline-block;
	position  : absolute;
	right     : 15px;
	margin-top: 2.5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
	display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
	margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
	padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small {
	color: #64b1d8;
	color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li>dt small {
	font-weight: normal;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
	content            : '';
	border-left        : 7px solid transparent;
	border-right       : 7px solid transparent;
	border-bottom      : 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position           : absolute;
	bottom             : -4px;
	left               : 9px;
	display            : none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
	content      : '';
	border-left  : 6px solid transparent;
	border-right : 6px solid transparent;
	border-bottom: 6px solid white;
	position     : absolute;
	bottom       : -4px;
	left         : 10px;
	display      : none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
	bottom          : auto;
	top             : -3px;
	border-top      : 7px solid #ccc;
	border-bottom   : 0;
	border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
	bottom       : auto;
	top          : -3px;
	border-top   : 6px solid #ffffff;
	border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
	right: 12px;
	left : auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
	right: 13px;
	left : auto;
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
	display: block;
}
.bootstrap-select.btn-group .no-results {
	padding   : 3px;
	background: #f5f5f5;
	margin    : 0 5px;
}
.mobile-device {
	position: absolute;
	top     : 0;
	left    : 0;
	display : block !important;
	width   : 100%;
	height  : 100% !important;
	opacity : 0;
}
.bootstrap-select.fit-width {
	width: auto !important;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
	position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
	position  : static;
	top       : auto;
	margin-top: -1px;
}
.control-group.error .bootstrap-select .dropdown-toggle {
	border-color: #b94a48;
}
.bootstrap-select-searchbox {
	padding: 4px 8px;
}
.bootstrap-select-searchbox input {
	margin-bottom: 0;
}
.dark-mode .dark-switcher {
	display: none !important;
}
.dark-mode .light-switcher {
	display: flex !important;
}
.light-switcher {
	display: none !important;
}
.switch-buttons {
	margin-bottom: 0;
	padding      : 3px;
}
.switch-buttons li {
	width     : 50%;
	float     : left;
	list-style: none;
}
.switch-buttons span {
	font-weight: 500;
	font-size  : 12px;
}
.swticher-link {
	position: absolute;
	width   : 100%;
	height  : 100%;
	left    : 0;
	right   : 0;
}
/* RTL */
.rtl .demo_changer {
	transition: all 0.3s ease;
	left      : -270px;
	right     : auto !important;
}
.rtl .demo_changer.active {
	transition: all 0.3s ease;
	right     : auto !important;
	left      : 0;
}
.rtl .demo_changer .form_holder {
	float       : left;
	border-right: 1px solid #e9edf4;
	border-left : inherit;
}
.rtl .demo_changer h4 {
	text-align: right;
}
.rtl .onoffswitch2-label:before {
	left : 13px;
	right: inherit;
}
.rtl .onoffswitch2-checkbox:checked+.onoffswitch2-label:before {
	left : 0px;
	right: inherit;
}
.rtl .ps>.ps__rail-y {
	left : 0 !important;
	right: auto !important;
}
/* Color Swicher CSS */
.switcher {
    width: 30px !important;
    height: 40px !important;
    display: inline-block;
    margin: 4px 8px;
    border-radius: 5px;
    border: 0px solid #000;
}
.swichermainleft {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.colorcode {
    display: inline-block;
    margin: 4px 8px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
	cursor: pointer;
}
/*-- color-1 --*/
.color1{
	background: #8667ff !important;
}
/*-- color-2 --*/
.color2{
	background: #824bab !important;
}
/*-- color-3 --*/
.color3{
	background: #1b9783 !important;
}
/*-- color-4 --*/
.color4{
	background:#4680ff  !important;
}
/*-- color-5 --*/
.color5{
	background: #e65145 !important;
}
/* //////////////////  switch-1  //////////////// */
/* //////////////////  switch-1  //////////////// */
.onoffswitch {
    position: relative;
    width: 30px;
    -webkit-user-select:none;
    user-select: none;
    
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
	height: 16px;
    display: block;
	width: 17px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 13px;
    border: 1px solid #CCCCCC; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #0fa751;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #0fa751;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}
/* //////////////////  switch-2  //////////////// */
.onoffswitch2 {
    position: relative;
    width: 30px;
    -webkit-user-select:none;
    user-select: none;
    
}
.onoffswitch2-checkbox {
    display: none;
}
.onoffswitch2-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch2-label:before {
    content: "";
	height: 16px;
    display: block;
	width: 17px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 13px;
    border: 1px solid #CCCCCC; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label {
    background-color: #6259ca;
}
.onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
   border-color: #6259ca;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
    right: 0px; 
}
/* //////////////////  switch-3  //////////////// */
.onoffswitch3 {
    position: relative;
    width: 30px;
    -webkit-user-select:none;
    user-select: none;
    
}
.onoffswitch3-checkbox {
    display: none;
}
.onoffswitch3-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch3-label:before {
    content: "";
	height: 16px;
    display: block;
	width: 17px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 13px;
    border: 1px solid #CCCCCC; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label {
    background-color: #0fa751;
}
.onoffswitch3-checkbox:checked + .onoffswitch-label3, .onoffswitch3-checkbox:checked + .onoffswitch3-label:before {
   border-color: #0fa751;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label:before {
    right: 0px; 
}
.switch-toggle{
	padding:3px 0;
	font-size: 14px;
}
.full-width .container{  
    max-width:inherit !important;
	width:95% !important;	
	transition:all 0.5s ease;
}
.unbox {  
   margin:0; 
}
.switch_section li{
    width:100%;
    height:30px;
}
.switch_section {
    width: 100%;
    height: auto;
    list-style: none;
    font-size: 1.1em;
    margin: 0 auto;
    padding: 0px 22px;
}
a.switcher-style{
	padding: 6px 20px;
    color: #000;
    background-color: #f8f6fb;
    border:1px solid #e3dfe8;
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}
a.switcher-style.active{
	background-color: #2205bf;
	color:#fff;
}
.wscolorcode.color {
    display: inline-block;
    margin: 4px 8px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}
.bg1 {
   background: url('2.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg2 {
   background: url('3.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg3 {
    background: url('4.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg4 {
	background: url('5.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg5 {
    background: url('6.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg6 {
    background: url('3.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg7 {
    background: url('8.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg8 {
    background: url('7.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
.bg9 {
    background: url('9.png') !important;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 11px 5px #e1e5f1;
    height: 81px;
    width: 97px;
}
@font-face{font-family:boxicons;font-weight:400;font-style:normal;src:url('boxicons.eot');src:url('boxicons.eot') format('embedded-opentype'),url('boxicons.woff2') format('woff2'),url('boxicons.woff') format('woff'),url('boxicons.ttf') format('truetype'),url('boxicons.svg?#boxicons') format('svg')}
.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bx-ul{margin-left:2em;padding-left:0;list-style:none}
.bx-ul>li{position:relative}
.bx-ul .bx{font-size:inherit;line-height:inherit;position:absolute;left:-2em;width:2em;text-align:center}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
@keyframes burst{0%{transform:scale(1);opacity:1}90%{transform:scale(1.5);opacity:0}}
@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}
@keyframes fade-left{0%{transform:translateX(0);opacity:1}75%{transform:translateX(-20px);opacity:0}}
@keyframes fade-right{0%{transform:translateX(0);opacity:1}75%{transform:translateX(20px);opacity:0}}
@keyframes fade-up{0%{transform:translateY(0);opacity:1}75%{transform:translateY(-20px);opacity:0}}
@keyframes fade-down{0%{transform:translateY(0);opacity:1}75%{transform:translateY(20px);opacity:0}}
@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{transform:rotate3d(0,0,1,-10deg)}to{transform:scale3d(1,1,1)}}
.bx-spin{animation:spin 2s linear infinite}
.bx-spin-hover:hover{animation:spin 2s linear infinite}
.bx-tada{animation:tada 1.5s ease infinite}
.bx-tada-hover:hover{animation:tada 1.5s ease infinite}
.bx-flashing{animation:flashing 1.5s infinite linear}
.bx-flashing-hover:hover{animation:flashing 1.5s infinite linear}
.bx-burst{animation:burst 1.5s infinite linear}
.bx-burst-hover:hover{animation:burst 1.5s infinite linear}
.bx-fade-up{animation:fade-up 1.5s infinite linear}
.bx-fade-up-hover:hover{animation:fade-up 1.5s infinite linear}
.bx-fade-down{animation:fade-down 1.5s infinite linear}
.bx-fade-down-hover:hover{animation:fade-down 1.5s infinite linear}
.bx-fade-left{animation:fade-left 1.5s infinite linear}
.bx-fade-left-hover:hover{animation:fade-left 1.5s infinite linear}
.bx-fade-right{animation:fade-right 1.5s infinite linear}
.bx-fade-right-hover:hover{animation:fade-right 1.5s infinite linear}
.bx-xs{font-size:1rem!important}
.bx-sm{font-size:1.55rem!important}
.bx-md{font-size:2.25rem!important}
.bx-lg{font-size:3rem!important}
.bx-fw{font-size:1.2857142857em;line-height:.8em;width:1.2857142857em;height:.8em;margin-top:-.2em!important;vertical-align:middle}
.bx-pull-left{float:left;margin-right:.3em!important}
.bx-pull-right{float:right;margin-left:.3em!important}
.bx-rotate-90{transform:rotate(90deg)}
.bx-rotate-180{transform:rotate(180deg)}
.bx-rotate-270{transform:rotate(270deg)}
.bx-flip-horizontal{transform:scaleX(-1)}
.bx-flip-vertical{transform:scaleY(-1)}
.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}
.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}
.bxs-balloon:before{content:"\eb60"}
.bxs-castle:before{content:"\eb79"}
.bxs-coffee-bean:before{content:"\eb92"}
.bxs-objects-horizontal-center:before{content:"\ebab"}
.bxs-objects-horizontal-left:before{content:"\ebc4"}
.bxs-objects-horizontal-right:before{content:"\ebdd"}
.bxs-objects-vertical-bottom:before{content:"\ebf6"}
.bxs-objects-vertical-center:before{content:"\ef40"}
.bxs-objects-vertical-top:before{content:"\ef41"}
.bxs-pear:before{content:"\ef42"}
.bxs-shield-minus:before{content:"\ef43"}
.bxs-shield-plus:before{content:"\ef44"}
.bxs-shower:before{content:"\ef45"}
.bxs-sushi:before{content:"\ef46"}
.bxs-universal-access:before{content:"\ef47"}
.bx-child:before{content:"\ef48"}
.bx-horizontal-left:before{content:"\ef49"}
.bx-horizontal-right:before{content:"\ef4a"}
.bx-objects-horizontal-center:before{content:"\ef4b"}
.bx-objects-horizontal-left:before{content:"\ef4c"}
.bx-objects-horizontal-right:before{content:"\ef4d"}
.bx-objects-vertical-bottom:before{content:"\ef4e"}
.bx-objects-vertical-center:before{content:"\ef4f"}
.bx-objects-vertical-top:before{content:"\ef50"}
.bx-rfid:before{content:"\ef51"}
.bx-shield-minus:before{content:"\ef52"}
.bx-shield-plus:before{content:"\ef53"}
.bx-shower:before{content:"\ef54"}
.bx-sushi:before{content:"\ef55"}
.bx-universal-access:before{content:"\ef56"}
.bx-vertical-bottom:before{content:"\ef57"}
.bx-vertical-top:before{content:"\ef58"}
.bxl-graphql:before{content:"\ef59"}
.bxl-typescript:before{content:"\ef5a"}
.bxs-color:before{content:"\ef39"}
.bx-reflect-horizontal:before{content:"\ef3a"}
.bx-reflect-vertical:before{content:"\ef3b"}
.bx-color:before{content:"\ef3c"}
.bxl-mongodb:before{content:"\ef3d"}
.bxl-postgresql:before{content:"\ef3e"}
.bxl-deezer:before{content:"\ef3f"}
.bxs-hard-hat:before{content:"\ef2a"}
.bxs-home-alt-2:before{content:"\ef2b"}
.bxs-cheese:before{content:"\ef2c"}
.bx-home-alt-2:before{content:"\ef2d"}
.bx-hard-hat:before{content:"\ef2e"}
.bx-cheese:before{content:"\ef2f"}
.bx-cart-add:before{content:"\ef30"}
.bx-cart-download:before{content:"\ef31"}
.bx-no-signal:before{content:"\ef32"}
.bx-signal-1:before{content:"\ef33"}
.bx-signal-2:before{content:"\ef34"}
.bx-signal-3:before{content:"\ef35"}
.bx-signal-4:before{content:"\ef36"}
.bx-signal-5:before{content:"\ef37"}
.bxl-xing:before{content:"\ef38"}
.bxl-meta:before{content:"\ef27"}
.bx-lemon:before{content:"\ef28"}
.bxs-lemon:before{content:"\ef29"}
.bx-cricket-ball:before{content:"\ef0c"}
.bx-baguette:before{content:"\ef0d"}
.bx-bowl-hot:before{content:"\ef0e"}
.bx-bowl-rice:before{content:"\ef0f"}
.bx-cable-car:before{content:"\ef10"}
.bx-candles:before{content:"\ef11"}
.bx-circle-half:before{content:"\ef12"}
.bx-circle-quarter:before{content:"\ef13"}
.bx-circle-three-quarter:before{content:"\ef14"}
.bx-cross:before{content:"\ef15"}
.bx-fork:before{content:"\ef16"}
.bx-knife:before{content:"\ef17"}
.bx-money-withdraw:before{content:"\ef18"}
.bx-popsicle:before{content:"\ef19"}
.bx-scatter-chart:before{content:"\ef1a"}
.bxs-baguette:before{content:"\ef1b"}
.bxs-bowl-hot:before{content:"\ef1c"}
.bxs-bowl-rice:before{content:"\ef1d"}
.bxs-cable-car:before{content:"\ef1e"}
.bxs-circle-half:before{content:"\ef1f"}
.bxs-circle-quarter:before{content:"\ef20"}
.bxs-circle-three-quarter:before{content:"\ef21"}
.bxs-cricket-ball:before{content:"\ef22"}
.bxs-invader:before{content:"\ef23"}
.bx-male-female:before{content:"\ef24"}
.bxs-popsicle:before{content:"\ef25"}
.bxs-tree-alt:before{content:"\ef26"}
.bxl-venmo:before{content:"\e900"}
.bxl-upwork:before{content:"\e901"}
.bxl-netlify:before{content:"\e902"}
.bxl-java:before{content:"\e903"}
.bxl-heroku:before{content:"\e904"}
.bxl-go-lang:before{content:"\e905"}
.bxl-gmail:before{content:"\e906"}
.bxl-flask:before{content:"\e907"}
.bxl-99designs:before{content:"\e908"}
.bxl-500px:before{content:"\e909"}
.bxl-adobe:before{content:"\e90a"}
.bxl-airbnb:before{content:"\e90b"}
.bxl-algolia:before{content:"\e90c"}
.bxl-amazon:before{content:"\e90d"}
.bxl-android:before{content:"\e90e"}
.bxl-angular:before{content:"\e90f"}
.bxl-apple:before{content:"\e910"}
.bxl-audible:before{content:"\e911"}
.bxl-aws:before{content:"\e912"}
.bxl-baidu:before{content:"\e913"}
.bxl-behance:before{content:"\e914"}
.bxl-bing:before{content:"\e915"}
.bxl-bitcoin:before{content:"\e916"}
.bxl-blender:before{content:"\e917"}
.bxl-blogger:before{content:"\e918"}
.bxl-bootstrap:before{content:"\e919"}
.bxl-chrome:before{content:"\e91a"}
.bxl-codepen:before{content:"\e91b"}
.bxl-c-plus-plus:before{content:"\e91c"}
.bxl-creative-commons:before{content:"\e91d"}
.bxl-css3:before{content:"\e91e"}
.bxl-dailymotion:before{content:"\e91f"}
.bxl-deviantart:before{content:"\e920"}
.bxl-dev-to:before{content:"\e921"}
.bxl-digg:before{content:"\e922"}
.bxl-digitalocean:before{content:"\e923"}
.bxl-discord:before{content:"\e924"}
.bxl-discord-alt:before{content:"\e925"}
.bxl-discourse:before{content:"\e926"}
.bxl-django:before{content:"\e927"}
.bxl-docker:before{content:"\e928"}
.bxl-dribbble:before{content:"\e929"}
.bxl-dropbox:before{content:"\e92a"}
.bxl-drupal:before{content:"\e92b"}
.bxl-ebay:before{content:"\e92c"}
.bxl-edge:before{content:"\e92d"}
.bxl-etsy:before{content:"\e92e"}
.bxl-facebook:before{content:"\e92f"}
.bxl-facebook-circle:before{content:"\e930"}
.bxl-facebook-square:before{content:"\e931"}
.bxl-figma:before{content:"\e932"}
.bxl-firebase:before{content:"\e933"}
.bxl-firefox:before{content:"\e934"}
.bxl-flickr:before{content:"\e935"}
.bxl-flickr-square:before{content:"\e936"}
.bxl-flutter:before{content:"\e937"}
.bxl-foursquare:before{content:"\e938"}
.bxl-git:before{content:"\e939"}
.bxl-github:before{content:"\e93a"}
.bxl-gitlab:before{content:"\e93b"}
.bxl-google:before{content:"\e93c"}
.bxl-google-cloud:before{content:"\e93d"}
.bxl-google-plus:before{content:"\e93e"}
.bxl-google-plus-circle:before{content:"\e93f"}
.bxl-html5:before{content:"\e940"}
.bxl-imdb:before{content:"\e941"}
.bxl-instagram:before{content:"\e942"}
.bxl-instagram-alt:before{content:"\e943"}
.bxl-internet-explorer:before{content:"\e944"}
.bxl-invision:before{content:"\e945"}
.bxl-javascript:before{content:"\e946"}
.bxl-joomla:before{content:"\e947"}
.bxl-jquery:before{content:"\e948"}
.bxl-jsfiddle:before{content:"\e949"}
.bxl-kickstarter:before{content:"\e94a"}
.bxl-kubernetes:before{content:"\e94b"}
.bxl-less:before{content:"\e94c"}
.bxl-linkedin:before{content:"\e94d"}
.bxl-linkedin-square:before{content:"\e94e"}
.bxl-magento:before{content:"\e94f"}
.bxl-mailchimp:before{content:"\e950"}
.bxl-markdown:before{content:"\e951"}
.bxl-mastercard:before{content:"\e952"}
.bxl-mastodon:before{content:"\e953"}
.bxl-medium:before{content:"\e954"}
.bxl-medium-old:before{content:"\e955"}
.bxl-medium-square:before{content:"\e956"}
.bxl-messenger:before{content:"\e957"}
.bxl-microsoft:before{content:"\e958"}
.bxl-microsoft-teams:before{content:"\e959"}
.bxl-nodejs:before{content:"\e95a"}
.bxl-ok-ru:before{content:"\e95b"}
.bxl-opera:before{content:"\e95c"}
.bxl-patreon:before{content:"\e95d"}
.bxl-paypal:before{content:"\e95e"}
.bxl-periscope:before{content:"\e95f"}
.bxl-php:before{content:"\e960"}
.bxl-pinterest:before{content:"\e961"}
.bxl-pinterest-alt:before{content:"\e962"}
.bxl-play-store:before{content:"\e963"}
.bxl-pocket:before{content:"\e964"}
.bxl-product-hunt:before{content:"\e965"}
.bxl-python:before{content:"\e966"}
.bxl-quora:before{content:"\e967"}
.bxl-react:before{content:"\e968"}
.bxl-redbubble:before{content:"\e969"}
.bxl-reddit:before{content:"\e96a"}
.bxl-redux:before{content:"\e96b"}
.bxl-sass:before{content:"\e96c"}
.bxl-shopify:before{content:"\e96d"}
.bxl-sketch:before{content:"\e96e"}
.bxl-skype:before{content:"\e96f"}
.bxl-slack:before{content:"\e970"}
.bxl-slack-old:before{content:"\e971"}
.bxl-snapchat:before{content:"\e972"}
.bxl-soundcloud:before{content:"\e973"}
.bxl-spotify:before{content:"\e974"}
.bxl-spring-boot:before{content:"\e975"}
.bxl-squarespace:before{content:"\e976"}
.bxl-stack-overflow:before{content:"\e977"}
.bxl-steam:before{content:"\e978"}
.bxl-stripe:before{content:"\e979"}
.bxl-tailwind-css:before{content:"\e97a"}
.bxl-telegram:before{content:"\e97b"}
.bxl-tiktok:before{content:"\e97c"}
.bxl-trello:before{content:"\e97d"}
.bxl-trip-advisor:before{content:"\e97e"}
.bxl-tumblr:before{content:"\e97f"}
.bxl-tux:before{content:"\e980"}
.bxl-twitch:before{content:"\e981"}
.bxl-twitter:before{content:"\e982"}
.bxl-unity:before{content:"\e983"}
.bxl-unsplash:before{content:"\e984"}
.bxl-vimeo:before{content:"\e985"}
.bxl-visa:before{content:"\e986"}
.bxl-visual-studio:before{content:"\e987"}
.bxl-vk:before{content:"\e988"}
.bxl-vuejs:before{content:"\e989"}
.bxl-whatsapp:before{content:"\e98a"}
.bxl-whatsapp-square:before{content:"\e98b"}
.bxl-wikipedia:before{content:"\e98c"}
.bxl-windows:before{content:"\e98d"}
.bxl-wix:before{content:"\e98e"}
.bxl-wordpress:before{content:"\e98f"}
.bxl-yahoo:before{content:"\e990"}
.bxl-yelp:before{content:"\e991"}
.bxl-youtube:before{content:"\e992"}
.bxl-zoom:before{content:"\e993"}
.bx-collapse-alt:before{content:"\e994"}
.bx-collapse-horizontal:before{content:"\e995"}
.bx-collapse-vertical:before{content:"\e996"}
.bx-expand-horizontal:before{content:"\e997"}
.bx-expand-vertical:before{content:"\e998"}
.bx-injection:before{content:"\e999"}
.bx-leaf:before{content:"\e99a"}
.bx-math:before{content:"\e99b"}
.bx-party:before{content:"\e99c"}
.bx-abacus:before{content:"\e99d"}
.bx-accessibility:before{content:"\e99e"}
.bx-add-to-queue:before{content:"\e99f"}
.bx-adjust:before{content:"\e9a0"}
.bx-alarm:before{content:"\e9a1"}
.bx-alarm-add:before{content:"\e9a2"}
.bx-alarm-exclamation:before{content:"\e9a3"}
.bx-alarm-off:before{content:"\e9a4"}
.bx-alarm-snooze:before{content:"\e9a5"}
.bx-album:before{content:"\e9a6"}
.bx-align-justify:before{content:"\e9a7"}
.bx-align-left:before{content:"\e9a8"}
.bx-align-middle:before{content:"\e9a9"}
.bx-align-right:before{content:"\e9aa"}
.bx-analyse:before{content:"\e9ab"}
.bx-anchor:before{content:"\e9ac"}
.bx-angry:before{content:"\e9ad"}
.bx-aperture:before{content:"\e9ae"}
.bx-arch:before{content:"\e9af"}
.bx-archive:before{content:"\e9b0"}
.bx-archive-in:before{content:"\e9b1"}
.bx-archive-out:before{content:"\e9b2"}
.bx-area:before{content:"\e9b3"}
.bx-arrow-back:before{content:"\e9b4"}
.bx-arrow-from-bottom:before{content:"\e9b5"}
.bx-arrow-from-left:before{content:"\e9b6"}
.bx-arrow-from-right:before{content:"\e9b7"}
.bx-arrow-from-top:before{content:"\e9b8"}
.bx-arrow-to-bottom:before{content:"\e9b9"}
.bx-arrow-to-left:before{content:"\e9ba"}
.bx-arrow-to-right:before{content:"\e9bb"}
.bx-arrow-to-top:before{content:"\e9bc"}
.bx-at:before{content:"\e9bd"}
.bx-atom:before{content:"\e9be"}
.bx-award:before{content:"\e9bf"}
.bx-badge:before{content:"\e9c0"}
.bx-badge-check:before{content:"\e9c1"}
.bx-ball:before{content:"\e9c2"}
.bx-band-aid:before{content:"\e9c3"}
.bx-bar-chart:before{content:"\e9c4"}
.bx-bar-chart-alt:before{content:"\e9c5"}
.bx-bar-chart-alt-2:before{content:"\e9c6"}
.bx-bar-chart-square:before{content:"\e9c7"}
.bx-barcode:before{content:"\e9c8"}
.bx-barcode-reader:before{content:"\e9c9"}
.bx-baseball:before{content:"\e9ca"}
.bx-basket:before{content:"\e9cb"}
.bx-basketball:before{content:"\e9cc"}
.bx-bath:before{content:"\e9cd"}
.bx-battery:before{content:"\e9ce"}
.bx-bed:before{content:"\e9cf"}
.bx-been-here:before{content:"\e9d0"}
.bx-beer:before{content:"\e9d1"}
.bx-bell:before{content:"\e9d2"}
.bx-bell-minus:before{content:"\e9d3"}
.bx-bell-off:before{content:"\e9d4"}
.bx-bell-plus:before{content:"\e9d5"}
.bx-bible:before{content:"\e9d6"}
.bx-bitcoin:before{content:"\e9d7"}
.bx-blanket:before{content:"\e9d8"}
.bx-block:before{content:"\e9d9"}
.bx-bluetooth:before{content:"\e9da"}
.bx-body:before{content:"\e9db"}
.bx-bold:before{content:"\e9dc"}
.bx-bolt-circle:before{content:"\e9dd"}
.bx-bomb:before{content:"\e9de"}
.bx-bone:before{content:"\e9df"}
.bx-bong:before{content:"\e9e0"}
.bx-book:before{content:"\e9e1"}
.bx-book-add:before{content:"\e9e2"}
.bx-book-alt:before{content:"\e9e3"}
.bx-book-bookmark:before{content:"\e9e4"}
.bx-book-content:before{content:"\e9e5"}
.bx-book-heart:before{content:"\e9e6"}
.bx-bookmark:before{content:"\e9e7"}
.bx-bookmark-alt:before{content:"\e9e8"}
.bx-bookmark-alt-minus:before{content:"\e9e9"}
.bx-bookmark-alt-plus:before{content:"\e9ea"}
.bx-bookmark-heart:before{content:"\e9eb"}
.bx-bookmark-minus:before{content:"\e9ec"}
.bx-bookmark-plus:before{content:"\e9ed"}
.bx-bookmarks:before{content:"\e9ee"}
.bx-book-open:before{content:"\e9ef"}
.bx-book-reader:before{content:"\e9f0"}
.bx-border-all:before{content:"\e9f1"}
.bx-border-bottom:before{content:"\e9f2"}
.bx-border-inner:before{content:"\e9f3"}
.bx-border-left:before{content:"\e9f4"}
.bx-border-none:before{content:"\e9f5"}
.bx-border-outer:before{content:"\e9f6"}
.bx-border-radius:before{content:"\e9f7"}
.bx-border-right:before{content:"\e9f8"}
.bx-border-top:before{content:"\e9f9"}
.bx-bot:before{content:"\e9fa"}
.bx-bowling-ball:before{content:"\e9fb"}
.bx-box:before{content:"\e9fc"}
.bx-bracket:before{content:"\e9fd"}
.bx-braille:before{content:"\e9fe"}
.bx-brain:before{content:"\e9ff"}
.bx-briefcase:before{content:"\ea00"}
.bx-briefcase-alt:before{content:"\ea01"}
.bx-briefcase-alt-2:before{content:"\ea02"}
.bx-brightness:before{content:"\ea03"}
.bx-brightness-half:before{content:"\ea04"}
.bx-broadcast:before{content:"\ea05"}
.bx-brush:before{content:"\ea06"}
.bx-brush-alt:before{content:"\ea07"}
.bx-bug:before{content:"\ea08"}
.bx-bug-alt:before{content:"\ea09"}
.bx-building:before{content:"\ea0a"}
.bx-building-house:before{content:"\ea0b"}
.bx-buildings:before{content:"\ea0c"}
.bx-bulb:before{content:"\ea0d"}
.bx-bullseye:before{content:"\ea0e"}
.bx-buoy:before{content:"\ea0f"}
.bx-bus:before{content:"\ea10"}
.bx-bus-school:before{content:"\ea11"}
.bx-cabinet:before{content:"\ea12"}
.bx-cake:before{content:"\ea13"}
.bx-calculator:before{content:"\ea14"}
.bx-calendar:before{content:"\ea15"}
.bx-calendar-alt:before{content:"\ea16"}
.bx-calendar-check:before{content:"\ea17"}
.bx-calendar-edit:before{content:"\ea18"}
.bx-calendar-event:before{content:"\ea19"}
.bx-calendar-exclamation:before{content:"\ea1a"}
.bx-calendar-heart:before{content:"\ea1b"}
.bx-calendar-minus:before{content:"\ea1c"}
.bx-calendar-plus:before{content:"\ea1d"}
.bx-calendar-star:before{content:"\ea1e"}
.bx-calendar-week:before{content:"\ea1f"}
.bx-calendar-x:before{content:"\ea20"}
.bx-camera:before{content:"\ea21"}
.bx-camera-home:before{content:"\ea22"}
.bx-camera-movie:before{content:"\ea23"}
.bx-camera-off:before{content:"\ea24"}
.bx-capsule:before{content:"\ea25"}
.bx-captions:before{content:"\ea26"}
.bx-car:before{content:"\ea27"}
.bx-card:before{content:"\ea28"}
.bx-caret-down:before{content:"\ea29"}
.bx-caret-down-circle:before{content:"\ea2a"}
.bx-caret-down-square:before{content:"\ea2b"}
.bx-caret-left:before{content:"\ea2c"}
.bx-caret-left-circle:before{content:"\ea2d"}
.bx-caret-left-square:before{content:"\ea2e"}
.bx-caret-right:before{content:"\ea2f"}
.bx-caret-right-circle:before{content:"\ea30"}
.bx-caret-right-square:before{content:"\ea31"}
.bx-caret-up:before{content:"\ea32"}
.bx-caret-up-circle:before{content:"\ea33"}
.bx-caret-up-square:before{content:"\ea34"}
.bx-carousel:before{content:"\ea35"}
.bx-cart:before{content:"\ea36"}
.bx-cart-alt:before{content:"\ea37"}
.bx-cast:before{content:"\ea38"}
.bx-category:before{content:"\ea39"}
.bx-category-alt:before{content:"\ea3a"}
.bx-cctv:before{content:"\ea3b"}
.bx-certification:before{content:"\ea3c"}
.bx-chair:before{content:"\ea3d"}
.bx-chalkboard:before{content:"\ea3e"}
.bx-chart:before{content:"\ea3f"}
.bx-chat:before{content:"\ea40"}
.bx-check:before{content:"\ea41"}
.bx-checkbox:before{content:"\ea42"}
.bx-checkbox-checked:before{content:"\ea43"}
.bx-checkbox-minus:before{content:"\ea44"}
.bx-checkbox-square:before{content:"\ea45"}
.bx-check-circle:before{content:"\ea46"}
.bx-check-double:before{content:"\ea47"}
.bx-check-shield:before{content:"\ea48"}
.bx-check-square:before{content:"\ea49"}
.bx-chevron-down:before{content:"\ea4a"}
.bx-chevron-down-circle:before{content:"\ea4b"}
.bx-chevron-down-square:before{content:"\ea4c"}
.bx-chevron-left:before{content:"\ea4d"}
.bx-chevron-left-circle:before{content:"\ea4e"}
.bx-chevron-left-square:before{content:"\ea4f"}
.bx-chevron-right:before{content:"\ea50"}
.bx-chevron-right-circle:before{content:"\ea51"}
.bx-chevron-right-square:before{content:"\ea52"}
.bx-chevrons-down:before{content:"\ea53"}
.bx-chevrons-left:before{content:"\ea54"}
.bx-chevrons-right:before{content:"\ea55"}
.bx-chevrons-up:before{content:"\ea56"}
.bx-chevron-up:before{content:"\ea57"}
.bx-chevron-up-circle:before{content:"\ea58"}
.bx-chevron-up-square:before{content:"\ea59"}
.bx-chip:before{content:"\ea5a"}
.bx-church:before{content:"\ea5b"}
.bx-circle:before{content:"\ea5c"}
.bx-clinic:before{content:"\ea5d"}
.bx-clipboard:before{content:"\ea5e"}
.bx-closet:before{content:"\ea5f"}
.bx-cloud:before{content:"\ea60"}
.bx-cloud-download:before{content:"\ea61"}
.bx-cloud-drizzle:before{content:"\ea62"}
.bx-cloud-lightning:before{content:"\ea63"}
.bx-cloud-light-rain:before{content:"\ea64"}
.bx-cloud-rain:before{content:"\ea65"}
.bx-cloud-snow:before{content:"\ea66"}
.bx-cloud-upload:before{content:"\ea67"}
.bx-code:before{content:"\ea68"}
.bx-code-alt:before{content:"\ea69"}
.bx-code-block:before{content:"\ea6a"}
.bx-code-curly:before{content:"\ea6b"}
.bx-coffee:before{content:"\ea6c"}
.bx-coffee-togo:before{content:"\ea6d"}
.bx-cog:before{content:"\ea6e"}
.bx-coin:before{content:"\ea6f"}
.bx-coin-stack:before{content:"\ea70"}
.bx-collapse:before{content:"\ea71"}
.bx-collection:before{content:"\ea72"}
.bx-color-fill:before{content:"\ea73"}
.bx-columns:before{content:"\ea74"}
.bx-command:before{content:"\ea75"}
.bx-comment:before{content:"\ea76"}
.bx-comment-add:before{content:"\ea77"}
.bx-comment-check:before{content:"\ea78"}
.bx-comment-detail:before{content:"\ea79"}
.bx-comment-dots:before{content:"\ea7a"}
.bx-comment-edit:before{content:"\ea7b"}
.bx-comment-error:before{content:"\ea7c"}
.bx-comment-minus:before{content:"\ea7d"}
.bx-comment-x:before{content:"\ea7e"}
.bx-compass:before{content:"\ea7f"}
.bx-confused:before{content:"\ea80"}
.bx-conversation:before{content:"\ea81"}
.bx-cookie:before{content:"\ea82"}
.bx-cool:before{content:"\ea83"}
.bx-copy:before{content:"\ea84"}
.bx-copy-alt:before{content:"\ea85"}
.bx-copyright:before{content:"\ea86"}
.bx-credit-card:before{content:"\ea87"}
.bx-credit-card-alt:before{content:"\ea88"}
.bx-credit-card-front:before{content:"\ea89"}
.bx-crop:before{content:"\ea8a"}
.bx-crosshair:before{content:"\ea8b"}
.bx-crown:before{content:"\ea8c"}
.bx-cube:before{content:"\ea8d"}
.bx-cube-alt:before{content:"\ea8e"}
.bx-cuboid:before{content:"\ea8f"}
.bx-current-location:before{content:"\ea90"}
.bx-customize:before{content:"\ea91"}
.bx-cut:before{content:"\ea92"}
.bx-cycling:before{content:"\ea93"}
.bx-cylinder:before{content:"\ea94"}
.bx-data:before{content:"\ea95"}
.bx-desktop:before{content:"\ea96"}
.bx-detail:before{content:"\ea97"}
.bx-devices:before{content:"\ea98"}
.bx-dialpad:before{content:"\ea99"}
.bx-dialpad-alt:before{content:"\ea9a"}
.bx-diamond:before{content:"\ea9b"}
.bx-dice-1:before{content:"\ea9c"}
.bx-dice-2:before{content:"\ea9d"}
.bx-dice-3:before{content:"\ea9e"}
.bx-dice-4:before{content:"\ea9f"}
.bx-dice-5:before{content:"\eaa0"}
.bx-dice-6:before{content:"\eaa1"}
.bx-directions:before{content:"\eaa2"}
.bx-disc:before{content:"\eaa3"}
.bx-dish:before{content:"\eaa4"}
.bx-dislike:before{content:"\eaa5"}
.bx-dizzy:before{content:"\eaa6"}
.bx-dna:before{content:"\eaa7"}
.bx-dock-bottom:before{content:"\eaa8"}
.bx-dock-left:before{content:"\eaa9"}
.bx-dock-right:before{content:"\eaaa"}
.bx-dock-top:before{content:"\eaab"}
.bx-dollar:before{content:"\eaac"}
.bx-dollar-circle:before{content:"\eaad"}
.bx-donate-blood:before{content:"\eaae"}
.bx-donate-heart:before{content:"\eaaf"}
.bx-door-open:before{content:"\eab0"}
.bx-dots-horizontal:before{content:"\eab1"}
.bx-dots-horizontal-rounded:before{content:"\eab2"}
.bx-dots-vertical:before{content:"\eab3"}
.bx-dots-vertical-rounded:before{content:"\eab4"}
.bx-doughnut-chart:before{content:"\eab5"}
.bx-down-arrow:before{content:"\eab6"}
.bx-down-arrow-alt:before{content:"\eab7"}
.bx-down-arrow-circle:before{content:"\eab8"}
.bx-download:before{content:"\eab9"}
.bx-downvote:before{content:"\eaba"}
.bx-drink:before{content:"\eabb"}
.bx-droplet:before{content:"\eabc"}
.bx-dumbbell:before{content:"\eabd"}
.bx-duplicate:before{content:"\eabe"}
.bx-edit:before{content:"\eabf"}
.bx-edit-alt:before{content:"\eac0"}
.bx-envelope:before{content:"\eac1"}
.bx-envelope-open:before{content:"\eac2"}
.bx-equalizer:before{content:"\eac3"}
.bx-eraser:before{content:"\eac4"}
.bx-error:before{content:"\eac5"}
.bx-error-alt:before{content:"\eac6"}
.bx-error-circle:before{content:"\eac7"}
.bx-euro:before{content:"\eac8"}
.bx-exclude:before{content:"\eac9"}
.bx-exit:before{content:"\eaca"}
.bx-exit-fullscreen:before{content:"\eacb"}
.bx-expand:before{content:"\eacc"}
.bx-expand-alt:before{content:"\eacd"}
.bx-export:before{content:"\eace"}
.bx-extension:before{content:"\eacf"}
.bx-face:before{content:"\ead0"}
.bx-fast-forward:before{content:"\ead1"}
.bx-fast-forward-circle:before{content:"\ead2"}
.bx-female:before{content:"\ead3"}
.bx-female-sign:before{content:"\ead4"}
.bx-file:before{content:"\ead5"}
.bx-file-blank:before{content:"\ead6"}
.bx-file-find:before{content:"\ead7"}
.bx-film:before{content:"\ead8"}
.bx-filter:before{content:"\ead9"}
.bx-filter-alt:before{content:"\eada"}
.bx-fingerprint:before{content:"\eadb"}
.bx-first-aid:before{content:"\eadc"}
.bx-first-page:before{content:"\eadd"}
.bx-flag:before{content:"\eade"}
.bx-folder:before{content:"\eadf"}
.bx-folder-minus:before{content:"\eae0"}
.bx-folder-open:before{content:"\eae1"}
.bx-folder-plus:before{content:"\eae2"}
.bx-font:before{content:"\eae3"}
.bx-font-color:before{content:"\eae4"}
.bx-font-family:before{content:"\eae5"}
.bx-font-size:before{content:"\eae6"}
.bx-food-menu:before{content:"\eae7"}
.bx-food-tag:before{content:"\eae8"}
.bx-football:before{content:"\eae9"}
.bx-fridge:before{content:"\eaea"}
.bx-fullscreen:before{content:"\eaeb"}
.bx-game:before{content:"\eaec"}
.bx-gas-pump:before{content:"\eaed"}
.bx-ghost:before{content:"\eaee"}
.bx-gift:before{content:"\eaef"}
.bx-git-branch:before{content:"\eaf0"}
.bx-git-commit:before{content:"\eaf1"}
.bx-git-compare:before{content:"\eaf2"}
.bx-git-merge:before{content:"\eaf3"}
.bx-git-pull-request:before{content:"\eaf4"}
.bx-git-repo-forked:before{content:"\eaf5"}
.bx-glasses:before{content:"\eaf6"}
.bx-glasses-alt:before{content:"\eaf7"}
.bx-globe:before{content:"\eaf8"}
.bx-globe-alt:before{content:"\eaf9"}
.bx-grid:before{content:"\eafa"}
.bx-grid-alt:before{content:"\eafb"}
.bx-grid-horizontal:before{content:"\eafc"}
.bx-grid-small:before{content:"\eafd"}
.bx-grid-vertical:before{content:"\eafe"}
.bx-group:before{content:"\eaff"}
.bx-handicap:before{content:"\eb00"}
.bx-happy:before{content:"\eb01"}
.bx-happy-alt:before{content:"\eb02"}
.bx-happy-beaming:before{content:"\eb03"}
.bx-happy-heart-eyes:before{content:"\eb04"}
.bx-hash:before{content:"\eb05"}
.bx-hdd:before{content:"\eb06"}
.bx-heading:before{content:"\eb07"}
.bx-headphone:before{content:"\eb08"}
.bx-health:before{content:"\eb09"}
.bx-heart:before{content:"\eb0a"}
.bx-heart-circle:before{content:"\eb0b"}
.bx-heart-square:before{content:"\eb0c"}
.bx-help-circle:before{content:"\eb0d"}
.bx-hide:before{content:"\eb0e"}
.bx-highlight:before{content:"\eb0f"}
.bx-history:before{content:"\eb10"}
.bx-hive:before{content:"\eb11"}
.bx-home:before{content:"\eb12"}
.bx-home-alt:before{content:"\eb13"}
.bx-home-circle:before{content:"\eb14"}
.bx-home-heart:before{content:"\eb15"}
.bx-home-smile:before{content:"\eb16"}
.bx-horizontal-center:before{content:"\eb17"}
.bx-hotel:before{content:"\eb18"}
.bx-hourglass:before{content:"\eb19"}
.bx-id-card:before{content:"\eb1a"}
.bx-image:before{content:"\eb1b"}
.bx-image-add:before{content:"\eb1c"}
.bx-image-alt:before{content:"\eb1d"}
.bx-images:before{content:"\eb1e"}
.bx-import:before{content:"\eb1f"}
.bx-infinite:before{content:"\eb20"}
.bx-info-circle:before{content:"\eb21"}
.bx-info-square:before{content:"\eb22"}
.bx-intersect:before{content:"\eb23"}
.bx-italic:before{content:"\eb24"}
.bx-joystick:before{content:"\eb25"}
.bx-joystick-alt:before{content:"\eb26"}
.bx-joystick-button:before{content:"\eb27"}
.bx-key:before{content:"\eb28"}
.bx-label:before{content:"\eb29"}
.bx-landscape:before{content:"\eb2a"}
.bx-laptop:before{content:"\eb2b"}
.bx-last-page:before{content:"\eb2c"}
.bx-laugh:before{content:"\eb2d"}
.bx-layer:before{content:"\eb2e"}
.bx-layer-minus:before{content:"\eb2f"}
.bx-layer-plus:before{content:"\eb30"}
.bx-layout:before{content:"\eb31"}
.bx-left-arrow:before{content:"\eb32"}
.bx-left-arrow-alt:before{content:"\eb33"}
.bx-left-arrow-circle:before{content:"\eb34"}
.bx-left-down-arrow-circle:before{content:"\eb35"}
.bx-left-indent:before{content:"\eb36"}
.bx-left-top-arrow-circle:before{content:"\eb37"}
.bx-library:before{content:"\eb38"}
.bx-like:before{content:"\eb39"}
.bx-line-chart:before{content:"\eb3a"}
.bx-line-chart-down:before{content:"\eb3b"}
.bx-link:before{content:"\eb3c"}
.bx-link-alt:before{content:"\eb3d"}
.bx-link-external:before{content:"\eb3e"}
.bx-lira:before{content:"\eb3f"}
.bx-list-check:before{content:"\eb40"}
.bx-list-minus:before{content:"\eb41"}
.bx-list-ol:before{content:"\eb42"}
.bx-list-plus:before{content:"\eb43"}
.bx-list-ul:before{content:"\eb44"}
.bx-loader:before{content:"\eb45"}
.bx-loader-alt:before{content:"\eb46"}
.bx-loader-circle:before{content:"\eb47"}
.bx-location-plus:before{content:"\eb48"}
.bx-lock:before{content:"\eb49"}
.bx-lock-alt:before{content:"\eb4a"}
.bx-lock-open:before{content:"\eb4b"}
.bx-lock-open-alt:before{content:"\eb4c"}
.bx-log-in:before{content:"\eb4d"}
.bx-log-in-circle:before{content:"\eb4e"}
.bx-log-out:before{content:"\eb4f"}
.bx-log-out-circle:before{content:"\eb50"}
.bx-low-vision:before{content:"\eb51"}
.bx-magnet:before{content:"\eb52"}
.bx-mail-send:before{content:"\eb53"}
.bx-male:before{content:"\eb54"}
.bx-male-sign:before{content:"\eb55"}
.bx-map:before{content:"\eb56"}
.bx-map-alt:before{content:"\eb57"}
.bx-map-pin:before{content:"\eb58"}
.bx-mask:before{content:"\eb59"}
.bx-medal:before{content:"\eb5a"}
.bx-meh:before{content:"\eb5b"}
.bx-meh-alt:before{content:"\eb5c"}
.bx-meh-blank:before{content:"\eb5d"}
.bx-memory-card:before{content:"\eb5e"}
.bx-menu:before{content:"\eb5f"}
.bx-menu-alt-left:before{content:"\ef5b"}
.bx-menu-alt-right:before{content:"\eb61"}
.bx-merge:before{content:"\eb62"}
.bx-message:before{content:"\eb63"}
.bx-message-add:before{content:"\eb64"}
.bx-message-alt:before{content:"\eb65"}
.bx-message-alt-add:before{content:"\eb66"}
.bx-message-alt-check:before{content:"\eb67"}
.bx-message-alt-detail:before{content:"\eb68"}
.bx-message-alt-dots:before{content:"\eb69"}
.bx-message-alt-edit:before{content:"\eb6a"}
.bx-message-alt-error:before{content:"\eb6b"}
.bx-message-alt-minus:before{content:"\eb6c"}
.bx-message-alt-x:before{content:"\eb6d"}
.bx-message-check:before{content:"\eb6e"}
.bx-message-detail:before{content:"\eb6f"}
.bx-message-dots:before{content:"\eb70"}
.bx-message-edit:before{content:"\eb71"}
.bx-message-error:before{content:"\eb72"}
.bx-message-minus:before{content:"\eb73"}
.bx-message-rounded:before{content:"\eb74"}
.bx-message-rounded-add:before{content:"\eb75"}
.bx-message-rounded-check:before{content:"\eb76"}
.bx-message-rounded-detail:before{content:"\eb77"}
.bx-message-rounded-dots:before{content:"\eb78"}
.bx-message-rounded-edit:before{content:"\ef5c"}
.bx-message-rounded-error:before{content:"\eb7a"}
.bx-message-rounded-minus:before{content:"\eb7b"}
.bx-message-rounded-x:before{content:"\eb7c"}
.bx-message-square:before{content:"\eb7d"}
.bx-message-square-add:before{content:"\eb7e"}
.bx-message-square-check:before{content:"\eb7f"}
.bx-message-square-detail:before{content:"\eb80"}
.bx-message-square-dots:before{content:"\eb81"}
.bx-message-square-edit:before{content:"\eb82"}
.bx-message-square-error:before{content:"\eb83"}
.bx-message-square-minus:before{content:"\eb84"}
.bx-message-square-x:before{content:"\eb85"}
.bx-message-x:before{content:"\eb86"}
.bx-meteor:before{content:"\eb87"}
.bx-microchip:before{content:"\eb88"}
.bx-microphone:before{content:"\eb89"}
.bx-microphone-off:before{content:"\eb8a"}
.bx-minus:before{content:"\eb8b"}
.bx-minus-back:before{content:"\eb8c"}
.bx-minus-circle:before{content:"\eb8d"}
.bx-minus-front:before{content:"\eb8e"}
.bx-mobile:before{content:"\eb8f"}
.bx-mobile-alt:before{content:"\eb90"}
.bx-mobile-landscape:before{content:"\eb91"}
.bx-mobile-vibration:before{content:"\ef5d"}
.bx-money:before{content:"\eb93"}
.bx-moon:before{content:"\eb94"}
.bx-mouse:before{content:"\eb95"}
.bx-mouse-alt:before{content:"\eb96"}
.bx-move:before{content:"\eb97"}
.bx-move-horizontal:before{content:"\eb98"}
.bx-move-vertical:before{content:"\eb99"}
.bx-movie:before{content:"\eb9a"}
.bx-movie-play:before{content:"\eb9b"}
.bx-music:before{content:"\eb9c"}
.bx-navigation:before{content:"\eb9d"}
.bx-network-chart:before{content:"\eb9e"}
.bx-news:before{content:"\eb9f"}
.bx-no-entry:before{content:"\eba0"}
.bx-note:before{content:"\eba1"}
.bx-notepad:before{content:"\eba2"}
.bx-notification:before{content:"\eba3"}
.bx-notification-off:before{content:"\eba4"}
.bx-outline:before{content:"\eba5"}
.bx-package:before{content:"\eba6"}
.bx-paint:before{content:"\eba7"}
.bx-paint-roll:before{content:"\eba8"}
.bx-palette:before{content:"\eba9"}
.bx-paperclip:before{content:"\ebaa"}
.bx-paper-plane:before{content:"\ef61"}
.bx-paragraph:before{content:"\ebac"}
.bx-paste:before{content:"\ebad"}
.bx-pause:before{content:"\ebae"}
.bx-pause-circle:before{content:"\ebaf"}
.bx-pen:before{content:"\ebb0"}
.bx-pencil:before{content:"\ebb1"}
.bx-phone:before{content:"\ebb2"}
.bx-phone-call:before{content:"\ebb3"}
.bx-phone-incoming:before{content:"\ebb4"}
.bx-phone-off:before{content:"\ebb5"}
.bx-phone-outgoing:before{content:"\ebb6"}
.bx-photo-album:before{content:"\ebb7"}
.bx-pie-chart:before{content:"\ebb8"}
.bx-pie-chart-alt:before{content:"\ebb9"}
.bx-pie-chart-alt-2:before{content:"\ebba"}
.bx-pin:before{content:"\ebbb"}
.bx-planet:before{content:"\ebbc"}
.bx-play:before{content:"\ebbd"}
.bx-play-circle:before{content:"\ebbe"}
.bx-plug:before{content:"\ebbf"}
.bx-plus:before{content:"\ebc0"}
.bx-plus-circle:before{content:"\ebc1"}
.bx-plus-medical:before{content:"\ebc2"}
.bx-podcast:before{content:"\ebc3"}
.bx-pointer:before{content:"\ef5e"}
.bx-poll:before{content:"\ebc5"}
.bx-polygon:before{content:"\ebc6"}
.bx-pound:before{content:"\ebc7"}
.bx-power-off:before{content:"\ebc8"}
.bx-printer:before{content:"\ebc9"}
.bx-pulse:before{content:"\ebca"}
.bx-purchase-tag:before{content:"\ebcb"}
.bx-purchase-tag-alt:before{content:"\ebcc"}
.bx-pyramid:before{content:"\ebcd"}
.bx-qr:before{content:"\ebce"}
.bx-qr-scan:before{content:"\ebcf"}
.bx-question-mark:before{content:"\ebd0"}
.bx-radar:before{content:"\ebd1"}
.bx-radio:before{content:"\ebd2"}
.bx-radio-circle:before{content:"\ebd3"}
.bx-radio-circle-marked:before{content:"\ebd4"}
.bx-receipt:before{content:"\ebd5"}
.bx-rectangle:before{content:"\ebd6"}
.bx-recycle:before{content:"\ebd7"}
.bx-redo:before{content:"\ebd8"}
.bx-refresh:before{content:"\ebd9"}
.bx-registered:before{content:"\ebda"}
.bx-rename:before{content:"\ebdb"}
.bx-repeat:before{content:"\ebdc"}
.bx-reply:before{content:"\ef5f"}
.bx-reply-all:before{content:"\ebde"}
.bx-repost:before{content:"\ebdf"}
.bx-reset:before{content:"\ebe0"}
.bx-restaurant:before{content:"\ebe1"}
.bx-revision:before{content:"\ebe2"}
.bx-rewind:before{content:"\ebe3"}
.bx-rewind-circle:before{content:"\ebe4"}
.bx-right-arrow:before{content:"\ebe5"}
.bx-right-arrow-alt:before{content:"\ebe6"}
.bx-right-arrow-circle:before{content:"\ebe7"}
.bx-right-down-arrow-circle:before{content:"\ebe8"}
.bx-right-indent:before{content:"\ebe9"}
.bx-right-top-arrow-circle:before{content:"\ebea"}
.bx-rocket:before{content:"\ebeb"}
.bx-rotate-left:before{content:"\ebec"}
.bx-rotate-right:before{content:"\ebed"}
.bx-rss:before{content:"\ebee"}
.bx-ruble:before{content:"\ebef"}
.bx-ruler:before{content:"\ebf0"}
.bx-run:before{content:"\ebf1"}
.bx-rupee:before{content:"\ebf2"}
.bx-sad:before{content:"\ebf3"}
.bx-save:before{content:"\ebf4"}
.bx-scan:before{content:"\ebf5"}
.bx-screenshot:before{content:"\ef60"}
.bx-search:before{content:"\ebf7"}
.bx-search-alt:before{content:"\ebf8"}
.bx-search-alt-2:before{content:"\ebf9"}
.bx-selection:before{content:"\ebfa"}
.bx-select-multiple:before{content:"\ebfb"}
.bx-send:before{content:"\ebfc"}
.bx-server:before{content:"\ebfd"}
.bx-shape-circle:before{content:"\ebfe"}
.bx-shape-polygon:before{content:"\ebff"}
.bx-shape-square:before{content:"\ec00"}
.bx-shape-triangle:before{content:"\ec01"}
.bx-share:before{content:"\ec02"}
.bx-share-alt:before{content:"\ec03"}
.bx-shekel:before{content:"\ec04"}
.bx-shield:before{content:"\ec05"}
.bx-shield-alt:before{content:"\ec06"}
.bx-shield-alt-2:before{content:"\ec07"}
.bx-shield-quarter:before{content:"\ec08"}
.bx-shield-x:before{content:"\ec09"}
.bx-shocked:before{content:"\ec0a"}
.bx-shopping-bag:before{content:"\ec0b"}
.bx-show:before{content:"\ec0c"}
.bx-show-alt:before{content:"\ec0d"}
.bx-shuffle:before{content:"\ec0e"}
.bx-sidebar:before{content:"\ec0f"}
.bx-sitemap:before{content:"\ec10"}
.bx-skip-next:before{content:"\ec11"}
.bx-skip-next-circle:before{content:"\ec12"}
.bx-skip-previous:before{content:"\ec13"}
.bx-skip-previous-circle:before{content:"\ec14"}
.bx-sleepy:before{content:"\ec15"}
.bx-slider:before{content:"\ec16"}
.bx-slider-alt:before{content:"\ec17"}
.bx-slideshow:before{content:"\ec18"}
.bx-smile:before{content:"\ec19"}
.bx-sort:before{content:"\ec1a"}
.bx-sort-alt-2:before{content:"\ec1b"}
.bx-sort-a-z:before{content:"\ec1c"}
.bx-sort-down:before{content:"\ec1d"}
.bx-sort-up:before{content:"\ec1e"}
.bx-sort-z-a:before{content:"\ec1f"}
.bx-spa:before{content:"\ec20"}
.bx-space-bar:before{content:"\ec21"}
.bx-speaker:before{content:"\ec22"}
.bx-spray-can:before{content:"\ec23"}
.bx-spreadsheet:before{content:"\ec24"}
.bx-square:before{content:"\ec25"}
.bx-square-rounded:before{content:"\ec26"}
.bx-star:before{content:"\ec27"}
.bx-station:before{content:"\ec28"}
.bx-stats:before{content:"\ec29"}
.bx-sticker:before{content:"\ec2a"}
.bx-stop:before{content:"\ec2b"}
.bx-stop-circle:before{content:"\ec2c"}
.bx-stopwatch:before{content:"\ec2d"}
.bx-store:before{content:"\ec2e"}
.bx-store-alt:before{content:"\ec2f"}
.bx-street-view:before{content:"\ec30"}
.bx-strikethrough:before{content:"\ec31"}
.bx-subdirectory-left:before{content:"\ec32"}
.bx-subdirectory-right:before{content:"\ec33"}
.bx-sun:before{content:"\ec34"}
.bx-support:before{content:"\ec35"}
.bx-swim:before{content:"\ec36"}
.bx-sync:before{content:"\ec37"}
.bx-tab:before{content:"\ec38"}
.bx-table:before{content:"\ec39"}
.bx-tachometer:before{content:"\ec3a"}
.bx-tag:before{content:"\ec3b"}
.bx-tag-alt:before{content:"\ec3c"}
.bx-target-lock:before{content:"\ec3d"}
.bx-task:before{content:"\ec3e"}
.bx-task-x:before{content:"\ec3f"}
.bx-taxi:before{content:"\ec40"}
.bx-tennis-ball:before{content:"\ec41"}
.bx-terminal:before{content:"\ec42"}
.bx-test-tube:before{content:"\ec43"}
.bx-text:before{content:"\ec44"}
.bx-time:before{content:"\ec45"}
.bx-time-five:before{content:"\ec46"}
.bx-timer:before{content:"\ec47"}
.bx-tired:before{content:"\ec48"}
.bx-toggle-left:before{content:"\ec49"}
.bx-toggle-right:before{content:"\ec4a"}
.bx-tone:before{content:"\ec4b"}
.bx-traffic-cone:before{content:"\ec4c"}
.bx-train:before{content:"\ec4d"}
.bx-transfer:before{content:"\ec4e"}
.bx-transfer-alt:before{content:"\ec4f"}
.bx-trash:before{content:"\ec50"}
.bx-trash-alt:before{content:"\ec51"}
.bx-trending-down:before{content:"\ec52"}
.bx-trending-up:before{content:"\ec53"}
.bx-trim:before{content:"\ec54"}
.bx-trip:before{content:"\ec55"}
.bx-trophy:before{content:"\ec56"}
.bx-tv:before{content:"\ec57"}
.bx-underline:before{content:"\ec58"}
.bx-undo:before{content:"\ec59"}
.bx-unite:before{content:"\ec5a"}
.bx-unlink:before{content:"\ec5b"}
.bx-up-arrow:before{content:"\ec5c"}
.bx-up-arrow-alt:before{content:"\ec5d"}
.bx-up-arrow-circle:before{content:"\ec5e"}
.bx-upload:before{content:"\ec5f"}
.bx-upside-down:before{content:"\ec60"}
.bx-upvote:before{content:"\ec61"}
.bx-usb:before{content:"\ec62"}
.bx-user:before{content:"\ec63"}
.bx-user-check:before{content:"\ec64"}
.bx-user-circle:before{content:"\ec65"}
.bx-user-minus:before{content:"\ec66"}
.bx-user-pin:before{content:"\ec67"}
.bx-user-plus:before{content:"\ec68"}
.bx-user-voice:before{content:"\ec69"}
.bx-user-x:before{content:"\ec6a"}
.bx-vector:before{content:"\ec6b"}
.bx-vertical-center:before{content:"\ec6c"}
.bx-vial:before{content:"\ec6d"}
.bx-video:before{content:"\ec6e"}
.bx-video-off:before{content:"\ec6f"}
.bx-video-plus:before{content:"\ec70"}
.bx-video-recording:before{content:"\ec71"}
.bx-voicemail:before{content:"\ec72"}
.bx-volume:before{content:"\ec73"}
.bx-volume-full:before{content:"\ec74"}
.bx-volume-low:before{content:"\ec75"}
.bx-volume-mute:before{content:"\ec76"}
.bx-walk:before{content:"\ec77"}
.bx-wallet:before{content:"\ec78"}
.bx-wallet-alt:before{content:"\ec79"}
.bx-water:before{content:"\ec7a"}
.bx-webcam:before{content:"\ec7b"}
.bx-wifi:before{content:"\ec7c"}
.bx-wifi-0:before{content:"\ec7d"}
.bx-wifi-1:before{content:"\ec7e"}
.bx-wifi-2:before{content:"\ec7f"}
.bx-wifi-off:before{content:"\ec80"}
.bx-wind:before{content:"\ec81"}
.bx-window:before{content:"\ec82"}
.bx-window-alt:before{content:"\ec83"}
.bx-window-close:before{content:"\ec84"}
.bx-window-open:before{content:"\ec85"}
.bx-windows:before{content:"\ec86"}
.bx-wine:before{content:"\ec87"}
.bx-wink-smile:before{content:"\ec88"}
.bx-wink-tongue:before{content:"\ec89"}
.bx-won:before{content:"\ec8a"}
.bx-world:before{content:"\ec8b"}
.bx-wrench:before{content:"\ec8c"}
.bx-x:before{content:"\ec8d"}
.bx-x-circle:before{content:"\ec8e"}
.bx-yen:before{content:"\ec8f"}
.bx-zoom-in:before{content:"\ec90"}
.bx-zoom-out:before{content:"\ec91"}
.bxs-party:before{content:"\ec92"}
.bxs-hot:before{content:"\ec93"}
.bxs-droplet:before{content:"\ec94"}
.bxs-cat:before{content:"\ec95"}
.bxs-dog:before{content:"\ec96"}
.bxs-injection:before{content:"\ec97"}
.bxs-leaf:before{content:"\ec98"}
.bxs-add-to-queue:before{content:"\ec99"}
.bxs-adjust:before{content:"\ec9a"}
.bxs-adjust-alt:before{content:"\ec9b"}
.bxs-alarm:before{content:"\ec9c"}
.bxs-alarm-add:before{content:"\ec9d"}
.bxs-alarm-exclamation:before{content:"\ec9e"}
.bxs-alarm-off:before{content:"\ec9f"}
.bxs-alarm-snooze:before{content:"\eca0"}
.bxs-album:before{content:"\eca1"}
.bxs-ambulance:before{content:"\eca2"}
.bxs-analyse:before{content:"\eca3"}
.bxs-angry:before{content:"\eca4"}
.bxs-arch:before{content:"\eca5"}
.bxs-archive:before{content:"\eca6"}
.bxs-archive-in:before{content:"\eca7"}
.bxs-archive-out:before{content:"\eca8"}
.bxs-area:before{content:"\eca9"}
.bxs-arrow-from-bottom:before{content:"\ecaa"}
.bxs-arrow-from-left:before{content:"\ecab"}
.bxs-arrow-from-right:before{content:"\ecac"}
.bxs-arrow-from-top:before{content:"\ecad"}
.bxs-arrow-to-bottom:before{content:"\ecae"}
.bxs-arrow-to-left:before{content:"\ecaf"}
.bxs-arrow-to-right:before{content:"\ecb0"}
.bxs-arrow-to-top:before{content:"\ecb1"}
.bxs-award:before{content:"\ecb2"}
.bxs-baby-carriage:before{content:"\ecb3"}
.bxs-backpack:before{content:"\ecb4"}
.bxs-badge:before{content:"\ecb5"}
.bxs-badge-check:before{content:"\ecb6"}
.bxs-badge-dollar:before{content:"\ecb7"}
.bxs-ball:before{content:"\ecb8"}
.bxs-band-aid:before{content:"\ecb9"}
.bxs-bank:before{content:"\ecba"}
.bxs-bar-chart-alt-2:before{content:"\ecbb"}
.bxs-bar-chart-square:before{content:"\ecbc"}
.bxs-barcode:before{content:"\ecbd"}
.bxs-baseball:before{content:"\ecbe"}
.bxs-basket:before{content:"\ecbf"}
.bxs-basketball:before{content:"\ecc0"}
.bxs-bath:before{content:"\ecc1"}
.bxs-battery:before{content:"\ecc2"}
.bxs-battery-charging:before{content:"\ecc3"}
.bxs-battery-full:before{content:"\ecc4"}
.bxs-battery-low:before{content:"\ecc5"}
.bxs-bed:before{content:"\ecc6"}
.bxs-been-here:before{content:"\ecc7"}
.bxs-beer:before{content:"\ecc8"}
.bxs-bell:before{content:"\ecc9"}
.bxs-bell-minus:before{content:"\ecca"}
.bxs-bell-off:before{content:"\eccb"}
.bxs-bell-plus:before{content:"\eccc"}
.bxs-bell-ring:before{content:"\eccd"}
.bxs-bible:before{content:"\ecce"}
.bxs-binoculars:before{content:"\eccf"}
.bxs-blanket:before{content:"\ecd0"}
.bxs-bolt:before{content:"\ecd1"}
.bxs-bolt-circle:before{content:"\ecd2"}
.bxs-bomb:before{content:"\ecd3"}
.bxs-bone:before{content:"\ecd4"}
.bxs-bong:before{content:"\ecd5"}
.bxs-book:before{content:"\ecd6"}
.bxs-book-add:before{content:"\ecd7"}
.bxs-book-alt:before{content:"\ecd8"}
.bxs-book-bookmark:before{content:"\ecd9"}
.bxs-book-content:before{content:"\ecda"}
.bxs-book-heart:before{content:"\ecdb"}
.bxs-bookmark:before{content:"\ecdc"}
.bxs-bookmark-alt:before{content:"\ecdd"}
.bxs-bookmark-alt-minus:before{content:"\ecde"}
.bxs-bookmark-alt-plus:before{content:"\ecdf"}
.bxs-bookmark-heart:before{content:"\ece0"}
.bxs-bookmark-minus:before{content:"\ece1"}
.bxs-bookmark-plus:before{content:"\ece2"}
.bxs-bookmarks:before{content:"\ece3"}
.bxs-bookmark-star:before{content:"\ece4"}
.bxs-book-open:before{content:"\ece5"}
.bxs-book-reader:before{content:"\ece6"}
.bxs-bot:before{content:"\ece7"}
.bxs-bowling-ball:before{content:"\ece8"}
.bxs-box:before{content:"\ece9"}
.bxs-brain:before{content:"\ecea"}
.bxs-briefcase:before{content:"\eceb"}
.bxs-briefcase-alt:before{content:"\ecec"}
.bxs-briefcase-alt-2:before{content:"\eced"}
.bxs-brightness:before{content:"\ecee"}
.bxs-brightness-half:before{content:"\ecef"}
.bxs-brush:before{content:"\ecf0"}
.bxs-brush-alt:before{content:"\ecf1"}
.bxs-bug:before{content:"\ecf2"}
.bxs-bug-alt:before{content:"\ecf3"}
.bxs-building:before{content:"\ecf4"}
.bxs-building-house:before{content:"\ecf5"}
.bxs-buildings:before{content:"\ecf6"}
.bxs-bulb:before{content:"\ecf7"}
.bxs-bullseye:before{content:"\ecf8"}
.bxs-buoy:before{content:"\ecf9"}
.bxs-bus:before{content:"\ecfa"}
.bxs-business:before{content:"\ecfb"}
.bxs-bus-school:before{content:"\ecfc"}
.bxs-cabinet:before{content:"\ecfd"}
.bxs-cake:before{content:"\ecfe"}
.bxs-calculator:before{content:"\ecff"}
.bxs-calendar:before{content:"\ed00"}
.bxs-calendar-alt:before{content:"\ed01"}
.bxs-calendar-check:before{content:"\ed02"}
.bxs-calendar-edit:before{content:"\ed03"}
.bxs-calendar-event:before{content:"\ed04"}
.bxs-calendar-exclamation:before{content:"\ed05"}
.bxs-calendar-heart:before{content:"\ed06"}
.bxs-calendar-minus:before{content:"\ed07"}
.bxs-calendar-plus:before{content:"\ed08"}
.bxs-calendar-star:before{content:"\ed09"}
.bxs-calendar-week:before{content:"\ed0a"}
.bxs-calendar-x:before{content:"\ed0b"}
.bxs-camera:before{content:"\ed0c"}
.bxs-camera-home:before{content:"\ed0d"}
.bxs-camera-movie:before{content:"\ed0e"}
.bxs-camera-off:before{content:"\ed0f"}
.bxs-camera-plus:before{content:"\ed10"}
.bxs-capsule:before{content:"\ed11"}
.bxs-captions:before{content:"\ed12"}
.bxs-car:before{content:"\ed13"}
.bxs-car-battery:before{content:"\ed14"}
.bxs-car-crash:before{content:"\ed15"}
.bxs-card:before{content:"\ed16"}
.bxs-caret-down-circle:before{content:"\ed17"}
.bxs-caret-down-square:before{content:"\ed18"}
.bxs-caret-left-circle:before{content:"\ed19"}
.bxs-caret-left-square:before{content:"\ed1a"}
.bxs-caret-right-circle:before{content:"\ed1b"}
.bxs-caret-right-square:before{content:"\ed1c"}
.bxs-caret-up-circle:before{content:"\ed1d"}
.bxs-caret-up-square:before{content:"\ed1e"}
.bxs-car-garage:before{content:"\ed1f"}
.bxs-car-mechanic:before{content:"\ed20"}
.bxs-carousel:before{content:"\ed21"}
.bxs-cart:before{content:"\ed22"}
.bxs-cart-add:before{content:"\ed23"}
.bxs-cart-alt:before{content:"\ed24"}
.bxs-cart-download:before{content:"\ed25"}
.bxs-car-wash:before{content:"\ed26"}
.bxs-category:before{content:"\ed27"}
.bxs-category-alt:before{content:"\ed28"}
.bxs-cctv:before{content:"\ed29"}
.bxs-certification:before{content:"\ed2a"}
.bxs-chalkboard:before{content:"\ed2b"}
.bxs-chart:before{content:"\ed2c"}
.bxs-chat:before{content:"\ed2d"}
.bxs-checkbox:before{content:"\ed2e"}
.bxs-checkbox-checked:before{content:"\ed2f"}
.bxs-checkbox-minus:before{content:"\ed30"}
.bxs-check-circle:before{content:"\ed31"}
.bxs-check-shield:before{content:"\ed32"}
.bxs-check-square:before{content:"\ed33"}
.bxs-chess:before{content:"\ed34"}
.bxs-chevron-down:before{content:"\ed35"}
.bxs-chevron-down-circle:before{content:"\ed36"}
.bxs-chevron-down-square:before{content:"\ed37"}
.bxs-chevron-left:before{content:"\ed38"}
.bxs-chevron-left-circle:before{content:"\ed39"}
.bxs-chevron-left-square:before{content:"\ed3a"}
.bxs-chevron-right:before{content:"\ed3b"}
.bxs-chevron-right-circle:before{content:"\ed3c"}
.bxs-chevron-right-square:before{content:"\ed3d"}
.bxs-chevrons-down:before{content:"\ed3e"}
.bxs-chevrons-left:before{content:"\ed3f"}
.bxs-chevrons-right:before{content:"\ed40"}
.bxs-chevrons-up:before{content:"\ed41"}
.bxs-chevron-up:before{content:"\ed42"}
.bxs-chevron-up-circle:before{content:"\ed43"}
.bxs-chevron-up-square:before{content:"\ed44"}
.bxs-chip:before{content:"\ed45"}
.bxs-church:before{content:"\ed46"}
.bxs-circle:before{content:"\ed47"}
.bxs-city:before{content:"\ed48"}
.bxs-clinic:before{content:"\ed49"}
.bxs-cloud:before{content:"\ed4a"}
.bxs-cloud-download:before{content:"\ed4b"}
.bxs-cloud-lightning:before{content:"\ed4c"}
.bxs-cloud-rain:before{content:"\ed4d"}
.bxs-cloud-upload:before{content:"\ed4e"}
.bxs-coffee:before{content:"\ed4f"}
.bxs-coffee-alt:before{content:"\ed50"}
.bxs-coffee-togo:before{content:"\ed51"}
.bxs-cog:before{content:"\ed52"}
.bxs-coin:before{content:"\ed53"}
.bxs-coin-stack:before{content:"\ed54"}
.bxs-collection:before{content:"\ed55"}
.bxs-color-fill:before{content:"\ed56"}
.bxs-comment:before{content:"\ed57"}
.bxs-comment-add:before{content:"\ed58"}
.bxs-comment-check:before{content:"\ed59"}
.bxs-comment-detail:before{content:"\ed5a"}
.bxs-comment-dots:before{content:"\ed5b"}
.bxs-comment-edit:before{content:"\ed5c"}
.bxs-comment-error:before{content:"\ed5d"}
.bxs-comment-minus:before{content:"\ed5e"}
.bxs-comment-x:before{content:"\ed5f"}
.bxs-compass:before{content:"\ed60"}
.bxs-component:before{content:"\ed61"}
.bxs-confused:before{content:"\ed62"}
.bxs-contact:before{content:"\ed63"}
.bxs-conversation:before{content:"\ed64"}
.bxs-cookie:before{content:"\ed65"}
.bxs-cool:before{content:"\ed66"}
.bxs-copy:before{content:"\ed67"}
.bxs-copy-alt:before{content:"\ed68"}
.bxs-copyright:before{content:"\ed69"}
.bxs-coupon:before{content:"\ed6a"}
.bxs-credit-card:before{content:"\ed6b"}
.bxs-credit-card-alt:before{content:"\ed6c"}
.bxs-credit-card-front:before{content:"\ed6d"}
.bxs-crop:before{content:"\ed6e"}
.bxs-crown:before{content:"\ed6f"}
.bxs-cube:before{content:"\ed70"}
.bxs-cube-alt:before{content:"\ed71"}
.bxs-cuboid:before{content:"\ed72"}
.bxs-customize:before{content:"\ed73"}
.bxs-cylinder:before{content:"\ed74"}
.bxs-dashboard:before{content:"\ed75"}
.bxs-data:before{content:"\ed76"}
.bxs-detail:before{content:"\ed77"}
.bxs-devices:before{content:"\ed78"}
.bxs-diamond:before{content:"\ed79"}
.bxs-dice-1:before{content:"\ed7a"}
.bxs-dice-2:before{content:"\ed7b"}
.bxs-dice-3:before{content:"\ed7c"}
.bxs-dice-4:before{content:"\ed7d"}
.bxs-dice-5:before{content:"\ed7e"}
.bxs-dice-6:before{content:"\ed7f"}
.bxs-direction-left:before{content:"\ed80"}
.bxs-direction-right:before{content:"\ed81"}
.bxs-directions:before{content:"\ed82"}
.bxs-disc:before{content:"\ed83"}
.bxs-discount:before{content:"\ed84"}
.bxs-dish:before{content:"\ed85"}
.bxs-dislike:before{content:"\ed86"}
.bxs-dizzy:before{content:"\ed87"}
.bxs-dock-bottom:before{content:"\ed88"}
.bxs-dock-left:before{content:"\ed89"}
.bxs-dock-right:before{content:"\ed8a"}
.bxs-dock-top:before{content:"\ed8b"}
.bxs-dollar-circle:before{content:"\ed8c"}
.bxs-donate-blood:before{content:"\ed8d"}
.bxs-donate-heart:before{content:"\ed8e"}
.bxs-door-open:before{content:"\ed8f"}
.bxs-doughnut-chart:before{content:"\ed90"}
.bxs-down-arrow:before{content:"\ed91"}
.bxs-down-arrow-alt:before{content:"\ed92"}
.bxs-down-arrow-circle:before{content:"\ed93"}
.bxs-down-arrow-square:before{content:"\ed94"}
.bxs-download:before{content:"\ed95"}
.bxs-downvote:before{content:"\ed96"}
.bxs-drink:before{content:"\ed97"}
.bxs-droplet-half:before{content:"\ed98"}
.bxs-dryer:before{content:"\ed99"}
.bxs-duplicate:before{content:"\ed9a"}
.bxs-edit:before{content:"\ed9b"}
.bxs-edit-alt:before{content:"\ed9c"}
.bxs-edit-location:before{content:"\ed9d"}
.bxs-eject:before{content:"\ed9e"}
.bxs-envelope:before{content:"\ed9f"}
.bxs-envelope-open:before{content:"\eda0"}
.bxs-eraser:before{content:"\eda1"}
.bxs-error:before{content:"\eda2"}
.bxs-error-alt:before{content:"\eda3"}
.bxs-error-circle:before{content:"\eda4"}
.bxs-ev-station:before{content:"\eda5"}
.bxs-exit:before{content:"\eda6"}
.bxs-extension:before{content:"\eda7"}
.bxs-eyedropper:before{content:"\eda8"}
.bxs-face:before{content:"\eda9"}
.bxs-face-mask:before{content:"\edaa"}
.bxs-factory:before{content:"\edab"}
.bxs-fast-forward-circle:before{content:"\edac"}
.bxs-file:before{content:"\edad"}
.bxs-file-archive:before{content:"\edae"}
.bxs-file-blank:before{content:"\edaf"}
.bxs-file-css:before{content:"\edb0"}
.bxs-file-doc:before{content:"\edb1"}
.bxs-file-export:before{content:"\edb2"}
.bxs-file-find:before{content:"\edb3"}
.bxs-file-gif:before{content:"\edb4"}
.bxs-file-html:before{content:"\edb5"}
.bxs-file-image:before{content:"\edb6"}
.bxs-file-import:before{content:"\edb7"}
.bxs-file-jpg:before{content:"\edb8"}
.bxs-file-js:before{content:"\edb9"}
.bxs-file-json:before{content:"\edba"}
.bxs-file-md:before{content:"\edbb"}
.bxs-file-pdf:before{content:"\edbc"}
.bxs-file-plus:before{content:"\edbd"}
.bxs-file-png:before{content:"\edbe"}
.bxs-file-txt:before{content:"\edbf"}
.bxs-film:before{content:"\edc0"}
.bxs-filter-alt:before{content:"\edc1"}
.bxs-first-aid:before{content:"\edc2"}
.bxs-flag:before{content:"\edc3"}
.bxs-flag-alt:before{content:"\edc4"}
.bxs-flag-checkered:before{content:"\edc5"}
.bxs-flame:before{content:"\edc6"}
.bxs-flask:before{content:"\edc7"}
.bxs-florist:before{content:"\edc8"}
.bxs-folder:before{content:"\edc9"}
.bxs-folder-minus:before{content:"\edca"}
.bxs-folder-open:before{content:"\edcb"}
.bxs-folder-plus:before{content:"\edcc"}
.bxs-food-menu:before{content:"\edcd"}
.bxs-fridge:before{content:"\edce"}
.bxs-game:before{content:"\edcf"}
.bxs-gas-pump:before{content:"\edd0"}
.bxs-ghost:before{content:"\edd1"}
.bxs-gift:before{content:"\edd2"}
.bxs-graduation:before{content:"\edd3"}
.bxs-grid:before{content:"\edd4"}
.bxs-grid-alt:before{content:"\edd5"}
.bxs-group:before{content:"\edd6"}
.bxs-guitar-amp:before{content:"\edd7"}
.bxs-hand:before{content:"\edd8"}
.bxs-hand-down:before{content:"\edd9"}
.bxs-hand-left:before{content:"\edda"}
.bxs-hand-right:before{content:"\eddb"}
.bxs-hand-up:before{content:"\eddc"}
.bxs-happy:before{content:"\eddd"}
.bxs-happy-alt:before{content:"\edde"}
.bxs-happy-beaming:before{content:"\eddf"}
.bxs-happy-heart-eyes:before{content:"\ede0"}
.bxs-hdd:before{content:"\ede1"}
.bxs-heart:before{content:"\ede2"}
.bxs-heart-circle:before{content:"\ede3"}
.bxs-heart-square:before{content:"\ede4"}
.bxs-help-circle:before{content:"\ede5"}
.bxs-hide:before{content:"\ede6"}
.bxs-home:before{content:"\ede7"}
.bxs-home-circle:before{content:"\ede8"}
.bxs-home-heart:before{content:"\ede9"}
.bxs-home-smile:before{content:"\edea"}
.bxs-hotel:before{content:"\edeb"}
.bxs-hourglass:before{content:"\edec"}
.bxs-hourglass-bottom:before{content:"\eded"}
.bxs-hourglass-top:before{content:"\edee"}
.bxs-id-card:before{content:"\edef"}
.bxs-image:before{content:"\edf0"}
.bxs-image-add:before{content:"\edf1"}
.bxs-image-alt:before{content:"\edf2"}
.bxs-inbox:before{content:"\edf3"}
.bxs-info-circle:before{content:"\edf4"}
.bxs-info-square:before{content:"\edf5"}
.bxs-institution:before{content:"\edf6"}
.bxs-joystick:before{content:"\edf7"}
.bxs-joystick-alt:before{content:"\edf8"}
.bxs-joystick-button:before{content:"\edf9"}
.bxs-key:before{content:"\edfa"}
.bxs-keyboard:before{content:"\edfb"}
.bxs-label:before{content:"\edfc"}
.bxs-landmark:before{content:"\edfd"}
.bxs-landscape:before{content:"\edfe"}
.bxs-laugh:before{content:"\edff"}
.bxs-layer:before{content:"\ee00"}
.bxs-layer-minus:before{content:"\ee01"}
.bxs-layer-plus:before{content:"\ee02"}
.bxs-layout:before{content:"\ee03"}
.bxs-left-arrow:before{content:"\ee04"}
.bxs-left-arrow-alt:before{content:"\ee05"}
.bxs-left-arrow-circle:before{content:"\ee06"}
.bxs-left-arrow-square:before{content:"\ee07"}
.bxs-left-down-arrow-circle:before{content:"\ee08"}
.bxs-left-top-arrow-circle:before{content:"\ee09"}
.bxs-like:before{content:"\ee0a"}
.bxs-location-plus:before{content:"\ee0b"}
.bxs-lock:before{content:"\ee0c"}
.bxs-lock-alt:before{content:"\ee0d"}
.bxs-lock-open:before{content:"\ee0e"}
.bxs-lock-open-alt:before{content:"\ee0f"}
.bxs-log-in:before{content:"\ee10"}
.bxs-log-in-circle:before{content:"\ee11"}
.bxs-log-out:before{content:"\ee12"}
.bxs-log-out-circle:before{content:"\ee13"}
.bxs-low-vision:before{content:"\ee14"}
.bxs-magic-wand:before{content:"\ee15"}
.bxs-magnet:before{content:"\ee16"}
.bxs-map:before{content:"\ee17"}
.bxs-map-alt:before{content:"\ee18"}
.bxs-map-pin:before{content:"\ee19"}
.bxs-mask:before{content:"\ee1a"}
.bxs-medal:before{content:"\ee1b"}
.bxs-megaphone:before{content:"\ee1c"}
.bxs-meh:before{content:"\ee1d"}
.bxs-meh-alt:before{content:"\ee1e"}
.bxs-meh-blank:before{content:"\ee1f"}
.bxs-memory-card:before{content:"\ee20"}
.bxs-message:before{content:"\ee21"}
.bxs-message-add:before{content:"\ee22"}
.bxs-message-alt:before{content:"\ee23"}
.bxs-message-alt-add:before{content:"\ee24"}
.bxs-message-alt-check:before{content:"\ee25"}
.bxs-message-alt-detail:before{content:"\ee26"}
.bxs-message-alt-dots:before{content:"\ee27"}
.bxs-message-alt-edit:before{content:"\ee28"}
.bxs-message-alt-error:before{content:"\ee29"}
.bxs-message-alt-minus:before{content:"\ee2a"}
.bxs-message-alt-x:before{content:"\ee2b"}
.bxs-message-check:before{content:"\ee2c"}
.bxs-message-detail:before{content:"\ee2d"}
.bxs-message-dots:before{content:"\ee2e"}
.bxs-message-edit:before{content:"\ee2f"}
.bxs-message-error:before{content:"\ee30"}
.bxs-message-minus:before{content:"\ee31"}
.bxs-message-rounded:before{content:"\ee32"}
.bxs-message-rounded-add:before{content:"\ee33"}
.bxs-message-rounded-check:before{content:"\ee34"}
.bxs-message-rounded-detail:before{content:"\ee35"}
.bxs-message-rounded-dots:before{content:"\ee36"}
.bxs-message-rounded-edit:before{content:"\ee37"}
.bxs-message-rounded-error:before{content:"\ee38"}
.bxs-message-rounded-minus:before{content:"\ee39"}
.bxs-message-rounded-x:before{content:"\ee3a"}
.bxs-message-square:before{content:"\ee3b"}
.bxs-message-square-add:before{content:"\ee3c"}
.bxs-message-square-check:before{content:"\ee3d"}
.bxs-message-square-detail:before{content:"\ee3e"}
.bxs-message-square-dots:before{content:"\ee3f"}
.bxs-message-square-edit:before{content:"\ee40"}
.bxs-message-square-error:before{content:"\ee41"}
.bxs-message-square-minus:before{content:"\ee42"}
.bxs-message-square-x:before{content:"\ee43"}
.bxs-message-x:before{content:"\ee44"}
.bxs-meteor:before{content:"\ee45"}
.bxs-microchip:before{content:"\ee46"}
.bxs-microphone:before{content:"\ee47"}
.bxs-microphone-alt:before{content:"\ee48"}
.bxs-microphone-off:before{content:"\ee49"}
.bxs-minus-circle:before{content:"\ee4a"}
.bxs-minus-square:before{content:"\ee4b"}
.bxs-mobile:before{content:"\ee4c"}
.bxs-mobile-vibration:before{content:"\ee4d"}
.bxs-moon:before{content:"\ee4e"}
.bxs-mouse:before{content:"\ee4f"}
.bxs-mouse-alt:before{content:"\ee50"}
.bxs-movie:before{content:"\ee51"}
.bxs-movie-play:before{content:"\ee52"}
.bxs-music:before{content:"\ee53"}
.bxs-navigation:before{content:"\ee54"}
.bxs-network-chart:before{content:"\ee55"}
.bxs-news:before{content:"\ee56"}
.bxs-no-entry:before{content:"\ee57"}
.bxs-note:before{content:"\ee58"}
.bxs-notepad:before{content:"\ee59"}
.bxs-notification:before{content:"\ee5a"}
.bxs-notification-off:before{content:"\ee5b"}
.bxs-offer:before{content:"\ee5c"}
.bxs-package:before{content:"\ee5d"}
.bxs-paint:before{content:"\ee5e"}
.bxs-paint-roll:before{content:"\ee5f"}
.bxs-palette:before{content:"\ee60"}
.bxs-paper-plane:before{content:"\ee61"}
.bxs-parking:before{content:"\ee62"}
.bxs-paste:before{content:"\ee63"}
.bxs-pen:before{content:"\ee64"}
.bxs-pencil:before{content:"\ee65"}
.bxs-phone:before{content:"\ee66"}
.bxs-phone-call:before{content:"\ee67"}
.bxs-phone-incoming:before{content:"\ee68"}
.bxs-phone-off:before{content:"\ee69"}
.bxs-phone-outgoing:before{content:"\ee6a"}
.bxs-photo-album:before{content:"\ee6b"}
.bxs-piano:before{content:"\ee6c"}
.bxs-pie-chart:before{content:"\ee6d"}
.bxs-pie-chart-alt:before{content:"\ee6e"}
.bxs-pie-chart-alt-2:before{content:"\ee6f"}
.bxs-pin:before{content:"\ee70"}
.bxs-pizza:before{content:"\ee71"}
.bxs-plane:before{content:"\ee72"}
.bxs-plane-alt:before{content:"\ee73"}
.bxs-plane-land:before{content:"\ee74"}
.bxs-planet:before{content:"\ee75"}
.bxs-plane-take-off:before{content:"\ee76"}
.bxs-playlist:before{content:"\ee77"}
.bxs-plug:before{content:"\ee78"}
.bxs-plus-circle:before{content:"\ee79"}
.bxs-plus-square:before{content:"\ee7a"}
.bxs-pointer:before{content:"\ee7b"}
.bxs-polygon:before{content:"\ee7c"}
.bxs-printer:before{content:"\ee7d"}
.bxs-purchase-tag:before{content:"\ee7e"}
.bxs-purchase-tag-alt:before{content:"\ee7f"}
.bxs-pyramid:before{content:"\ee80"}
.bxs-quote-alt-left:before{content:"\ee81"}
.bxs-quote-alt-right:before{content:"\ee82"}
.bxs-quote-left:before{content:"\ee83"}
.bxs-quote-right:before{content:"\ee84"}
.bxs-quote-single-left:before{content:"\ee85"}
.bxs-quote-single-right:before{content:"\ee86"}
.bxs-radiation:before{content:"\ee87"}
.bxs-radio:before{content:"\ee88"}
.bxs-receipt:before{content:"\ee89"}
.bxs-rectangle:before{content:"\ee8a"}
.bxs-registered:before{content:"\ee8b"}
.bxs-rename:before{content:"\ee8c"}
.bxs-report:before{content:"\ee8d"}
.bxs-rewind-circle:before{content:"\ee8e"}
.bxs-right-arrow:before{content:"\ee8f"}
.bxs-right-arrow-alt:before{content:"\ee90"}
.bxs-right-arrow-circle:before{content:"\ee91"}
.bxs-right-arrow-square:before{content:"\ee92"}
.bxs-right-down-arrow-circle:before{content:"\ee93"}
.bxs-right-top-arrow-circle:before{content:"\ee94"}
.bxs-rocket:before{content:"\ee95"}
.bxs-ruler:before{content:"\ee96"}
.bxs-sad:before{content:"\ee97"}
.bxs-save:before{content:"\ee98"}
.bxs-school:before{content:"\ee99"}
.bxs-search:before{content:"\ee9a"}
.bxs-search-alt-2:before{content:"\ee9b"}
.bxs-select-multiple:before{content:"\ee9c"}
.bxs-send:before{content:"\ee9d"}
.bxs-server:before{content:"\ee9e"}
.bxs-shapes:before{content:"\ee9f"}
.bxs-share:before{content:"\eea0"}
.bxs-share-alt:before{content:"\eea1"}
.bxs-shield:before{content:"\eea2"}
.bxs-shield-alt-2:before{content:"\eea3"}
.bxs-shield-x:before{content:"\eea4"}
.bxs-ship:before{content:"\eea5"}
.bxs-shocked:before{content:"\eea6"}
.bxs-shopping-bag:before{content:"\eea7"}
.bxs-shopping-bag-alt:before{content:"\eea8"}
.bxs-shopping-bags:before{content:"\eea9"}
.bxs-show:before{content:"\eeaa"}
.bxs-skip-next-circle:before{content:"\eeab"}
.bxs-skip-previous-circle:before{content:"\eeac"}
.bxs-skull:before{content:"\eead"}
.bxs-sleepy:before{content:"\eeae"}
.bxs-slideshow:before{content:"\eeaf"}
.bxs-smile:before{content:"\eeb0"}
.bxs-sort-alt:before{content:"\eeb1"}
.bxs-spa:before{content:"\eeb2"}
.bxs-speaker:before{content:"\eeb3"}
.bxs-spray-can:before{content:"\eeb4"}
.bxs-spreadsheet:before{content:"\eeb5"}
.bxs-square:before{content:"\eeb6"}
.bxs-square-rounded:before{content:"\eeb7"}
.bxs-star:before{content:"\eeb8"}
.bxs-star-half:before{content:"\eeb9"}
.bxs-sticker:before{content:"\eeba"}
.bxs-stopwatch:before{content:"\eebb"}
.bxs-store:before{content:"\eebc"}
.bxs-store-alt:before{content:"\eebd"}
.bxs-sun:before{content:"\eebe"}
.bxs-tachometer:before{content:"\eebf"}
.bxs-tag:before{content:"\eec0"}
.bxs-tag-alt:before{content:"\eec1"}
.bxs-tag-x:before{content:"\eec2"}
.bxs-taxi:before{content:"\eec3"}
.bxs-tennis-ball:before{content:"\eec4"}
.bxs-terminal:before{content:"\eec5"}
.bxs-thermometer:before{content:"\eec6"}
.bxs-time:before{content:"\eec7"}
.bxs-time-five:before{content:"\eec8"}
.bxs-timer:before{content:"\eec9"}
.bxs-tired:before{content:"\eeca"}
.bxs-toggle-left:before{content:"\eecb"}
.bxs-toggle-right:before{content:"\eecc"}
.bxs-tone:before{content:"\eecd"}
.bxs-torch:before{content:"\eece"}
.bxs-to-top:before{content:"\eecf"}
.bxs-traffic:before{content:"\eed0"}
.bxs-traffic-barrier:before{content:"\eed1"}
.bxs-traffic-cone:before{content:"\eed2"}
.bxs-train:before{content:"\eed3"}
.bxs-trash:before{content:"\eed4"}
.bxs-trash-alt:before{content:"\eed5"}
.bxs-tree:before{content:"\eed6"}
.bxs-trophy:before{content:"\eed7"}
.bxs-truck:before{content:"\eed8"}
.bxs-t-shirt:before{content:"\eed9"}
.bxs-tv:before{content:"\eeda"}
.bxs-up-arrow:before{content:"\eedb"}
.bxs-up-arrow-alt:before{content:"\eedc"}
.bxs-up-arrow-circle:before{content:"\eedd"}
.bxs-up-arrow-square:before{content:"\eede"}
.bxs-upside-down:before{content:"\eedf"}
.bxs-upvote:before{content:"\eee0"}
.bxs-user:before{content:"\eee1"}
.bxs-user-account:before{content:"\eee2"}
.bxs-user-badge:before{content:"\eee3"}
.bxs-user-check:before{content:"\eee4"}
.bxs-user-circle:before{content:"\eee5"}
.bxs-user-detail:before{content:"\eee6"}
.bxs-user-minus:before{content:"\eee7"}
.bxs-user-pin:before{content:"\eee8"}
.bxs-user-plus:before{content:"\eee9"}
.bxs-user-rectangle:before{content:"\eeea"}
.bxs-user-voice:before{content:"\eeeb"}
.bxs-user-x:before{content:"\eeec"}
.bxs-vector:before{content:"\eeed"}
.bxs-vial:before{content:"\eeee"}
.bxs-video:before{content:"\eeef"}
.bxs-video-off:before{content:"\eef0"}
.bxs-video-plus:before{content:"\eef1"}
.bxs-video-recording:before{content:"\eef2"}
.bxs-videos:before{content:"\eef3"}
.bxs-virus:before{content:"\eef4"}
.bxs-virus-block:before{content:"\eef5"}
.bxs-volume:before{content:"\eef6"}
.bxs-volume-full:before{content:"\eef7"}
.bxs-volume-low:before{content:"\eef8"}
.bxs-volume-mute:before{content:"\eef9"}
.bxs-wallet:before{content:"\eefa"}
.bxs-wallet-alt:before{content:"\eefb"}
.bxs-washer:before{content:"\eefc"}
.bxs-watch:before{content:"\eefd"}
.bxs-watch-alt:before{content:"\eefe"}
.bxs-webcam:before{content:"\eeff"}
.bxs-widget:before{content:"\ef00"}
.bxs-window-alt:before{content:"\ef01"}
.bxs-wine:before{content:"\ef02"}
.bxs-wink-smile:before{content:"\ef03"}
.bxs-wink-tongue:before{content:"\ef04"}
.bxs-wrench:before{content:"\ef05"}
.bxs-x-circle:before{content:"\ef06"}
.bxs-x-square:before{content:"\ef07"}
.bxs-yin-yang:before{content:"\ef08"}
.bxs-zap:before{content:"\ef09"}
.bxs-zoom-in:before{content:"\ef0a"}
.bxs-zoom-out:before{content:"\ef0b"}
.dropdown-menu {
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.table > :not(:first-child) {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.dark-theme .ng-select .ng-select-container {
  background-color: transparent !important;
}
.dark-theme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.dark-theme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
.dark-theme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #323256 !important;
  color: #ffffff !important;
}
.dark-theme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #252542 !important;
  color: #ccc;
  padding: 8px 10px;
}
.dark-theme .ng-dropdown-panel {
  background-color: #0e0e23;
  border: 1px solid rgba(255, 255, 255, 0.231372549) !important;
}
.dark-theme .main-sidebar-hide .side-menu .main-logo .desktop-logo {
  display: none !important;
}
.dark-theme .main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo {
  display: initial !important;
}
.dark-theme .main-sidebar-hide.main-sidebar-open .side-menu .main-logo .desktop-logo.theme-logo {
  display: none !important;
}
.dark-theme .apexcharts-tooltip.apexcharts-theme-light,
.dark-theme .apexcharts-xaxistooltip {
  border: 1px solid rgba(255, 255, 255, 0.1607843137) !important;
  background: rgb(35, 35, 61) !important;
}
.dark-theme svg tspan {
  fill: #ccc;
}
.dark-theme line {
  stroke: transparent;
}
.dark-theme .border-0,
.dark-theme .custom-card {
  border: 0 !important;
}
.dark-theme .table > :not(:first-child) {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dark-theme .table-hover > tbody > tr:hover > * {
  color: inherit !important;
}
datatable-summary-row {
  padding-block: 1rem;
}
.bg-background2:before {
  border-radius: 11px !important;
}
.ng-placeholder {
  padding: 0 6px;
}
.rtl ng-select.form-control {
  padding: 0rem 0.75rem 0.175rem 0rem !important;
}
.color-horizontal .nav-sub-item.active > a,
.color-horizontal .nav-sub-link.active {
  color: #fff !important;
  opacity: 1;
}
.light-horizontal:not(.dark-theme) .main-navbar .nav-sub-item.active > .nav-sub-link,
.light-horizontal:not(.dark-theme) .nav-sub-link.active {
  color: #6259ca !important;
  opacity: 1;
}
ngx-dropzone {
  border: 1px solid #e0e2f7;
  border-radius: 4px;
}
.ngx-dz-disabled {
  cursor: not-allowed;
}
.dark-theme ngx-dropzone {
  background: var(--dark-body);
  border: 2px dashed var(--dark-border);
  color: #ccc;
}
.ks-modal-gallery-backdrop {
  background: #000 !important;
  opacity: 0.85 !important;
}
.ks-modal-gallery-panel {
  z-index: 90000 !important;
}
.apexcharts-canvas {
  margin: auto;
}
.pe-7s-repeat:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.input-group-append .form-control {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}
.rtl .input-group-append .form-control {
  border-radius: 0.25rem 0 0 0.25rem !important;
}
.rtl .form-control {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}
.dark-theme .btn-light:hover,
.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus,
.dark-theme .btn-light.disabled,
.dark-theme .btn-light:disabled {
  color: var(--dark-color);
  background-color: var(--dark-body);
  border-color: var(--dark-body);
}
.rtl .accordion-button::after {
  margin-left: inherit;
  margin-right: auto;
}
.rtl .rtl .bs-tooltip-left .arrow::before,
.rtl .rtl .bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
  left: auto;
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-left-color: transparent;
  border-right-color: #01b8ff;
}
.rtl .rtl .bs-tooltip-right .arrow::before,
.rtl .rtl .bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
  right: auto;
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-right-color: transparent;
  border-left-color: #f16d75;
}
.rtl .toast-header .btn-close {
  position: absolute;
  left: 10px;
  filter: invert(1);
}
.toast-header .btn-close {
  filter: invert(1);
}
.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #fff;
}
.dark-theme .mat-form-field-label {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .mat-select-value {
  color: rgba(255, 255, 255, 0.87);
}
.dark-theme .mat-select-arrow {
  color: rgba(255, 255, 255, 0.54);
}
.dark-theme .mat-select-panel {
  background: var(--dark-body);
}
.dark-theme .mat-option {
  color: rgba(255, 255, 255, 0.87);
}
.dark-theme .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--primary-bg-color);
}
.dark-theme .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: var(--dark-body);
}
.dark-theme .mat-form-field-ripple {
  background-color: var(--dark-body);
}
.dark-theme .mat-option:hover:not(.mat-option-disabled),
.dark-theme .mat-option:focus:not(.mat-option-disabled) {
  background: var(--primary-bg-color);
}
.dark-theme .notification-time-date {
  color: #ccc;
}
.dark-theme .color-picker {
  border: var(--dark-border) solid 1px;
  background-color: var(--dark-body);
}
.dark-theme .color-picker .hex-text .box div {
  color: #ccc;
}
.dark-theme .color-picker .type-policy {
  filter: invert(1);
}
.dark-theme .dp-popup {
  border-color: var(--dark-border);
  background: var(--dark-body);
}
.dark-theme dp-calendar-nav.dp-material .dp-nav-header-btn {
  background-color: var(--dark-body);
  color: #ccc;
}
.dark-theme dp-month-calendar .dp-month-calendar-container {
  background: var(--dark-body);
}
.dark-theme dp-month-calendar.dp-material .dp-calendar-month {
  box-sizing: border-box;
  background: var(--dark-body);
  border-radius: 50%;
  margin: 1px;
  color: #ccc;
  border: 1px solid var(--dark-border);
}
.dark-theme dp-day-calendar.dp-material .dp-calendar-month,
.dark-theme dp-day-calendar.dp-material .dp-calendar-day {
  background: var(--dark-body);
  border-radius: 50%;
  margin: 1px;
  border: 1px solid var(--dark-border);
  color: #ccc;
}
.dark-theme dp-calendar-nav.dp-material .dp-calendar-nav-left,
.dark-theme dp-calendar-nav.dp-material .dp-calendar-nav-right,
.dark-theme dp-calendar-nav.dp-material .dp-calendar-secondary-nav-left,
.dark-theme dp-calendar-nav.dp-material .dp-calendar-secondary-nav-right {
  background: var(--dark-body);
  color: #fff;
}
.dark-theme ngx-intl-tel-input {
  display: flex;
  align-items: center;
  background-color: var(--dark-body) !important;
}
.dark-theme .iti__country-list {
  background-color: var(--dark-body);
}
.dark-theme .country-dropdown,
.dark-theme .search-container input,
.dark-theme .iti__divider,
.dark-theme .list-filter,
.dark-theme .select-all,
.dark-theme .dark-theme .list-area {
  border-color: var(--dark-border) !important;
}
.dark-theme .md-drppicker {
  background-color: var(--dark-body);
}
.dark-theme .md-drppicker .calendar-table {
  border: 1px solid var(--dark-border);
  background-color: var(--dark-body);
}
.dark-theme .md-drppicker td.available.next,
.dark-theme .md-drppicker th.available.next,
.dark-theme .md-drppicker td.available.prev,
.dark-theme .md-drppicker th.available.prev {
  filter: invert(1);
}
.dark-theme .md-drppicker td.off,
.dark-theme .md-drppicker td.off.end-date,
.dark-theme .md-drppicker td.off.in-range,
.dark-theme .md-drppicker td.off.start-date {
  background-color: var(--dark-theme);
  border-color: transparent;
  color: #999;
}
.dark-theme .md-drppicker th {
  color: #ccc;
}
.dark-theme dp-day-calendar.dp-material .dp-calendar-weekday {
  columns: #ccc !important;
}
.dark-theme .ngb-dp-header,
.dark-theme .ngb-dp-weekdays {
  background-color: var(--dark-body);
}
.rtl .select-all,
.rtl .dropdown-list ul li {
  text-align: right;
}
.rtl .pure-checkbox input[type=checkbox] + label:before {
  right: 0;
  left: inherit;
}
.rtl .pure-checkbox input[type=checkbox] + label:after {
  right: 3px;
  left: inherit;
}
.rtl .pure-checkbox input[type=checkbox] + label {
  padding-right: 2em;
  padding-left: inherit;
}
.rtl .selected-list .c-list .c-token {
  float: right;
}
.rtl input {
  color: #ccc;
}
.selected-list .c-list .c-token {
  background-color: var(--primary-bg-color);
}
.selected-list .c-list .c-token .c-label,
.selected-list .c-list .c-token .c-remove svg {
  color: #fff;
  fill: #fff !important;
}
.pure-checkbox input[type=checkbox]:checked + label:before {
  background: var(--primary-bg-color);
}
ng-select {
  height: auto;
}
dp-weekdays {
  margin-right: 10px;
}
angular2-multiselect .cuppa-dropdown .dropdown-list {
  width: 366px !important;
  bottom: unset !important;
  left: 632px !important;
  top: 180.267px !important;
}
app-wash-schedule .form-check {
  display: flex;
  flex-direction: column;
}
app-wash-schedule .mat-radio-button {
  margin-bottom: 10px;
}
.remove-arrow .ng-select .ng-arrow-wrapper {
  display: none;
}
.ng-placeholder, .ng-value-label, .ng-option-label {
  text-transform: capitalize;
}
.border-radius-15px .main-content-card-container,
.border-radius-15px .modal-content {
  border-radius: 15px;
}
.google-translator {
  background-color: #fff;
  width: 100%;
  position: relative;
  height: 60px;
  z-index: 12;
}
#google_translate_element {
  position: fixed;
  z-index: 12;
  right: 20px;
  top: 8px;
}
.uppercase {
  text-transform: uppercase;
}
.bl-code {
  border-top-right-radius: 0px !important;
}
.bl-name {
  border-top-left-radius: 0px !important;
}
.btn-icon-text i {
  display: flex;
  align-items: center;
  gap: 6px;
}
.add-plus-icon {
  width: 20px;
  height: 20px;
}
.btn-icon-text {
  display: flex;
  align-items: center;
  gap: 6px;
}
.room-option-label {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/theme.css (2) ***!
  \***********************************************************************************************************************************************************************************************************/

/* Fonts */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: #f6f7fd;
}
a {
    text-decoration: none;
}
/* 

  Side Submenu CSS

*/
input {
    color: #757575;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #4f4f4f;
    background-color: transparent;
    box-shadow: none !important;
}
.accordion-item {
    border: none;
}
.sub-item-active {
    font-weight: 500 !important;
    color: #017efa !important;
}
.nav-link a {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #4f4f4f;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 14px;
}
.accordion-body {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}
.accordion-body a {
    margin-top: 10px;
    color: #4f4f4f;
}
.accordion-body a:first-child {
    margin-top: 0;
}
.accordion-button::after {
    background-image: url('dropdown-arrow-down.svg');
    background-size: 13px;
    background-position: center;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('dropdown-arrow-down.svg');
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
}
.accordion-collapse {
    border: none;
}
.side-navbar {
    width: 268px;
    
    height: 100%;
    position: fixed;
    top: 0;
    margin-left: -300px;
    background-color: #ffffff;
    transition: 0.5s;
    z-index: 20;
    box-shadow: 2px 0px 11px rgba(0, 0, 0, 0.08);
    padding-left: 10px;
    padding-right: 10px;
}
.nav-link:active,
.nav-link:focus,
.nav-link:hover {
    border-radius: 10px;
    background: #e6f3ff;
}
.nav-link {
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 5px;
}
.nav-link a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 14px;

    color: #727070;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.nav-link-active {
    background: #e6f3ff;
}
.accordion-button {
    position: relative;
    display: flex;
    white-space: nowrap;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: transparent;
    border-radius: 0;
    overflow-anchor: none;
    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,
        border-radius 0.15s ease;
    padding: 0;
    border: none;
}
.nav-link-active>div>.accordion-button:not(.collapsed) {
    color: #017efa;
}
.settings-logo-container {
    width: 24px;
    height: 24px;
    background: rgba(3, 128, 132, 0.1);
    -webkit-backdrop-filter: blur(60px);
            backdrop-filter: blur(60px);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.searchbar-container {
    display: flex;
    align-items: center;
    gap: 15px;
}
.settings-logo {
    width: 20px;
    color: #038084;
}
.side-nav-logo-container {
    padding-top: 11px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
#nav-bar-menu {
    position: absolute;
    display: none;
    right: 10px;
    top: 20px;
}
.my-container {
    transition: 0.4s;
    min-height: 100vh;
    height: 100%;
}
.top-navbar {
    border-bottom: 1px solid #eaf1ff;
    background: #fff;
    position: fixed;
    left: 268px;
    
    right: 0;
    top: 0;
    transition: 0.4s;
    justify-content: space-between;
    padding: 10px 15px;
    z-index: 10;
    gap: 30px;
}
@media screen and (max-width: 992px) {
    .top-navbar {
        left: 0 !important;
    }
}
.top-navbar-full-lenght {
    left: 0;
}
@media screen and (min-width: 991.98px) {
    .active-nav {
        margin-left: 0;
    }
}
/* for main section */
@media screen and (min-width: 992px) {
    .active-cont {
        margin-left: 268px;
        
    }
}
#menu-btn {
    color: #fff;
    padding-left: 0;
}
.searchbar-input {
    background: #ffffff;
    border: 0.8px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 201px;
}
.searchbar-input input {
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 11.2px;
    line-height: 17px;
    color: #757575;
    padding: 5px !important;
}
.side-nav-list {
    padding: 0;
    overflow: auto;
}
.side-nav-list::-webkit-scrollbar {
    width: 0px;
}
.side-nav-list::-webkit-scrollbar-thumb {
    width: 0px;
}
.main-section-container {
    margin: 30px;
    margin-top: 90px;
}
.card-container {
    padding: 15px;
    background: #ffffff;
    box-shadow: 0px 20px 27px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    height: 100%;
}
.card-header-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #67748e;
}
.card-body-text {
    font-weight: 700;
    font-size: 22px;
    line-height: 33px;
    color: #344767;
}
.nav-link-active a .collapsed {
    color: #017efa !important;
}
.accordion {
    border: none !important;
}
.profile-detail-collapse-grid-body a {
    margin-top: 10px !important;
    cursor: pointer;
}
.accordion-body a {
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    overflow: scroll;
    max-width: 208px;
}
.accordion-body a::-webkit-scrollbar {
    width: 0px;
    height: 0;
}
.accordion-body a::-webkit-scrollbar-track {
    width: 0;
    height: 0;
}
.accordion-body a::-webkit-scrollbar-thumb {
    width: 0px;
    height: 0;
}
.side-menu-sub-menu {
    padding: 10px;
    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,
        border-radius 0.15s ease;
    color: black;
}
.side-bar-sub-menu-active,
.side-menu-sub-menu:active,
.side-menu-sub-menu:focus,
.side-menu-sub-menu:hover {
    border-radius: 6px;
    background: #f2f9ff;
    padding: 10px;
}
.side-bar-sub-menu-active .accordion-button {
    color: #017efa;
    font-weight: 500;
}
.nav-feature-items-container {
    border-radius: 10px;
    background: rgba(1, 126, 250, 0.1);
    width: 35px;
    height: 35px;
    padding: 6px;
}
.nav-right-container a {
    text-decoration: none;
}
.nav-feature-img {
    width: 22.75px;
    height: 22.75px;
}
.nav-feature-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.eye-icon {
    width: 25px;
    height: 26px;
}
.nav-user-name {
    color: var(--dark, #1e2029);
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.user-status {
    margin-top: 5px;
    color: var(--dark, #1e2029);
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.nav-user-img-container {
    background-color: rgba(1, 126, 250, 0.1);
    width: 40px;
    border-radius: 50%;
    height: 40px;
    padding: 5px;
}
.nav-user-img {
    width: 29.33px;
    height: 29.33px;
}
.user-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.nav-right-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.card-container-buttons {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 15px;
}
/* Main Content CSS */
.main-content-container {
    margin-top: 82px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    min-height: calc(100vh - 115px);
}
.main-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.main-content-header-text {
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.main-content-card-container {
    padding: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 13px 34px 4px rgba(0, 0, 0, 0.06);
}
.first-card {
    margin-top: 16px;
}
.main-container-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.card-container-header-text {
    font-family: Inter, sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    background: var(--Linear,
            linear-gradient(93deg, #0b1641 4.01%, #017efa 85.51%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.transparent-btn {
    display: flex;
    height: 37px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 9px;
    background-color: transparent;
    border: 1px solid #017efa;
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.card-container-body {
    margin-top: 25px;
}
.form-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.form-grid-item {
    width: 100%;
}
.form-container-select-box {
    width: 100%;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid rgb(207 207 207);
    background: #fff;
    color: #757575;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 37px;
    outline: none;
}
.form-container-input-box {
    border-radius: 6px;
    border: 1px solid rgb(207 207 207);
    background: #fff;
    padding: 10px;
    width: 100%;
    outline: none;
    height: 37px;
}
.form-input-container {
    margin-top: 5px;
}
.form-input-label {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: start;
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.7;
    line-height: normal;
}
.form-input-label span {
    color: red;
}
select.form-container-select-box {
    -webkit-appearance: none;
    background-image: url('select-down-arrow.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 13px;
    background-position: 95% 50% !important;
}
input[type="date"].form-container-input-box {
    background: url('Calendar.svg') !important;
    background-position: 99% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
}
.date-input-input {
    background: url('Calendar.svg') !important;
    background-position: 99% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
}
input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}
input[type="time"].form-container-input-box {
    background: url('clock-icon.svg') !important;
    background-position: 99% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
}
.blue-bg-btn {
    padding: 10px 20px;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 9px;
    background: #017efa;
    border: none;
    outline: none;
}
.blue-bg-btn:disabled {
    opacity: 0.7;
}
.secondary-bg-btn {
    padding: 10px 20px;
    color: #fff !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 9px;
    background: #595d61;
    border: none;
    outline: none;
}
.form-submit-btn-container {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.second-card {
    margin-top: 30px;
}
/* Table CSS */
table.table-container {
    width: 100%;
    margin-bottom: 0;
}
.table-header {
    white-space: nowrap;
}
.table-wrapper {
    margin-top: 25px;
    background: rgba(207, 207, 207, 0.05);
    border-radius: 10px;
    overflow: auto;
    border: 1px solid rgba(207, 207, 207, 0.5);
}
.table-footer-data-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    gap: 20px;
}
.table-footer-pages {
    text-align: right;
    white-space: nowrap;
}
.table-footer-btn {
    background-color: transparent;
    border: none;
    outline: none;
}
.table-footer-btns-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.table-footer-container tr td {
    background: rgba(207, 207, 207, 0.05);
    border-radius: 0px 0px 10px 10px;
    border: none;
}
.table-head-container {
    border-radius: 10px;
    overflow: hidden;
}
.table-wrapper th,
.table-wrapper td {
    border-right: 1px solid rgba(207, 207, 207, 0.5);
}
.table-wrapper th {
    color: #fff !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    padding: 10px !important;
    line-height: normal !important;
}
.table-head-first-data {
    border-radius: 10px 0 0 0;
    overflow: hidden;
    border: none;
}
.table-header {
    background-color: #017efa !important;
    border: none;
}
.table-head-last-data {
    border-radius: 0 10px 0 0;
    overflow: hidden;
    border-right: none !important;
}
.table-body-data {
    color: #555 !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.table-body-data a {
    color: #017efa !important;
    text-decoration: none;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    white-space: nowrap;
    font-weight: 400;
    line-height: normal;
}
.table-transparent-btn {
    border-radius: 7px;
    border: 1px solid #017efa;
    background: white;
    outline: none;
    color: #017efa;
    padding: 10px;
    white-space: nowrap;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    height: 27px;
}
.table-blue-bg-btn {
    border-radius: 7px;
    outline: none;
    white-space: nowrap;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #017efa;
    padding: 10px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 27px;
    line-height: normal;
}
.table-body-data {
    padding: 10px !important;
    height: 37px !important;
}
.selected-row td,
.selected-row th {
    background: #e6f3ff !important;
}
.basic-search-first-name-input {
    background: url('search-icon.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 35px;
    background-position: 10px 50%;
}
/* Profile Details CSS */
.profile-details-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.profile-details-info {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.profile-detail-items {
    border-right: 1px solid #e7e9f5;
}
.profile-details-info-field,
.profile-details-info-field-data {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-wrap: normal;
    width: auto;
}
.profile-details-info-field-data {
    font-weight: 500;
    flex-grow: 1;
}
.profile-details-info {
    margin-top: 15px;
}
#profile-detail-active-btn {
    display: none;
}
.profile-detail-active-btn-label {
    display: flex;
    align-items: center;
    padding: 2px;
    height: 20px;
    width: 44px;
    justify-content: start;
    border: 1.5px solid #017efa;
    border-radius: 60px;
    transition: all 0.3s ease;
}
.profile-detail-active-btn-label>div {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-detail-active-btn-container {
    display: flex;
    align-items: stretch;
    justify-content: start;
    gap: 5px;
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.205px;
    flex-wrap: nowrap;
}
.profile-detail-active-btn-label>div::after {
    content: "";
    background-color: #017efa;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
#profile-detail-active-btn:checked~.profile-detail-active-btn-label {
    justify-content: end;
    background-color: #c9e3fa;
}
.profile-detail-active-btn-wrapper {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.profile-detail-note {
    color: #444;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    padding: 3px 10px;
    border-radius: 10px;
    width: -moz-fit-content;
    width: fit-content;
    background: rgba(1, 126, 250, 0.05);
}
.profile-detail-accordion-body {
    padding-top: 25px !important;
}
.accordion-button.profile-detail-accordion-button:not(.collapsed)::after {
    background-image: url('profile-detail-down-arrow.svg');
    transform: rotate(0) !important;
}
.profile-detail-accordion-button.blue-border-less-arrow:not(.collapsed)::after {
    background-image: url('blue-arrow-down.svg') !important;
    transform: rotate(0) !important;
}
.profile-detail-accordion-button.blue-border-less-arrow::after {
    background-image: url('blue-arrow-down.svg') !important;
    transform: rotate(0) !important;
}
.accordion-button.profile-detail-accordion-button::after {
    background-image: url('profile-detail-down-arrow.svg');
    background-size: 20px;
    transform: rotate(180deg) !important;
}
.profile-detail-collapse-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.profile-detail-collapse-grid-header {
    border-radius: 10px;
    background: rgba(1, 126, 250, 0.1);
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
    padding: 5px 10px;
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.8;
}
.profile-detail-collapse-grid-body {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.profile-detail-collapse-grid-body-item {
    color: #0b1641 !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #0b1641;
    line-height: normal;
    opacity: 0.8;
}
.profile-detail-collapse-grid-body-item:last-child {
    border: none;
}
.add-customer-profile-body {
    padding-top: 25px !important;
}
/* Add Customer Profile */
.custom-check-box {
    display: none;
}
.active-custom-checkbox {
    color: #017efa;
    width: 20px;
    border-radius: 6px;
    border: 1px solid rgba(1, 126, 250, 0.3);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
}
.active-custom-checkbox i {
    display: none;
}
.custom-check-box:checked~.form-input-label>.active-custom-checkbox i {
    display: block;
}
.custom-check-box:not(:checked)~.form-input-label>.active-custom-checkbox i {
    display: none;
}
.margin-top-20 {
    margin-top: 20px;
}
.phone-email-fax-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.delete-btn {
    display: flex;
    padding: 7px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #ffe9e1;
    color: #f00;
    text-align: right;
    font-family: Hind Siliguri, sans-serif;
    font-size: 14px;
    font-style: normal;
    width: 91px;
    height: 34px;
    font-weight: 500;
    border: none;
    outline: none;
    line-height: 19px;
    /* 135.714% */
}
.update-reservation-lable {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.205px;
    opacity: 0.7;
}
.update-reservation-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}
.add-customer-address-form {
    margin-top: 37px;
}
.add-customer-address-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.add-customer-address-header-text {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: var(--Linear,
            linear-gradient(93deg, #0b1641 4.01%, #017efa 85.51%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.add-customer-primary-address {
    border-radius: 6px;
    border: 1px solid rgba(207, 207, 207, 0.3);
    background: #fefeff;
    padding: 15px;
}
.input-with-btn-input {
    width: 100%;
    border: none;
    outline: none;
}
.input-with-btn-input-container {
    border-radius: 6px;
    border: 1px solid #e8e8f7;
    background: #fff;
    height: 37px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    margin-top: 5px;
    padding: 0.175rem 0.75rem;
}
.input-with-btn-input-container>* {
    cursor: pointer;
}
.add-customer-address-from-grid-1 {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.add-customer-address-from-grid-2 {
    margin-top: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}
.text-area-container {
    margin-top: 10px;
}
.address-text-area {
    height: unset !important;
    border-radius: 6px;
    border: 1px solid rgba(207, 207, 207, 0.3);
    background: #fff;
    padding: 10px;
    margin-top: 5px;
    width: 100%;
    outline: none;
}
.isPrimaryAddrs-container {
    margin-top: 11px;
}
.add-customer-address-action-btn-container {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    gap: 25px;
}
.add-customer-address-action-btn-container button {
    width: 128px;
    height: 37px;
}
/* Track */
body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e6f3ff;
    cursor: pointer;
}
/* Handle */
body::-webkit-scrollbar-thumb {
    background: #017efa;
    border-radius: 10px;
    cursor: pointer;
}
body::-webkit-scrollbar {
    width: 7px;
    background-color: #e6f3ff;
    cursor: pointer;
}
/* Track */
.table-wrapper::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e6f3ff;
    cursor: pointer;
}
/* Handle */
.table-wrapper::-webkit-scrollbar-thumb {
    background: #017efa;
    border-radius: 10px;
    cursor: pointer;
}
.table-wrapper::-webkit-scrollbar {
    height: 7px;
    background-color: #e6f3ff;
    cursor: pointer;
}
/* 

Popup CSS 

*/
.popup-close-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    background-color: white;
    border-radius: 7px;
    border: 1px solid #cfcfcf;
    box-shadow: 0px 12px 27px 0px rgba(109, 117, 141, 0.15);
}
.popup-transparent-btn {
    border-radius: 9px;
    border: 1px solid #017efa;
    padding: 10px;
    background-color: transparent;
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.popup-modal-header-text {
    color: #4f4f4f !important;
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}
.popup-modal-content {
    padding: 20px 25px !important;
    border-radius: 15px !important;
    border: 1px solid #e7e9f5 !important;
    background: #fff !important;
    box-shadow: 0px 12px 27px 0px rgba(109, 117, 141, 0.15) !important;
}
.popup-body-header-text {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}
.popup-modal-body,
.popup-modal-footer {
    margin-top: 25px;
}
.popup-search-container {
    display: flex;
    align-items: end;
    gap: 20px;
    margin-top: 5px;
    flex-wrap: wrap;
}
.popup-search-container .form-input-container {
    flex-grow: 1;
    color: #757575;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* 

  Booking Page CSS

*/
.main-content-header-dropdown-btn {
    padding: 9px 16px !important;
    border-radius: 9px !important;
    border: 1px solid #017efa !important;
    outline: none;
    color: #017efa !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 118px;
}
.btn-group .dropdown-toggle::after {
    margin: 0;
    vertical-align: unset !important;
    display: block !important;
    border: none !important;
    background-image: url('select-down-arrow.svg') !important;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.dropdown-menu {
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0px 13px 34px 4px rgba(0, 0, 0, 0.06) !important;
    padding: 5px !important;
}
.dropdown-menu li {
    padding: 0 !important;
}
.dropdown-menu li a {
    padding: 10px !important;
    border-radius: 5px !important;
    border-bottom: 1px solid #ededed;
    color: rgba(30, 32, 41, 0.8) !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dropdown-menu li:last-child a {
    border: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff !important;
    background-color: #017efa;
}
.manage-reservation-page-main-container input {
    font-size: 13px;
}
.manage-reservation-form-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.manage-reservation-basic-search-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.table-transparent-btn-2 {
    padding: 3.5px 4px 3.5px 10px;
    display: flex;
    min-width: 72px;
    width: -moz-fit-content;
    width: fit-content;
    height: 27px;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
    border: 1px solid #017efa;
    background: #fff;
    gap: 3px;

    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.table-transparent-btn-2 div {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #017efa;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-form-submit-btn-container {
    margin-top: 25px;
}
.popup-no-data-found-container {
    margin-top: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.popup-no-data-found-header {
    color: #0b1641;
    font-family: Inter, sans-serif;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.7;
}
/* 

  Confirmation Number Page CSS

*/
.refresh-btn {
    border-radius: 9px;
    border: 1px solid #017efa;
    padding: 10.5px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 37px;
    gap: 5px;
    background-color: transparent;
    outline: none;
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main-content-header-btn-container {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    flex-wrap: wrap;
}
.confirmation-number-overview-bold-text {
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
}
.user-square-container {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 10px;
    display: flex;
    padding: 2px 8px;
    align-items: center;
    justify-content: center;
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    gap: 5px;
    border-radius: 10px;
    background: rgba(1, 126, 250, 0.1);
}
.confimation-number-overview-details {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    margin-top: 10px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: start;
    opacity: 0.8;
    gap: 10px;
}
.blue-color-text-bold {
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
}
.confimation-number-overview-details:first-child {
    margin-top: 0;
}
.confimation-number-overview-details a {
    color: #017efa !important;
    text-decoration: none;
}
.confirmation-number-overview-info-pair {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin-top: 10px;
    line-height: normal;
    opacity: 0.8;
}
.confirmation-number-overview-info-pair:first-child {
    margin-top: 0;
}
.confirmation-number-overview-info-pair span {
    font-weight: 400;
}
.confirmation-number-reservation-main-details-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.card-container-accordion-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}
.number-container-design-text {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}
.number-container-design-1,
.number-container-design-2 {
    width: 1px;
    height: 36px;
    position: relative;
    background: #d9d9d9;
}
.number-container-design-1::before,
.number-container-design-2::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #d9d9d9;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 50%;
}
.number-container-design-2::before {
    top: unset;
    bottom: 0;
}
.number-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.confirmation-number-other-details-arrive-depatch-container {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: -moz-fit-content;
    width: fit-content;
    gap: 10px;
}
.light-blue-card-container {
    border-radius: 10px;
    background: rgb(1 126 250 / 12%);
    padding: 5px 15px;
    width: -moz-fit-content;
    width: fit-content;
    gap: 3px;
}
.light-blue-card-container-2 {
    padding: 10px 15px;
}
.light-blue-card-head {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}
.light-blue-card-body {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 3px;
}
.light-blue-card-body a {
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
}
.light-blue-card-body span {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
    line-height: normal;
}
.blue-color-text {
    color: #017efa !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}
.bold-blue-color-text {
    color: #017efa !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
.infor-cards-container {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 10px;
}
.confirmation-number-other-details-blue-card-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin-top: 10px;
}
.margin-top-10 {
    margin-top: 10px;
}
.confirmation-number-other-details-grid-item {
    border-right: 1px solid #e7e9f5;
}
.confirmation-number-other-details-grid-item:last-child {
    border-right: none;
}
.confirmation-number-other-details-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.card-container-accordion-header-btn-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
}
.transparent-rounded-btn {
    border-radius: 50px;
    border: 1px solid #555;
    padding: 8.869px 17.738px;
    color: #555;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
    background-color: transparent;
}
.blue-bg-rounded-btn {
    padding: 8.869px 17.738px;
    background: #017efa;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
    border: none;
    outline: none;
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.confirmation-no-stay-details-grid {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 25px;
}
.confirmation-no-stay-details-grid-item {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 10px;
    flex-wrap: wrap;
    border-right: 1px solid #e7e9f5;
}
.confirmation-no-stay-details-grid-item:last-child {
    border: none;
}
.personalize-panels-tab-container {
    margin-top: 30px;
    text-align: center;
}
.personalize-panels-tab-container-header {
    color: #444;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.personalize-panels-tab-btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
}
.queue-priority-popup-time-container {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.queue-priority-popup-time-container>div {
    flex-grow: 1;
}
.queue-priority-popup-time-container>div:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.priority-time-header {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}
.priority-time-body {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
    margin-top: 5px;
}
.change-room-form-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.change-room-checkbox-container {
    display: flex;
    align-items: end;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.min-width-200 {
    min-width: 200px;
}
.text-no-wrap {
    white-space: nowrap;
}
.change-room-room-status-header-text {
    margin: 25px 0;
}
.stay-details-main-details-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.stay-details-main-details-container-grid-item {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
    border-right: 1px solid #e7e9f5;
}
.stay-details-main-details-container-grid-item:nth-child(4),
.stay-details-main-details-container-grid-item:nth-child(8),
.stay-details-main-details-container-grid-item:nth-child(12) {
    border-right: none;
}
.table-card-container-buttons {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.accordion-card-form-container-grid-container {
    margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.accordion-card-form-container-2 {
    margin-top: 25px;
}
.input-container-input-sub-text-container {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
}
.input-sub-text {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}
.input-sub-text-card {
    color: #0b1641;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
    border-radius: 7px;
    background: rgba(1, 126, 250, 0.1);
    -webkit-backdrop-filter: blur(75px);
            backdrop-filter: blur(75px);
    padding: 2px 7px;
    width: -moz-fit-content;
    width: fit-content;
}
.input-sub-text-card span {
    color: #0b1641;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.input-sub-text-card a {
    color: #017efa;
}
.w-fit-content {
    width: -moz-fit-content;
    width: fit-content;
}
.confirmation-number-other-details-note {
    margin-top: 25px;
    width: 100%;
}
.share-popup-btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.share-popup-btn-container button {
    white-space: nowrap;
}
.custome-modal-size-small {
    width: 333px;
}
.custome-modal-size-small-2 {
    width: 369px;
}
.blue-email-card {
    border-radius: 10px;
    background: rgba(1, 126, 250, 0.05);
    display: flex;
    padding: 3px 10px;
    align-items: center;
    gap: 10px;
}
.blue-email-card-text {
    color: #444;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}
.custom-radio-wrapper {
    display: flex;
    
    
    gap: 5px;
}
.main-content-radio-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.custom-input-type-radio {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 20px;
    height: 20px;
    border: 1px solid #017efa4d;
    border-radius: 50%;
    display: grid;
    place-content: center;
}
.custom-input-type-radio::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #017efa;
}
.custom-input-type-radio:checked::before {
    transform: scale(1);
}
/* 

  Text Editor CSS

*/
.cke_chrome {
    border: none !important;
}
.cke_top.cke_reset_all {
    border: 1px solid #ddd !important;
    border-radius: 5px;
}
.cke_bottom {
    background-color: transparent !important;
    border: none !important;
}
.cke_contents.cke_reset {
    border-radius: 6px;
    border: 1px solid rgba(207, 207, 207, 0.3);
    background: #fff;
    margin-top: 15px;
}
.no-data-found-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-data-found-text {
    color: #0b1641;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.input-max-width {
    max-width: 344px;
    width: 100%;
}
.daily-view-card-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.daily-view-card-grid-item {
    border-right: 1px solid #e7e9f5;
}
.daily-view-card-grid-item:last-child {
    border-right: none;
}
.margin-top-25 {
    margin-top: 25px;
}
.table>thead>* {
    border: none;
}
.plus-minus-btn-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}
.plus-minus-icon {
    width: 20px;
    height: 20px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.tab-chage-nav-container>.nav {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 13.5px !important;
}
.tab-chage-nav-link {
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 8.869px 17.738px !important;
    border-radius: 10px !important;
    border: 1px solid #555 !important;
    color: #555 !important;
    text-align: center;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}
.tab-chage-nav-link.active,
.tab-chage-nav-link:hover {
    background: #017efa !important;
    border: 1px solid #017efa !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15) !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.share-card-details-container {
    margin-top: 25px;
}
.card-details-note-text {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}
.card-details-note-link {
    display: block;
    color: var(--017-efa, #017efa) !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.205px;
    opacity: 0.7;
    margin-top: 15px;
}
.share-card-details-input-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.window-method-clear-text {
    color: var(--017-efa, #017efa);
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.7;
}
.window-method-clear-img {
    width: 45px;
    margin-top: 11px;
}
.card-no-show-hide-img {
    height: 25px;
    width: 25px;
}
/* 

  Sliding Table CSS

*/
.slider-table-container {
    margin: 0 auto;
    overflow: hidden;
}
.scroller {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}
.slider-table-data,
.slider-table-header {
    padding: 10px;
    width: 134.5px;
    height: 37px;
    text-align: center;
}
.slider-table-header {
    position: absolute;
    left: 0;
    width: 70px;
    text-align: left;
}
.scroller tr>th:nth-child(2) {
    left: 70px;
}
.table-header-text {
    color: #fff !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    background-color: #017efa;
}
.button {
    text-align: center;
    background-color: #fff;
}
.outer {
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ededed;
}
.inner {
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
}
.table-data-slider-btn {
    background-color: white;
    color: #555;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: none;
    font-size: 11px;
}
.left-button {
    position: absolute;
    top: 7px;
    z-index: 20;
    left: 145px;
}
.right-button {
    position: absolute;
    top: 7px;
    z-index: 20;
    right: 5px;
}
.table-data-text {
    color: #555 !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    background-color: white !important;
    line-height: normal !important;
    border: 1px solid #ededed;
}
.table-data-text a {
    color: #017efa;
}
.sliding-table-card-container {
    overflow: auto;
}
.sliding-table-footer {
    border-radius: 0px 0px 10px 10px;
    border-right: 1px solid rgba(207, 207, 207, 0.5);
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    border-left: 1px solid rgba(207, 207, 207, 0.5);
    background: rgba(207, 207, 207, 0.05);
    padding: 8px 10px;
}
.item-inventory-last-card-input-container {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
}
.input-card-btns-container-header {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}
.input-card-btns-container-body {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.input-card-btns-container-body button {
    border: none;
    outline: none;
    background-color: transparent;
}
.inventory-input-card-btn-img {
    height: 37px;
    width: 37px;
}
.inventory-last-form-container-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.add-circle-btn {
    border-radius: 7px;
    border: 1px solid #017efa;
    background: #fff;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.5px;
}
.table-data-btn-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.deposit-payment-card-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.deposit-payment-card-grid-item {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
    border-right: 1px solid #e7e9f5;
}
.deposit-payment-card-grid-item:nth-child(3) {
    border: none;
}
.deposit-payment-card-container {
    border-radius: 25px;
    border: 1px solid rgba(207, 207, 207, 0.6);
    padding: 25px;
    margin-top: 25px;
}
.visa-card-container {
    border-radius: 10px;
    border-top: 1px solid #017efa;
    border-right: 1px solid #017efa;
    border-bottom: 3px solid #017efa;
    border-left: 1px solid #017efa;
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    width: -moz-fit-content;
    width: fit-content;
}
.visa-card-container.active-tab {
    background: #017efa0a;
}
.visa-card-container.active-tab .visa-card-sar-body,
.visa-card-container.active-tab .visa-card-no{
    color: #017efa;
}
.visa-card-no {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
}
.visa-card-sar-header {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.visa-card-sar-body {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
    margin-top: 10px;
}
.visa-card-sar-header-text {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.8;
    line-height: normal;
}
.payment-instructor-card-2-body {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.payment-instruction-form-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.payment-instuction-input-container {
    max-width: 200px;
}
.table-visa-card-img {
    width: 47px;
}
.report-destination-radio-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.report-destination-custom-modal {
    width: 403px;
}
.resrvation-deposit-canellation-new-edit-form-container {
    border-radius: 25px;
    border: 1px solid rgba(207, 207, 207, 0.6);
    padding: 25px;
    margin-top: 25px;
}
.input-simple-text {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.type-text {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}
.resrvation-deposit-canellation-new-edit-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.margin-top-15 {
    margin-top: 15px;
}
.fixed-charge-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fixed-charge-second-form-item-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    margin-top: 20px;
}
.popup-no-data-found-text {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.modal-footer {
    gap: 15px;
}
.modal-footer>* {
    margin: 0;
}
.upload-attachment-inputs-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
input[type="file"]::file-selector-button {
    display: none;
}
input[type="file"]::-webkit-file-upload-button {
    display: none;
}
.guest-messages-modal {
    width: 690px;
}
.guest-msg-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.trace-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.routing-type-radio-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.routing-type-radio-container>div {
    width: -moz-fit-content;
    width: fit-content;
}
.custom-radio-wrapper.nav-link {
    padding: 0 !important;
    border: none !important;
    margin-top: 0;
    background-color: transparent !important;
}
.routing-type-radio-container-2 {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px;
    width: 169px;
}
.routing-type-radio-container-2>div {
    width: -moz-fit-content;
    width: fit-content;
}
.routing-instruct-data-range-body {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}
.range-data-form-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.table-data-search-input-lable {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.table-data-input-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin-top: 5px;
}
.table-data-search-input {
    border-radius: 6px;
    border: 1px solid rgba(207, 207, 207, 0.3);
    background: #fff;
    padding: 5px 5px 5px 35px;
    height: 37px;
    background-image: url('search-icon.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 25px;
    outline: none;
    width: 100%;
    max-width: 350px;
}
.table-data-swap-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    margin-top: 25px;
}
.table-swap-action-btn {
    border: none;
    outline: none;
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.table-swap-action-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
}
.table-data-swap-wrapper {
    flex-grow: 1;
}
.table-data-swap-wrapper .table-wrapper {
    height: 414px;
    overflow: auto;
}
.table-data-swap-wrapper .table-wrapper::-webkit-scrollbar {
    width: 1px;
    height: 0;
}
.table-data-swap-wrapper .table-wrapper::-webkit-scrollbar-track {
    width: 1px;
    height: 0;
}
.table-data-swap-wrapper .table-wrapper::-webkit-scrollbar-thumb {
    width: 1px;
    height: 0;
}
.associated-profile-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.look-to-book-checkbox {
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}
.transparent-card-main-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 25px;
    flex-wrap: wrap;
}
.transparent-card-container {
    border-radius: 15px;
    border: 1px solid #e7e9f5;
    padding: 15px 25px;
    display: flex;
    width: 91px;
    flex-direction: column;
    background-color: transparent;
    outline: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 72px;
    transition: all 0.25s ease;
}
.transparent-card-header {
    color: #0b1641;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.transparent-card-body {
    color: #017efa;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.transparent-card-container.active,
.transparent-card-container:hover {
    border-radius: 15px;
    border: 1px solid rgb(1 126 250 / 29%);
    background: rgb(208 232 255 / 63%);
    box-shadow: 0px 5px 12px 0px rgba(85, 85, 85, 0.05);
}
.light-blue-text {
    color: #555;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.light-blue-text span {
    opacity: 0.8;
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.light-blue-text a {
    color: #017efa;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.light-blue-note-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 15px;
    border: 1px solid rgba(1, 126, 250, 0.2);
    background: rgba(208, 232, 255, 0.14);
    padding: 15px 25px;
}
.gray-note-container {
    padding: 5px 10px;
    border-radius: 9px;
    background: rgba(207, 207, 207, 0.08);
    opacity: 0.8;
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.gray-note-container span {
    font-weight: 600;
}
.room-information-container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0 10px;
}
.room-info-container-header-text {
    opacity: 0.7;
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.205px;
}
.room-info-container-header-text span {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.205px;
}
.room-infomation-container {
    margin-top: 25px;
}
.room-info-container-body {
    margin-top: 10px;
}
.room-info-card-header-text {
    color: var(--017-efa, #017efa);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
    line-height: normal;
}
.room-info-card-header-sub-text {
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.8;
    margin-top: 15px;
}
.room-info-card-sub-header-text {
    color: var(--017-efa, #017efa);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-top: 10px;
    line-height: normal;
}
.room-info-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.padding-left-20 {
    padding-left: 20px;
    border-left: 1px solid #e7e9f5;
}
.padding-left-10 {
    padding-left: 10px;
}
.room-info-info-card-wrapper {
    border-radius: 15px;
    border: 1px solid #e7e9f5;
    padding: 15px 20px;
    width: 480px;
}
.room-features-list-container {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-self: center;
    gap: 30px;
}
.room-feature-list-item {
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    opacity: 0.8;
}
.room-features-list-wrapper {
    margin-bottom: 0;
}
.room-info-card-footer {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}
.room-info-container-body {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 25px;
}
.room-info-container-body-transparent-card-container {
    max-width: 566px;
    width: 100%;
}
.room-info-card-body {
    margin-top: 25px;
}
.profile-infor-tab {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 30px;
}
.profile-infor-tab-container {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 20px;
}
.width-168 {
    width: 168px;
}
.gray-background {
    border-radius: 9px !important;
    padding: 10px;
    background: rgba(207, 207, 207, 0.08) !important;
}
.card-container-header-blue-text {
    color: #017efa;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.8;
    padding-left: 25px;
}
.left-side-arrow::after {
    margin-left: -99px !important;
}
.reservation-workspace-form-grid-container {
    display: grid;
    gap: 20px;
    grid-template-areas:
        "single1 single2 single3 single4 single5"
        "single6 single7 single8 double double";
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(1) {
    grid-area: single1;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(2) {
    grid-area: single2;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(3) {
    grid-area: single3;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(4) {
    grid-area: single4;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(5) {
    grid-area: single5;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(6) {
    grid-area: single6;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(7) {
    grid-area: single7;
}
.reservation-workspace-form-grid-container .form-grid-item:nth-child(8) {
    grid-area: single8;
}
.reservation-workspace-form-grid-container .form-grid-item.d-flex {
    grid-area: double;
}
.table-checkbox {
    background-color: white;
    border-radius: 5px;
    width: -moz-fit-content;
    width: fit-content;
}
.popup-checkbox-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.table-head-btn {
    width: 22px;
    height: 22px;
    border: 1px solid #017efa;
    background-color: transparent;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.07));
    border-radius: 5px;
}
.calendar-form-btn {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.table-head-btn img {
    width: 6px;
}
.form-grid-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin-bottom: 7px;
}
.load-more-data-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
.room-diary-table-header-container {
    display: flex;
    align-items: end;
    justify-content: start;
    flex-wrap: wrap;
    gap: 20px;
}
.room-diary-table-header-container .form-grid-item {
    width: 150px;
}
.green-tick-img-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 7px;
}
.property-calendar-form-grid-container {
    display: flex;
    align-items: end;
    justify-content: start;
    gap: 20px;
}
.traces-page-card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
.traces-card-wrapper {
    border-radius: 25px;
    border: 1px solid rgba(207, 207, 207, 0.6);
}
.traces-card-header {
    margin: 25px 25px 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.yellow-card-sub-text {
    border-radius: 10px;
    background: rgba(255, 255, 0, 0.3);
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5px;
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 2px 8px;
    opacity: 0.8;
}
.green-card-sub-text {
    border-radius: 10px;
    background: rgba(0, 255, 26, 0.3);
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 5px;
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 2px 8px;
    opacity: 0.8;
}
.traces-card-header-text {
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
}
.traces-card-btn {
    border-radius: 6px;
    border: 1px solid #017efa;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}
.traces-card-btn img {
    width: 100%;
}
.traces-card-detail-container {
    display: flex;
    align-items: end;
    margin-top: 10px;
    justify-content: start;
    gap: 10px;
}
.traces-card-body {
    margin: 0 25px;
}
.traces-card-detail,
.traces-card-detail-info {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.8;
    line-height: normal;
}
.traces-card-detail-info {
    font-weight: 600;
}
.follow-up-container {
    border-radius: 10px;
    border: 1px solid rgba(1, 126, 250, 0.05);
    padding: 10px 15px;
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
    opacity: 0.8;
    margin-top: 10px;
    width: 100%;
    resize: none;
}
.traces-card-light-body {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.traces-card-date-container {
    margin-top: 10px;
}
.light-blue-card-date-design-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.design-left,
.design-right {
    width: 20px;
    height: 2px;
    background: #d9d9d9;
    position: relative;
}
.design-left::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.design-right::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.traces-card-footer {
    padding: 5px;
    border-radius: 0px 0px 26px 26px;
    background: rgba(1, 126, 250, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
}
.traces-card-footer-text {
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.add-new-trace-radio-wrapper {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 5px;
}
.i-want-to-list-items {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 10px;
    flex-direction: column;
    padding-left: 10px;
}
.i-want-to-list-items a {
    margin: 0;
    padding: 0;
    border: none;
}
.i-want-to-list-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    border-radius: 15px;
    background: #fafafa;
    padding: 10px;
}
.i-want-to-gray-bg {
    border-radius: 15px;
    background: #fafafa;
    padding: 10px;
}
.light-blue-bg-border {
    border-radius: 10px;
    border: 1px solid #017efa;
    background: rgba(1, 126, 250, 0.1);
    padding: 5px 10px;
}
.popup-accodion-header {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.7;
}
.i-want-to-icon {
    width: 15px;
}
.room-rate-form-grid-container {
    display: grid;
    gap: 20px;
    align-items: end;
    grid-template-columns: 1fr 1fr 1fr auto;
}
.block-overview-room-details-container {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.block-overview-room-details-grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.block-overview-room-details-grid-item {
    border-right: 1px solid #e7e9f5;
    padding-right: 10px;
}
.block-overview-room-details-grid-item:last-child {
    border: none;
}
.inquiry-box-container {
    padding: 10px 15px;
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 165px;
    min-height: 160px;
}
.radio-container-gap-20 {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.blue-border-header-text {
    border-radius: 9px;
    border: 1px solid rgba(1, 126, 250, 0.2);
    padding: 10px 20px;
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: normal;
}
.blue-border-header-text a {
    color: #017efa;
    font-weight: 600;
}
.reservation-overview-container-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.reservation-overview-card-width {
    width: 263px;
}
.table-add-remove-btn-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
/* Room Rate Sliding Table CSS */
.scroller .room-rate-table-head {
    width: 140px;
    height: 45px !important;
    background: #fff;
    z-index: 111;
}
.scroller .room-rate-table-head:nth-child(2) {
    left: 140px;
    width: 55px;
}
.scroller .room-rate-table-data {
    
    height: 45px !important;
}
.room-and-rate-left-btn {
    top: 10px !important;
    left: 203px !important;
}
.room-and-rate-sliding-table-container .slider-table-container {
    
    min-width: 320px;
}
.room-and-rate-right-btn {
    top: 10px !important;
    right: 8px !important;
}
.form-checkbox-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
}
.create-block-account-form-input-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "one two three four"
        "five six double double";
}
.create-block-contact-form-input-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "one two three four"
        "five double double double";
}
.create-block-account-form-input-grid-container .form-grid-item.d-flex.gap-20,
.create-block-contact-form-input-grid-container .form-grid-item.d-flex.gap-20 {
    flex-wrap: wrap;
    grid-area: double;
}
.create-block-account-form-input-grid-container .form-grid-item.d-flex.gap-20 label {
    text-wrap: nowrap;
}
.guest-profile-lable {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    line-height: normal;
    opacity: 0.8;
}
.guest-profile-img-upload-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}
.guest-profile-upload-input-container {
    border-radius: 5px;
    border: 1px solid #e7e9f5;
    background: #fff;
    padding: 5px 10px;
}
.guest-profile-img-container {
    border-radius: 50%;
    display: flex;
    width: 81px;
    overflow: hidden;
    height: 81px;
    align-items: center;
    justify-content: center;
}
.guest-profile-img {
    width: 81px;
    height: 81px;
    object-fit: cover;
}
.guest-profile-details-wrapper {
    display: grid;
    gap: 15px;
    justify-content: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    border-left: 1px solid #e7e9f5;
    padding-left: 20px;
}
.profile-detail-active-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-30 {
    margin-top: 30px;
}
.guest-profile-details-container {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 50px;
    
}
.front-desk-guest-profile-container {
    display: flex;
    align-items: start;
    gap: 25px;
    justify-content: start;
}
.guest-profile-detail-name {
    color: #444;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
}
.guest-profile-detail-info {
    color: #555;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.8;
}
.assign-room-grid-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.assign-room-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.date-no-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.assign-room-design-1,
.assign-room-design-2 {
    width: 1px;
    height: 14px;
    position: relative;
    background: #d9d9d9;
}
.assign-room-design-1::before,
.assign-room-design-2::before {
    content: "";
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%);
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #d9d9d9;
}
.assign-room-design-2::before {
    top: unset;
    bottom: 0;
}
.check-box-img-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.header-blue-heading {
    color: #0b1641;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.6;
}
.profile-details-item-card {
    border-right: 0;
    border-left: 1px solid #e7e9f5;
    padding-left: 20px;
}
.profile-details-item-card:nth-child(1) {
    border: none;
    padding: 0;
}
.gap-15 {
    gap: 15px;
}
.gap-20 {
    gap: 20px;
}
.gap-30 {
    gap: 30px;
}
.five-input-form-grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.six-input-form-container-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.big-size-modal-width {
    width: 930px;
}
.popup-box-450 {
    width: 450px;
}
.plr-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.popup-checkbox-container-2 {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px 25px;
    flex-wrap: wrap;
}
.description-width {
    min-width: 430px;
    width: 100%;
}
.custom-gap-3 {
    gap: 3px;
}
.custom-gap-5 {
    gap: 5px;
}
.tab-btn-icon {
    height: 24px;
    width: 24px;
}
.tab-chage-nav-link.active .blue-verify-icon {
    display: none;
}
.tab-chage-nav-link.active .white-verify-icon {
    display: block;
}
.tab-chage-nav-link .blue-verify-icon {
    display: block;
}
.tab-chage-nav-link .white-verify-icon {
    display: none;
}
.no-routing-instruct-found-text {
    color: #444;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.room-selection-form-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.input-max-width-2 {
    max-width: 289px;
}
/* Calender CSS */
.fc .fc-view-harness-active>.fc-view {
    height: 100% !important;
    width: 100% !important;
    border-radius: 25px 25px 0 0;
    min-width: 1072px;
}
.fc-view-harness {
    overflow: auto;
    border-radius: 25px 25px 0 0;
    min-height: 522px !important;
    height: 100% !important;
}
.fc-scrollgrid-sync-table {
    min-width: 1072px;
    height: 100% !important;
    width: 100% !important;
}
.fc-col-header {
    min-width: 1072px;
    width: 100% !important;
    height: 65px !important;
}
.fc-day {
    height: 75px !important;
    padding: 5px 10px;
}
.fc th {
    height: 65px !important;
    background: #1a8bfa;
    position: relative;
}
.fc .fc-daygrid-body {
    width: 100%;
}
.fc-scrollgrid-sync-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.fc .fc-daygrid-day-number {
    padding: 5px 10px;
}
.fc-daygrid-day-events {
    display: flex;
    align-items: end;
}
.fc .fc-daygrid-day-frame {
    height: 75px !important;
}
.fc-daygrid-day-number,
.fc .fc-day-other .fc-daygrid-day-top {
    color: #555;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 22.672px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.fc .fc-non-business {
    background: transparent;
}
.fc-event-title {
    color: #017efa;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
    padding-left: 13px !important;
    padding-bottom: 11px !important;
}
.fc .fc-daygrid-day-events {
    height: 37.8px;
}
.fc-h-event {
    background-color: transparent;
    border: none;
}
.fc-col-header-cell-cushion {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    white-space: nowrap;
    font-weight: 600;
    line-height: normal;
}
.fc .fc-daygrid-day.fc-day-today {
    background: #6fafef61;
}
.fc-timegrid-axis-cushion {
    display: none;
}
.fc-button {
    border-radius: 50px !important;
    border: 1px solid #555 !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15) !important;
    padding: 8.869px 17.738px !important;
    color: #555 !important;
    text-align: center !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    background-color: transparent !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
.fc-button.fc-button-active {
    border: 1px solid #017efa !important;
    color: #fff !important;
    background-color: #017efa !important;
    font-weight: 600 !important;
}
.fc-button-group {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 13px;
    margin: 0 !important;
}
.fc-toolbar-title {
    border-radius: 10px;
    background: rgba(1, 126, 250, 0.1);
    padding: 8.869px 17.738px;
    color: #3197fb;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.fc-toolbar-chunk {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 13px;
}
.fc-prev-button,
.fc-next-button {
    height: 30px !important;
    width: 30px !important;
    border: 1px solid #3197fb !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 10px !important;
}
.fc-today-button {
    border-radius: 9px !important;
    background: #017efa !important;
    padding: 10px 20px !important;
    color: #fff !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    border: none !important;
    box-shadow: none !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
.fc .fc-toolbar {
    flex-wrap: wrap;
    gap: 13px;
}
.property-available-table-head {
    width: 90px;
    height: 46px;
}
.property-available-table-head:nth-child(2) {
    width: 183px;
    left: 90px !important;
}
.inventory-property-table-head {
    width: 151px;
}
.inventory-property-table-head:nth-child(2) {
    left: 151px !important;
}
.property-available-sliding-table-container .slider-table-data {
    height: 45px;
}
.property-available-sliding-table-container .room-and-rate-left-btn {
    left: 280px !important;
}
.property-available-sliding-table-container .slider-table-container {
    min-width: 430px;
}
.view-details-modal {
    width: 913px;
}
.popup-select-box-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}
.popup-header-input-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 25px;
    flex-wrap: wrap;
}
.popup-header-input-container .form-grid-item {
    width: -moz-fit-content;
    width: fit-content;
}
.popup-header-input-container .form-grid-item select {
    width: 172px;
}
/* Inventory Page CSS */
.posting-details-modal-size {
    width: 435px;
}
.property-available-sliding-table-container .room-and-rate-left-btn.inventory-property-table-btn-left {
    left: 310px !important;
}
.inventory-property-table-slider-table-container .slider-table-container {
    min-width: 450px;
}
.property-room-info-modal {
    width: 369px;
}
.cursor-pointer {
    cursor: pointer;
}
.floor-plan-form-input-container {
    display: flex;
    justify-content: start;
    gap: 25px;
}
.floor-plan-form-input-container .form-submit-btn-container {
    flex-wrap: nowrap;
    gap: 15px;
}
.house-keeping-checkbox-container {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 30px;
    flex-wrap: wrap;
}
.house-keeping-checkbox-container-2 {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
}
.house-keeping-checkbox-container .form-grid-item,
.house-keeping-checkbox-container-2 .form-grid-item {
    width: -moz-fit-content;
    width: fit-content;
}
.house-keeping-board-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-areas:
        "one two three four five"
        "six seven eight eight eight";
}
.house-keeping-board-grid-container .form-grid-item:nth-child(1) {
    grid-area: one;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(2) {
    grid-area: two;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(3) {
    grid-area: three;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(4) {
    grid-area: four;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(5) {
    grid-area: five;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(6) {
    grid-area: six;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(7) {
    grid-area: seven;
}
.house-keeping-board-grid-container .form-grid-item:nth-child(8) {
    grid-area: eight;
}
.update-room-status-size {
    width: 565px;
}
.room-status-modal-card-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.room-status-modal-radio-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
    flex-wrap: wrap;
}
.radio-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.multi-step-header {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    width: -moz-fit-content;
    width: fit-content;
}
.multi-step-form-status-img-container {
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(207, 207, 207, 0.5);
    border-radius: 50%;
}
.house-keeping-checkbox-container-2 {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
}
.width-fit-content {
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.multi-step-header-container {
    padding: 15px 25px;
    margin-top: 15px;
    border-radius: 25px;
}
.step-no-card-container {
    display: flex;
    padding: 10px;
    justify-content: start;
    align-items: center;
    gap: 10px;
    border-radius: 25px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.05);
    flex-grow: 1;
}
.step-no-card-container.step-card-active {
    box-shadow: 0px 13px 34px 4px rgba(0, 0, 0, 0.06);
    background: #fff !important;
    border: none !important;
}
.step-header-img-container {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ededed;
}
.step-no-card-container.step-card-active .step-header-img-container {
    border: 0.78px solid rgba(207, 207, 207, 0.5);
    background-color: transparent;
}
.step-header-text {
    color: #b3b3b5;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.step-header-sub-text {
    color: #b3b3b5;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 5;
}
.step-no-card-container.step-card-active .step-header-text,
.step-no-card-container.step-card-active .step-header-sub-text {
    color: #0b1641;
}
.step-design {
    width: 40px;
    height: 0px;
    border: 4px solid #d8d8d9;
    border-radius: 5px;
}
.step-design.step-design-compeleted {
    border-color: #017efa;
}
.multi-step-header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.form-status-icon {
    width: 20px;
    height: 20px;
}
.table-btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
}
.gap-50 {
    gap: 50px;
}
.task-sheet-card {
    border-radius: 25px;
    border: 1px solid rgba(207, 207, 207, 0.6);
    background: #fbfdff;
    width: 320px;
    padding: 25px;
    display: block;
    transition: all 0.25s ease;
}
.task-sheet-card:focus,
.task-sheet-card:hover {
    border: 1px solid #017efa;
    box-shadow: 0px 8px 13px -30px rgba(0, 0, 0, 0.03);
}
.task-sheet-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.task-sheet-header-text {
    color: #017efa;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.card-close-btn {
    border-radius: 6.1px;
    border: 1.85px solid rgba(255, 0, 0, 0.3);
    background: #fff;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7.26px;
}
.task-sheet-card-body {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.task-sheet-card-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 15px;
}
.task-sheet-details-card-header-btn {
    color: #017efa !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 127px !important;
    border: none !important;
    padding: 0 !important;
}
.task-sheet-details-card-header-btn::after {
    width: 12px;
    height: 24px;
}
.task-sheet-details-card-container {
    border-radius: 25px;
    border: 1px solid rgba(207, 207, 207, 0.6);
    padding: 25px;
}
.table-data-img-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.padding-7-10 {
    padding: 7px 10px;
}
.task-sheet-radio-card-body {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    margin-top: 10px;
}
.task-sheet-radio-card-header-text {
    color: #444;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.8;
    white-space: nowrap;
}
.task-sheet-radio {
    display: none;
}
.task-sheet-radio-card {
    border-radius: 15px;
    border: 1px solid rgba(207, 207, 207, 0.6);
    padding: 15px;
    width: 100%;
}
.task-sheet-radio-container {
    width: 100%;
}
.task-sheet-radio:checked~.task-sheet-radio-card {
    border-radius: 15px;
    border: 1px solid #017efa;
    background: #fbfdff;
    box-shadow: 0px 8px 13px -30px rgba(0, 0, 0, 0.03);
}
.task-sheet-radio-wrapper {
    margin-top: 30px;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    flex-direction: column;
}
.main-content-card-main-container {
    margin-top: 16px;
    display: flex;
    align-items: stretch;
    justify-content: start;
    min-height: calc(100vh - 170px);
    height: 100%;
    gap: 30px;
}
.main-content-card-main-container .main-content-card-main-wrapper:first-child {
    width: calc(100% - 307px);
    
}
.main-content-card-main-container .main-content-card-main-wrapper:last-child {
    width: 307px;
    
}
.width-250 {
    max-width: 250px;
    width: 100%;
}
.batch-statements-opt-modal-size {
    width: 684px;
}
.input-disabled {
    border: 1px solid rgba(207, 207, 207, 0.3);

    background: #f5f5f5;
}
/* Financials CSS */
.aging-chart {
    min-height: 384px;
    height: 100%;
}
.total-open-container-text {
    color: #0b1641;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.total-open-container-text-2 {
    color: #0b1641;
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.total-open-container {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
#year-view-chart-container .apexcharts-legend-series:last-child .apexcharts-legend-marker {
    border-radius: 0 !important;
    transform: rotate(45deg);
}
#year-view-chart-container .apexcharts-legend-series:last-child {
    gap: 2px;
}
.light-blue-border-card-container {
    display: flex;
    align-items: start;
    justify-content: end;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 25px;
}
.light-blue-border-card-wrapper {
    padding: 15px;
    border-radius: 10px;
    background: rgb(1 126 250 / 19%);
}
.light-blue-border-card {
    display: flex;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #fff;
}
.w-211 {
    max-width: 211px;
    width: 100%;
}
.w-276 {
    max-width: 276px;
    width: 100%;
}
.light-blue-border-card-text-1 {
    overflow: hidden;
    color: #555;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.light-blue-border-card-text-2 {
    color: #444;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.make-payment-form-grid-container {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
.make-payment-form-grid-container .form-grid-item {
    width: -moz-fit-content;
    width: fit-content;
}
.make-payment-form-grid-container .form-grid-item .custom-radio-wrapper {
    justify-content: start;
}
.red-color-text {
    color: red;
}
.vertically-center {
    vertical-align: middle;
}
.disabled-text {
    color: rgba(84, 84, 84, 0.5) !important;
}
.action-btn-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.action-btn-container button {
    width: 24px;
    height: 24px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.table-close-btn {
    border: 1.5px solid rgba(255, 0, 0, 0.3);
    color: #ff0000;
}
.table-yes-btn {
    border: 1.5px solid rgba(0, 128, 0, 0.3);
    color: #008000;
}
.create-invoice-table .table-body-data {
    padding: 5px 10px !important;
}
.five-element-grid-container {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 20px;
}
.five-element-grid-container>.form-grid-item {
    width: calc(25% - 80px);
    flex-grow: 1;
}
.five-element-grid-container .house-keeping-checkbox-container-2 {
    
    width: 80%;
}
.billing-opt-container {
    display: flex;
    align-items: stretch;
    justify-content: start;
    gap: 50px;
    flex-wrap: wrap;
}
.billing-opt-container-design {
    width: 1px;
    
    background: #ededed;
}
.batch-modal-transparent-btn {
    border-radius: 7px;
    border: 1px solid #017efa;
    background: #fff;
    padding: 8.5px 10px;
    color: #017efa;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.batch-destination-card-modal-container {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.batch-destination-card-modal-text {
    color: #444;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}
.modal-light-blue-lable {
    border-radius: 10px;
    background: rgba(1, 126, 250, 0.05);
    display: flex;
    padding: 3px 10px;
    align-items: center;
    gap: 10px;
    justify-content: start;
    color: rgba(69, 69, 69, 0.8);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}
.shift-drop-text {
    overflow: hidden;
    color: #555;
    text-overflow: ellipsis;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.shift-drop-text-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.margin-top-12 {
    margin-top: 12px;
}
.light-gray-line {
    height: 1px;
    background: rgba(0, 0, 0, 0.15);
}
.shift-drop-text-bold {
    color: #444;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.gap-25 {
    gap: 25px;
}
.vertically-top {
    vertical-align: baseline;
}
/* Miscellaneous Page CSS */
.width-133 {
    width: 133px;
}
.width-79 {
    width: 79px;
}
.mapping-type-code-modal-size {
    width: 570px;
}
.no-data-dispay-text {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.mapping-code-modal-size {
    width: 689px;
}
.w-137 {
    width: 137px;
}
.w-194 {
    width: 194px;
}
.width-279 {
    width: 279px;
}
/* Responsive Design */
@media screen and (min-width: 1650px) {
    .traces-page-card-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1340px) {
    .profile-details-container {
        gap: 0;
        column-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .profile-details-container .profile-detail-items:nth-child(2) {
        border: none;
    }

    .profile-details-container .profile-detail-items:nth-child(3) {
        padding-top: 15px;
        border-right: 1px solid #e7e9f5 !important;
    }

    .reservation-workspace-form-grid-container {
        grid-template-areas:
            "single1 single2 single3 single4"
            "single5 single6 single7 single8"
            "double double double double";
    }

    .traces-card-light-body {
        flex-direction: column;
    }

    .design-left,
    .design-right {
        height: 20px;
        width: 2px;
        background: #d9d9d9;
        position: relative;
    }

    .design-left::before {
        left: 50%;
        top: 0;
        transform: translate(-4.4px, 0);
    }

    .design-right::before {
        top: unset;
        right: unset;
        bottom: 0;
        left: 50%;
        transform: translate(-3.5px, 0);
    }

    .light-blue-card-date-design-container {
        flex-direction: column;
    }

    .five-input-form-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .six-input-form-container-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .house-keeping-board-grid-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas:
            "one two three"
            "four five six"
            "seven eight eight";
    }

    .reservation-workspace-form-grid-container .acct-receivable-checkbox:last-child {
        margin-top: 0;
    }

    .billing-opt-container {
        gap: 30px;
    }
}
@media screen and (max-width: 1272px) {
    .billing-opt-container {
        gap: 20px;
    }
}
@media screen and (max-width: 1250px) {

    .create-block-account-form-input-grid-container,
    .create-block-contact-form-input-grid-container {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            "one two three"
            "four five six"
            "double double double";
    }
}
@media screen and (max-width: 1200px) {
    .form-container-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .add-customer-address-from-grid-1,
    .add-customer-address-from-grid-2,
    .manage-reservation-basic-search-grid-container,
    .fixed-charge-grid-container,
    .traces-page-card-container,
    .accordion-card-form-container-grid-container,
    .inventory-last-form-container-grid {
        grid-template-columns: 1fr 1fr;
    }

    .manage-reservation-form-grid-container,
    .six-input-form-container-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .confirmation-number-reservation-main-details-container {
        gap: 20px;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }

    .confirmation-number-other-details-grid-container,
    .resrvation-deposit-canellation-new-edit-form-grid,
    .five-input-form-grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .light-blue-card-date-design-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 5px;
    }

    .design-left,
    .design-right {
        width: 20px;
        height: 2px;
        background: #d9d9d9;
        position: relative;
    }

    .design-left::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #d9d9d9;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

    .design-right::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #d9d9d9;
        border-radius: 50%;
        position: absolute;
        right: 0;
        left: unset;
        top: 50%;
        transform: translate(0, -50%);
    }

    .traces-card-light-body {
        flex-direction: row;
    }

    .block-overview-room-details-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .block-overview-room-details-grid-item:nth-child(3) {
        border: none;
    }

    .reservation-overview-card-width {
        width: 250px;
    }

    .guest-profile-details-container {
        grid-template-columns: auto auto;
        gap: 20px;
    }

    .guest-profile-details-container .guest-profile-details-wrapper:nth-child(3) {
        padding: 0;
        border: none;
    }

    .reservation-overview-container-container {
        grid-template-columns: 1fr 1fr;
    }

    .profile-details-item-card:nth-child(3) {
        border: none;
        padding: 0;
    }

    .vip-only-checkbox-container {
        margin-top: 0;
    }

    .five-element-grid-container>.form-grid-item {
        width: calc(25% - 40px);
        flex-grow: 1;
    }

    .batch-folios-multi-step-header-container {
        padding-left: 0;
        padding-right: 0;
        flex-direction: column;
    }

    .batch-folios-multi-step-header-container .step-no-card-container {
        width: 100%;
    }

    .batch-folios-multi-step-header-container .step-design {
        width: 0px;
        height: 40px;
    }
}
@media screen and (max-width: 1024px) {
    .manage-reservation-form-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .confirmation-no-stay-details-grid {
        grid-template-columns: 1fr 1fr;
    }

    .confirmation-no-stay-details-grid .confirmation-no-stay-details-grid-item:nth-child(2) {
        border: none;
    }

    .change-room-form-container-grid {
        grid-template-columns: 1fr 1fr;
    }

    .stay-details-main-details-container-grid,
    .six-input-form-container-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .stay-details-main-details-container-grid-item:nth-child(4),
    .stay-details-main-details-container-grid-item:nth-child(8) {
        border-right: 1px solid #e7e9f5;
    }

    .stay-details-main-details-container-grid-item:nth-child(3),
    .stay-details-main-details-container-grid-item:nth-child(6),
    .stay-details-main-details-container-grid-item:nth-child(9) {
        border-right: none;
    }

    .deposit-payment-card-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .deposit-payment-card-grid-item:nth-child(2) {
        border: none;
    }

    .table-data-swap-container {
        grid-template-columns: 1fr;
    }

    .table-swap-action-container {
        flex-direction: row;
    }

    .table-swap-action-btn {
        transform: rotate(90deg);
    }

    .reservation-workspace-form-grid-container {
        grid-template-areas:
            "single1 single2 single3"
            "single4 single5 single6"
            "single7 single8 double";
    }

    .form-grid-item.d-flex.gap-20 {
        flex-wrap: wrap;
        gap: 10px;
    }

    .traces-card-light-body {
        flex-direction: column;
    }

    .design-left,
    .design-right {
        height: 20px;
        width: 2px;
        background: #d9d9d9;
        position: relative;
    }

    .design-left::before {
        left: 50%;
        top: 0;
        transform: translate(-4.4px, 0);
    }

    .design-right::before {
        top: unset;
        right: unset;
        bottom: 0;
        left: 50%;
        transform: translate(-3.5px, 0);
    }

    .light-blue-card-date-design-container {
        flex-direction: column;
    }

    .create-block-account-form-input-grid-container,
    .create-block-contact-form-input-grid-container {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "one two"
            "three four"
            "five six"
            "double double";
    }

    .main-content-card-main-container {
        flex-direction: column;
    }

    .main-content-card-main-container .main-content-card-main-wrapper {
        width: 100% !important;
    }

    .acct-receivable-checkbox:last-child {
        margin-top: 0;
    }

    .five-element-grid-container>.form-grid-item {
        width: 25%;
    }
}
@media screen and (max-width: 992px) {
    .guest-msg-grid-container {
        grid-template-columns: 1fr;
    }

    .trace-grid-container,
    .five-input-form-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .routing-instruct-data-range-body {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .room-info-container-body {
        flex-direction: column;
    }

    .i-want-to-list-container {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 950px) {
    #nav-bar-menu {
        display: block;
    }

    .light-blue-card-date-design-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 5px;
    }

    .design-left,
    .design-right {
        width: 20px;
        height: 2px;
        background: #d9d9d9;
        position: relative;
    }

    .design-left::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #d9d9d9;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

    .design-right::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #d9d9d9;
        border-radius: 50%;
        position: absolute;
        right: 0;
        left: unset;
        top: 50%;
        transform: translate(0, -50%);
    }

    .traces-card-light-body {
        flex-direction: row;
    }

    .make-payment-form-grid-container .form-grid-item {
        flex-grow: 1;
    }

    .batch-folios-multi-step-header-container {
        flex-direction: row;
    }

    .batch-folios-multi-step-header-container .step-no-card-container {
        width: -moz-fit-content;
        width: fit-content;
    }

    .batch-folios-multi-step-header-container .step-design {
        width: 40px;
        height: 0px;
    }
}
@media screen and (max-width: 890px) {
    .batch-folios-multi-step-header-container {
        padding-left: 0;
        padding-right: 0;
        flex-direction: column;
    }

    .batch-folios-multi-step-header-container .step-no-card-container {
        width: 100%;
    }

    .batch-folios-multi-step-header-container .step-design {
        width: 0px;
        height: 40px;
    }
}
@media screen and (max-width: 768px) {
    .main-content-container {
        margin-top: 70px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .reservation-overview-container-container {
        flex-direction: column;
    }

    .form-container-grid,
    .six-input-form-container-grid {
        grid-template-columns: 1fr 1fr;
    }

    .profile-details-container {
        gap: 15px;
        grid-template-columns: 1fr;
    }

    .profile-detail-items {
        border: none !important;
    }

    .profile-details-container .profile-detail-items:nth-child(3) {
        padding-top: 0;
    }

    .manage-reservation-basic-search-grid-container {
        grid-template-columns: 1fr;
    }

    .confirmation-number-reservation-main-details-container {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .confirmation-number-other-details-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .confirmation-number-other-details-grid-item:nth-child(2) {
        border-right: none;
    }

    .stay-details-main-details-container-grid {
        grid-template-columns: 1fr 1fr;
    }

    .stay-details-main-details-container-grid-item:nth-child(2),
    .stay-details-main-details-container-grid-item:nth-child(4),
    .stay-details-main-details-container-grid-item:nth-child(6),
    .stay-details-main-details-container-grid-item:nth-child(8),
    .stay-details-main-details-container-grid-item:nth-child(10),
    .stay-details-main-details-container-grid-item:nth-child(12) {
        border-right: none;
    }

    .stay-details-main-details-container-grid-item:nth-child(3),
    .stay-details-main-details-container-grid-item:nth-child(9) {
        border-right: 1px solid #e7e9f5;
    }

    .daily-view-card-grid-container,
    .resrvation-deposit-canellation-new-edit-form-grid {
        grid-template-columns: 1fr 1fr;
    }

    .daily-view-card-grid-item:nth-child(2) {
        border-right: none;
    }

    .inventory-last-form-container-grid {
        grid-template-columns: 1fr;
    }

    .payment-instructor-card-2-body {
        flex-wrap: wrap;
    }

    .reservation-workspace-form-grid-container {
        grid-template-areas:
            "single1 single2"
            "single3 single4"
            "single5 single6"
            "single7 single8"
            " double  double";
    }

    .form-grid-item.d-flex.gap-20 {
        flex-wrap: wrap;
        gap: 10px;
    }

    .room-rate-form-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .guest-profile-details-container {
        grid-template-columns: auto;
    }

    .guest-profile-details-container .guest-profile-details-wrapper:nth-child(2) {
        padding: 0;
        border: none;
    }

    .front-desk-guest-profile-container {
        gap: 50px;
    }

    .reservation-overview-container-container {
        grid-template-columns: 1fr;
    }

    .profile-details-item-card:nth-child(2) {
        border: none;
        padding: 0;
    }

    .house-keeping-board-grid-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "one two"
            "three four"
            "five six"
            "seven nine"
            "eight eight";
    }

    .vip-only-checkbox-container {
        margin-top: 20px;
    }

    .reservation-workspace-form-grid-container .acct-receivable-checkbox {
        margin-top: 20px;
    }

    .reservation-workspace-form-grid-container .acct-receivable-checkbox:last-child {
        margin-top: 0;
    }

    .five-element-grid-container>.form-grid-item {
        width: calc(50% - 20px);
    }

    .five-element-grid-container .house-keeping-checkbox-container-2 {
        width: 100%;
    }

    .billing-opt-wrapper .house-keeping-checkbox-container {
        gap: 20px;
    }
}
@media screen and (max-width: 725px) {
    .traces-page-card-container {
        grid-template-columns: 1fr;
    }

    .block-overview-room-details-grid {
        grid-template-columns: 1fr 1fr;
    }

    .block-overview-room-details-grid-item:nth-child(2),
    .block-overview-room-details-grid-item:nth-child(4) {
        border: none;
    }
}
@media screen and (max-width: 690px) {
    .multi-step-header-container {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }

    .step-no-card-container {
        width: 100%;
    }

    .step-design {
        width: 0;
        height: 40px;
    }
}
@media screen and (max-width: 620px) {
    .billing-opt-container-design {
        display: none;
    }
}
@media screen and (max-width: 605px) {
    .make-payment-form-grid-container .form-grid-item {
        margin-top: 0;
    }

    .make-payment-form-grid-container .form-grid-item:nth-child(2) {
        margin-top: 20px;
    }
}
@media screen and (max-width: 600px) {
    .accordion-card-form-container-grid-container {
        grid-template-columns: 1fr;
    }

    .item-inventory-last-card-input-container {
        flex-direction: column;
    }

    .property-calendar-form-grid-container {
        flex-direction: column;
    }

    .assign-room-grid-container {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 576px) {

    .form-container-grid,
    .profile-detail-collapse-grid,
    .add-customer-address-from-grid-1,
    .add-customer-address-from-grid-2,
    .confirmation-number-other-details-grid-container,
    .manage-reservation-form-grid-container,
    .confirmation-no-stay-details-grid,
    .change-room-form-container-grid,
    .stay-details-main-details-container-grid,
    .daily-view-card-grid-container,
    .deposit-payment-card-grid-container,
    .resrvation-deposit-canellation-new-edit-form-grid,
    .fixed-charge-grid-container,
    .trace-grid-container,
    .associated-profile-container,
    .i-want-to-list-container,
    .room-rate-form-grid-container,
    .block-overview-room-details-grid,
    .five-input-form-grid-container,
    .six-input-form-container-grid {
        grid-template-columns: 1fr;
    }

    .confirmation-number-other-details-grid-item,
    .confirmation-no-stay-details-grid .confirmation-no-stay-details-grid-item,
    .daily-view-card-grid-item,
    .deposit-payment-card-grid-item,
    .stay-details-main-details-container-grid-item {
        border-right: none;
    }

    .custome-modal-size-small,
    .custome-modal-size-small-2,
    .report-destination-custom-modal,
    .guest-messages-modal,
    .big-size-modal-width,
    .popup-box-450,
    .view-details-modal,
    .posting-details-modal-size,
    .property-room-info-modal,
    .update-room-status-size,
    .batch-statements-opt-modal-size,
    .mapping-type-code-modal-size,
    .mapping-code-modal-size {
        width: auto;
    }

    .range-data-form-container {
        flex-direction: column;
    }

    .room-info-card-header {
        flex-direction: column;
        align-items: start;
    }

    .padding-left-20 {
        padding: 0;
        border: none;
    }

    .room-info-info-card-wrapper {
        width: 100%;
    }

    .reservation-workspace-form-grid-container {
        grid-template-areas:
            "single1"
            "single2"
            "single3"
            "single4"
            "single5"
            "single6"
            "single7"
            "single8"
            "double";
    }

    .house-keeping-board-grid-container {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "one"
            "two"
            "three"
            "four"
            "five"
            "six"
            "seven"
            "eight";
    }

    .block-overview-room-details-grid-item:nth-child(1) {
        border: none;
    }

    .create-block-account-form-input-grid-container,
    .create-block-contact-form-input-grid-container {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "one"
            "two"
            "three"
            "four"
            "five"
            "six"
            "double";
    }

    .front-desk-guest-profile-container {
        gap: 20px;
        flex-direction: column;
    }

    .guest-profile-img-upload-container {
        width: 100%;
    }

    .vip-only-checkbox-container {
        margin-top: 0;
    }

    .gap-50 {
        gap: 10px;
    }

    .acct-receivable-checkbox {
        margin-top: 0 !important;
    }

    .five-element-grid-container>.form-grid-item {
        width: 100%;
    }

    .width-sm-100 {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .light-blue-note-container {
        flex-direction: column;
        align-items: start;
    }
}
@media screen and (max-width: 473px) {
    .make-payment-form-grid-container .form-grid-item:nth-child(2) {
        margin-top: 0;
    }
}
@media screen and (max-width: 400px) {
    .profile-details-info-field {
        width: -moz-fit-content;
        width: fit-content;
    }

    .traces-card-light-body {
        flex-direction: column;
    }

    .design-left,
    .design-right {
        height: 20px;
        width: 2px;
        background: #d9d9d9;
        position: relative;
    }

    .design-left::before {
        left: 50%;
        top: 0;
        transform: translate(-4.4px, 0);
    }

    .design-right::before {
        top: unset;
        right: unset;
        bottom: 0;
        left: 50%;
        transform: translate(-3.5px, 0);
    }

    .light-blue-card-date-design-container {
        flex-direction: column;
    }
}
/*===========/* click css to show side-bar only icons /*===========*/
@media screen and (min-width: 992px) {
    .menu-active .side-navbar {
        width: 100px;
        transition: all 0.3s ease;
    }

    .menu-active .side-navbar .accordion-button:not(.collapsed)::after {
        display: none;
    }

    .menu-active .side-navbar .accordion-button::after {
        display: none;
    }

    .menu-active .side-navbar .accordion-body {
        display: none;
    }

    .menu-active .side-navbar i {
        font-size: 25px;
    }

    .menu-active .side-navbar .accordion-button {
        justify-content: center;
    }

    .menu-active .top-navbar {
        left: 100px;
        transition: all 0.3s ease;
    }

    .menu-active .active-cont {
        margin-left: 100px;
        transition: all 0.3s ease;
    }

    .menu-active .role-sidemenu-label {
        display: none;
        opacity: 0;
        transition: all 0.3s ease;
    }
}
/*===========/* hower css to show side-bar /*===========*/
@media (min-width: 992px) {
    .menu-open .side-navbar {
        width: 268px;
        transition: all 0.3s ease;
    }

    .menu-open .side-navbar i {
        font-size: 15px;
    }

    .menu-open .side-navbar .accordion-button:not(.collapsed)::after {
        display: block;
    }

    .menu-open .side-navbar .accordion-button::after {
        display: block;
    }

    .menu-open .side-navbar .accordion-body {
        display: block;
    }

    .menu-open .role-sidemenu-label {
        display: block;
        opacity: 1;
        transition: all 0.3s ease;
    }
}
@media (max-width: 991px) {
    .menu-active .side-navbar {
        margin-left: 0px;
        transition: all 0.3s ease;
    }
}
.cursor-pointer {
    cursor: pointer;
}


/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid rgba(0,0,0,0)}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:rgba(0,0,0,0)}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:rgba(0,0,0,0)}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:rgba(0,0,0,0)}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}

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