.vld-shown {
    overflow: hidden;
  }

  .vld-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    z-index: 9999;
  }

  .vld-overlay.is-active {
    display: flex;
  }

  .vld-overlay.is-full-page {
    z-index: 9999;
    position: fixed;
  }

  .vld-overlay .vld-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 0.5;
  }

  .vld-overlay .vld-icon, .vld-parent {
    position: relative;
  }

  /**
   * Swiper 6.3.3
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * http://swiperjs.com
   *
   * Copyright 2014-2020 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: October 9, 2020
   */

  @font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
  }
  .swiper-container {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }
  .swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  /* Auto Height */
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  /* 3D Effects */
  .swiper-container-3d {
    perspective: 1200px;
  }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  /* CSS Mode */
  .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
  }
  :root {
    --swiper-navigation-size: 44px;
    /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
  }
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    right: 10px;
    left: auto;
  }
  .swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
  }
  .swiper-button-next:after,
  .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
  }
  .swiper-button-prev.swiper-button-white,
  .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
  }
  .swiper-button-prev.swiper-button-black,
  .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
  }
  .swiper-button-lock {
    display: none;
  }
  :root {
    /*
    --swiper-pagination-color: var(--swiper-theme-color);
    */
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    right: 0;
    width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-container-vertical > .swiper-pagination-bullets {
    left: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
  }
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    right: 50%;
    transform: translateX(50%);
    white-space: nowrap;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }
  .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }
  /* Progress */
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: right top;
  }
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: left top;
  }
  .swiper-container-horizontal > .swiper-pagination-progressbar,
  .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    right: 0;
    top: 0;
  }
  .swiper-container-vertical > .swiper-pagination-progressbar,
  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    right: 0;
    top: 0;
  }
  .swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
  }
  .swiper-pagination-black {
    --swiper-pagination-color: #000000;
  }
  .swiper-pagination-lock {
    display: none;
  }
  /* Scrollbar */
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }
  .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    right: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }
  .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    left: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    right: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
  }
  /* Preloader */
  :root {
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-right: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
            animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @-webkit-keyframes swiper-preloader-spin {
    100% {
      transform: rotate(-360deg);
    }
  }
  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(-360deg);
    }
  }
  /* a11y */
  .swiper-container .swiper-notification {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube {
    overflow: visible;
  }
  .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 100% 0;
    width: 100%;
    height: 100%;
  }
  .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 0% 0;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-next,
  .swiper-container-cube .swiper-slide-prev,
  .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-container-cube .swiper-slide-shadow-top,
  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0;
  }
  .swiper-container-flip {
    overflow: visible;
  }
  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-container-flip .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-container-flip .swiper-slide-shadow-top,
  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }


  /*!
  Animate.css - http://daneden.me/animate
  Version - 3.4.0
  Licensed under the MIT license - http://opensource.org/licenses/MIT

  Copyright (c) 2015 Daniel Eden
  */

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }

  .animated.bounceIn,
  .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
  }

  .animated.flipOutX,
  .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
  }

  @-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transform: translate3d(0,0,0);
    }

    40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(0, -30px, 0);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(0, -15px, 0);
    }

    90% {
      transform: translate3d(0,-4px,0);
    }
  }

  @keyframes bounce {
    from, 20%, 53%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transform: translate3d(0,0,0);
    }

    40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(0, -30px, 0);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(0, -15px, 0);
    }

    90% {
      transform: translate3d(0,-4px,0);
    }
  }

  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom;
  }

  @-webkit-keyframes flash {
    from, 50%, to {
      opacity: 1;
    }

    25%, 75% {
      opacity: 0;
    }
  }

  @keyframes flash {
    from, 50%, to {
      opacity: 1;
    }

    25%, 75% {
      opacity: 0;
    }
  }

  .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes pulse {
    from {
      transform: scale3d(1, 1, 1);
    }

    50% {
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes pulse {
    from {
      transform: scale3d(1, 1, 1);
    }

    50% {
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }

  @-webkit-keyframes rubberBand {
    from {
      transform: scale3d(1, 1, 1);
    }

    30% {
      transform: scale3d(1.25, 0.75, 1);
    }

    40% {
      transform: scale3d(0.75, 1.25, 1);
    }

    50% {
      transform: scale3d(1.15, 0.85, 1);
    }

    65% {
      transform: scale3d(.95, 1.05, 1);
    }

    75% {
      transform: scale3d(1.05, .95, 1);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes rubberBand {
    from {
      transform: scale3d(1, 1, 1);
    }

    30% {
      transform: scale3d(1.25, 0.75, 1);
    }

    40% {
      transform: scale3d(0.75, 1.25, 1);
    }

    50% {
      transform: scale3d(1.15, 0.85, 1);
    }

    65% {
      transform: scale3d(.95, 1.05, 1);
    }

    75% {
      transform: scale3d(1.05, .95, 1);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
  }

  @-webkit-keyframes shake {
    from, to {
      transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
      transform: translate3d(-10px, 0, 0);
    }
  }

  @keyframes shake {
    from, to {
      transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
      transform: translate3d(-10px, 0, 0);
    }
  }

  .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
  }

  @-webkit-keyframes swing {
    20% {
      transform: rotate3d(0, 0, 1, -15deg);
    }

    40% {
      transform: rotate3d(0, 0, 1, 10deg);
    }

    60% {
      transform: rotate3d(0, 0, 1, -5deg);
    }

    80% {
      transform: rotate3d(0, 0, 1, 5deg);
    }

    to {
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }

  @keyframes swing {
    20% {
      transform: rotate3d(0, 0, 1, -15deg);
    }

    40% {
      transform: rotate3d(0, 0, 1, 10deg);
    }

    60% {
      transform: rotate3d(0, 0, 1, -5deg);
    }

    80% {
      transform: rotate3d(0, 0, 1, 5deg);
    }

    to {
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }

  .swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
  }

  @-webkit-keyframes tada {
    from {
      transform: scale3d(1, 1, 1);
    }

    10%, 20% {
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, 3deg);
    }

    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes tada {
    from {
      transform: scale3d(1, 1, 1);
    }

    10%, 20% {
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, 3deg);
    }

    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    to {
      transform: scale3d(1, 1, 1);
    }
  }

  .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes wobble {
    from {
      transform: none;
    }

    15% {
      transform: translate3d(25%, 0, 0) rotate3d(0, 0, 1, 5deg);
    }

    30% {
      transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    45% {
      transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    60% {
      transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -2deg);
    }

    75% {
      transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 1deg);
    }

    to {
      transform: none;
    }
  }

  @keyframes wobble {
    from {
      transform: none;
    }

    15% {
      transform: translate3d(25%, 0, 0) rotate3d(0, 0, 1, 5deg);
    }

    30% {
      transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    45% {
      transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    60% {
      transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -2deg);
    }

    75% {
      transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 1deg);
    }

    to {
      transform: none;
    }
  }

  .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
  }

  @-webkit-keyframes jello {
    from, 11.1%, to {
      transform: none;
    }

    22.2% {
      transform: skewX(12.5deg) skewY(12.5deg);
    }

    33.3% {
      transform: skewX(-6.25deg) skewY(-6.25deg);
    }

    44.4% {
      transform: skewX(3.125deg) skewY(3.125deg);
    }

    55.5% {
      transform: skewX(-1.5625deg) skewY(-1.5625deg);
    }

    66.6% {
      transform: skewX(0.78125deg) skewY(0.78125deg);
    }

    77.7% {
      transform: skewX(-0.390625deg) skewY(-0.390625deg);
    }

    88.8% {
      transform: skewX(0.1953125deg) skewY(0.1953125deg);
    }
  }

  @keyframes jello {
    from, 11.1%, to {
      transform: none;
    }

    22.2% {
      transform: skewX(12.5deg) skewY(12.5deg);
    }

    33.3% {
      transform: skewX(-6.25deg) skewY(-6.25deg);
    }

    44.4% {
      transform: skewX(3.125deg) skewY(3.125deg);
    }

    55.5% {
      transform: skewX(-1.5625deg) skewY(-1.5625deg);
    }

    66.6% {
      transform: skewX(0.78125deg) skewY(0.78125deg);
    }

    77.7% {
      transform: skewX(-0.390625deg) skewY(-0.390625deg);
    }

    88.8% {
      transform: skewX(0.1953125deg) skewY(0.1953125deg);
    }
  }

  .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center;
  }

  @-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      transform: scale3d(.9, .9, .9);
    }

    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      transform: scale3d(.97, .97, .97);
    }

    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      transform: scale3d(.9, .9, .9);
    }

    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      transform: scale3d(.97, .97, .97);
    }

    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }

  .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }

  @-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0);
    }

    75% {
      transform: translate3d(0, -10px, 0);
    }

    90% {
      transform: translate3d(0, 5px, 0);
    }

    to {
      transform: none;
    }
  }

  @keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0);
    }

    75% {
      transform: translate3d(0, -10px, 0);
    }

    90% {
      transform: translate3d(0, 5px, 0);
    }

    to {
      transform: none;
    }
  }

  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }

  @-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }

    75% {
      transform: translate3d(10px, 0, 0);
    }

    90% {
      transform: translate3d(-5px, 0, 0);
    }

    to {
      transform: none;
    }
  }

  @keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }

    75% {
      transform: translate3d(10px, 0, 0);
    }

    90% {
      transform: translate3d(-5px, 0, 0);
    }

    to {
      transform: none;
    }
  }

  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }

  @-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }

    75% {
      transform: translate3d(-10px, 0, 0);
    }

    90% {
      transform: translate3d(5px, 0, 0);
    }

    to {
      transform: none;
    }
  }

  @keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }

    75% {
      transform: translate3d(-10px, 0, 0);
    }

    90% {
      transform: translate3d(5px, 0, 0);
    }

    to {
      transform: none;
    }
  }

  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }

  @-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }

    75% {
      transform: translate3d(0, 10px, 0);
    }

    90% {
      transform: translate3d(0, -5px, 0);
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
    }

    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }

    75% {
      transform: translate3d(0, 10px, 0);
    }

    90% {
      transform: translate3d(0, -5px, 0);
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
  }

  @-webkit-keyframes bounceOut {
    20% {
      transform: scale3d(.9, .9, .9);
    }

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

    to {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }
  }

  @keyframes bounceOut {
    20% {
      transform: scale3d(.9, .9, .9);
    }

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

    to {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }
  }

  .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
  }

  @-webkit-keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }

  @keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }

  .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
  }

  @-webkit-keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }

  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }

  .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
  }

  @-webkit-keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }

  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }

  .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
  }

  @-webkit-keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }

  @keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }

  .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
  }

  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }

  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }

  @-webkit-keyframes fadeInDownBig {
    from {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInDownBig {
    from {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
  }

  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }

  @-webkit-keyframes fadeInLeftBig {
    from {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInLeftBig {
    from {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }

  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }

  @-webkit-keyframes fadeInRightBig {
    from {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInRightBig {
    from {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
  }

  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  @-webkit-keyframes fadeInUpBig {
    from {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInUpBig {
    from {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
  }

  @-webkit-keyframes fadeOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }

  @-webkit-keyframes fadeOutDown {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes fadeOutDown {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }

  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
  }

  @-webkit-keyframes fadeOutDownBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }

  @keyframes fadeOutDownBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }

  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
  }

  @-webkit-keyframes fadeOutLeft {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutLeft {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
  }

  @-webkit-keyframes fadeOutLeftBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }

  @keyframes fadeOutLeftBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }

  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
  }

  @-webkit-keyframes fadeOutRight {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes fadeOutRight {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  }

  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
  }

  @-webkit-keyframes fadeOutRightBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }

  @keyframes fadeOutRightBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }

  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
  }

  @-webkit-keyframes fadeOutUp {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
  }

  @keyframes fadeOutUp {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
  }

  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
  }

  @-webkit-keyframes fadeOutUpBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }

  @keyframes fadeOutUpBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }

  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
  }

  @-webkit-keyframes flip {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    40% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    50% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    80% {
      transform: perspective(400px) scale3d(.95, .95, .95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    to {
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }

  @keyframes flip {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    40% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    50% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, 170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    80% {
      transform: perspective(400px) scale3d(.95, .95, .95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    to {
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }

  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
  }

  @-webkit-keyframes flipInX {
    from {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      transform: perspective(400px) rotate3d(-1, 0, 0, -10deg);
      opacity: 1;
    }

    80% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  @keyframes flipInX {
    from {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      transform: perspective(400px) rotate3d(-1, 0, 0, -10deg);
      opacity: 1;
    }

    80% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }

  @-webkit-keyframes flipInY {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
      opacity: 1;
    }

    80% {
      transform: perspective(400px) rotate3d(0, 1, 0, 5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  @keyframes flipInY {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      transform: perspective(400px) rotate3d(0, 1, 0, -10deg);
      opacity: 1;
    }

    80% {
      transform: perspective(400px) rotate3d(0, 1, 0, 5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
  }

  @-webkit-keyframes flipOutX {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      opacity: 1;
    }

    to {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutX {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      opacity: 1;
    }

    to {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      opacity: 0;
    }
  }

  .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }

  @-webkit-keyframes flipOutY {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px) rotate3d(0, 1, 0, 15deg);
      opacity: 1;
    }

    to {
      transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutY {
    from {
      transform: perspective(400px);
    }

    30% {
      transform: perspective(400px) rotate3d(0, 1, 0, 15deg);
      opacity: 1;
    }

    to {
      transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
      opacity: 0;
    }
  }

  .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
  }

  @-webkit-keyframes lightSpeedIn {
    from {
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
    }

    60% {
      transform: skewX(-20deg);
      opacity: 1;
    }

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

    to {
      transform: none;
      opacity: 1;
    }
  }

  @keyframes lightSpeedIn {
    from {
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
    }

    60% {
      transform: skewX(-20deg);
      opacity: 1;
    }

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

    to {
      transform: none;
      opacity: 1;
    }
  }

  .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @-webkit-keyframes lightSpeedOut {
    from {
      opacity: 1;
    }

    to {
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  }

  @keyframes lightSpeedOut {
    from {
      opacity: 1;
    }

    to {
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  }

  .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  @-webkit-keyframes rotateIn {
    from {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }

    to {
      transform-origin: center;
      transform: none;
      opacity: 1;
    }
  }

  @keyframes rotateIn {
    from {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }

    to {
      transform-origin: center;
      transform: none;
      opacity: 1;
    }
  }

  .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
  }

  @-webkit-keyframes rotateInDownLeft {
    from {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }

    to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
    }
  }

  @keyframes rotateInDownLeft {
    from {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }

    to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
    }
  }

  .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
  }

  @-webkit-keyframes rotateInDownRight {
    from {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }

    to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
    }
  }

  @keyframes rotateInDownRight {
    from {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }

    to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
    }
  }

  .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
  }

  @-webkit-keyframes rotateInUpLeft {
    from {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }

    to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
    }
  }

  @keyframes rotateInUpLeft {
    from {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }

    to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
    }
  }

  .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
  }

  @-webkit-keyframes rotateInUpRight {
    from {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }

    to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
    }
  }

  @keyframes rotateInUpRight {
    from {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }

    to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
    }
  }

  .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
  }

  @-webkit-keyframes rotateOut {
    from {
      transform-origin: center;
      opacity: 1;
    }

    to {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }
  }

  @keyframes rotateOut {
    from {
      transform-origin: center;
      opacity: 1;
    }

    to {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }
  }

  .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
  }

  @-webkit-keyframes rotateOutDownLeft {
    from {
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutDownLeft {
    from {
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }

  .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
  }

  @-webkit-keyframes rotateOutDownRight {
    from {
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutDownRight {
    from {
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }

  .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
  }

  @-webkit-keyframes rotateOutUpLeft {
    from {
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutUpLeft {
    from {
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }

  .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
  }

  @-webkit-keyframes rotateOutUpRight {
    from {
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutUpRight {
    from {
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }
  }

  .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
  }

  @-webkit-keyframes hinge {
    0% {
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    20%, 60% {
      transform: rotate3d(0, 0, 1, -80deg);
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    40%, 80% {
      transform: rotate3d(0, 0, 1, -60deg);
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }

    to {
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }

  @keyframes hinge {
    0% {
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    20%, 60% {
      transform: rotate3d(0, 0, 1, -80deg);
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    40%, 80% {
      transform: rotate3d(0, 0, 1, -60deg);
      transform-origin: top right;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }

    to {
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }

  .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes rollIn {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes rollIn {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes rollOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
  }

  @keyframes rollOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
  }

  .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
  }

  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    50% {
      opacity: 1;
    }
  }

  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  }

  @-webkit-keyframes zoomInDown {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  @keyframes zoomInDown {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
  }

  @-webkit-keyframes zoomInLeft {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  @keyframes zoomInLeft {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
  }

  @-webkit-keyframes zoomInRight {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  @keyframes zoomInRight {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
  }

  @-webkit-keyframes zoomInUp {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  @keyframes zoomInUp {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
  }

  @-webkit-keyframes zoomOut {
    from {
      opacity: 1;
    }

    50% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    to {
      opacity: 0;
    }
  }

  @keyframes zoomOut {
    from {
      opacity: 1;
    }

    50% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    to {
      opacity: 0;
    }
  }

  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
  }

  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
  }

  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      transform: scale(.1) translate3d(2000px, 0, 0);
      transform-origin: right center;
    }
  }

  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      transform: scale(.1) translate3d(2000px, 0, 0);
      transform-origin: right center;
    }
  }

  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
  }

  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      transform: scale(.1) translate3d(-2000px, 0, 0);
      transform-origin: left center;
    }
  }

  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      transform: scale(.1) translate3d(-2000px, 0, 0);
      transform-origin: left center;
    }
  }

  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
  }

  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }

  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
  }

  @-webkit-keyframes slideInDown {
    from {
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInDown {
    from {
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }

  @-webkit-keyframes slideInLeft {
    from {
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInLeft {
    from {
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
  }

  @-webkit-keyframes slideInRight {
    from {
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInRight {
    from {
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
  }

  @-webkit-keyframes slideInUp {
    from {
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInUp {
    from {
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }

  @-webkit-keyframes slideOutDown {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes slideOutDown {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0);
    }
  }

  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
  }

  @-webkit-keyframes slideOutLeft {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes slideOutLeft {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
    }
  }

  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
  }

  @-webkit-keyframes slideOutRight {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes slideOutRight {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0);
    }
  }

  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
  }

  @-webkit-keyframes slideOutUp {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
  }

  @keyframes slideOutUp {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
  }

  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }/*!
   *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
   *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
   */
  /* FONT PATH
   * -------------------------- */
  @font-face {
    font-family: 'FontAwesome';
    src: url(/fonts/vendor/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
    src: url(/fonts/vendor/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713?#iefix&v=4.7.0) format('embedded-opentype'), url(/fonts/vendor/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format('woff2'), url(/fonts/vendor/font-awesome/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format('woff'), url(/fonts/vendor/font-awesome/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format('truetype'), url(/fonts/vendor/font-awesome/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde#fontawesomeregular) format('svg');
    font-weight: normal;
    font-style: normal;
  }
  .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;
  }
  .fa-3x {
    font-size: 3em;
  }
  .fa-4x {
    font-size: 4em;
  }
  .fa-5x {
    font-size: 5em;
  }
  .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: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
  }
  .fa-pull-left {
    float: left;
  }
  .fa-pull-right {
    float: right;
  }
  .fa.fa-pull-left {
    margin-right: .3em;
  }
  .fa.fa-pull-right {
    margin-left: .3em;
  }
  /* Deprecated as of 4.4.0 */
  .pull-right {
    float: right;
  }
  .pull-left {
    float: left;
  }
  .fa.pull-left {
    margin-right: .3em;
  }
  .fa.pull-right {
    margin-left: .3em;
  }
  .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
  }
  .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
  }
  @-webkit-keyframes fa-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }
  @keyframes fa-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }
  .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
  }
  .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
  }
  .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
  }
  .fa-flip-horizontal {
    -ms-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)";
    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;
  }
  .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;
  }

  * {
      letter-spacing: 0 !important;
  }

  html, body {
      font-family: "Tajawal", sans-serif !important;
  }

  body {
    margin:0 !important;
  }

  .container {
      width: 1380px;
  }

  .aligncenter {
      display: block;
      margin: 0 auto 15px;
  }

  a {
      color: #282828;
  }

  a:hover {
      color: #b9a745;
      text-decoration: none;
  }

  a:focus {
      outline: 0px solid;
      text-decoration: none;
  }

  img {
      max-width: 100%;
      height: auto;
  }

  .fix {
      overflow: hidden;
  }

  .no-padding {
      padding: 0;
  }

  p {
      margin: 0 0 15px;
  }

  h1, h2, h3, h4, h5, h6 {
      margin: 0 0 10px;
  }

  a {
      transition: all 0.3s ease 0s;
      text-decoration: none;
  }

  a:active, a:hover {
      outline: 0 none;
  }

  ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
  }

  .clear {
      clear: both;
  }

  ::-moz-selection {
      background: #b3d4fc;
      text-shadow: none;
  }

  ::selection {
      background: #b3d4fc;
      text-shadow: none;
  }

  .browserupgrade {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
  }

  /*----------------------------------------*/
  /*  1.0.1  Webfont CSS
  /*----------------------------------------*/
  body {
      font-family: "Poppins", sans-serif;
      text-align:right;
  }

  /*----------------------------------------*/
  /*  1.1.0  Home One CSS
  /*----------------------------------------*/
  .header-top-area {
      background: #d9a574 !important;
  }

  .account-cart {
      float: left;
  }

  .language-usd > ul > li, .account-cart > ul > li {
      float: right;
      border-right: 1px solid #8d6a4c;
      position: relative;
      transition: all 0.5s ease 0s;
  }

  .language-usd > ul > li a, .account-cart > ul > li a {
      padding: 15px 22px;
  }

  .language-usd > ul > li > a:hover, .account-cart > ul > li:hover > a {
      background: #8d6a4c !important;
  }

  .language-usd > ul > li:last-child, .account-cart > ul > li:last-child {
      border-left: 1px solid #8d6a4c;
  }

  ul li.login ul li:hover a {
      color: #8d6a4c;
  }

  .language-usd ul li a, .account-cart ul li a {
      color: #ffffff;
      display: block;
      font-size: 12px;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
  }

  ul.submenu-mainmenu li.single-cart-item .cart-info > a {
      font-size: 12px;
      color: #606060;
      font-weight: 400;
  }

  ul.submenu-mainmenu li.single-cart-item .cart-info > span {
      color: #303030;
      font-size: 12px;
      font-weight: 400;
  }

  li.single-cart-item a.trash i {
      font-size: 18px;
      margin-top: 5px;
  }

  .language-usd ul li ul.submenu-mainmenu, .account-cart ul li ul.submenu-mainmenu, .mainmenu ul li ul.submenu-mainmenu {
      background-color: #fff;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      right: 0;
      margin: 0;
      padding: 12px 0;
      position: absolute;
      text-align: right;
      top: 61px;
      transform: rotateX(90deg);
      transform-origin: center top 0;
      transition: all 0.6s ease 0s;
      visibility: hidden;
      width: 320px;
      z-index: -99;
      border: 1px solid #ADADAD;
      font-weight: 500;
  }

  .header-top-right .language-usd ul li ul.submenu-mainmenu {
      width: 138px;
  }

  .account-cart ul li ul.submenu-mainmenu {
      width: 145px;
  }

  .submenu-mainmenu .cart-info {
      margin-top: 0px;
  }

  .submenu-mainmenu .cart-info > a {
      padding: 15px 0 0;
  }

  .mainmenu ul li ul.submenu-mainmenu {
      padding: 12px 0;
      top: 125px;
  }

  .mainmenu ul > li > ul.submenu-mainmenu > li {
      display: block;
      padding: 6px 15px;
  }

  .mainmenu ul > li > ul.submenu-mainmenu > li:before, .mainmenu ul > li > ul.submenu-mainmenu > li:after {
      background: none;
  }

  .account-cart ul li.cart ul.submenu-mainmenu {
      padding: 0px;
  }

  .account-cart ul li.account ul.submenu-mainmenu {
      width: 137px;

  }

  .account-cart > ul > li.account > ul.submenu-mainmenu > li {
      display: inline-block;
  }

  .account-cart > ul > li.account > ul.submenu-mainmenu > li > {
      display: block;
  }

  .account-cart ul li.login ul.submenu-mainmenu {
      text-align: center;
      left: 0;
      right: auto;
  }

  .account-cart ul li.login ul.submenu-mainmenu li a, .mainmenu ul li ul.submenu-mainmenu > li > a {
      color: #303030 !important;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 500;
      transition: all 0.5s ease 0s;
  }

  .mainmenu ul li ul.submenu-mainmenu > li > a {
      text-transform: capitalize;
      font-size: 13px;
  }

  .account-cart ul > li.login > ul.submenu-mainmenu > li.login-button > a, .account-cart ul > li.login > ul.submenu-mainmenu > li.creat-button > a {
      background: #303030 none repeat scroll 0 0;
      color: #ffffff !important;
      display: inline-block;
      padding: 10px 10px;
      line-height: 12px;
  }

  .account-cart ul > li.login > ul.submenu-mainmenu > li.creat-button > a {
      background: #fff none repeat scroll 0 0;
      color: #303030 !important;
      padding: 8px 12px;
      border: 1px solid #303030;
      transition: all 0.5s ease 0s;
  }

  .account-cart ul > li.login > ul.submenu-mainmenu > li.cart {
      position: relative;
  }

  .cart p {
      background: #d9a574 none repeat scroll 0 0;
      border-radius: 50%;
      height: 20px;
      line-height: 18px;
      position: absolute;
      left: 13px;
      text-align: center;
      top: 10px;
      width: 20px;
  }

  .add-bag > a {
      font-weight: 400;
      text-transform: uppercase;
  }

  .account-cart ul li.cart ul.submenu-mainmenu {
      width: 168px;
      text-align: center;
      left: 0;
      right: auto;
  }

  .block {
    display:block;
  }

  .language-usd ul li ul.submenu-mainmenu li, .account-cart ul li ul.submenu-mainmenu li {
    display: inline-block;
    overflow: hidden;
  }

  .language-usd > ul > li > ul.submenu-mainmenu > li > a, .account-cart > ul > li > ul.submenu-mainmenu > li > a {
      color: #1e1e1e !important;
      display: block;
      font-size: 12px;
      padding: 6px 16px;
      transition: all 0.5s ease 0s;
  }

  .account-cart ul > li.login > ul.submenu-mainmenu > li.login-button > a, .account-cart ul > li.login > ul.submenu-mainmenu > li.creat-button > a {
      margin: 10px 0px;
  }

  .language-usd > ul > li > ul.submenu-mainmenu > li:hover > a, .account-cart > ul > li > ul.submenu-mainmenu > li:hover > a, .mainmenu ul li ul.submenu-mainmenu > li:hover a {
      color: #d9a574 !important;
      margin-right: 5px;
  }

  .account-cart > ul > li > ul.submenu-mainmenu > li:hover > a {
      margin-right: 0px;
  }

  .account-cart ul > li.login > ul.submenu-mainmenu > li.login-button:hover > a, .account-cart ul > li.login > ul.submenu-mainmenu > li.creat-button:hover > a {
      color: #fff !important;
      background: #d9a574;
  }

  .account-cart ul > li.login > ul.submenu-mainmenu > li.creat-button:hover > a {
      border: 1px solid #d9a574;
  }

  .account-cart > ul > li.login > ul.submenu-mainmenu > li:hover > a {
      color: #606060 !important;
  }

  .language-usd ul li:hover ul.submenu-mainmenu, .account-cart ul li:hover ul.submenu-mainmenu {
      transform: rotateX(0deg);
      visibility: visible;
      z-index: 99999;
  }

  .account-cart .cart-info > a {
      padding: 20px 0 0;
      text-transform: capitalize;
  }

  .account-cart .cart-info > a.trash {
      padding: 0px 0 0;
      color: #d9a574 !important;
      font-size: 20px;
  }

  .account-cart .cart-img a {
      padding: 20px 0 0px 12px;
  }

  .sub-total-cart {
      border-top: 1px solid #eeeeee;
      color: #606060;
      display: block;
      font-size: 12px;
      margin-top: 15px;
      padding-top: 10px;
      text-transform: uppercase;
  }

  .sub-total-cart > a.view-cart {
      background: #303030 none repeat scroll 0 0;
      color: #ffffff !important;
      display: inline-block;
      font-size: 12px;
      margin-top: 18px;
      padding: 6px 40px;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
      margin-bottom: 20px;
  }

  .sub-total-cart > a.view-cart:hover {
      background: #d9a574 !important;
      color: #FFF !important;
  }

  .sub-total-cart.text-center > span {
      margin-right: 48px;
  }

  span.cart-info a:hover {
      color: #d9a574 !important;
  }

  .main-header-area {
      border-bottom: 1px solid #E8E8E8;
  }

  .mainmenu {
      margin-bottom: 1px solid #E8E8E8;

  }

  .mainmenu ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .mainmenu ul li {
      display: inline-block;
      position: relative;
      padding: 42px 18px;
  }

  .mainmenu ul > li::before, .description-tab-menu ul li::before, .mega-menu span a.title:before {
      background: #d9a574 none repeat scroll 0 0;
      bottom: 49px;
      content: "";
      height: 1px;
      right: 7px;
      position: absolute;
      width: 0px;
      opacity: 0;
      transition: all 0.5s ease 0s;
  }

  .mainmenu ul > li::after, .description-tab-menu ul li::after, .mega-menu span a.title:after {
      background: #d9a574 none repeat scroll 0 0;
      bottom: 46px;
      content: "";
      height: 0px;
      right: 10px;
      position: absolute;
      width: 1px;
      opacity: 0;
      transition: all 0.5s ease 0s;
  }

  .mega-menu span a.title:before, .mega-menu span a.title:after {
      opacity: 1;
  }

  .mega-menu span a.title::before {
      bottom: 4px;
      width: 25px;
      right: -13px;
  }

  .mega-menu span a.title:after {
      height: 12px;
  }

  .description-tab-menu ul li::after {
      bottom: -5px;
      right: -8px !important;
      background: #dfaa74;
  }

  .description-tab-menu ul li::before {
      bottom: -2px !important;
      right: -12px !important;
      background: #dfaa74;
  }

  .mega-menu span a.title::after {
      bottom: 1px;
      right: -9px;
  }

  .mega-menu span a.title:before, .mega-menu span a.title:after {
      opacity: 1;
  }

  .mainmenu ul li:after {
      position: absolute;
  }

  .mainmenu ul li ul.submenu-mainmenu {
      position: absolute;
  }

  .mainmenu ul li a {
      color: #462015;
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
  }

  .mainmenu ul > li:hover > a, .mainmenu ul > li.active > a, .mega-menu a:hover {
      color: #d9a574;
  }

  .mega-menu a.title:hover {
      margin-right: inherit;
  }

  .mega-menu a:hover {
      margin-right: 5px;
  }

  .mainmenu ul > li:hover::before, .mainmenu ul > li.active::before, .mainmenu ul > li:hover::after, .mainmenu ul > li.active::after, .description-tab-menu ul li:hover::after, .description-tab-menu ul li.active::after, .description-tab-menu ul li:hover::before, .description-tab-menu ul li.active::before {
      opacity: 1;
  }

  .mainmenu ul > li:hover::before, .mainmenu ul > li.active::before, .description-tab-menu ul li:hover::before, .description-tab-menu ul li.active::before {
      width: 25px;
  }

  .mainmenu ul > li:hover::after, .mainmenu ul > li.active::after, .description-tab-menu ul li:hover::after, .description-tab-menu ul li.active::after {
      height: 12px;
  }

  .mainmenu .mega-menu a {
      padding: 7px 0;
      text-transform: capitalize;
      font-size: 13px;
      transition: all 0.5s ease 0s;
  }

  .mainmenu ul li a {
      color: #462015;
  }

  .search-box {
      display: inline-block;
      padding: 45px 0;
      float: left;
  }

  .search-box form {
      border: 1px solid #909090;
      height: 35px;
      overflow: hidden;
      position: relative;
      width: 254px;
  }

  .search-box button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none;
      color: #8c8c8c;
      padding: 7px 10px;
      position: absolute;
      left: 0;
      top: 0;
  }

  .blog-sidebar .search-box button {
      background: #000;
      color: #fff;
      padding: 7px 18px;
  }

  .search-box form > input {
      border: medium none;
  }

  .search-box input[type=text] {
      font-size: 14px;
      font-weight: 400;
      padding: 6px 0 6px 10px;
      width: 100%;
      height:35px;
  }

  .search-box i.fa.fa-search {
      font-size: 16px;
  }

  .mega-menu a {
      display: block;
  }

  .mega-menu span a.title {
      color: #303030 !important;
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 15px;
      position: relative;
      text-transform: uppercase;
  }

  .mainmenu ul > li:first-child > a {
      padding-right: 0px;
  }

  .mega-menu img {
      margin-top: 10px;
  }

  .mega-menu img:first-child {
      margin-bottom: 8px;
  }

  .mainmenu ul li .mega-menu {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #adadad;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      right: 0;
      margin: 0;
      padding: 30px 35px 40px;
      position: absolute;
      left: auto;
      text-align: right;
      top: 125px;
      transform: rotateX(90deg);
      transform-origin: center top 0;
      transition: all 0.6s ease 0s;
      visibility: hidden;
      width: 788px;
      z-index: -99;
  }

  .mainmenu ul li:hover .mega-menu {
      margin-top: 0;
      opacity: 1;
      visibility: visible;
      z-index: 999;
      transform: rotateX(0deg);
  }

  .mega-menu span i {
      font-size: 8px;
      margin-left: 10px;
      vertical-align: middle;
  }

  .top-login-cart ul li ul.submenu-mainmenu {
      padding-bottom: 20px;
      padding-right: 0;
      padding-left: 0;
      padding-top: 20px;
      width: 225px;
      top: 50px;
      left: 0;
      right: auto;
  }

  .mainmenu ul li:hover ul.submenu-mainmenu {
      transform: rotateX(0deg);
      visibility: visible;
      z-index: 99999;
  }

  .cart-img, .mainmenu ul li .mega-menu span {
      float: right;
  }

  .cart-info {
      display: inline-block;
  }

  /*----------------------------------------*/
  /*  1.2.0  Slider CSS
  /*----------------------------------------*/
  .slider-content h3 {
      color: #fff;
      font-size: 40px;
      font-weight: 300;
      letter-spacing: 1.5px;
      line-height: normal;
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  .slider-content h2.title {
      color: #fff;
      display: block;
      font-family: "Playfair Display", serif;
      font-size: 80px;
      font-weight: 700;
      margin-bottom: 0;
      text-transform: uppercase;
  }

  .slider-content h3.ti7 {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 30px;
  }

  .nivo_text {
      margin-top: 9.5%;
      text-align: center;
  }

  .nivo_text .slider-img {
      right: -66%;
      top: -64%;
      position: absolute;
  }

  .nivo_text.slide_two {
      right: 48%;
      text-align: right;
      top: 28%;
  }

  .slider-content.slider-text-2 h1 span {
      color: #d9a574;
  }

  .slider-button {
      border-bottom: none;
      color: #fff;
      font-size: 12px;
      padding: 8px 20px;
      text-transform: uppercase;
      display: block;
      background: #8d6a4c;
      letter-spacing: 2px;
      transition: all 0.5s ease 0s;
      font-weight: 600;
  }


  .slider-button:hover {
      color: #fff;
      background: #d9a574;
  }

  .nivo-controlNav {
      display: none;
  }

  .slider-button:hover {
      background: #d9a574;
      color: #fff;
  }


  .slider-button {
    background-color: #333 !important;
    border:3px solid #8d6a4c;
    border-radius: 30px;
    padding:15px 40px;
    font-size:20px;
  }

  /*----------------------------------------*/
  /* 1.3.0  Service CSS
  /*----------------------------------------*/
  .single-service {
      border-left: 1px solid #dddddd;
      float: right;
      padding: 50px 25px 60px;
      width: 25%;
  }

  .home-two .single-service {
      background: #252525;
      padding: 50px 0 80px;
      border-left: none;
      text-align: center;
  }

  .home-two .single-service:nth-child(2) {
      background: url(/images/1.jpg?6abab35c3607070d0f9dbe22324dab80);
      background-position: center;
  }

  .home-two .single-service:nth-child(4) {
      background: url(/images/2.jpg?01443531e9817f634a8bd7caf3d1e25b);
      background-position: center;
  }

  .home-two .service-info {
      text-align: right;
      display: inline-block;
  }

  .home-two .single-service .service-info h2 {
      color: #fff;
  }

  .single-banner {
      width: 50%;
      float: right;
      position: relative;
  }

  .service-icon {
      border-radius: 50%;
      display: table;
      float: right;
      height: 80px;
      margin-left: 12px;
      text-align: center;
      vertical-align: middle;
      width: auto;
  }

  .service_area .service-icon:nth-child(2) {
      margin-left: 0px;
  }

  .service-icon img {
      padding-top: 25%;
  }

  .home-two .service-info {
      margin-top: 0px;
  }

  .service-info {
      display: block;
      margin-top: 14px;
  }

  .service-info h2 {
      margin-bottom: 0px;
  }

  .service-info h2 {
      color: #303030;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 3px;
      margin-top: 25px;
      transition: all 0.5s ease 0s;
  }

  .service-info h2 a:hover {
      color: #E83E38;
  }

  .service-info p {
      color: #444;
      font-size: 14px;
      font-weight: 300;
      margin: 0;
  }

  .home-two .service-info p {
      color: #dddddd;
  }

  /*----------------------------------------*/
  /*  1.4.0  Banner CSS
  /*----------------------------------------*/
  .banner-area {
      position: relative;
  }

  .banner-area > a {
      position: absolute;
      top: 152px;
      right: 62px;
  }

  .single-banner > a.border-hover, .single-big-banner > a.border-hover, .from-blog-img > a.border-hover, .single-banner-small > a.border-hover, .single-banner-big > a.border-hover, .banner-right-img > a.border-hover {
      display: block;
      position: relative;
      width: 100%;
  }

  .single-banner > a.border-hover::before, .single-big-banner > a.border-hover::before, .from-blog-img > a.border-hover::before, .single-banner-small > a.border-hover::before, .single-banner-big > a.border-hover::before, .banner-right-img > a.border-hover::before {
      border: 0 solid rgba(255, 255, 255, 0.5);
      bottom: 0;
      box-sizing: border-box;
      content: "";
      right: 0;
      opacity: 0;
      overflow: visible;
      position: absolute;
      left: 0;
      top: 0;
      transition: all 0.4s ease-in-out 0s;
      z-index: 9;
  }

  .single-banner:hover a.border-hover::before, .single-big-banner:hover a.border-hover::before, .single-from-blog:hover .from-blog-img > a.border-hover::before, .single-banner-small:hover a.border-hover::before, .single-banner-big:hover a.border-hover::before, .banner-right-img:hover a.border-hover::before {
      border: 15px solid rgba(255, 255, 255, 0.5);
      box-sizing: border-box;
      opacity: 1;
      transition: all 0.3s ease 0s;
  }

  .single-banner:hover > a.slider-button, .single-big-banner:hover > .section-button a.slider-button {
      color: #000;
  }

  .single-banner-text {
      position: absolute;
      top: 17%;
      right: 60%;
      z-index: 99;
  }

  .single-banner.right .single-banner-text {
      right: 20%;
  }

  .single-banner.right .single-banner-text h3 a, .single-banner.right .single-banner-text a.shop-button {
      color: #fff;
  }

  .single-banner.right .single-banner-text a.shop-button {
      border: 1px solid #fff;
  }

  .single-banner-text h3 a {
      color: #fff;
      font-size: 28px;
      font-weight: 600;
      letter-spacing: 3px;
  }

  a.shop-button {
      border: 1px solid #fff;
      color: #fff;
      display: block;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 3px;
      margin-top: 20px;
      overflow: hidden;
      padding: 6px 20px;
      text-align: center;
      text-transform: uppercase;
      z-index: 999;
  }

  .single-banner:hover a.shop-button, .single-banner.right:hover .single-banner-text a.shop-button {
      color: #fff;
      border: 1px solid #d9a574;
      background: #d9a574;
  }

  /*----------------------------------------*/
  /*  1.5.0  Featured CSS
  /*----------------------------------------*/
  .section-title h2 {
      color: #8d6a4c;
      font-size: 48px;
      font-weight: bold;
      margin-bottom: 5px;
      margin-top: 89px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600;
  }

  .popular-area .section-title h2 {
      margin-bottom: 16px;
  }

  .single-product {
      margin-bottom: 30px;
      position: relative;
  }

  .pro-price {
      color: #303030;
      font-size: 14px;
      float: right;
  }

  .new-sale {
      color: #d9a574;
      float: left;
      font-size: 14px;
      text-transform: uppercase;
  }

  .wish-icon-hover.text-center > h3 {
      color: #606060;
      font-size: 21px;
      font-weight: 500;
      right: 0;
      position: absolute;
      left: 0;
      text-transform: capitalize;
  }

  .product-content.text-center > h3 {
      color: #606060;
      font-size: 21px;
      font-weight: 500;
      right: 0;
      left: 0;
      text-align:center;
      text-transform: capitalize;
  }

  .single-latest-blog-img {
      padding-bottom: 26px;
  }

  .single-latest-blog-img > a {
      display: block;
  }

  .single-latest-blog-text h5 {
      font-size: 14px;
      color: #606060;
      float: left;
  }

  .wish-icon-hover h4 a {
      color: #d9a574;
      font-size: 14px;
      font-weight: 600;
      right: 0;
      margin-top: 35px;
      position: absolute;
      left: 0;
      text-transform: uppercase;
  }

  .product-content h4 a {
      color: #d9a574;
      font-size: 14px;
      font-weight: 600;
      right: 0;
      margin-top: 0px;
      position: absolute;
      left: 0;
      text-transform: uppercase;
      display: block;
      text-align: center;
      width: 100%;
  }

  .product-content.text-center > h4 {
      margin-bottom: 0;
  }

  .single-product-img.clearfix.hover-effect > a {
      display: block;
  }

  /*----------------------------------------*/
  /*  1.6.0  Banner Timer CSS
  /*----------------------------------------*/
  .banner-timer-area {
      padding-top: 75px;
  }

  .single-banner-small {
      float: right;
      width: 25%;
      position: relative;
  }

  .single-banner-small.small-one > a, .single-banner-big > a {
      display: block;
  }

  .single-banner-big {
      width: 50%;
      float: right;
      position: relative;
  }

  .timer-banner-text {
      font-size: 36px;
      color: #fff;
      text-transform: uppercase;
      position: absolute;
      top: 0;
      letter-spacing: 3px;
  }

  .small-one .timer-banner-text {
      left: 30px;
      top: 35%;

      z-index: 99;
  }

  .small-two .timer-banner-text {
      right: 5%;
      top: 35%;
  }

  .big-one .timer-banner-text {
      left: 15%;
      top: 15%;
  }

  .big-one .timer-banner-text h2 {
      font-weight: 600;
  }

  .timer-banner-text a.view-more {
      border: 1px solid #ffffff;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2px;
      margin-left: 5px;
      padding: 7px 20px;
      transition: all 0.5s ease 0s;
  }

  .single-banner-small:hover .timer-banner-text a.view-more {
      color: #fff;
      border: 1px solid #d9a574;
      background: #d9a574;
  }

  .single-banner-small > p, .single-banner-big > p {
      font-size: 12px;
      color: #fff;
      bottom: 10px;
      left: 18px;
      position: absolute;
      margin: 0;
      font-weight: 500;
      letter-spacing: 2px;
      text-transform: uppercase;
  }

  .single-banner-big > p {
      right: 18px;
  }

  .single-banner-big.big-one > a, .single-banner-big.small-one > a, .single-banner-big.small-two > a {
      display: block;
  }

  .timer {
      position: absolute;
      left: 4.5%;
      top: 48%;
      width: auto;
      z-index: 10;
      height: auto;
      vertical-align: middle;
      display: inline-block;
  }

  .timer .timer-grid {
      text-align: center;
  }

  .timer .timer-grid span {
      text-align: center;
      font-size: 18px;
      color: #fff;
      display: block;
      line-height: 45px;
      font-weight: 500;
  }

  .timer .timer-grid:last-child::after {
      display: none;
  }

  span.counting {
      padding-bottom: 8px;
  }

  .timer-grid > div.cdown.hours {
      background: #452015;
      color: #452015;
  }

  .timer-grid > div.cdown span.counting {
      position: relative;
  }

  .timer-grid > div.cdown span.counting:after {
      position: absolute;
      right: -5px;
      top: -5px;
      width: 56px;
      height: 56px;
      background: transparent;
      content: "";
      border: 1px solid #452015;
      border-radius: 50%;
  }

  .timer-grid > div.cdown.minutes span.counting:after {
      border: 1px solid #452015;
  }

  .timer-grid > div.cdown.hours span.counting:after {
      border: 1px solid #452015;
  }

  .timer-grid > div.cdown.seconds span.counting:after {
      border: 1px solid #452015;
  }

  .timer-grid > div.cdown.minutes {
      background: #522546;
      color: #522546;
  }

  .timer-grid > div.cdown.seconds {
      background: #311D3F;
      color: #311D3F;
  }

  .timer-grid > div {
      display: inline-block;
      font-size: 14px;
      color: #452015;
      background: #452015;
      height: 55px;
      width: 55px;
      border-radius: 50%;
      margin-left: 32px;
      text-transform: uppercase;
      border: 5px solid #DDDDDD;
      font-weight: 500;
      letter-spacing: 2px;
  }

  .timer-grid > div:last-child {
      margin-left: 0px;
  }

  /*----------------------------------------*/
  /*  1.7.0  Popular CSS
  /*----------------------------------------*/
  .owl-theme .owl-controls {
      margin: 0;
  }

  .owl-buttons {
      position: absolute;
      left: 0px;
      top: -38px;
  }

  .owl-theme .owl-controls .owl-buttons div {
      background: #ffffff none repeat scroll 0 0;
      color: #666;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      letter-spacing: 2px;
      opacity: 1;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      transition: all 300ms ease 0s;
  }

  .latest-blog-slider.owl-theme .owl-controls .owl-buttons div {
      background: #FBFBFB !important;
  }

  .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
      position: absolute;
      top: 2px;
      right: -7px;
      content: "/";
      color: #1e1e1e;
      font-size: 12px;
  }

  .owl-theme .owl-controls .owl-buttons div:hover {
      color: #1e1e1e !important;
  }

  .section-tab-menu, .tendy-tab-menu {
      border-bottom: 1px solid #F5F5F5;
  }

  .section-tab-menu ul li a, .tendy-tab-menu ul li a {
      color: #a6a6a6 !important;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 3px;
      text-transform: uppercase;
  }

  .section-tab-menu ul li:hover a, .tendy-tab-menu ul li:hover a, .section-tab-menu ul li.active a, .tendy-tab-menu ul li.active a {
      color: #1e1e1e !important;
  }

  .section-tab-menu ul li {
      padding: 0px 16px;
  }

  .section-tab-menu ul li:first-child {
      padding-right: 0px;
  }

  .section-tab-menu ul li:last-child {
      border-left: none;
  }

  .tendy-tab-menu ul, .wish-icon-hover ul, .section-tab-menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .tendy-tab-menu ul, .section-tab-menu ul {
      margin-bottom: 6px;
      margin-top: 10px;
  }

  .tendy-tab-menu ul li, .wish-icon-hover ul li, .section-tab-menu ul li {
      display: inline-block;
  }

  .tendy-tab-menu ul li {
      margin-left: 20px;
  }

  .tendy-tab-menu ul li:last-child {
      margin-left: 0px;
  }

  .tendy-tab-menu ul li a:focus, .section-tab-menu ul li a:focus {
      text-decoration: none;
  }

  .trend-item, .section-tab-item {
      display: none;
  }

  .trend-item.active, .section-tab-item.active {
      display: block;
  }

  .single-product-item {
      /*position: relative;*/
      overflow: hidden;
      transition: all 0.5s ease 0s;
  }

  .wish-icon-hover, .product-content {
      position: absolute;
      right: 0;
      width: 100%;
      opacity: 0;
      transition: all 0.5s ease 0s;
      z-index: 9;
      top: 38%;
  }

  .wish-icon-hover.text-center > ul, .product-action.text-center > ul {
      bottom: 0;
      position: absolute;
  }


  .hover-effect, .hover-effect a {
      position: relative;
      display: block;
  }

  .hover-effect > a::after {
      background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
      content: "";
      height: 100%;
      position: absolute;
      transition: all 0.5s ease 0s;
      width: 100%;
      z-index: 8;
  }

  .hover-effect a::before, .hover-effect a::after {
      display: block;
  }

  .single-product:hover .hover-effect > a::before {
      right: 0;
      top: 0;
  }

  .single-product:hover .hover-effect > a::after {
      left: 0;
      bottom: 0;
  }

  .single-product-item:hover {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
  }

  .single-product-item:hover .wish-icon-hover, .single-product-item:hover .product-content {
      opacity: 1;
  }

  .single-product-item:hover .wish-icon-hover ul li a, .single-product-item:hover .card, .single-product-item:hover .product-action ul li a {
      transform: scale(1);
  }
  .single-product-item .card{
      background-color: transparent;
      box-shadow: 0 0 0 transparent ;
      border: 0;
      transition: all .3s ease-in-out;
      transform: scale(0);
  }
  .wish-icon-hover ul li:nth-child(1) a, .product-action ul li:nth-child(1) a {
      transition-delay: 0s;
  }

  .wish-icon-hover ul li:nth-child(2) a, .product-action ul li:nth-child(2) a {
      transition-delay: 0.2s;
  }

  .wish-icon-hover ul li:nth-child(3) a, .product-action ul li:nth-child(3) a {
      transition-delay: 0.3s;
  }

  .product-action {
      bottom: 0;
      right: 0;
      position: absolute;
      width: 100%;
      height: auto;
      z-index: 99;
  }

  /*----------------------------------------*/
  /*  1.8.0  Newsletter CSS
  /*----------------------------------------*/
  .newsletter-area {
      background: rgba(0, 0, 0, 0) url(/images/bg.jpg?03244a5e3ed5608091b7ce93e4b9d11f) no-repeat scroll center center;
      margin-top: 76px;
  }

  .newsletter-area .section-title h2 {
      margin-bottom: 70px;
  }

  .newsletter-box form {
      margin-bottom: 40px;
  }

  .newsletter-box form input {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: none;
      border-bottom: 1px solid #fff;
      color: #ffffff !important;
      margin-left: 40px;
      overflow: hidden;
      padding-bottom: 8px;
      width: 450px;
      font-weight: 400;
  }

  .newsletter-box form button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: 1px solid #ffffff;
      color: #ffffff;
      font-size: 14px;
      line-height: 21px;
      padding: 8px 20px;
      font-weight: 400;
      letter-spacing: 3px;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
  }

  .home-two .newsletter-wrapper {
      width: 58%;
      margin: auto;
  }

  .newsletter-box form button:hover {
      background: #d9a574;
      border: 1px solid #d9a574;
      color: #fff;
  }

  label {
      font-size: 12px;
      font-weight: 400;
      /*margin-bottom: 100px;*/
  }

  .checkbox-title > input {
      margin-left: 15px;
      border: 1px solid #ddd;
      background: transparent;
  }

  /*----------------------------------------*/
  /*  1.9.0  Latest News CSS
  /*----------------------------------------*/
  .latest-blog-area {
      background: #FBFBFB;
      padding-bottom: 88px;
  }

  .latest-blog-area .section-title h2, .client-area .section-title h2 {
      border-bottom: 1px solid #dddddd;
      margin-bottom: 50px;
      margin-top: 89px;
      padding-bottom: 42px;
  }

  .latest-blog-area .section-title h2 {
      margin-bottom: 46px;
  }

  .single-latest-blog {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #dddddd;
      margin: 8px 0;
      padding-bottom: 25px;
      transition: all 0.5s ease 0s;
  }

  .single-latest-blog:hover {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
  }

  .latest-blog-area .col-md-6.col-12 {
      width: 100%;
  }

  .latest-blog-area .owl-buttons, .client-area .owl-buttons {
      top: -84px;
  }

  .client-area .owl-theme .owl-controls .owl-buttons div {
      background: #fff;
  }

  .date-comment h4 {
      color: #303030;
      float: right;
      font-size: 18px;
      font-weight: 300;
  }

  .date-comment {
      border-bottom: 1px solid #ddd;
      margin-bottom: 12px;
      padding: 0px 30px;
  }

  .date-comment h5 {
      color: #606060;
      font-size: 14px;
      font-weight: 400;
  }

  .blog-content h4 a {
      font-size: 18px;
      color: #303030;
      font-weight: 600;
      transition: all 0.5s ease 0s;
  }

  .blog-content h4 a:hover, .continue-reading > a:hover {
      color: #d9a574;
  }

  .blog-content, .continue-reading {
      padding: 0 30px;
      overflow: hidden;
  }

  .blog-content p, .continue-reading > a {
      color: #444;
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
  }

  .continue-reading > a {
      color: #303030;
      float: right;
      transition: all 0.5s ease 0s;
      font-weight: 600;
  }

  .blog-icon {
      float: left;
  }

  .blog-icon ul li {
      display: inline-block;
  }

  .blog-icon ul li a {
      color: #606060;
      font-size: 18px;
      margin-left: 25px;
      transition: all 0.5s ease 0s;
  }

  .blog-icon ul li a:hover {
      color: #d9a574;
  }

  .blog-icon ul li:last-child {
      margin-left: 0px;
  }

  /*----------------------------------------*/
  /*  1.10.0  Client CSS
  /*----------------------------------------*/
  .client-area {
      padding-bottom: 98px;
  }

  .client-owl {
      display: block;
  }

  .client-owl .col-md-2 {
      width: 100%;
  }

  .client-area.home-two .slider-button.margin-allowed {
      display: inline-block;
  }

  .section-title h4 {
      text-transform: uppercase;
      font-size: 20px;
      color: #282828;
      display: block;
      font-weight: 600;
  }

  .single-client > a {
      display: block;
      text-align: center;
      width: 100%;
  }

  /*----------------------------------------*/
  /*  1.11.0  Footer CSS
  /*----------------------------------------*/
  .footer-middle-area {
      background: #1e1e1e none repeat scroll 0 0;
      padding-bottom: 83px;
      padding-top: 91px;
  }

  .footer-widget h5 {
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      line-height: 30px;
      margin-bottom: 15px;
      position: relative;
      text-transform: uppercase;
      font-weight: 600;
  }

  .footer-widget h5::before {
      background: #dddddd none repeat scroll 0 0;
      bottom: -2px;
      content: "";
      height: 1px;
      right: -12px;
      position: absolute;
      width: 25px;
  }

  .footer-widget h5::after {
      background: #ddd none repeat scroll 0 0;
      bottom: -6px;
      content: "";
      height: 12px;
      right: -9px;
      position: absolute;
      width: 1px;
  }

  .footer-widget ul.social-icon li:hover a {
      margin-right: inherit;
  }

  .footer-icon {
      float: right;
      margin-top: 7px;
  }

  .single-footer-contact {
      margin-top: 15px;
  }

  .footer-contact-info {
      display: block;
      margin-right: 30px;
  }

  .footer-contact-info p, .footer-contact-info p a {
      margin: 0px;
      font-size: 12px;
      color: #ddd;
      line-height: 20px;
  }

  .footer-contact-info p a:hover {
      color: #fff !important;
  }

  .home-two .footer-contact-info p a:hover {
      color: #d9a574 !important;
  }

  .footer-widget ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .footer-widget ul li {
      display: block;
  }

  .footer-widget ul li a {
      color: #ddd;
      font-size: 14px;
      line-height: 25px;
      font-weight: 300;
      transition: all 0.5s ease 0s;
  }

  .footer-widget ul li i {
      color: #ddd;
      font-size: 8px;
      line-height: 20px;
      margin-left: 10px;
  }

  .footer-widget ul li:hover a {
      color: #d9a574;
      margin-right: 5px;
  }

  .footer-bottom-area {
      background: #101010;
      padding: 25px 0;
  }

  .footer-bottom-area .copyright {
      color: #fff !important;
  }

  .footer-bottom-area .copyright p span a {
      color: #d9a574 !important;
  }

  .payment.text-left {
      margin-top: 6px;
  }

  .copyleft p {
      color: #ddd;
      font-size: 13px;
      margin: 0;
      padding: 10px 0;
      font-weight: 300;
  }

  .copyleft p span a {
      color: #d9a574;
  }

  .copyleft p span a:hover {
      text-decoration: underline;
  }

  .footer-bottom-area .payment {
      float: left;
  }

  .footer-logo {
      margin-bottom: 20px;
  }

  .footer-address > p, .footer-widget > p {
      color: #ddd;
      font-size: 14px;
      font-weight: 300;
  }

  .footer-address > p:first-child {
      margin-bottom: 35px;
  }

  .footer-menu ul li:hover a, .footer-menu ul li.active a {
      color: #b9a745;
  }

  ul.social-icon {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  ul.social-icon li {
      display: inline-block;
  }

  ul.social-icon li i {
      font-size: 22px;
      border: 1px solid #DDDDDD;
      width: 36px;
      height: 36px;
      text-align: center;
      padding-top: 7px;
      transition: all 0.5s ease 0s;
  }

  ul.social-icon li i:hover {
      background: #d9a574;
      color: #fff;
      border: 1px solid #d9a574;
  }

  .footer-widget > p {
      margin-bottom: 30px;
  }

  /*----------------------------------------*/
  /*  1.12.0  Scroll Up CSS
  /*----------------------------------------*/
  #scrollUp {
      background: #d9a574 none repeat scroll 0 0;
      bottom: 100px;
      color: #ffffff;
      cursor: pointer;
      font-size: 18px;
      height: 40px;
      line-height: 40px;
      position: fixed;
      left: 50px;
      text-align: center;
      transition: all 4ms linear 0s;
      width: 40px;
      z-index: 9999;
  }

  #scrollUp:hover {
      color: #000;
  }

  /*----------------------------------------*/
  /*  2.0.0  Home Two CSS
  /*----------------------------------------*/
  .section-title.res2 > h2 {
      margin-top: 95px;
  }

  .section-title.res > h2 {
      margin-top: 70px;
  }

  .banner-right-img {
      float: right;
      width: 25%;
      padding-left: 20px;
      position: relative;
  }

  .home-two .single-banner-small {
      padding-left: 5px;
  }

  .home-two .single-banner-small.small-two {
      padding-right: 5px;
      padding-left: 0;
      padding-top: 24px;
  }

  .home-two .single-banner.right {
      padding-left: 10px;
      padding-top: 24px;
  }

  .home-two .single-banner.right {
      padding-right: 10px;
  }

  .home-two .small-two .timer-banner-text {
      right: 12%;
  }

  .home-two .single-banner-small.small-one > p {
      bottom: 10px;
      color: #ffffff;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 2px;
      margin: 0;
      position: absolute;
      left: 28px;
      text-transform: uppercase;
  }

  .banner-timer-area .slider-button {
      bottom: 35px;
      display: inline-block;
      right: 49%;
      position: absolute;
  }

  .banner-timer-area .slider-button:hover {
      background: #d9a574 !important;
  }

  .newsletter-area.home-two {
      float: left;
      width: 50%;
      background: #303030;
      margin: 0;
  }

  .newsletter-area .section-title h2 {
      color: #f1f1f1;
      margin-bottom: 20px;
      margin-top: 43px;
      text-align: center;
  }

  .newsletter-area.home-two .section-title h2 {
      text-align: right;
  }

  .subscribing .checkbox-title > input:focus {
      outline: 0;
  }

  .newsletter-box .subscribing label input {
      position: relative;
      top: 2px;
  }

  .newsletter-area .section-title p {
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
  }

  .home-two .newsletter-area .section-title p {
      text-align: right;
  }

  .home-two .newsletter-box form input {
      display: inline-block;
      text-align: right;
  }

  .home-two .newsletter-box form input {
      margin: 0;
      border-bottom: 1px solid #909090;
  }

  .home-two .newsletter-box form {
      margin-bottom: 15px;
      overflow: hidden;
  }

  .home-two label {
      color: #909090;
      margin-bottom: 60px;
      text-align: right;
  }

  .home-two .newsletter-box form button {
      float: right;
      margin-top: 30px;
      overflow: hidden;
  }

  /*----------------------------------------*/
  /*  3.0.0  Shop CSS
  /*----------------------------------------*/
  .product-details-area.right-sidebar .product-detail.shop-product-text {
      padding: 0;
  }

  .shop-item-filter.right {
      float: left !important;
  }

  .shop-item-filter {
      display: block;
      overflow: hidden;
      background: #fff;
      border: 1px solid #ddd;
      padding: 12px 0;
      line-height: 0;
  }

  .widget-banner {
      position: relative;
      transition: all 0.5s ease 0s;
  }

  .widget-banner:hover {
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  }

  .tab-content #grid .single-product {
      margin-top: 30px;
  }

  .shop-fullgrid-area .tab-content {
      margin-bottom: 30px;
  }

  #list .shop-product-text .shop-buttons {
      margin-bottom: 0;
  }

  .shop-fullgrid-area .single-product, .shop-grid-leftsidebar-area .single-product, .shop-grid-rightsidebar-area .single-product, .shop-list-leftsidebar-area .single-product {
      margin-top: 30px;
      margin-bottom: 0px;
  }

  .shop-tab ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .shop-tab ul li {
      display: inline-block;
      margin-left: 8px;
  }

  .shop-tab li a i {
      color: #909090;
      float: right;
      font-size: 22px;
      padding: 4px 6px 3px;
      position: relative;
      border: 1px solid transparent;
  }

  .shop-tab li:hover a i, .shop-tab li.active a i {
      color: #d9a574;
      border: 1px solid #d9a574;
  }

  .shop-view a.active.list-view i, .shop-view a.list-view:hover i {
      color: #fff;
      background: #d9a574;
  }

  .filter-by h4 {
      color: #303030;
      display: inline-block;
      font-size: 14px;
      margin-left: 10px;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 0px;
  }

  .filter-by.right {
      display: inline-block;
      float: left;
  }

  .filter-by > form {
      cursor: pointer;
      display: inline-block;
  }

  .filter-by {
      display: block;
      padding: 5px 0;
  }

  .shop-item-filter .pagination {
      background: #ffffff none repeat scroll 0 0;
      border: none;
      display: block;
      margin: 0;
      padding: 0;
  }

  .single-product-info {
      right: 0;
      padding: 10px;
      position: absolute;
      top: 0;
      width: 100%;
  }

  .shop-item-filter.bottom {
      margin-bottom: 100px;
      margin-top: 30px;
  }

  .shop-tab {
      margin-bottom: 0;
  }

  .filter-text {
      display: inline-block;
  }

  .filter-by select {
      border: 1px solid #A6A6A6;
      font-size: 12px;
      color: #606060;
      cursor: pointer;
      padding: 0px 5px;
      -moz-appearance: button;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 2px;
  }

  .cat-service-area select:focus {
      background: #ffffff none repeat scroll 0 0;
  }

  .shop-main-area .filter-by h4 {
      color: #69686c;
      float: right;
      font-size: 14px;
      font-weight: bold;
      line-height: 25px;
      margin-bottom: 0;
      margin-left: 5px;
      padding: 0 9px 0 0;
  }

  .page-menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
      float: left;
  }

  .page-menu ul li {
      display: inline-block;
      font-size: 14px;
      color: #282828;
  }

  .page-menu ul li.li-page {
      margin-left: 10px;
  }

  .page-menu ul li a {
      color: #a6a6a6;
      font-weight: bold;
      border: 1px solid #A6A6A6;
      margin-left: 5px;
      height: 25px;
      width: 25px;
      display: block;
      text-align: center;
      padding-top: 2px;
  }

  .page-menu ul li:last-child a {
      margin-left: 0px;
  }

  .page-menu ul li:hover a, .page-menu ul li.active a {
      color: #fff;
      background: #d9a574;
      border: 1px solid #d9a574;
  }

  .rightsidebar #list .shop-single-products {
      margin-bottom: 50px;
  }

  .margin-none {
      margin-bottom: 0px;
      margin-top: 0px;
  }

  .shop-single-products .single-product-info i, .shop-single-products .single-product-info h4, .shop-single-products .single-product-info h3 a:hover {
      color: #d9a574;
  }

  .shop-single-products .wish-icon-hover ul li:hover a, .shop-single-products .wish-icon-hover ul li.active a {
      background: #d9a574 !important;
  }

  .shop-single-products .single-product-img {
      position: relative;
  }

  .shop-single-products span {
      top: 15px;
      right: 10px;
      z-index: 9;
  }

  .new-sale span:nth-child(2) {
      top: 45px;
  }

  /*----------------------------------------*/
  /*  4.0.0  Shop right Sidebar CSS
  /*----------------------------------------*/
  .single-right-widget {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #ebebeb;
      margin-top: 30px;
      padding: 25px 25px 22px;
  }

  .blog-sidebar .single-right-widget:first-child, .shop-grid-rightsidebar-area .single-right-widget:first-child, .shop-list-rightsidebar-area .single-right-widget:first-child {
      margin-top: 0px;
  }

  .blog-fullview-area.right-sidebar .single-latest-blog {
      margin-bottom: 30px;
  }

  .single-right-widget.without-background {
      background: none;
      border: none;
      padding: 0;
  }

  .single-right-widget.without-background .section-title h4 {
      padding-top: 4px;
      margin-right: 10px;
  }

  .single-right-widget:last-child {
      margin-bottom: 0px;
  }

  .single-right-widget .section-title h4 {
      display: block;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 2px;
      padding-bottom: 10px;
      position: relative;
  }

  .single-right-widget .section-title h4:before, .single-right-widget .section-title h4:after {
      background: #303030 none repeat scroll 0 0;
      bottom: 3px;
      content: "";
      height: 13px;
      right: -6px;
      position: absolute;
      width: 1px;
  }

  .single-right-widget .section-title h4::after {
      bottom: 6px;
      height: 1px;
      right: -9px;
      width: 25px;
  }

  .single-right-widget.padding-none {
      padding: 0;
  }

  .single-right-widget .section-title ul li a {
      color: #444;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 2px;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
  }

  .single-right-widget .section-title ul > li:hover > a, .single-right-widget .section-title ul li ul li a:hover, .single-right-widget .section-title ul li:hover a i, .single-right-widget .section-title ul li.active a, .single-right-widget .section-title ul li.active a i {
      color: #d9a574;
  }

  .single-right-widget .section-title ul li {
      padding-bottom: 6px;
  }

  .blog-fullview-area.blog-details .blog-content > h4 {
      margin-bottom: 15px;
  }

  .blog-fullview-area.blog-details .blog-content > p {
      margin-bottom: 20px;
  }

  .single-right-widget .section-title ul li:last-child, .single-right-widget .section-title ul.size-widget li {
      padding-bottom: 0px;
  }

  .single-right-widget .section-title ul li a i {
      border: 1px solid #dddddd;
      float: left;
      height: 14px;
      text-align: center;
      width: 14px;
      letter-spacing: 0px;
  }

  .single-right-widget .section-title ul li ul li {
      margin-right: 20px;
      margin-top: 7px;
      padding-bottom: 0px;
  }

  .widget-banner > a > img {
      display: block;
      position: relative;
  }

  .submenu {
      overflow: hidden;
      max-height: 0;
      transition: max-height 0.25s ease-out;
  }

  .submenu-active {
      display: block;
      color: #FFFFFF;
      max-height: 600px !important;
      transition: max-height 0.75s ease-in;
  }

  .single-right-widget.without-background .shop-now {
      background: #d9a574 none repeat scroll 0 0;
      bottom: 0;
      color: #ffffff;
      font-weight: 500;
      padding: 10px 24px;
      text-transform: uppercase;
      position: absolute;
      right: 50%;
      margin-right: -62px;
  }

  .single-right-widget.without-background .shop-now:hover {
      color: #000;
  }

  .price-filter {
      margin-left: 5px;
      margin-top: 10px;
  }

  #slider-range {
      background: #EEEEEE none repeat scroll 0 0;
      border: 0 none;
      height: 4px;
      border-radius: 0px;
  }

  .ui-slider-range.ui-widget-header.ui-corner-all {
      background: #282828 none repeat scroll 0 0 !important;
      border: medium none !important;
      height: 4px;
      margin-top: 0;
  }

  .section-title .price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
      background: #EEEEEE none repeat scroll 0 0;
      border-radius: 50%;
      height: 12px;
      margin-top: 1px;
      width: 12px !important;
      padding: 0;
      border: 2px solid #d9a574;
  }

  .price-slider-amount {
      margin: 6px 0 0;
      padding-top: 5px;
      text-align: center;
  }

  .slider-values {
      overflow: hidden;
  }

  .price-slider-amount input {
      border: medium none;
      display: inline-block;
      float: right;
      font-size: 12px;
      font-weight: 600;
      margin-right: 10px;
      width: 70px;
  }

  .price-filter label {
      color: #606060;
      float: right;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 0;
      letter-spacing: 2px;
      display: inline-block;
  }

  ul.size-widget, ul.color-widget, ul.widget-tag {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  ul.size-widget {
      border-bottom: 1px solid #dddddd;
      border-top: 1px solid #dddddd;
      display: inline-block;
      margin-bottom: 25px;
  }

  ul.size-widget li {
      float: right;
      font-weight: 400;
      border-left: 1px solid #ddd;
  }

  ul.size-widget li:last-child {
      border-left: none;
  }

  ul.size-widget li:last-child {
      margin-left: 0px;
  }

  .single-right-widget .section-title ul.size-widget li a {
      color: #303030;
      float: right;
      font-size: 14px;
      text-align: center;
      padding: 12px 19.5px !important;
      font-weight: 500;
  }

  .single-right-widget.padding-none .section-title h4 {
      padding: 25px 25px 12px 25px;
  }

  .single-right-widget.padding-none .section-title h4::before, .single-right-widget.padding-none .section-title h4::after {
      right: 19px;
      bottom: 6px;
  }

  .single-right-widget.padding-none .section-title h4::after {
      bottom: 9px;
      right: 16px;
  }

  .single-right-widget .section-title ul.size-widget li:hover a {
      color: #fff;
      background: #d9a574;
  }

  .single-right-widget .section-title ul.color-widget li {
      display: block;
      padding-bottom: 20px;
      padding-right: 35px;
      position: relative;
  }

  .single-right-widget .section-title ul.color-widget li span {
      height: 20px;
      right: 0;
      position: absolute;
      top: 0;
      width: 20px;
      border: 1px solid #dddddd;
      transition: all 0.5s ease 0s;
  }

  .single-right-widget .section-title ul.color-widget li span:hover {
      border: 2px solid #dddddd;
  }

  .single-right-widget .section-title ul.color-widget li:last-child {
      padding-bottom: 0px;
  }

  .single-right-widget .section-title ul.color-widget li:nth-child(5), .single-right-widget .section-title ul.color-widget li:nth-child(10) {
      margin-left: 0px;
  }

  ul.color-widget li span.red {
      background: #FE0000;
  }

  ul.color-widget li span.merun {
      background: #9D0B0E;
  }

  ul.color-widget li span.megenta {
      background: #EC018C;
  }

  ul.color-widget li span.blue {
      background: #0000FF;
  }

  ul.color-widget li span.black {
      background: #000000;
  }

  ul.color-widget li span.pink {
      background: #FF69B4;
  }

  ul.color-widget li span.yellow {
      background: #f4ff43;
  }

  ul.color-widget li:last-child {
      margin-left: 0px;
  }

  .single-right-widget .section-title ul.color-widget li a {
      color: #303030;
      display: block;
      font-size: 12px;
      height: 20px;
      line-height: 19px;
      text-align: center;
      width: 20px;
  }

  /*----------------------------------------*/
  /*  5.0.0  Shop List CSS
  /*----------------------------------------*/
  .shop-product-text {
      border: 1px solid #ddd;
      height:100%;
  }

  .shop-product-text h4 a {
      font-size: 18px;
      color: #303030;
      font-weight: 500;
      margin-bottom: 16px;
      display: block;
      transition: all 0.5s ease 0s;
      text-transform: uppercase;
  }

  .shop-product-text h4 a:hover {
      color: #d9a574;
  }

  #list .single-product, .shop-product-text {
      margin-bottom: 0;
      position: relative;
  }

  .shop-product-text {
      padding: 25px 40px 34px 30px;
      position: inherit;
  }

  .price-box {
      display: inline-block;
  }

  .rating-left {
      float: left;
  }

  .price-box > span {
      color: #303030;
      font-size: 18px;
      font-weight: 700;
      margin-left: 10px;
  }

  .price-box del {
      color: #909090;
      font-size: 14px;
      font-weight: 600;
  }

  .price-rating-container {
      margin-bottom: 20px;
  }

  .availability, .availability > span, .overview, .size, .quantity_wanted_p label, .quantity, .share, .color {
      color: #303030;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 15px;
  }

  .quantity_wanted_p label {
      display: block;
      margin-bottom: 10px;
  }

  .share ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .share ul li {
      display: inline-block;
      margin-left: 10px;
  }

  .share ul li:last-child {
      margin-left: 0px;
  }

  .share ul li i {
      display: block;
      border: 1px solid #ddd;
      color: #303030;
      font-size: 20px;
      height: 38px;
      width: 38px;
      background: #fff;
      text-align: center;
      line-height: 38px;
      transition: all 0.5s ease 0s;
  }

  /* .shop-buttons {
      margin-bottom: 28px;
  } */

  .share ul li i:hover {
      color: #fff;
      background: #d9a574;
      border: 1px solid #d9a574;
  }

  .size, .color, .quantity, .share {
      margin-bottom: 10px;
  }

  .color-cat {
      margin-bottom: 25px;
  }

  .availability {
      margin-bottom: 20px;
  }

  .availability > span {
      color: #30b878;
  }

  .cart-plus-minus-box {
      -moz-appearance: textfield;
      border: medium none;
      line-height: 32px;
      width: 100%;
      padding-right: 25px;
  }

  #quantity-wanted-p {
      display: inline-block;
      position: relative;
      border: 1px solid #ddd;
      width: 85px;
      height: 36px;
      margin-left: 10px;
  }

  .dec.qtybutton, .inc.qtybutton {
      background: rgba(0, 0, 0, 0) url(/images/arrow-up.png?447627738008bed2f755c096fd9a79c9) no-repeat scroll 0 0;
      cursor: pointer;
      font-size: 0;
      height: 20px;
      position: absolute;
      left: 6px;
      top: 8px;
      width: 20px;
  }

  #quantity-wanted-p:after {
      top: 0;
      left: 28px;
      width: 1px;
      height: 100%;
      background: #ddd;
      content: "";
      position: absolute;
  }

  .inc.qtybutton {
      background: rgba(0, 0, 0, 0) url(/images/arrow-down.png?5af608037e64df9f1334df18cb691b8e) no-repeat scroll 0 0;
      top: 20px;
  }

  .product-desc {
      color: #444;
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
      margin-bottom: 25px;
  }

  #list .product-desc {
      margin-bottom: 38px;
  }


  .cart-btn, .shop-buttons > a {
      display: inline-block;
  }


  .shop-buttons .fa.fa-heart-o:hover, .shop-buttons .fa.fa-refresh:hover {
      /*border: 1px solid #d9a574;*/
      color: var(--white);
  }

  .shop-buttons {
      margin-top: 5px;
  }

  /*----------------------------------------*/
  /*  6.0.0  Shop Detail CSS
  /*----------------------------------------*/
  .product-thumb {
      float: right;
      width: 18%;
      margin-left: 15px;
      overflow: hidden;
  }

  .product-thumb ul li {
      border: 1px solid #dddddd;
      margin-bottom: 3px;
      /* margin-bottom: 28px; */
      height:100px;
      overflow:hidden;
      transition: all 0.5s ease 0s;
  }

  .product-thumb ul li:hover {
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  }

  .zoomWrapper {
      overflow: hidden;
      margin-bottom: 15px;
  }

  .product-details-area.fullwidth ul.breadcrumb {
      margin-bottom: 40px;
  }

  .product-img-list img {
      border: 1px solid #ddd;
  }

  .product-img-list ul li:hover, .product-img-list ul li.active {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
  }

  .p-tab-img {
      display: none;
  }

  .p-tab-img.active {
      display: block;
  }

  .product-main-img {
      float: left;
      width: calc(82% - 15px);
  }

  .product-img-list {
      float: right;
      width: 18%;
  }

  .product-img-list ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .product-img-list ul li {
      display: block;
      margin-bottom: 18.5px;
  }

  .product-img-list ul li:last-child {
      margin-bottom: 0px;
  }

  .product-description-tab {
      margin-top: 45px;
  }

  .product-title > h2 {
      color: #303030;
      display: inline-block;
      font-size: 18px;
      margin-bottom: 25px;
      text-transform: uppercase;
  }

  .product-detail .fa.fa-check {
      margin-left: 10px;
  }

  .product-detail > p a:last-child {
      margin-left: 15px;
  }

  .product-detail > p > i {
      background: #81CA33;
      border-radius: 50%;
      padding: 2px;
      color: #fff;
  }

  .product-detail.shop-product-text {
      margin-top: 0px;
      padding: 0px 0px 0px 40px;
      border: none;
  }

  .size-categories ul {
      display: inline-block;
      list-style: outside none none;
      margin: 0;
      padding: 0;
      margin-bottom: 25px;
  }

  .color-cat {
      height: 39px;
      width: 220px;
      border: 1px solid #ddd;
      font-size: 14px;
      color: #909090;
      font-weight: 500;
      padding: 6px 0px;
  }

  .size-categories ul li {
      float: right;
      border: 1px solid #ddd;
      border-right: none;
      transition: all 0.5s ease 0s;
  }

  .size-categories ul li a {
      padding: 7px 25px;
  }

  .size-categories ul li:hover a {
      color: #fff;
      background: #d9a574;
  }

  .size-categories ul li:first-child {
      border-right: 1px solid #ddd;
  }

  .size-categories ul li a {
      color: #303030;
      display: block;
      font-size: 14px;
      font-weight: 500;
  }

  .size-quantity {
      margin-bottom: 25px;
  }

  .size h2, .quantity h2, .product-details_color h2 {
      font-size: 18px;
      color: #212121;
      text-transform: uppercase;
      margin-bottom: 20px;
      border-bottom: 1px solid #dddddd;
      padding-bottom: 16px;
  }

  .product-details_color {
      width: 58%;
  }

  .size-quantity .size {
      float: right;
      width: 60%;
  }

  .size-quantity .quantity {
      float: left;
      width: calc(40% - 30px);
  }

  .quantity > input {
      border: 1px solid #ddd;
      padding-right: 10px;
      width: 100%;
  }

  .favorite_icons i, .favorite_icons a.add_to_cart {
      color: #fff;
      background: #212121;
      padding: 10px 12px;
      margin-left: 12px;
      transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
  }

  .favorite_icons i:hover, .favorite_icons a.add_to_cart:hover {
      color: #212121;
      background: #C28648;
  }

  .favorite_icons a.add_to_cart {
      text-transform: uppercase;
      font-size: 11px;
  }

  .pp_quantity {
      display: inline-block;
      color: #252525;
      border: 1px solid #ddd;
  }

  .description-tab-menu ul {
      margin: 0px;
      padding: 0px;
  }

  .description-tab-menu ul li {
      display: inline-block;
      float: right;
      position: relative;
  }

  .description-tab-menu ul li a {
      color: #909090;
      display: block;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2px;
      padding-left: 45px;
      text-transform: uppercase;
  }

  .description-tab-menu ul li:last-child a {
      padding-left: 0px;
  }

  #description > p, #specification > p, #review > p, .tab-caroursel-twenty .tab-content p, .tab-content ul li {
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
  }

  .product-description-tab {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #dddddd;
      margin-top: 15px;
      padding: 45px 30px;
  }

  .product-details-area.fullwidth {
      padding-top: 100px;
      padding-bottom: 100px;
  }

  .product-details-area.right-sidebar .product-description-tab {
      padding: 40px 30px 30px;
  }

  .product-details-area.right-sidebar {
      padding-bottom: 75px;
  }

  .description-tab-menu ul li:last-child a:before {
      background: transparent;
  }

  .product-description-tab ul li i.fa.fa-circle {
      margin-left: 12px;
  }

  .product-description-tab ul li {
      line-height: 23px;
  }

  .product-details-area .single-right-widget {
      margin-top: 10px;
  }

  .product-details-area.right-sidebar .single-right-widget {
      margin-top: 3px;
      margin-bottom: 27px;
  }

  .description-tab-menu ul li.active a, .description-tab-menu ul li:hover a {
      color: #303030;
  }

  .product-description-tab .tab-content {
      padding-top: 30px;
  }

  .tab-caroursel-twenty .tab-content ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .tab-caroursel-twenty .tab-content p {
      margin-bottom: 15px;
  }

  .tab-caroursel-twenty .tab-content ul li {
      margin-top: 10px;
  }

  .tab-caroursel-twenty .tab-content ul i {
      margin-left: 15px;
      margin-top: 6px;
  }

  .widget-color h4.follow {
      color: #252525;
      font-size: 15px;
      display: inline-block;
      margin-left: 10px;
  }

  .widget-color h4.follow ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .widget-color h4.follow ul li {
      display: inline-block;
  }

  .widget-color h4.follow ul li a i {
      display: block;
      color: #fff;
      font-size: 14px;
  }

  .widget-color h4.follow ul li.facebook a i {
      background: #3E5990;
      height: 28px;
      width: 28px;
      border-radius: 5px;
  }

  .widget-color ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: inline-block;
  }

  .widget-color ul li {
      display: inline-block;
      margin-left: 15px;
  }

  .widget-color ul li a {
      display: block;
      height: 26px;
      width: 26px;
      color: #fff;
      text-align: center;
      line-height: 26px;
      border-radius: 5px;
  }

  .widget-color ul li:hover a {
      color: #000;
  }

  .widget-color ul li.facebook a {
      background: #3E5990;
  }

  .widget-color ul li.twitter a {
      background: #4788C0;
  }

  .widget-color ul li.google-plus a {
      background: #D73727;
  }

  .product-detail .wish-icon-hover ul li.cart {
      background: #c43b68 none repeat scroll 0 0;
      border-radius: 20px;
      color: #fff;
      height: 35px;
      margin-left: 5px;
      width: 150px;
  }

  .product-description-tab ul li i.fa.fa-circle {
      font-size: 8px;
  }

  .shop-review #review h2 {
      font-size: 20px;
      color: #252525;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 20px;
  }

  .own_review h2 {
      margin-top: 55px;
  }

  .own_review p, .overall_rating table td {
      font-size: 15px;
      color: #252525;
      font-weight: 600;
  }

  .review_form input[type=submit] {
      background: #c43b68 none repeat scroll 0 0;
      border: 1px solid #c43b68;
      border-radius: 20px;
      color: #fff;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 2px;
      margin-top: 15px;
      padding: 8px 25px;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
      margin-bottom: 60px;
  }

  .shop-review .featured-area, .shop-review .trending {
      border-top: 1px solid #ddd;
  }

  .shop-review .trending {
      padding-top: 60px;
  }

  .review_form input[type=submit]:hover {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #c43b68;
      color: #c43b68;
  }

  .overall_rating input {
      margin-right: 60px;
  }

  .overall_rating p {
      margin-right: 42px;
  }

  .own_review p span {
      color: #c43b68;
  }

  .overall_rating {
      margin: 30px;
  }

  .review_input_text p.nick, .review_input_text p.review {
      float: right;
      width: 350px;
  }

  .review_input_text p.review {
      margin-right: 20px;
  }

  .review_form textarea {
      margin-top: 10px;
      width: 67%;
  }

  .nick > input, .review > input {
      border: 1px solid #ddd;
      height: 40px;
      width: 100%;
      margin-top: 10px;
      padding: 10px;
  }

  .shop-review ul.client_review li {
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
      margin-bottom: 25px;
  }

  .shop-review ul.client_review li h3 {
      font-size: 15px;
      color: #262626;
      font-weight: 600;
      margin-bottom: 8px;
  }

  .shop-review ul.client_review li h3 span {
      font-weight: 400;
  }

  .shop-review ul.client_review li p {
      font-size: 15px;
      color: #262626;
      font-weight: 600;
  }

  .shop-review ul.client_review li p a i {
      color: #F8C100;
      font-size: 14px;
      margin-left: 0px;
  }

  .shop-review ul.client_review li p.rating {
      margin-bottom: 5px;
  }

  .shop-review ul.client_review li p.rating span {
      margin-left: 10px;
  }

  .shop-review .product-description-tab .tab-content {
      border-bottom: none;
  }

  .search-cat {
      background: rgba(0, 0, 0, 0) url(/images/arrow_down.png?0f135f86f1d0e1a2800504a9994d23f0) no-repeat scroll 91% 11px;
      cursor: pointer;
      float: right;
      font-weight: 700;
      height: 26px;
      padding: 0;
      text-transform: capitalize;
      width: 130px;
      border: 1px solid #ddd;
  }

  .category-items {
      -moz-appearance: none;
      background: none;
      border: 0 none;
      border-radius: 0;
      color: #a6a6a6;
      cursor: pointer;
      font-size: 14px !important;
      height: 24px;
      line-height: 26px;
      outline: medium none;
      overflow: hidden;
      padding: 0 25px 0 10px;
      transition-duration: 0.4s;
      transition-property: height;
      width: 100%;
      z-index: 9999;
  }

  .product-details-area.right-sidebar #quantity-wanted-p {
      display: inherit;
      margin-bottom: 28px;
  }

  .product-details-area.right-sidebar .shop-product-text h4 a, .product-details-area.right-sidebar .price-rating-container, .product-details-area.right-sidebar .availability, .product-details-area.right-sidebar .product-desc, .product-details-area.right-sidebar .size-categories ul {
      margin-bottom: 20px;
  }

  .product-details-area.right-sidebar .color-cat {
      margin-bottom: 27px;
  }

  .color-cat {
      position: relative;
  }

  .color-cat:before {
      position: absolute;
      left: 1px;
      top: calc(45% - 1px);
      content: "";
      background: url(/images/arrow-down.png?5af608037e64df9f1334df18cb691b8e) no-repeat scroll 0 0;
      width: 20px;
      height: 20px;
      cursor: pointer;
  }

  option {
      border-left: 1px solid #dddddd;
      padding: 3px;
  }

  .size-quantity .single-size-quantity {
      display: inline-block;
      margin-left: 40px !important;
      overflow-x: hidden;
      overflow-y: hidden;
  }

  .single-size-quantity > h4 {
      color: #000;
      display: inline-block;
      float: right;
      line-height: 26px;
      margin-left: 10px;
  }

  .wish-icon-product-details {
      margin-bottom: 45px;
  }

  .wish-icon-product-details ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .wish-icon-product-details ul li {
      display: inline-block;
      margin-left: 20px;
  }

  .wish-icon-product-details ul li i {
      display: block;
      color: #39393b;
      font-size: 12px;
      border: 1px solid #BABABA;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      text-align: center;
      line-height: 29px;
      transition: all 0.5s ease 0s;
  }

  .wish-icon-product-details ul li:hover i, .wish-icon-product-details ul li.active i {
      background: #d9a574;
      color: #fff;
      border: 1px solid #d9a574;
  }

  .related-prouct-area {
      margin-top: 60px;
  }

  .related-prouct-area .section-title h4 {
      padding-bottom: 35px;
  }

  .related-prouct-area .wish-icon-hover ul li:hover a, .related-prouct-area .wish-icon-hover ul li.active a {
      background-color: #d9a574 !important;
  }

  .related-prouct-area .single-product-info i, .related-prouct-area .single-product-info h4 {
      color: #d9a574;
  }

  .zoomWrapper, .product-thumb, .single-zoom-thumb {
      position: relative;
  }

  .text-left {
      text-align: right;
  }

  .zoomLens {
      border: 1px solid #ccc !important;
      cursor: move !important;
      display: block;
      height: 230px !important;
      width: 170px !important;
  }

  .zoomContainer .zoomWindow {
      border: 2px solid #ccc !important;
      height: 100% !important;
      margin-right: 10px !important;
      width: 100% !important;
      z-index: 9 !important;
  }

  /*----------------------------------------*/
  /*  7.0.0  Blog CSS
  /*----------------------------------------*/
  .blog-fullview-area, .shop-fullgrid-area, .shop-grid-rightsidebar-area, .shop-grid-leftsidebar-area, .shop-list-rightsidebar-area, .product-detail-area, .product-details-area.fullwidth, .about-us-area, .team-area, .contact-area, .breadcrumb-area, .cart-area, .wishlist-area, .checkout-area, .product-details-area {
      background: #FBFBFB;
  }

  .blog-sidebar .search-box {
      display: inherit;
      float: inherit;
      padding: inherit;
  }

  .blog-sidebar .search-box form {
      width: 100%;
      border: 1px solid #000000;
  }

  .breadcrumb {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      margin-bottom: 38px;
      margin-top: 35px;
      padding: 8px 15px 8px 0;
  }

  .blog-fullview-area .single-latest-blog {
      margin-bottom: 30px;
      padding-bottom: 5px;
  }

  .breadcrumb li, .breadcrumb li a {
      color: #444;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 0px;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
  }

  .breadcrumb li:hover, .breadcrumb li a:hover, .breadcrumb li.active {
      color: #303030;
  }

  .breadcrumb span {
      padding: 0 10px;
  }

  .breadcrumb > li + li::before {
      content: "";
      padding: 0;
  }

  .blog-fullview-area .date-comment {
      margin-bottom: 17px;
  }

  .blog-fullview-area .single-latest-blog-img {
      padding-bottom: 16px;
  }

  .blog-fullview-area .blog-content h4 {
      margin-bottom: 5px;
  }

  .blog-fullview-area .blog-content h4:hover a {
      color: #d9a574;
  }

  .blog-fullview-area .blog-content p, .continue-reading > a {
      margin-bottom: 8px;
  }

  .blog-icon ul li:last-child a {
      margin-left: 0px;
  }

  .pagination {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #dddddd;
      display: block;
      margin-bottom: 100px;
      padding: 10px;
      margin-top: 0;
  }

  .pagination ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .pagination ul li {
      display: inline-block;
  }

  .pagination ul li a {
      display: block;
      border: 1px solid #ddd;
      height: 30px;
      width: 30px;
      text-align: center;
      vertical-align: middle;
      color: #303030;
      line-height: 27px;
      margin-left: 5px;
      font-weight: 500;
  }

  .shop-fullgrid-area .breadcrumb, .shop-grid-rightsidebar-area .breadcrumb, .shop-grid-leftsidebar-area .breadcrumb {
      margin-bottom: 10px;
  }

  .pagination ul li:hover a {
      background: #d9a574;
      color: #fff;
      border: 1px solid #d9a574;
  }

  .the_comment {
      background: #ffffff none repeat scroll 0 0;
      margin-bottom: 20px;
      padding: 25px 25px 1px;
  }

  p.name strong {
      color: #303030;
      font-size: 18px;
      font-weight: 600;
  }

  p.comment_time {
      color: #606060;
      display: inline-block;
      font-size: 13px;
      font-style: italic;
      font-weight: 400;
      margin-top: 2px;
  }

  .alex {
      float: right;
      margin-left: 15px;
  }

  .name {
      float: right;
      margin-left: 10px;
  }

  .the_comment {
      position: relative;
  }

  .comment_text > p {
      color: #606060;
      font-size: 13px;
      font-weight: 300;
      line-height: 22px;
  }

  .comment_author.meta {
      line-height: 0;
  }

  .comment-reply-link {
      background: #d9a574 none repeat scroll 0 0;
      color: #ffffff;
      font-size: 13px;
      text-transform: capitalize !important;
      position: absolute;
      top: 15px;
      left: 25px;
      padding: 2px 10px;
      font-weight: 300;
      transition: all 0.5s ease 0s;
  }

  .comment-reply-link:hover {
      color: #000;
  }

  ol {
      list-style: outside none none;
      padding-right: 0;
  }

  ul.children_comment {
      list-style: outside none none;
      padding-right: 110px;
  }

  .leave-a-comment {
      margin-top: 50px;
  }

  .right_comment > p, .leave_comment p {
      color: #909090;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: -25px;
  }

  .right_comment > input, textarea, .right_comment > input.form-control, textarea.form-control {
      border: none;
      border-bottom: 1px solid #ddd;
      background: transparent;
      width: 55%;
      margin-bottom: 20px;
      line-height: 30px;
  }

  /* textarea {
      padding-right: 60px;
  } */

  .leave_comment input[type=submit] {
      background: #303030 none repeat scroll 0 0;
      border: medium none;
      color: #ffffff;
      display: block;
      font-size: 14px;
      letter-spacing: 3px;
      margin-top: 10px;
      padding: 10px 25px;
      text-transform: uppercase;
      font-weight: 400;
      transition: all 0.5s ease 0s;
  }

  .leave_comment input[type=submit]:hover {
      background: #d9a574 none repeat scroll 0 0;
  }

  .blog-fullview-area.blog-details {
      padding-bottom: 100px;
  }

  .blog-fullview-area #comments {
      margin-top: 85px;
  }

  /*----------------------------------------*/
  /*  8.0.0  Contact CSS
  /*----------------------------------------*/
  .contact-us-area {
      background: #ffffff none repeat scroll 0 0;
      padding: 12px;
      margin-bottom: 50px;
  }

  .contact-us-form {
      background: #F4F4F4;
      padding: 100px 0px;
  }

  .form-newsletter-area {
      position: relative;
      background: #fff;
  }

  .form-newsletter-area::before {
      background: #f4f4f4 none repeat scroll 0 0;
      content: "";
      height: 100%;
      right: 0px;
      position: absolute;
      top: 0;
      width: 50%;
  }

  .contact-area .newsletter-box form input {
      -moz-border-bottom-colors: none;
      -moz-border-right-colors: none;
      -moz-border-left-colors: none;
      -moz-border-top-colors: none;
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border-color: -moz-use-text-color -moz-use-text-color #606060;
      -o-border-image: none;
         border-image: none;
      border-style: none none solid;
      border-width: medium medium 1px;
      color: #606060 !important;
      margin-left: 40px;
      overflow: hidden;
      padding: 8px 10px;
      width: 450px;
      font-weight: 300;
  }

  .contact-area .newsletter-box form button {
      background: #303030;
      border: 1px solid #303030;
      margin-top: 30px;
  }

  .contact-area .newsletter-box form button:hover {
      background: #d9a574;
      border: 1px solid #d9a574;
  }

  .contact-area .newsletter-area .section-heading h3 {
      margin-bottom: 70px;
  }

  .contact-area .newsletter-box form {
      margin-bottom: 25px;
  }

  .contact-area label {
      color: #303030;
      margin-bottom: 58px;
  }

  .contact-area .newsletter-area {
      background: #fff;
      margin: 0;
      padding: 100px 55px;
  }

  .contact-area .col-md-6.col-12 {
      padding-left: 0px;
      padding-right: 0px;
  }

  .contact-area .row.adjust-padding {
      margin-left: 4px;
      margin-right: 4px;
  }

  /*----------------------------------------*/
  /*  9.0.0  Cart CSS
  /*----------------------------------------*/
  .cart-area {
      padding-bottom: 50px;
  }

  .wishlist-area {
      padding-bottom: 70px;
  }

  .table_cart {
      text-align: center;
      margin-bottom: 30px;
      width: 100%;
  }

  .table-bordered {
      border: 1px solid #dddddd;
  }

  .pp_quantity .category-items {
      -moz-appearance: button;
  }

  a.continue-shopping, .discount-code > input[type=submit], .total.text-left > input {
      font-size: 14px;
      color: #fff;
      background: #303030;
      text-transform: uppercase;
      font-weight: 300;
      padding: 10px 30px;
      display: inline-block;
      border: none;
      transition: all 0.5s ease 0s;
  }

  a.continue-shopping:first-child {
      margin-left: 10px;
  }

  a.continue-shopping:hover, .discount-code > input[type=submit]:hover, .total.text-left > input[type=submit]:hover {
      background: #d9a574;
  }

  thead {
      background: #ffffff none repeat scroll 0 0;
  }

  .cart_list thead th {
      color: #303030;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1px;
      padding: 15px 0;
      text-align: center;
      text-transform: uppercase;
  }

  .stock > a {
      color: #30b878;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 500;
      transition: all 0.5s ease 0s;
  }

  .stock > a:hover {
      color: #d9a574;
  }

  th.add-cart > a {
      font-size: 14px;
      background: #303030;
      color: #fff;
      font-weight: 300;
      padding: 5px 15px;
      text-transform: uppercase;
      text-align: center;
      display: inline-block;
      transition: all 0.5s ease 0s;
  }

  th.add-cart > a:hover {
      background: #d9a574;
  }

  .add-cart {
      padding: 5px 15px;
  }

  td.product_des h3 a {
      font-size: 14px;
      color: #606060;
      transition: all 0.5s ease 0s;
      font-weight: 500;
  }

  td.product_des h3 a:hover {
      color: #d9a574;
  }

  .cart_list tbody td.product_des {
      padding: 0px 124px;
      text-align: right;
  }

  .cart_list tbody td.u_price {
      padding: 0px 40px;
  }

  .cart_list tbody td.p_value {
      padding: 0px 35px;
  }

  .p_action > a > i {
      color: #d9a574;
      font-size: 22px;
  }

  .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
      border-bottom-width: 1px;
  }

  .u_price, .p_value {
      color: #3e3f3f;
      font-size: 14px;
      font-weight: 400;
  }

  .p_value {
      color: #c43b68;
  }

  .other-cart-info {
      margin-top: 30px;
  }

  .cart_list tbody td {
      padding: 5px 25px;
  }

  .discount-code, .total {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #dddddd;
      float: right;
      padding: 28px 30px;
  }

  .total {
      margin-right: 25px;
      padding-bottom: 31px;

      width: 325px;
  }

  .cart-info {
      margin-top: 30px;
  }

  .discount-code h2, .total h2 {
      font-size: 14px;
      color: #303030;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
  }

  .total h2 {
      margin-bottom: 15px;
  }

  .discount-code p {
      font-size: 14px;
      color: #606060;
      font-family: "Lato", sans-serif;
      font-weight: 400;
  }

  .discount-code > input {
      border: 1px solid #dddddd;
      height: 38px;
      margin-bottom: 20px;
      padding-right: 10px;
      width: 235px;
  }

  .discount-code > input[type=submit] {
      margin-bottom: 0px;
  }

  .discount-code > input[type=submit], .total > input[type=submit] {
      padding: 12px 20px;
      height: 36px;
      width: 150px;
      margin-top: 0;
      display: block;
      line-height: 12px;
  }

  .process-checkout {
      float: left;
  }

  .total span {
      margin-right: 75px;
      text-align: left !important;
  }

  .total > input[type=submit] {
      width: 200px !important;
      margin-top: 55px;
      display: block;
  }

  /*----------------------------------------*/
  /*  10.0.0  Checkout CSS
  /*----------------------------------------*/
  .checkout-area .panel-group {
      margin: 0;
      padding-bottom: 29px;
  }

  .ship-new-address-info {
      margin-top: 20px;
  }

  .checkout-area.area-padding {
      margin-bottom: 50px;
  }

  .checkout-area #accordion .panel-heading {
      padding: 0;
  }

  .checkout-area .panel-title {
      font: 14px/20px Lato, sans-serif;
  }

  .checkout-area #accordion .panel-title a.collapsed {
      color: #232323 !important;
      background: #f5f5f5;
  }

  .checkout-area .panel-title > a {
      background: #303030 none repeat scroll 0 0;
      border-bottom: 0 none;
      color: #ffffff;
      display: block;
      font-weight: 500;
      padding: 10px 30px 10px;
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      width: 100%;
  }

  .checkout-area .panel-title > a span {
      background-color: #FF8900;
      color: #ffffff;
      font: bold 15px/25px Arial, helvetica, sans-serif;
      height: 25px;
      right: 5px;
      position: absolute;
      text-align: center;
      top: 8px;
      width: 25px;
  }

  .checkout-area .section-title > h2 {
      color: #000;
      font-size: 20px;
      text-transform: uppercase;
  }

  .checkout-area #accordion .panel-title a.collapsed span {
      background: #313133 !important;
  }

  .checkout-area .panel.panel-default {
      border: 0 none !important;
  }

  .checkout-area .panel {
      box-shadow: none;
  }

  .single-checkout > h2 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 13px;
      padding-top: 7px;
  }

  .single-checkout.right h3.login-title, .single-checkout h3.login-title {
      color: #303030;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 35px;
      text-transform: uppercase;
  }

  .single-checkout h3.login-title {
      margin-bottom: 5px;
  }

  .single-checkout p.heading-p, .single-checkout p.fast-check {
      color: #606060;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 5px;
  }

  .single-checkout label {
      color: #888889;
      display: block;
      font-size: 14px;
      font-weight: 400;
      margin: 0;
  }

  .single-checkout > form {
      margin-bottom: 35px;
      margin-top: 25px;
  }

  .single-checkout span {
      color: #666666;
      padding-right: 7px;
  }

  .single-checkout input[type=radio] {
      position: relative;
      top: 2px;
  }

  .single-checkout h4, .single-checkout.right p {
      color: #303030;
      font-size: 14px;
      font-weight: 300;
      margin-top: 15px;
      margin-bottom: 5px;
  }

  .single-checkout.right p {
      font-weight: 400;
      margin-bottom: 35px;
      margin-top: 10px;
  }

  .login-form input[type=password] {
      margin-bottom: 40px;
      margin-top: 30px;
  }

  .single-checkout.right p {
      color: #888888;
  }

  .checkout-area .c-btn, .login-btn, .login-reister-area .c-btn, button.button {
      background: #303030 none repeat scroll 0 0;
      color: #ffffff;
      display: inline-block;
      height: 38px;
      padding: 9px 30px;
      text-decoration: none;
      font-weight: 300;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
      border: none;
  }

  .checkout-area .c-btn {
      margin-top: 32px;
  }

  .panel-body {
      padding: 30px;
  }

  .login-btn {
      margin-top: 29px;
  }

  .checkout-area .c-btn:hover, .login-btn:hover, .login-reister-area .c-btn:hover, button.button:hover {
      background: #d9a574 none repeat scroll 0 0;
      color: #fff;
  }

  .checkout-area .panel-body {
      background: #fbfbfb none repeat scroll 0 0;
      border: medium none;
      margin-bottom: 0;
  }

  .login-form input {
      border: none;
      border-bottom: 1px solid #888888;
      clear: both;
      display: block;
      margin-bottom: 0;
      width: 100%;
      box-shadow: none;
      border-radius: 0;
      font-size: 14px;
      font-family: "Lato", sans-serif;
      background: transparent;
      padding-right: 5px;
  }

  .single-checkout.right .login-form p {
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 0;
      padding-bottom: 5px;
  }

  .ship-method > p {
      font-size: 14px;
      color: #303030;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      margin-bottom: 8px;
  }

  .ship-method > p.fixed-bold {
      text-transform: uppercase;
      font-weight: 700;
      font-family: "Lato", sans-serif;
  }

  .login-form p span {
      color: #eb340a;
      padding-right: 2px;
  }

  .forgot-pass {
      display: inline-block;
      margin-top: 28px;
      text-decoration: none;
      z-index: 9;
  }

  .login-reister-area .c-btn {
      display: block;
      float: right;
      margin-top: 20px;
      padding: 6px 25px !important;
  }

  .checkout-progress .section-title {
      margin-bottom: 10px;
  }

  .checkout-progress ul.check li {
      border-bottom: 1px solid #f3f3f3;
      display: block;
      padding: 11px 0;
  }

  .checkout-progress ul.check li:last-child {
      border: 0;
  }

  .checkout-progress .check > li a {
      text-transform: capitalize;
  }

  .checkout-progress ul.check li a i {
      margin-left: 15px;
  }

  .checkout-area .login-form p {
      color: #303030;
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
      margin-bottom: 0;
      margin-top: 15px;
  }

  .city-country, .customer-info, .customer-name {
      overflow: hidden;
  }

  .city-country select {
      -moz-appearance: button;
      color: #606060;
      font-size: 12px;
      height: 32px;
      width: 85%;
      font-family: "Lato", sans-serif;
      font-weight: 500;
      margin-bottom: 20px;
      padding: 7px;
  }

  .ship-address > input {
      display: inline-block;
      height: auto;
      margin-left: 6px;
      padding: 0;
      position: relative;
      top: -3px;
      width: auto;
  }

  .checkout-area .login-form .buttons-set {
      padding-bottom: 0;
      padding-top: 1em;
      width: 100%;
  }

  .ship-address label, .ship-address > span {
      cursor: pointer;
      display: inline-block;
      font-weight: normal;
      margin-bottom: 0;
      max-width: 100%;
      font-size: 14px;
      color: #606060;
      font-family: "Lato", sans-serif;
  }

  input.input-text, select, textarea {
      border: 1px solid #f2f2f2;
  }

  .single-pay-info > input, .single-pay-info > select {
      height: 30px;
      width: 90%;
      border: 1px solid #ddd;
      padding-right: 10px;
      font-size: 14px;
      color: #606060;
      font-family: "Lato", sans-serif;
      text-transform: capitalize;
  }

  .single-pay-info > select#month, .single-pay-info > select#year {
      width: 44%;
  }

  .single-pay-info > select#month {
      margin-left: 10px;
  }

  .single-pay-info > p {
      color: #303030;
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 8px;
      margin-top: 15px;
  }

  .header_cat select {
      border: medium none;
      height: 39px;
      padding-right: 10px;
  }

  .ship-address input[type=radio] {
      display: inline-block;
      margin-left: 9px;
      margin-top: 0;
      width: auto;
  }

  .ship-address input[type=radio]:focus, .billing-add input[type=checkbox]:focus {
      outline: none;
  }

  .billing-add input[type=checkbox] {
      display: inline-block;
      margin-left: 6px;
      margin-top: -2px;
      width: auto;
  }

  #add-new-address-info {
      display: none;
  }

  .checkout-area p.back-link {
      background: rgba(0, 0, 0, 0) url(/images/arrow-top.png?6a0b283cfc7e11c4d9f1bf96e6f26aaa) no-repeat scroll 0 0;
      float: right;
      line-height: 14px;
      margin-top: 13px;
      padding-right: 16px;
  }

  .ship-method .buttons-set {
      margin: 20px 0 0;
      width: 100%;
  }

  .ship-wrap .ship-address input {
      position: relative;
      top: 2px;
  }

  .ship-method.payment .ship-wrap .ship-address input {
      top: 2px;
  }

  .checkout-table {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #dddddd;
      display: inline-block;
      width: 100%;
  }

  .panel-body.checkout {
      padding: 30px 0;
  }

  .checkout-table table {
      width: 100%;
  }

  .checkout-table thead th {
      color: #303030;
      font-size: 14px;
      font-weight: 300;
      text-transform: uppercase;
  }

  .single-checkout input[type=radio]:focus {
      outline: 0 none;
  }

  .p-name, .p-name-subtotal, .p-name-shipping, .p-name-total {
      padding: 12px 30px 12px;
      width: 415px;
      float: right;
  }

  .p-total {
      width: 150px;
  }

  .checkout-table .button.floatleft {
      margin-bottom: 20px;
      margin-left: 25px;
      margin-top: 15px;
  }

  .single-pay-info > a.what {
      color: #d9a574;
      margin-top: 5px;
      display: block;
      font-size: 14px;
      cursor: pointer;
      font-weight: 300;
  }

  .checkout-table tbody tr, .checkout-table tfoot {
      border-top: 1px solid #f2f2f2;
      width: 100%;
  }

  .checkout-table tbody td.p-name, .checkout-table table .p-total, .p-name-subtotal, .p-name-shipping, .p-name-total, tfoot td, .p-total label span {
      color: #606060;
      font-size: 14px;
      font-weight: 300;
  }

  .checkout-table .button.floatleft {
      margin-bottom: 20px;
      margin-left: 25px;
  }

  .p-total label span {
      margin-right: 5px;
  }

  .p-total > label {
      margin: 0;
  }

  .p-total {
      padding: 20px 0;
  }

  .p-total input {
      position: relative;
      top: 2px;
  }

  .p-name-subtotal, .p-name-shipping, .p-name-total {
      color: #303030;
      text-transform: uppercase;
  }

  .p-name-total, tfoot td {
      font-weight: 300;
  }

  .checkout-buttons p {
      float: right;
      margin-top: 10px;
  }

  .checkout-buttons {
      overflow: hidden;
  }

  .checkout-table .login-btn {
      margin-top: 0;
  }

  /*----------------------------------------*/
  /*  11.0.0  About CSS
  /*----------------------------------------*/
  .about-us-area {
      position: relative;
  }

  .about-us-area:before {
      position: absolute;
      right: 0;
      top: 0px;
      content: "";
      background: #fff;
      height: 100%;
      width: 6.8%;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
  }

  .about-us-area:after {
      position: absolute;
      left: 0;
      top: -1px;
      content: "";
      background: #fff;
      height: 100%;
      width: 7%;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
  }

  .about-us-text, .about-us-img {
      background: #fff;
      border: 1px solid #ddd;
      padding: 79px 30px;
      z-index: 99;
  }

  .about-us-text {
      border-right: none;
  }

  .about-us-img {
      padding: 30px;
      border-left: none;
  }

  .section-heading h3 {
      color: #303030;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0px;
      margin-bottom: 30px;
      margin-right: 10px;
      position: relative;
      text-transform: uppercase;
  }

  .section-heading h3:after {
      position: absolute;
      right: -15px;
      bottom: -12px;
      transform: rotateY(180deg);
      content: url(/images/title.png?309fae54b9ba02ee0a5c725df4eceaa3);
  }

  .about-us-text > p {
      margin: 0 0 16px;
  }

  .about-us-text {
      color: #444;
      font-size: 14px;
      font-weight: 300;
      line-height: 25px;
  }

  .team-area {
      padding-bottom: 90px;
      padding-top: 96px;
  }

  .team-area .section-heading h3 {
      margin-bottom: 50px;
  }

  .team-area .owl-theme .owl-controls .owl-buttons div {
      background: #FBFBFB;
  }

  .single-member-img {
      margin: 8px 0;
      position: relative;
  }

  .single-member-img:after {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 0.8);
      content: "";
      opacity: 0;
      transition: all 0.5s ease 0s;
  }

  .single-member-info {
      position: absolute;
      top: 22%;
      right: 0;
      width: 100%;
      height: auto;
      padding: 0 30px;
      opacity: 0;
      transition: all 0.5s ease 0s;
  }

  .single-member:hover {
      box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
  }

  .single-member:hover .single-member-img:after {
      opacity: 1;
  }

  .single-member:hover .single-member-info {
      opacity: 1;
  }

  .single-member-info h3 {
      color: #303030;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 3px;
      margin-bottom: 5px;
      text-transform: uppercase;
  }

  .single-member-info h4 {
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #606060;
      font-size: 14px;
      margin-bottom: 15px;
  }

  .single-member-info p {
      color: #606060;
      font-size: 14px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      line-height: 23px;
      margin-bottom: 40px;
  }

  .member-social-icon ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .member-social-icon ul li {
      display: inline-block;
      height: 30px;
      width: 30px;
      text-align: center;
      font-size: 19px;
      margin-left: 15px;
  }

  .member-social-icon ul li:last-child {
      margin-left: 0px;
  }

  .member-social-icon ul li i {
      color: #606060;
      display: block;
      line-height: 29px;
      border: 1px solid #A9A9A9;
      transition: all 0.5s ease 0s;
  }

  .member-social-icon ul li:hover i {
      background: #d9a574;
      color: #fff;
      border: 1px solid #d9a574;
  }

  .section-title span a {
      border: 1px solid #ddd;
      color: #444;
      display: inline-block;
      font-size: 13px;
      font-weight: 300;
      margin-bottom: 15px;
      margin-left: 5px;
      padding: 5px 10px;
      text-transform: capitalize;
      transition: all 0.5s ease 0s;
  }

  .section-title span:nth-child(4) a {
      margin-left: 0px;
  }

  .section-title span:nth-child(8) a, .section-title span:nth-child(7) a {
      margin-bottom: 0px;
  }

  .section-title span a:hover {
      color: #fff;
      background: #000;
  }

  .blog-sidebar.post li {
      margin-bottom: 15px;
  }

  .blog-sidebar ul li {
      color: #444444;
      font-size: 13px;
      line-height: 20px;
      overflow: hidden;
      padding: 3px 1px;
      text-transform: uppercase;
      font-family: "Lato", sans-serif;
      letter-spacing: 0px;
  }

  .blog-sidebar .post-thumb {
      float: right;
      margin-left: 10px;
      width: 65px;
  }

  .blog-sidebar.post ul li .post-thumb a {
      display: inline-block;
      width: 65px;
  }

  .blog-sidebar ul li a {
      color: #5f5f5f;
      display: inline-block;
      font-size: 14px;
      font-weight: 300;
      text-transform: capitalize;
  }

  .blog-sidebar .section-title ul li .post-info > a {
      font-size: 13px;
      letter-spacing: 0;
      font-weight: 400;
      text-transform: capitalize;
      transition: all 0.5s ease 0s;
  }

  .blog-sidebar .section-title ul li .post-info > a:hover {
      color: #d9a574;
  }

  .blog-sidebar .post-info > span {
      border: none;
      padding: inherit;
      margin: inherit;
      color: #666666;
      font-size: 12px;
  }

  .blog-sidebar .post-info > span:hover {
      background: none;
      color: none;
  }

  .blog-sidebar .single-right-widget .section-title ul li.post {
      padding-bottom: 25px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 25px;
  }

  .blog-sidebar .single-right-widget .section-title ul li.post:last-child {
      padding-bottom: 0px;
      border-bottom: none;
      margin-bottom: 0px;
  }

  /*----------------------------------------*/
  /*  12.0.0  404 CSS
  /*----------------------------------------*/
  .error-area {
      background: url(/images/404.jpg?ece62bad76a287848aa727f984e4e3c9) no-repeat scroll center center;
  }

  .error-content {
      padding-top: 334px;
      padding-bottom: 180px;
  }

  .error-content h2 {
      color: #fff;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 3px;
      line-height: 60px;
      text-transform: uppercase;
  }

  .error-content p {
      color: #fff;
      font-size: 21px;
      font-weight: 500;
      line-height: 28px;
  }

  .error-content a.back-home {
      font-size: 14px;
      color: #303030;
      text-transform: uppercase;
      letter-spacing: 3px;
      background: #fff;
      padding: 15px 40px;
      font-weight: 500;
      display: inline-block;
      margin-top: 45px;
      transition: all 0.5s ease 0s;
  }

  .error-content a.back-home:hover {
      color: #fff;
      background: #d9a574;
  }

  /*--------------------------------------------*/
  /*  13.0.0 Mobile Menu
  /*--------------------------------------------*/
  .mobile-menu-area {
      background: #d9a574 none repeat scroll 0 0;
      display: none;
  }

  .mean-container .mean-bar::after {
      display: none;
  }

  .mean-container .mean-nav ul li a:hover {
      color: #d9a574;
      background: none;
  }

  .mean-container a.meanmenu-reveal span {
      background: #fff;
  }

  .mean-container .mean-nav ul li a {
      background: #fff;
      color: #303030;
      display: block;
  }

  .mean-container .mean-nav ul li a.mean-expand {
      background: none;
      top: -4px;
  }

  .mean-container .mean-nav ul li a.mean-expand:hover {
      background: none;
  }

  .mean-container .mean-nav ul li {
      background: #fff;
  }

  .mean-container .mean-nav ul li li a {
      color: #303030;
      opacity: 0.9;
      border-top: 0;
  }

  .mean-container a.meanmenu-reveal {
      color: #444;
  }

  .meanmenu-reveal.meanclose:hover {
      color: #303030 !important;
  }

  .mean-container a.meanmenu-reveal:hover span {
      background: #303030;
  }

  .mobile-menu-area .mean-nav {
      background: #d9a574 none repeat scroll 0 0;
  }

  .mean-last {
      margin-bottom: 20px;
  }

  .mobile-menu {
      position: relative;
  }

  .mean-container .mean-bar::before {
      color: #ffffff;
      content: "MENU";
      font-size: 18px;
      font-weight: 600;
      right: 10px;
      position: absolute;
      top: 10px;
  }

  .white-hover {
      display: block;
      position: relative;
  }

  .white-hover:hover::before {
      transform: scale(1);
  }

  .white-hover::before {
      background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
      bottom: 15px;
      content: "";
      right: 15px;
      position: absolute;
      left: 15px;
      top: 15px;
      transform: scale(0);
      transition: all 500ms ease 0s;
  }

  .border-hover::after {
      background: #000 none repeat scroll 0 0;
      content: "";
      height: 100%;
      right: 0;
      opacity: 0.3;
      position: absolute;
      top: 0;
      width: 100%;
  }

  .slider-wrap {
      position: relative;
  }

  .slider-wrap::before {
      background: #000 none repeat scroll 0 0;
      content: "";
      height: 100%;
      right: 0;
      opacity: 0.3;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 9;
  }

  .nivo-caption {
      z-index: 99;
  }

  .preview-2 .nivo-directionNav a {
      z-index: 99;
  }

  html * {
      direction: rtl;
  }

  .search-box input[type=text] {
      padding: 6px 10px;
  }

  .right {
      float: left !important;
  }

  .left {
      float: left !important;
  }

  button, input, a {
      font-family: "Tajawal", sans-serif !important;
  }

  .mainmenu li.cart {
      color: #222;
  }

  li.cart .list-icon {
      font-size: 20px;
  }

  li.cart p {
      left: 10px;
      top: 32px;
  }

  li.cart:hover p {
      color: #FFF;
  }

  .mainmenu ul > li > ul.submenu-mainmenu > li {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      overflow: hidden;
  }

  .submenu ul li a:hover {
      right: 0 !important;
  }

  .cart .cart-img {
      width: 50px;
  }

  .cart .cart-info {
      padding: 0 5px;
      width: calc(100% - 50px);
  }

  .cart a {
      margin-right: 0px !important;
  }

  .view-cart {
      color: #FFF !important;
      right: 0 !important;
  }

  .mainmenu ul li ul.submenu-mainmenu > li:hover .view-cart {
      color: #FFF !important;
      margin-right: 0px !important;
  }

  .logo {
      padding: 10px 0;
  }

  .logo img {
      height: 80px;
  }

  .sb-auto {
      float: none;
      overflow: hidden;
      margin: auto;
  }

  .single-banner {
      padding: 0px;
      width: 33.3333333333%;
  }

  .btn-box {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 20px auto;
      overflow: hidden;
  }

  @media (max-width: 700px) {
      .zoomWrappers {
          width: 100% !important;
      }
  }

  .mainmenu > nav > ul {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: auto;
  }

  .footer-logo {
      height: 100px;
  }

  .footer-logo img {
      height: 100px;
  }

  .tap-popup {
      margin: 0px 0;
      height: 100vh;
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 1000;
      display: none;
      background-color: #FFF;
  }

  .tap-popup form {
      width: 400px;
      margin: 30px auto;
      overflow: hidden;
      float: none;
  }

  @media (max-width: 400px) {
      .tap-popup form .login-section form {
          width: 100%;
      }
  }

  .tap-popup form .form-group {
      overflow: hidden;
  }

  .tap-popup .close-tap {
      position: absolute;
      top: 30px;
      right: 30px;
      height: 50px;
      width: 50px;
      line-height: 50px;
      text-align: center;
      display: block;
      border-radius: 50%;
      color: #FFF;
      background-color: #000;
      font-size: 25px;
      cursor: pointer;
  }

  .table-row {
      display: table-row;
  }

  .table {
      display: table;
      height: 100%;
  }

  .form-group .form-control {
      /*border-color: #000 !important;*/
      border-radius: 0;
      /*padding: 10px;*/
      box-shadow: none;
  }

  .center {
      text-align: center;
  }

  .close-tap:hover {
      background-color: #f00;
  }

  .single-banner-big.big-one {
      margin-bottom: 50px !important;
  }

  .single-banner .border-hover {
      height: 100%;
  }

  .single-banner img {
      height: 250px;
  }

  @media (max-width:550px) {
      .single-banner img {
          height: 200px;
      }
  }


  .form-group .text-left {

  }

  .form-group .text-right {
      text-align: right;
  }

  .p-category-2 li {
      margin-bottom: 20px;
  }

  #img-1 {
      cursor: pointer;
  }

  .big-product {
      overflow: hidden;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      z-index: 100;
      direction: ltr;
  }

  .big-product * {
      direction: ltr;
  }

  .big-product .closee {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 20px;
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      background-color: #000;
      color: #FFF;
      display: block;
      z-index: 2;
      cursor: pointer;
  }

  .big-product .closee:hover {
      color: #f00;
  }

  .big-product .row {
      height: 100%;
  }

  .big-product .glide__track, .big-product .glide__slides {
      height: 100%;
  }

  .big-product .overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.7);
  }

  .big-product .overlay .container {
      height: 100%;
  }

  .big-product .overlay .container .glide {
      width: 750px;
      margin: auto;
      height: 700px;
      position: relative;
      top: 40px;
  }

  @media (max-width: 800px) {
      .big-product .overlay .container .glide {
          width: 300px;
          height: 100%;
      }
  }

  .big-product .overlay .container .glide li img {
      height: 700px;
      display: block;
      margin: auto;
      position: relative;
  }

  @media (max-width: 800px) {
      .big-product .overlay .container .glide li img {
          height: auto;
          top: 150px;
      }
  }

  .big-product .glide__arrow {
      background-color: #000;
      border: 0;
      border-radius: 0;
      box-shadow: none;
  }

  .slide-content {
      position: absolute;
      top: 100px;
      width: 100%;
      text-align: center;
      right: 0;
      color: #FFF;
  }

  @media (max-width: 950px) {
      .slide-content {
          top: 20px;
      }
  }

  @media (max-width: 550px) {
      .slide-content {
          zoom: 70%;
      }
  }

  .slide-content h1 {
      color: #FFF;
      font-size: 80px;
  }

  @media (max-width: 950px) {
      .slide-content h1 {
          font-size: 30px;
      }
  }

  @media (max-width: 950px) {
      .slide-content h3 {
          font-size: 16px;
      }
  }

  .slider-button {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: auto;
      padding: 13px 23px !important;
      background-color: #8d6a4c;
  }

  .main-slider img {
      filter: brightness(0.5);
  }

  .arrows {
      position: absolute;
      bottom: 10px;
      right: 10px;
  }

  @media (max-width: 950px) {
      .arrows {
          bottom: 0;
          right: 0;
      }
  }

  @media (max-width: 550px) {
      .arrows {
          zoom: 70%;
      }
  }




  /* .prev, .next {
      color: #fff;
      position: absolute;
      right: auto;
      left: auto;
      top: auto;
      bottom: auto;
      display: inline-block;
      float: none;

  } */

  /* .prev {
      right: 150px;
      top:0;
  }

  .next {
      right: 0px;
      top:0;
  } */

  /* @media (max-width: 950px) {
      .prev {
          right: 100px;
      }
  } */

  .swiper-button-prev:after, .swiper-button-next:after {
      display:none;
  }
  .swiper-button-prev, .swiper-button-next {
      bottom: 30px;
      position: absolute;
      top: auto;
      color: #FFF;
      font-size: 30px;
      left:auto !important;
  }

  @media (max-width:550px) {
      .swiper-button-prev, .swiper-button-next {
          bottom:10px;
          font-size: 20px;
      }
  }

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

  .swiper-button-prev {
      right: 150px !important;
  }

  .swiper-button-next {
      right: 50px !important;

  }

  #scrollUp {
      z-index: 99 !important;
  }

  .mobile-nav {
      display: none;
  }

  .mobile-nav-width {
      width:100%;
      height:90px;
  }

  @media (max-width: 950px) {
      .mobile-nav {
          display: block;
      }
  }

  .mobile-nav .menu-tap {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
      height: 100vh;
      z-index: 100;
  }

  .mobile-nav .menu-tap .tap-title {
      padding: 15px;
      background-color: #452015;
      color: #FFF;
      overflow: hidden;
      width: 100%;
  }

  .mobile-nav .menu-tap .tap-title .title {
      font-size: 20px;
      float: right;
  }

  .mobile-nav .menu-tap .tap-title i {
      float: left;
      font-size: 25px;
  }

  .mobile-nav .menu-tap .search-box {
      padding: 20px;
  }

  .mobile-nav .menu-tap .tap-items ul li, .vsa-list {
      padding: 15px !important;
  }

  .mobile-nav .menu-tap .tap-items ul li:not(:last-of-type) {
      border-bottom: 1px solid #eee;
  }

  .mobile-nav .menu-tap .tap-items ul li i {
      float: left;
  }

  /* .mobile-nav .menu-tap .tap-items ul.sub-menu {
      display: none;
  } */

  .vsa-item__trigger {
      padding:0 0 15px 0 !important;
      bordeR:0 !important;
      background: transparent !important;
  }

  .vsa-list {
      border:0 !important;
  }
  .vsa-item__trigger__icon {
      margin-right:auto;
      margin-left:unset !important;
      zoom: 55%;
  }
  .vsa-item__heading {
      zoom:70%;
  }
  .vsa-item__trigger__icon:after, .vsa-item__trigger__icon:before {
      background-color: #000 !important;
  }

  .mobile-nav .bars-tap {
      overflow-y: scroll;
  }

  .dropdown-toggle::after {
      top: 3px;
      position: relative;
  }

  .mobile-nav .mobile-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      border-top: 1px solid #f2f2f2;
      z-index: 99;
      box-shadow: 0px 0px 10px 0px #b7b7b7;
  }

  .mobile-nav .mobile-bar ul {
      list-style: none;
      width: 100%;
  }

  .mobile-nav .mobile-bar ul li {
      width: 25%;
      float: right;
  }

  .mobile-nav .mobile-bar ul li a {
      display: block;
      padding: 5px 10px;
      font-size: 16px;
      background-color: #FFF;
      text-align: center;
  }

  .mobile-nav .mobile-bar ul li a span, .mobile-nav .mobile-bar ul li a i {
      display: block;
      margin: 10px 0;
  }

  .mobile-nav .mobile-bar ul li a i {
      font-size: 25px;
  }

  .list-group-item {
      padding: 5px 0px !important;
      border-radius:0 !important;
  }



  .product-action .col {
      padding:0;
  }
  .product-action .row {
      margin:0;
  }

  .product-action button {
      width:100%;
      border-radius:0;
      text-align: center;
  }

  .product-action .d-inline-block,
  .product-action .col {
      width:100%;
  }

  .row {
      margin:0 !important;
  }
  .row-imp {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .header-top-area {
      height: 50px;
  }

  @media (max-width:700px) {
      .row {
          display:initial;
      }
      .newsletter-area {
          padding-top:30px;
      }
  }

  .footer-bottom-area .row {
      display:flex !important;
  }
  .banner-timer-area > div {
      padding:0;
  }

  /* .owl-nav.disabled {
      display:block !important;
  } */

  .m-rl {
      margin:0 15px;
  }

  .m-t {
      margin-top:15px;
  }

  .m-t-x {
      margin-top:0px;
  }

  @media (max-width:550px) {
      .m-t-x {
          margin-top:15px;
      }
  }

  .m-b {
      margin-top:15px;
  }

  .btn {
      border-radius: 0 !important;
  }

  .b-form-spinbutton {
      height: 38px;
      border-radius: 0;
  }

  .quantity {
      margin-bottom:15px;
      margin-left:15px;
      line-height: 38px;
  }

  .zoom-on-hover {
    position: relative;
    overflow: hidden;
  }

  .zoom-on-hover .normal {
    width: 100%;
  }
  .zoom-on-hover .zoom {
    position: absolute;
    opacity: 0;
    transform-origin: top right;
    /* transform: scale(1.5) !important; */
  }
  .zoom-on-hover.zoomed .zoom {
    opacity: 1;
  }
  .zoom-on-hover.zoomed .normal {
    opacity: 0;
  }

  .form-control, .custom-select {
    height: 38px;
    border-radius: 0;
  }

  .list-group-horizontal .list-group-item {
    padding:10px 15px !important;
  }

  .single-banner-small {
    margin:25px 0 !important;
  }

  [role='presentation'] a {
    padding:0.5rem .5rem;
    color:#000 !important;
  }
  [role='tablist'] {
      margin-bottom: 30px;
      border-bottom: 1px solid #cccccc7d;
      padding-bottom: 10px;
  }

  .tabs {
      /* padding:0 20px; */
      position: relative;
  }

  .fade-enter-active, .fade-leave-active {
    transition-property: opacity;
    transition-duration: .25s;
  }

  .fade-enter-active {
    transition-delay: .25s;
  }

  .fade-enter, .fade-leave-active {
    opacity: 0
  }

  .navbar .row {
      width:100%;
  }

  .navbar .title {
      float:left;
      color:#FFF;
      margin:0;
  }

  .single-product {
      padding:0 !important;
  }

  .trend-item-slider span {
      display:block !important;
  }

  .next, .prev {
      top: 10px;
      z-index:1;
      cursor: pointer;
      position: absolute;
  }

  .prev {
      left:30px;
  }

  .next {
      left: 120px;
  }

  @media (max-width:550px) {
      .trend-item-slider span {
          display:none !important;
      }
  }

  .s-b input {
      width:65%;
      float:right;
  }

  .popover-header, .popover-body, .popover {
      max-width:250px;
      width:250px;
  }

  .o-hidden {
      overflow: hidden;
  }


  .popover-header b {
      display:block;
      text-align:center;
  }

  .x-margin {
      margin:100px 0;
  }

  .x-margin-top {
      margin-top:100px;
  }
  .x-margin-bottom {
      margin-bottom:100px;
  }

  .x-margin {
      margin:100px 0;
  }

  .x-s-margin-bottom {
      margin-bottom:30px;
  }
  .x-s-margin-top {
      margin-top:30px;
  }

  .col-form-label {
      color:#000;
  }

  .shop-grid-right .w-100 .single-product {
      margin:0;
  }

  .main-slider span {
      display:block !important;
  }

  .main-slider .next, .main-slider .prev {
      bottom: 10px;
      cursor: pointer;
      position: absolute;
  }

  .main-slider .prev {
      right: 20px;
  }

  .main-slider .next {
      right: 150px;
  }

  .main-slider {
      position: relative;
  }

  .main-slider .owl-nav {
      position: absolute;
      bottom:20px;
      right:20px;
  }

  .main-slider .owl-nav .owl-prev,
  .main-slider .owl-nav .owl-next {
      background-color:transparent !important;
      font-size:30px !important;
      font-weight:bold;
  }

  @media (max-width:500px) {
      .main-slider .owl-nav .owl-prev,
      .main-slider .owl-nav .owl-next {
          font-size:20px !important;
      }
  }

  .main-slider .owl-nav .owl-prev:hover,
  .main-slider .owl-nav .owl-next:hover {
      background-color:transparent;
  }

  .image img {
      display:block;
      width:auto;
      margin:auto;
      max-width:100%;
  }
  /*# sourceMappingURL=style.css.map */
  .form-control.is-invalid::-moz-placeholder{
      color: var(--danger);
  }
  .form-control.is-invalid:-ms-input-placeholder{
      color: var(--danger);
  }
  .was-validated .form-control:invalid, .form-control.is-invalid::placeholder{
      color: var(--danger);
  }
  .form-control.is-valid::-moz-placeholder{
      color: var(--success);
  }
  .form-control.is-valid:-ms-input-placeholder{
      color: var(--success);
  }
  .was-validated .form-control:valid, .form-control.is-valid::placeholder , .form-control.is-valid{
      color: var(--success);
  }

  /* large desktop :1400px. */
  @media (min-width: 1400px) and (max-width: 2000px) {
    .container {
      width: 1370px;
      max-width:1370px !important;
    }

    .primary-image,
    .single-latest-blog-img img,
    .widget-banner img,
    .single-member-img>img {
      width: 100%
    }

    .tab-item-slider .product-action ul li.add-bag {
      width: 58%
    }

    .home-two .newsletter-box form button {
      margin-left: 296px;
      margin-top: 40px;
      margin-bottom: 20px
    }

    .home-two .big-one .timer-banner-text {
      top: 22%;
      right: 24%
    }

    .home-two .timer {
      right: 17%;
      top: 47%
    }

    .banner-timer-area .slider-button {
      bottom: 26%;
      left: 50.5%
    }

    .newsletter-area .section-title h2 {
      margin-bottom: 30px;
      margin-top: 100px
    }

    .newsletter-area .section-title p {
      margin-bottom: 25px
    }

    .home-two .subscribing label {
      margin-bottom: 124px
    }

    .single-right-widget .section-title ul.size-widget li a {
      padding: 12px 23.7px !important
    }

    .shop-product-text {
      padding: 25px 40px;
    }

    .product-details-area.right-sidebar .product-thumb ul li {
      margin: 3px 3px 32px
    }

    .product-details-area.right-sidebar .product-description-tab {
      padding: 55px 40px 82px 30px
    }

    .about-us-area::before,
    .about-us-area::after {
      width: 15.2%
    }

    .about-us-text {
      padding: 101px 30px
    }

    .cart_list thead th {
      padding: 15px 0px
    }

    .total {
      float: right;
      margin-left: 0
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: auto
    }

    .section-title.res2>h2 {
      margin-top: 95px;
    }

  }

  /* desktop 1200px to 1399px */
  @media (min-width: 1200px) and (max-width: 1399px) {
    .slider-content h1.title {
      font-size: 40px;
      line-height: 40px
    }

    .nivo_text {
      margin-top: 6.5%;
      text-align: left;
      margin-left: 10%;
    }

  }

  /* Normal desktop :992px. */
  @media (min-width: 992px) and (max-width: 1169px) {
    .container {
      width: 970px
    }

    .mainmenu {
      text-align: center
    }

    .single-service,
    .single-banner-small,
    .banner-right-img,
    .single-banner-small {
      width: 33.333333%
    }

    .single-service:nth-child(3) {
      border: none
    }

    .single-banner-text h3 a {
      font-size: 22px
    }

    a.shop-button {
      padding: 3px 12px
    }

    .wish-icon-hover ul li,
    .product-action ul li {
      width: 21%
    }

    .product-action ul li.add-bag {
      width: 57%
    }

    .single-banner-big {
      width: 66.6666666%
    }

    .home-two .banner-right-img,
    .home-two .single-banner-small {
      width: 25%
    }

    .banner-timer-area.home-two .single-banner-big {
      width: 50%
    }

    .banner-right-img {
      padding-right: 16px
    }

    .newsletter-area .section-title h2 {
      margin-top: 40px;
      font-size: 30px
    }

    .home-two label {
      margin-bottom: 41px
    }

    .timer {
      right: 1.5%;
      top: 49%
    }

    .about-us-area::before,
    .about-us-area::after {
      width: 9%
    }

    .about-us-img {
      padding: 96px 30px
    }

    .section-title span {
      margin-right: 1px;
      padding: 5px 6px
    }

    .single-right-widget {
      padding: 25px 14px 22px
    }

    .single-latest-blog-text h5 {
      float: left
    }

    .blog-sidebar .single-right-widget .section-title ul li.post:nth-child(2) {
      border-bottom: none;
      margin-bottom: 0px
    }

    #list .product-desc {
      margin-bottom: 11px
    }

    .shop-product-text {
      padding: 15px 30px 25px 15px
    }

    .cart_list tbody td.product_des {
      padding: 0 25px
    }

    .cart-area .col-lg-5.col-sm-12 a,
    .continue-shopping {
      margin-bottom: 30px
    }

    .total {
      width: 285px
    }

    .slider-content h1.title {
      font-size: 40px;
      line-height: 40px
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -14px
    }

    .about-us-area::before {
      top: -1px
    }

    .blog-content,
    .continue-reading,
    .date-comment {
      padding: 0 15px
    }

    .p-name,
    .p-name-subtotal,
    .p-name-shipping,
    .p-name-total {
      width: 318px
    }

    .product-thumb ul li {
      margin: 3px 3px 23px
    }

    .size-categories ul li a {
      padding: 7px 20px
    }

    .shop-product-text h4 a {
      font-size: 17px
    }

    .home-two .newsletter-wrapper {
      width: 72%
    }

    .banner-timer-area .slider-button {
      left: 43%
    }

    .search-box form {
      width: 180px;
    }

    .mainmenu ul li {
      padding: 42px 13px;
    }

    .nivo_text {
      margin-top: 6.5%;
      text-align: center;
    }

    .slider-content h3 {
      font-size: 30px;
    }

    .slider-content h2.title {
      font-size: 55px;
    }

    .slider-content h3.ti7 {
      font-size: 15px;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -11px;
    }

    .home-two .single-banner-small.small-two {
      padding-top: 7px;
    }

    .home-two .single-banner.right {
      padding-top: 7px;
    }

    .home-two label {
      margin-bottom: 23px;
    }

    .section-title.res2>h2 {
      margin-top: 12px;
    }

    .timer-banner-text>h2 {
      font-size: 21px;
    }

    .timer {
      top: 43%;
    }
  }

  /* Tablet desktop :768px. */
  @media (min-width: 768px) and (max-width: 991px) {
    .container {
      width: 750px
    }

    .mobile-menu-area,
    .blog-sidebar .post-info>span {
      display: block
    }

    .mainmenu,
    .zoomContainer {
      display: none
    }

    .single-service {
      width: 50%
    }

    .single-service:nth-child(2) {
      border: none
    }

    .single-banner-big {
      width: 66.6666666%
    }

    .single-banner-small {
      width: 33.3333%
    }

    .product-detail.shop-product-text {
      padding: 0px
    }

    .home-two .single-banner-small {
      width: 25%
    }

    .home-two .banner-right-img {
      padding-right: 13px
    }

    .home-two.big-one .timer-banner-text {
      right: 3%;
      top: 11%
    }

    .cart_list tbody td.product_des {
      padding: 0 10px
    }

    .home-two.timer-grid>div {
      margin-right: 10px
    }

    .home-two.timer {
      right: 2%
    }

    .newsletter-area.home-two {
      padding: 60px 0
    }

    .product-thumb ul li {
      margin: 3px 3px 34px
    }

    .home-two .newsletter-area .section-title h2 {
      font-size: 30px;
      margin-bottom: 10px;
      margin-top: 26px
    }

    .home-two .newsletter-box form button {
      margin-top: 20px
    }

    .home-two label {
      margin-bottom: 20px
    }

    .about-us-area::before,
    .about-us-area::after {
      background: none;
      border: none
    }

    .about-us-img {
      text-align: center;
      border-right: 1px solid #ddd;
      margin-top: 50px
    }

    .about-us-img img,
    .right_comment>input,
    .leave_comment textarea,
    .single-latest-blog-img img,
    .primary-image,
    .home-two .single-banner-big,
    .newsletter-area.home-two,
    .newsletter-box form input {
      width: 100%
    }

    .about-us-text {
      border-left: 1px solid #ddd
    }

    .single-member-info p {
      margin-bottom: 20px
    }

    .form-newsletter-area,
    .form-newsletter-area .newsletter-area {
      background: #F4F4F4
    }

    .contact-area .newsletter-area {
      padding: 0 0 40px 0
    }

    .contact-area .newsletter-area .section-heading h3 {
      margin-bottom: 50px
    }

    .blog-sidebar .search-box,
    .cart-area .col-lg-5.col-sm-12 a {
      margin-top: 30px
    }

    ul.children_comment {
      padding-left: 40px
    }

    .blog-sidebar,
    .shop-right-sidebar,
    .shop-grid-rightsidebar-area.leftsidebar .shop-item-filter.bottom,
    .cart-area .col-lg-5.col-sm-12 a {
      margin-bottom: 30px
    }

    .blog-fullview-area.right-sidebar .search-box {
      margin-top: 0
    }

    .single-right-widget .section-title ul.size-widget li a {
      padding: 12px 64.5px !important
    }

    .shop-grid-rightsidebar-area .wish-icon-hover ul li,
    .product-action ul li {
      width: 21%
    }

    .shop-grid-rightsidebar-area .product-action ul li.add-bag {
      width: 57%
    }

    #list .product-desc {
      margin-bottom: 35px
    }

    .shop-product-text {
      padding: 22px 30px 35px 20px
    }

    .shop-list-rightsidebar-area #grid .product-action ul li.add-bag {
      width: 57%
    }

    .cart_list tbody td,
    th.add-cart>a,
    .add-cart {
      padding: 5px
    }

    th.add-cart>a {
      font-size: 12px
    }

    .discount-code,
    .total {
      margin-top: 30px
    }

    .slider-content h1.title {
      font-size: 38px;
      line-height: 40px
    }

    .product-action ul li.add-bag {
      width: 57%
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -7px
    }

    .cart_list thead th {
      padding: 15px
    }

    .product-description-tab,
    .newsletter-area.home-two,
    .newsletter-box form button {
      margin-top: 50px
    }

    .timer-banner-text>h2 {
      margin-top: 22%
    }

    .timer {
      right: 8.5%
    }

    .home-two .newsletter-box form button {
      margin-top: 20px
    }

    .nivo_text {
      margin-top: 7.2%;
      text-align: center;
    }

    .slider-content h2.title {
      font-size: 38px;
      margin-bottom: 20px
    }

    .slider-content h3.ti7 {
      display: none;
    }

    .slider-content h3 {
      font-size: 25px;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -16px;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav {
      right: 13%;
    }

    .timer-banner-text>h2 {
      margin-top: -13%;
      font-size: 24px;
    }

    .single-banner-text h3 a {
      font-size: 19px;
    }

    .home-two .single-banner.right {
      padding-top: 8px;
    }

    .home-two .single-banner-small.small-two {
      padding-top: 8px;
    }


  }

  /* small mobile :320px. */
  @media (max-width: 767px) {
    .container {
      width: 300px
    }

    .mobile-menu-area,
    .search-box,
    .blog-sidebar .post-info>span,
    #quantity-wanted-p {
      display: block
    }

    .mainmenu,
    .owl-theme .owl-controls .owl-buttons div,
    .slider-content h1.title,
    .home-two .timer,
    .zoomLens,
    .zoomContainer {
      display: none
    }

    .language-usd>ul>li a,
    .account-cart>ul>li a {
      padding: 20px
    }

    .logo {
      text-align: center;
    }

    .cart_list thead th {
      padding: 15px 55px;
    }

    .big-one .timer-banner-text {
      right: 7%;
      top: 10%
    }

    .timer {
      top:45%;
    }

    .product-details-area.right-sidebar .product-description-tab {
      padding: 40px 15px 30px
    }

    .search-box {
      float: none;
      padding-bottom: 30px;
      padding-top: 0px
    }

    .single-service {
      border-right: none;
      padding: 20px 25px 10px;
      width: 100%
    }

    .single-banner,
    .single-banner-small,
    .single-banner-big,
    .search-box form,
    .newsletter-box form input,
    .newsletter-area.home-two,
    .right_comment>input,
    .leave_comment textarea,
    .contact-area .newsletter-box form input,
    .home-two .newsletter-wrapper {
      width: 100%
    }

    .single-banner,
    .footer-middle-area,
    .home-two .single-banner.right,
    .home-two .single-banner-small,
    .home-two .single-banner-small.small-two,
    .team-area {
      padding-top: 50px
    }

    .single-banner:first-child {
      padding-top: 25px
    }

    .single-banner-text h3 a {
      font-size: 15px;
      letter-spacing: 0
    }

    .single-banner-text {
      top: 31%
    }

    .single-banner.left .single-banner-text,
    .home-two .single-banner-text {
      top: 40%
    }

    .section-title h2 {
      font-size: 25px;
      margin-top: 45px
    }

    .banner-timer-area .single-banner-small:first-child,
    .footer-widget,
    .pagination,
    .shop-item-filter.bottom {
      margin-bottom: 50px
    }

    .newsletter-box form button {
      margin-top: 25px
    }

    label,
    .shop-list-rightsidebar-area .shop-item-filter.bottom {
      margin-bottom: 65px
    }

    .date-comment h5,
    .footer-bottom-area .payment,
    .single-latest-blog-text h5 {
      float: left
    }

    .blog-content a h4,
    .big-one .timer-banner-text h2 {
      font-size: 17px
    }

    .footer-middle-area .col-lg-3:last-child .footer-widget,
    .single-product {
      margin-bottom: 0px
    }

    .single-product,
    .latest-blog-area .section-title h2,
    .client-area .section-title h2 {
      margin-top: 40px
    }

    .newsletter-area,
    .newsletter-area.home-two {
      margin-top: 50px
    }

    .latest-blog-area,
    .footer-middle-area,
    .client-area,
    .team-area,
    .blog-fullview-area.blog-details {
      padding-bottom: 50px
    }

    .home-two .single-banner-small,
    .home-two .single-banner.right {
      padding-right: 0px
    }

    .home-two .single-banner.left,
    .home-two .single-banner-small.small-two,
    .product-detail.shop-product-text {
      padding-left: 0px
    }

    .newsletter-area.home-two {
      padding-left: 25px
    }

    .home-two .newsletter-box form button,
    .home-two .newsletter-box .subscribing {
      margin-left: 0
    }

    .error-content h2 {
      font-size: 25px
    }

    .error-content p {
      font-size: 20px
    }

    .error-content {
      padding-top: 300px
    }

    .about-us-area::before,
    .about-us-area::after {
      background: none;
      border: none
    }

    .about-us-text {
      border-left: 1px solid #ddd
    }

    .about-us-img {
      text-align: center;
      border-right: 1px solid #ddd;
      margin-top: 50px
    }

    .single-member-info p {
      margin-bottom: 10px
    }

    .member-social-icon ul li {
      margin-right: 5px
    }

    .about-us-text,
    .about-us-img {
      padding: 30px 30px
    }

    ul.children_comment {
      padding-left: 0px
    }

    p.name strong {
      font-size: 15px
    }

    .description-tab-menu ul li a {
      padding-right: 55px;
      line-height: 30px
    }

    .description-tab-menu ul li:before,
    .description-tab-menu ul li:after {
      background: none
    }

    .blog-fullview-area #comments,
    .blog-sidebar .search-box,
    .shop-list-rightsidebar-area .shop-item-filter,
    .shop-list-rightsidebar-area .shop-item-filter.bottom,
    .shop-list-rightsidebar-area.leftsidebar .shop-item-filter.bottom,
    .discount-code,
    .product-details-area.right-sidebar .single-right-widget.without-background {
      margin-top: 30px
    }

    .blog-fullview-area.right-sidebar .search-box,
    .shop-item-filter.bottom,
    .shop-list-rightsidebar-area.leftsidebar .shop-item-filter {
      margin-top: 0
    }

    .blog-sidebar,
    .shop-grid-rightsidebar-area .tab-content,
    .shop-grid-rightsidebar-area .shop-right-sidebar,
    .shop-grid-rightsidebar-area .shop-item-filter.bottom,
    .shop-list-rightsidebar-area .shop-item-filter.bottom,
    .discount-code,
    .c-btn,
    .contact-area .newsletter-area .section-heading h3,
    #quantity-wanted-p {
      margin-bottom: 30px
    }

    .cart-btn>span {
      padding: 10px 10px
    }

    .shop-buttons .fa.fa-heart-o,
    .shop-buttons .fa.fa-refresh,
    .cart-btn>span {
      margin-right: 3px
    }

    .shop-product-text {
      padding: 25px 20px 34px 20px
    }

    .cart_list tbody td.product_des {
      padding: 0 5px
    }

    .continue-shopping {
      margin: 15px 0
    }

    .total {
      margin-left: 0px
    }

    .contact-us-form {
      padding: 50px 0
    }

    .form-newsletter-area::before,
    .contact-us-form {
      background: none
    }

    .contact-area .newsletter-area {
      padding: 20px 0px
    }

    .cart_list tbody td {
      padding: 5px
    }

    .total {
      width: 257px
    }

    .discount-code,
    .total {
      padding: 20px 8px
    }

    tbody {
      border-bottom: 1px solid #dddddd
    }

    .nivo_text .slider-content h4 {
      margin-bottom: 10px
    }

    .date-comment,
    .blog-content,
    .continue-reading {
      padding: 0 15px
    }

    .product-thumb ul li {
      margin: 3px 3px 15px
    }

    .slider-content h2.title {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .slider-content h3 {
      display: none;
    }

    .slider-content h3.ti7 {
      display: none;
    }

    /* .slider-button {
      font-size: 10px;
      padding: 3px 8px;
    } */

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -13px;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav {
      left: auto;
      right: 21%;
    }







  }

  /* Large Mobile :480px. */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
      width: 450px
    }

    .mobile-menu-area {
      display: block
    }

    .mainmenu {
      display: none
    }

    .footer-widget {
      margin-bottom: 30px
    }

    .product-action ul li.add-bag {
      width: 58.8%
    }

    .single-latest-blog-text h5 {
      float: right
    }

    .primary-image,
    .widget-banner img {
      width: 100%
    }

    .shop-fullgrid-area .product-action ul li a {
      width: 14%
    }

    .product-action ul li.add-bag {
      width: 58%; margin-right:1px
    }

    .product-action ul li {
      margin-right: 1px
    }

    .single-right-widget .section-title ul.size-widget li a {
      padding: 12px 34.5px !important
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav {
      right: 15%;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -20px;
    }

    .nivo_text {
      margin-top: 12.5%;
      text-align: center;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav::after {
      right: -28px;
    }

    .preview-2 .nivo-directionNav a.nivo-prevNav {
      right: 23%;
    }

    .preview-2 .nivo-directionNav a {
      font-size: 14px;
    }

  }

  /* .owl-nav {
    position: absolute;
    top: -50px;
    left: 0;
  }

  .owl-next, .owl-prev {
    background-color:transparent !important;
    color:#000 !important;
  } */
  .vue-form-wizard .wizard-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:4px}.vue-form-wizard .wizard-btn.disabled,.vue-form-wizard .wizard-btn[disabled],fieldset[disabled] .vue-form-wizard .wizard-btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.vue-form-wizard *{-webkit-box-sizing:border-box;box-sizing:border-box}.vue-form-wizard a{text-decoration:none}.vue-form-wizard .wizard-nav{margin-bottom:0;padding-left:0;list-style:none}.vue-form-wizard .wizard-nav>li{position:relative;display:block}.vue-form-wizard .wizard-nav>li>a{position:relative;display:block;padding:10px 15px}.vue-form-wizard .wizard-nav>li>a:focus,.vue-form-wizard .wizard-nav>li>a:hover{text-decoration:none;background-color:#eee}.vue-form-wizard .wizard-nav>li.disabled>a{color:#777}.vue-form-wizard .wizard-nav>li.disabled>a:focus,.vue-form-wizard .wizard-nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.vue-form-wizard .wizard-progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn,.vue-form-wizard .wizard-btn{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:2px;background-color:transparent;font-size:14px;font-weight:600;padding:6px 12px;min-width:140px}.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:focus,.vue-form-wizard .navbar .navbar-nav>li>a.wizard-btn:hover,.vue-form-wizard .wizard-btn:focus,.vue-form-wizard .wizard-btn:hover{outline:0!important}.vue-form-wizard .wizard-nav-pills{margin-top:0;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.vue-form-wizard .wizard-nav-pills a,.vue-form-wizard .wizard-nav-pills li{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-positive:1;flex-grow:1}.vue-form-wizard .wizard-nav-pills>li>a,.vue-form-wizard .wizard-nav-pills a{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-form-wizard .wizard-nav-pills>li>a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0 auto;color:rgba(0,0,0,.2);position:relative;top:3px}.vue-form-wizard .wizard-nav-pills>li>a:focus,.vue-form-wizard .wizard-nav-pills>li>a:hover{background-color:transparent;color:rgba(0,0,0,.2);outline:0!important}.vue-form-wizard .wizard-nav-pills>li>a.disabled{pointer-events:none;cursor:default}.vue-form-wizard .wizard-nav-pills>li.active>a,.vue-form-wizard .wizard-nav-pills>li.active>a:focus,.vue-form-wizard .wizard-nav-pills>li.active>a:hover{background-color:transparent;-webkit-transition:font-size .2s linear;transition:font-size .2s linear}.vue-form-wizard .wizard-nav-pills>li.active>a .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:focus .wizard-icon,.vue-form-wizard .wizard-nav-pills>li.active>a:hover .wizard-icon{color:#fff;font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s linear;transition:all .2s linear}.vue-form-wizard{padding-bottom:20px}.vue-form-wizard .is_error{border-color:#c84513!important}.vue-form-wizard .is_error .icon-container{background:#c84513!important}.vue-form-wizard.xs .wizard-icon-circle{width:40px;height:40px;font-size:16px}.vue-form-wizard.xs .wizard-icon-circle.tab_shape{height:25px}.vue-form-wizard.xs .wizard-nav-pills>li.active>a .wizard-icon{font-size:16px}.vue-form-wizard.xs .wizard-navigation .wizard-progress-with-circle{position:relative;top:25px;height:4px}.vue-form-wizard.sm .wizard-icon-circle{width:50px;height:50px;font-size:20px}.vue-form-wizard.sm .wizard-icon-circle.tab_shape{height:30px}.vue-form-wizard.sm .wizard-nav-pills>li.active>a .wizard-icon{font-size:20px}.vue-form-wizard.sm .wizard-navigation .wizard-progress-with-circle{position:relative;top:30px;height:4px}.vue-form-wizard.md .wizard-icon-circle{width:70px;height:70px;font-size:24px}.vue-form-wizard.md .wizard-icon-circle.tab_shape{height:40px}.vue-form-wizard.md .wizard-nav-pills>li.active>a .wizard-icon{font-size:24px}.vue-form-wizard.md .wizard-navigation .wizard-progress-with-circle{position:relative;top:40px;height:4px}.vue-form-wizard.lg .wizard-icon-circle{width:90px;height:90px;font-size:28px}.vue-form-wizard.lg .wizard-icon-circle.tab_shape{height:50px}.vue-form-wizard.lg .wizard-nav-pills>li.active>a .wizard-icon{font-size:28px}.vue-form-wizard.lg .wizard-navigation .wizard-progress-with-circle{position:relative;top:50px;height:4px}.vue-form-wizard .wizard-icon-circle{font-size:18px;border:3px solid #f3f2ee;border-radius:50%;font-weight:600;width:70px;height:70px;background-color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.vue-form-wizard .wizard-icon-circle.square_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle.tab_shape{width:100%;min-width:100px;height:40px;border:none;background-color:#f3f2ee;border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:40%}.vue-form-wizard .wizard-icon-circle .wizard-icon-container.square_shape,.vue-form-wizard .wizard-icon-circle .wizard-icon-container.tab_shape{border-radius:0}.vue-form-wizard .wizard-icon-circle .wizard-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-tab-content{min-height:100px;padding:30px 20px 10px}.vue-form-wizard .wizard-header{padding:15px;position:relative;border-radius:3px 3px 0 0;text-align:center}.vue-form-wizard .wizard-title{color:#252422;font-weight:300;margin:0;text-align:center}.vue-form-wizard .category{font-size:14px;font-weight:400;color:#9a9a9a;margin-bottom:0;text-align:center}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle{position:relative;top:40px;height:4px}.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar{-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width .3s ease;transition:width .3s ease}.vue-form-wizard .clearfix:after{content:"";clear:both;display:table}.vue-form-wizard .wizard-card-footer{padding:0 20px}.vue-form-wizard .wizard-card-footer .wizard-footer-left{float:left}.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:right}@media screen and (max-width:350px){.vue-form-wizard .wizard-card-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-form-wizard .wizard-card-footer .wizard-footer-left,.vue-form-wizard .wizard-card-footer .wizard-footer-right{float:none;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-form-wizard .wizard-card-footer .wizard-footer-right button{margin-top:10px}}.vue-form-wizard.vertical .wizard-card-footer{display:block}.vue-form-wizard.vertical .wizard-nav-pills{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-form-wizard.vertical .wizard-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.vue-form-wizard.vertical .wizard-card-footer{padding-top:30px}/*!
   * Bootstrap v4.5.2 (https://getbootstrap.com/)
   * Copyright 2011-2020 The Bootstrap Authors
   * Copyright 2011-2020 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */

  :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --woman: #d9a574;
    --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;
  }

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

  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  article,
  aside,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section {
    display: block;
  }

  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fdfdfd;
  }

  [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }

  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  abbr[title],
  abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }

  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }

  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }

  dt {
    font-weight: 700;
  }

  dd {
    margin-bottom: .5rem;
    margin-right: 0;
  }

  blockquote {
    margin: 0 0 1rem;
  }

  b,
  strong {
    font-weight: bolder;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
  }

  a:hover {
    color: #0056b3;
    text-decoration: underline;
  }

  a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
  }

  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }

  pre,
  code,
  kbd,
  samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }

  pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
  }

  figure {
    margin: 0 0 1rem;
  }

  img {
    vertical-align: middle;
    border-style: none;
  }

  svg {
    overflow: hidden;
    vertical-align: middle;
  }

  table {
    border-collapse: collapse;
  }

  caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: right;
    caption-side: bottom;
  }

  th {
    text-align: inherit;
  }

  label {
    display: inline-block;
    margin-bottom: 0.5rem;
  }

  button {
    border-radius: 0;
  }

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  button,
  input {
    overflow: visible;
  }

  button,
  select {
    text-transform: none;
  }

  [role="button"] {
    cursor: pointer;
  }

  select {
    word-wrap: normal;
  }

  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }

  button:not(:disabled),
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled) {
    cursor: pointer;
  }

  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  input[type="radio"],
  input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
  }

  textarea {
    overflow: auto;
    resize: vertical;
  }

  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }

  legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
  }

  progress {
    vertical-align: baseline;
  }

  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }

  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }

  output {
    display: inline-block;
  }

  summary {
    display: list-item;
    cursor: pointer;
  }

  template {
    display: none;
  }

  [hidden] {
    display: none !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
  }

  h1,
  .h1 {
    font-size: 2.5rem;
  }

  h2,
  .h2 {
    font-size: 2rem;
  }

  h3,
  .h3 {
    font-size: 1.75rem;
  }

  h4,
  .h4 {
    font-size: 1.5rem;
  }

  h5,
  .h5 {
    font-size: 1.25rem;
  }

  h6,
  .h6 {
    font-size: 1rem;
  }

  .lead {
    font-size: 1.25rem;
    font-weight: 300;
  }

  .display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
  }

  hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  small,
  .small {
    font-size: 80%;
    font-weight: 400;
  }

  mark,
  .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
  }

  .list-unstyled {
    padding-right: 0;
    list-style: none;
  }

  .list-inline {
    padding-right: 0;
    list-style: none;
  }

  .list-inline-item {
    display: inline-block;
  }

  .list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
  }

  .initialism {
    font-size: 90%;
    text-transform: uppercase;
  }

  .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }

  .blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
  }

  .blockquote-footer::before {
    content: "\2014\A0";
  }

  .img-fluid {
    max-width: 100%;
    height: auto;
  }

  .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
  }

  .figure {
    display: inline-block;
  }

  .figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
  }

  .figure-caption {
    font-size: 90%;
    color: #6c757d;
  }

  code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
  }

  a > code {
    color: inherit;
  }

  kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
  }

  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
  }

  pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
  }

  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }

  .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
  }

  .container,
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

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

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

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

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

  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .no-gutters {
    margin-left: 0;
    margin-right: 0;
  }

  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-auto,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-sm-auto,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-md-auto,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-lg-auto,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl,
  .col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-first {
    order: -1;
  }

  .order-last {
    order: 13;
  }

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-9 {
    order: 9;
  }

  .order-10 {
    order: 10;
  }

  .order-11 {
    order: 11;
  }

  .order-12 {
    order: 12;
  }

  .offset-1 {
    margin-right: 8.33333333%;
  }

  .offset-2 {
    margin-right: 16.66666667%;
  }

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

  .offset-4 {
    margin-right: 33.33333333%;
  }

  .offset-5 {
    margin-right: 41.66666667%;
  }

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

  .offset-7 {
    margin-right: 58.33333333%;
  }

  .offset-8 {
    margin-right: 66.66666667%;
  }

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

  .offset-10 {
    margin-right: 83.33333333%;
  }

  .offset-11 {
    margin-right: 91.66666667%;
  }

  @media (min-width: 576px) {
    .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-11 {
      margin-right: 91.66666667%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

    .col-md-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-11 {
      margin-right: 91.66666667%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-11 {
      margin-right: 91.66666667%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-11 {
      margin-right: 91.66666667%;
    }
  }

  .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
  }

  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }

  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
  }

  .table tbody + tbody {
    border-top: 2px solid #dee2e6;
  }

  .table-sm th,
  .table-sm td {
    padding: 0.3rem;
  }

  .table-bordered {
    border: 1px solid #dee2e6;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6;
  }

  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px;
  }

  .table-borderless th,
  .table-borderless td,
  .table-borderless thead th,
  .table-borderless tbody + tbody {
    border: 0;
  }

  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table-primary,
  .table-primary > th,
  .table-primary > td {
    background-color: #b8daff;
  }

  .table-primary th,
  .table-primary td,
  .table-primary thead th,
  .table-primary tbody + tbody {
    border-color: #7abaff;
  }

  .table-hover .table-primary:hover {
    background-color: #9fcdff;
  }

  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #9fcdff;
  }

  .table-secondary,
  .table-secondary > th,
  .table-secondary > td {
    background-color: #d6d8db;
  }

  .table-secondary th,
  .table-secondary td,
  .table-secondary thead th,
  .table-secondary tbody + tbody {
    border-color: #b3b7bb;
  }

  .table-hover .table-secondary:hover {
    background-color: #c8cbcf;
  }

  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
  }

  .table-success,
  .table-success > th,
  .table-success > td {
    background-color: #c3e6cb;
  }

  .table-success th,
  .table-success td,
  .table-success thead th,
  .table-success tbody + tbody {
    border-color: #8fd19e;
  }

  .table-hover .table-success:hover {
    background-color: #b1dfbb;
  }

  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb;
  }

  .table-info,
  .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,
  .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,
  .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,
  .table-light > th,
  .table-light > td {
    background-color: #fdfdfe;
  }

  .table-light th,
  .table-light td,
  .table-light thead th,
  .table-light tbody + tbody {
    border-color: #fbfcfc;
  }

  .table-hover .table-light:hover {
    background-color: #ececf6;
  }

  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6;
  }

  .table-dark,
  .table-dark > th,
  .table-dark > td {
    background-color: #c6c8ca;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #95999c;
  }

  .table-hover .table-dark:hover {
    background-color: #b9bbbe;
  }

  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
  }

  .table-woman,
  .table-woman > th,
  .table-woman > td {
    background-color: #f4e6d8;
  }

  .table-woman th,
  .table-woman td,
  .table-woman thead th,
  .table-woman tbody + tbody {
    border-color: #ebd0b7;
  }

  .table-hover .table-woman:hover {
    background-color: #eed9c4;
  }

  .table-hover .table-woman:hover > td,
  .table-hover .table-woman:hover > th {
    background-color: #eed9c4;
  }

  .table-active,
  .table-active > th,
  .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
  }

  .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }

  .table-dark {
    color: #fff;
    background-color: #343a40;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #454d55;
  }

  .table-dark.table-bordered {
    border: 0;
  }

  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
  }

  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
  }

  @media (max-width: 575.98px) {
    .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .table-responsive-sm > .table-bordered {
      border: 0;
    }
  }

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

    .table-responsive-md > .table-bordered {
      border: 0;
    }
  }

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

    .table-responsive-lg > .table-bordered {
      border: 0;
    }
  }

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

    .table-responsive-xl > .table-bordered {
      border: 0;
    }
  }

  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    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::-ms-expand {
    background-color: transparent;
    border: 0;
  }

  .form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
  }

  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
  }

  .form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
  }

  .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
  }

  .form-control:disabled,
  .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
  }

  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
  }

  .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.25rem;
    line-height: 1.5;
  }

  .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
  }

  .form-control-plaintext.form-control-sm,
  .form-control-plaintext.form-control-lg {
    padding-left: 0;
    padding-right: 0;
  }

  .form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }

  .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    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-left: -5px;
    margin-right: -5px;
  }

  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-check {
    position: relative;
    display: block;
    padding-right: 1.25rem;
  }

  .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-right: -1.25rem;
  }

  .form-check-input[disabled] ~ .form-check-label,
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
  }

  .form-check-label {
    margin-bottom: 0;
  }

  .form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-right: 0;
    margin-left: 0.75rem;
  }

  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-left: 0.3125rem;
    margin-right: 0;
  }

  .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
  }

  .valid-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
  }

  .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: #28a745;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }

  .was-validated .form-control:valid:focus,
  .form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .was-validated textarea.form-control:valid,
  textarea.form-control.is-valid {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
  }

  .was-validated .custom-select:valid,
  .custom-select.is-valid {
    border-color: #28a745;
    padding-left: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }

  .was-validated .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .was-validated .form-check-input:valid ~ .form-check-label,
  .form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
  }

  .was-validated .form-check-input:valid ~ .valid-feedback,
  .was-validated .form-check-input:valid ~ .valid-tooltip,
  .form-check-input.is-valid ~ .valid-feedback,
  .form-check-input.is-valid ~ .valid-tooltip {
    display: block;
  }

  .was-validated .custom-control-input:valid ~ .custom-control-label,
  .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
  }

  .was-validated .custom-control-input:valid ~ .custom-control-label::before,
  .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #28a745;
  }

  .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
  .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
  }

  .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
  .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
  .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
  }

  .was-validated .custom-file-input:valid ~ .custom-file-label,
  .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
  }

  .was-validated .custom-file-input:valid:focus ~ .custom-file-label,
  .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
  }

  .invalid-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
  }

  .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: #dc3545;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }

  .was-validated .form-control:invalid:focus,
  .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .was-validated textarea.form-control:invalid,
  textarea.form-control.is-invalid {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
  }

  .was-validated .custom-select:invalid,
  .custom-select.is-invalid {
    border-color: #dc3545;
    padding-left: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }

  .was-validated .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .was-validated .form-check-input:invalid ~ .form-check-label,
  .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
  }

  .was-validated .form-check-input:invalid ~ .invalid-feedback,
  .was-validated .form-check-input:invalid ~ .invalid-tooltip,
  .form-check-input.is-invalid ~ .invalid-feedback,
  .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
  }

  .was-validated .custom-control-input:invalid ~ .custom-control-label,
  .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
  }

  .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
  .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545;
  }

  .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
  .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
  }

  .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
  .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
  .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
  }

  .was-validated .custom-file-input:invalid ~ .custom-file-label,
  .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
  }

  .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
  .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }

  .form-inline .form-check {
    width: 100%;
  }

  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0;
    }

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

    .form-inline .form-control {
      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-right: 0;
    }

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

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

    .form-inline .custom-control-label {
      margin-bottom: 0;
    }
  }

  .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none;
    }
  }

  .btn:hover {
    color: #212529;
    text-decoration: none;
  }

  .btn:focus,
  .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .btn.disabled,
  .btn:disabled {
    opacity: 0.65;
  }

  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }

  a.btn.disabled,
  fieldset:disabled a.btn {
    pointer-events: none;
  }

  .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
  }

  .btn-primary:focus,
  .btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .btn-primary.disabled,
  .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .btn-primary:not(:disabled):not(.disabled):active,
  .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
  }

  .btn-primary:not(:disabled):not(.disabled):active:focus,
  .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }

  .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }

  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
  }

  .btn-secondary:focus,
  .btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }

  .btn-secondary.disabled,
  .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }

  .btn-secondary:not(:disabled):not(.disabled):active,
  .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
  }

  .btn-secondary:not(:disabled):not(.disabled):active:focus,
  .btn-secondary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }

  .btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
  }

  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }

  .btn-success.disabled,
  .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-success:not(:disabled):not(.disabled):active,
  .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
  }

  .btn-success:not(:disabled):not(.disabled):active:focus,
  .btn-success:not(:disabled):not(.disabled).active:focus,
  .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }

  .btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
  }

  .btn-info:focus,
  .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }

  .btn-info.disabled,
  .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

  .btn-info:not(:disabled):not(.disabled):active,
  .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
  }

  .btn-info:not(:disabled):not(.disabled):active:focus,
  .btn-info:not(:disabled):not(.disabled).active:focus,
  .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }

  .btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }

  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
  }

  .btn-warning:focus,
  .btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }

  .btn-warning.disabled,
  .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }

  .btn-warning:not(:disabled):not(.disabled):active,
  .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
  }

  .btn-warning:not(:disabled):not(.disabled):active:focus,
  .btn-warning:not(:disabled):not(.disabled).active:focus,
  .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }

  .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }

  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
  }

  .btn-danger:focus,
  .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }

  .btn-danger.disabled,
  .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }

  .btn-danger:not(:disabled):not(.disabled):active,
  .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
  }

  .btn-danger:not(:disabled):not(.disabled):active:focus,
  .btn-danger:not(:disabled):not(.disabled).active:focus,
  .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }

  .btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
  }

  .btn-light:focus,
  .btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  }

  .btn-light.disabled,
  .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-light:not(:disabled):not(.disabled):active,
  .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
  }

  .btn-light:not(:disabled):not(.disabled):active:focus,
  .btn-light:not(:disabled):not(.disabled).active:focus,
  .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  }

  .btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
  }

  .btn-dark:focus,
  .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  }

  .btn-dark.disabled,
  .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-dark:not(:disabled):not(.disabled):active,
  .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
  }

  .btn-dark:not(:disabled):not(.disabled):active:focus,
  .btn-dark:not(:disabled):not(.disabled).active:focus,
  .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  }

  .btn-woman {
    color: #212529;
    background-color: #d9a574;
    border-color: #d9a574;
  }

  .btn-woman:hover {
    color: #212529;
    background-color: #d19256;
    border-color: #ce8b4c;
  }

  .btn-woman:focus,
  .btn-woman.focus {
    color: #212529;
    background-color: #d19256;
    border-color: #ce8b4c;
    box-shadow: 0 0 0 0.2rem rgba(189, 146, 105, 0.5);
  }

  .btn-woman.disabled,
  .btn-woman:disabled {
    color: #212529;
    background-color: #d9a574;
    border-color: #d9a574;
  }

  .btn-woman:not(:disabled):not(.disabled):active,
  .btn-woman:not(:disabled):not(.disabled).active,
  .show > .btn-woman.dropdown-toggle {
    color: #212529;
    background-color: #ce8b4c;
    border-color: #cb8542;
  }

  .btn-woman:not(:disabled):not(.disabled):active:focus,
  .btn-woman:not(:disabled):not(.disabled).active:focus,
  .show > .btn-woman.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(189, 146, 105, 0.5);
  }

  .btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
  }

  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .btn-outline-primary:focus,
  .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }

  .btn-outline-primary.disabled,
  .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
  }

  .btn-outline-primary:not(:disabled):not(.disabled):active,
  .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
  .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }

  .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
  }

  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }

  .btn-outline-secondary:focus,
  .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }

  .btn-outline-secondary.disabled,
  .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
  }

  .btn-outline-secondary:not(:disabled):not(.disabled):active,
  .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }

  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }

  .btn-outline-success {
    color: #28a745;
    border-color: #28a745;
  }

  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-outline-success:focus,
  .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .btn-outline-success.disabled,
  .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
  }

  .btn-outline-success:not(:disabled):not(.disabled):active,
  .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
  }

  .btn-outline-success:not(:disabled):not(.disabled):active:focus,
  .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
  }

  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

  .btn-outline-info:focus,
  .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }

  .btn-outline-info.disabled,
  .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
  }

  .btn-outline-info:not(:disabled):not(.disabled):active,
  .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

  .btn-outline-info:not(:disabled):not(.disabled):active:focus,
  .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }

  .btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
  }

  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }

  .btn-outline-warning:focus,
  .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }

  .btn-outline-warning.disabled,
  .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
  }

  .btn-outline-warning:not(:disabled):not(.disabled):active,
  .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }

  .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
  .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }

  .btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
  }

  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }

  .btn-outline-danger:focus,
  .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }

  .btn-outline-danger.disabled,
  .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
  }

  .btn-outline-danger:not(:disabled):not(.disabled):active,
  .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
  }

  .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
  .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }

  .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-outline-light:focus,
  .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }

  .btn-outline-light.disabled,
  .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
  }

  .btn-outline-light:not(:disabled):not(.disabled):active,
  .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }

  .btn-outline-light:not(:disabled):not(.disabled):active:focus,
  .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }

  .btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
  }

  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-outline-dark:focus,
  .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }

  .btn-outline-dark.disabled,
  .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
  }

  .btn-outline-dark:not(:disabled):not(.disabled):active,
  .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
  .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }

  .btn-outline-woman {
    color: #d9a574;
    border-color: #d9a574;
  }

  .btn-outline-woman:hover {
    color: var(--white);
    background-color: #d9a574;
    border-color: #d9a574;
  }

  .btn-outline-woman:focus,
  .btn-outline-woman.focus {
    box-shadow: 0 0 0 0.2rem rgba(217, 165, 116, 0.5);
  }

  .btn-outline-woman.disabled,
  .btn-outline-woman:disabled {
    color: #d9a574;
    background-color: transparent;
  }

  .btn-outline-woman:not(:disabled):not(.disabled):active,
  .btn-outline-woman:not(:disabled):not(.disabled).active,
  .show > .btn-outline-woman.dropdown-toggle {
    color: #212529;
    background-color: #d9a574;
    border-color: #d9a574;
  }

  .btn-outline-woman:not(:disabled):not(.disabled):active:focus,
  .btn-outline-woman:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-woman.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(217, 165, 116, 0.5);
  }

  .btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
  }

  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
  }

  .btn-link:focus,
  .btn-link.focus {
    text-decoration: underline;
  }

  .btn-link:disabled,
  .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
  }

  .btn-lg,
  .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }

  .btn-sm,
  .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }

  .btn-block {
    display: block;
    width: 100%;
  }

  .btn-block + .btn-block {
    margin-top: 0.5rem;
  }

  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }

  .fade {
    transition: opacity 0.15s linear;
  }

  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none;
    }
  }

  .fade:not(.show) {
    opacity: 0;
  }

  .collapse:not(.show) {
    display: none;
  }

  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none;
    }
  }

  .dropup,
  .dropright,
  .dropdown,
  .dropleft {
    position: relative;
  }

  .dropdown-toggle {
    white-space: nowrap;
  }

  .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
  }

  .dropdown-toggle:empty::after {
    margin-right: 0;
  }

  .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
  }

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

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

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

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

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

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

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

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

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

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

  .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
  }

  .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-left: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
  }

  .dropup .dropdown-toggle:empty::after {
    margin-right: 0;
  }

  .dropright .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
  }

  .dropright .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0;
    border-bottom: 0.3em solid transparent;
    border-right: 0.3em solid;
  }

  .dropright .dropdown-toggle:empty::after {
    margin-right: 0;
  }

  .dropright .dropdown-toggle::after {
    vertical-align: 0;
  }

  .dropleft .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 0;
    margin-left: 0.125rem;
  }

  .dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
  }

  .dropleft .dropdown-toggle::after {
    display: none;
  }

  .dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
  }

  .dropleft .dropdown-toggle:empty::after {
    margin-right: 0;
  }

  .dropleft .dropdown-toggle::before {
    vertical-align: 0;
  }

  .dropdown-menu[x-placement^="top"],
  .dropdown-menu[x-placement^="right"],
  .dropdown-menu[x-placement^="bottom"],
  .dropdown-menu[x-placement^="left"] {
    left: auto;
    bottom: auto;
  }

  .dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
  }

  .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
  }

  .dropdown-item.active,
  .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
  }

  .dropdown-item.disabled,
  .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
  }

  .dropdown-menu.show {
    display: block;
  }

  .dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
  }

  .dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
  }

  .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:hover,
  .btn-group-vertical > .btn:hover {
    z-index: 1;
  }

  .btn-group > .btn:focus,
  .btn-group > .btn:active,
  .btn-group > .btn.active,
  .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 > .btn:not(:first-child),
  .btn-group > .btn-group:not(:first-child) {
    margin-right: -1px;
  }

  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

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

  .dropdown-toggle-split {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
  }

  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-right: 0;
  }

  .dropleft .dropdown-toggle-split::before {
    margin-left: 0;
  }

  .btn-sm + .dropdown-toggle-split,
  .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .btn-lg + .dropdown-toggle-split,
  .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-left: 0.75rem;
    padding-right: 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: -1px;
  }

  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .btn-group-toggle > .btn,
  .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
  }

  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }

  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    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%;
    min-width: 0;
    margin-bottom: 0;
  }

  .input-group > .form-control + .form-control,
  .input-group > .form-control + .custom-select,
  .input-group > .form-control + .custom-file,
  .input-group > .form-control-plaintext + .form-control,
  .input-group > .form-control-plaintext + .custom-select,
  .input-group > .form-control-plaintext + .custom-file,
  .input-group > .custom-select + .form-control,
  .input-group > .custom-select + .custom-select,
  .input-group > .custom-select + .custom-file,
  .input-group > .custom-file + .form-control,
  .input-group > .custom-file + .custom-select,
  .input-group > .custom-file + .custom-file {
    margin-right: -1px;
  }

  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
  }

  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
  }

  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input-group > .custom-file {
    display: flex;
    align-items: center;
  }

  .input-group > .custom-file:not(:last-child) .custom-file-label,
  .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input-group-prepend,
  .input-group-append {
    display: flex;
  }

  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2;
  }

  .input-group-prepend .btn:focus,
  .input-group-append .btn:focus {
    z-index: 3;
  }

  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-right: -1px;
  }

  .input-group-prepend {
    margin-left: -1px;
  }

  .input-group-append {
    margin-right: -1px;
  }

  .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
  }

  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0;
  }

  .input-group-lg > .form-control:not(textarea),
  .input-group-lg > .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,
  .input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }

  .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,
  .input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }

  .input-group-lg > .custom-select,
  .input-group-sm > .custom-select {
    padding-left: 1.75rem;
  }

  .input-group > .input-group-prepend > .btn,
  .input-group > .input-group-prepend > .input-group-text,
  .input-group > .input-group-append:not(:last-child) > .btn,
  .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),
  .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .input-group > .input-group-append > .btn,
  .input-group > .input-group-append > .input-group-text,
  .input-group > .input-group-prepend:not(:first-child) > .btn,
  .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
  .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
  .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5rem;
  }

  .custom-control-inline {
    display: inline-flex;
    margin-left: 1rem;
  }

  .custom-control-input {
    position: absolute;
    right: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
  }

  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
  }

  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
  }

  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }

  .custom-control-input[disabled] ~ .custom-control-label,
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
  }

  .custom-control-input[disabled] ~ .custom-control-label::before,
  .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
  }

  .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
  }

  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
  }

  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    right: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
  }

  .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
  }

  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  }

  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
  }

  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
  }

  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }

  .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }

  .custom-radio .custom-control-label::before {
    border-radius: 50%;
  }

  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  }

  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }

  .custom-switch {
    padding-right: 2.25rem;
  }

  .custom-switch .custom-control-label::before {
    right: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
  }

  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    right: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
      transition: none;
    }
  }

  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(-0.75rem);
  }

  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }

  .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
  }

  .custom-select[multiple],
  .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-left: 0.75rem;
    background-image: none;
  }

  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
  }

  .custom-select::-ms-expand {
    display: none;
  }

  .custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
  }

  .custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
  }

  .custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    font-size: 1.25rem;
  }

  .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
  }

  .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
  }

  .custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .custom-file-input[disabled] ~ .custom-file-label,
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef;
  }

  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
  }

  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
  }

  .custom-file-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
  }

  .custom-file-label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-right: inherit;
    border-radius: 0.25rem 0 0 0.25rem;
  }

  .custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .custom-range:focus {
    outline: none;
  }

  .custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .custom-range::-moz-focus-outer {
    border: 0;
  }

  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
    }
  }

  .custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
  }

  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
  }

  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
    }
  }

  .custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
  }

  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
  }

  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
      -ms-transition: none;
      transition: none;
    }
  }

  .custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
  }

  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
  }

  .custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
  }

  .custom-range::-ms-fill-upper {
    margin-left: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
  }

  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
  }

  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
  }

  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
  }

  .custom-range:disabled::-moz-range-track {
    cursor: default;
  }

  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
  }

  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none;
    }
  }

  .nav {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .nav-link {
    display: block;
    padding: 0.5rem 1rem;
  }

  .nav-link:hover,
  .nav-link:focus {
    text-decoration: none;
  }

  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
  }

  .nav-tabs {
    border-bottom: 1px solid #dee2e6;
  }

  .nav-tabs .nav-item {
    margin-bottom: -1px;
  }

  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
  }

  .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
  }

  .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
  }

  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .nav-pills .nav-link {
    border-radius: 0.25rem;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
  }

  .nav-fill > .nav-link,
  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }

  .nav-justified > .nav-link,
  .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }

  .tab-content > .tab-pane {
    display: none;
  }

  .tab-content > .active {
    display: block;
  }

  .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
  }

  .navbar .container,
  .navbar .container-fluid,
  .navbar .container-sm,
  .navbar .container-md,
  .navbar .container-lg,
  .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
  }

  .navbar-brand:hover,
  .navbar-brand:focus {
    text-decoration: none;
  }

  .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }

  .navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }

  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }

  .navbar-toggler:hover,
  .navbar-toggler:focus {
    text-decoration: none;
  }

  .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
  }

  @media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media (min-width: 576px) {
    .navbar-expand-sm {
      flex-flow: row nowrap;
      justify-content: flex-start;
    }

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

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

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

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

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

    .navbar-expand-sm .navbar-toggler {
      display: none;
    }
  }

  @media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media (min-width: 768px) {
    .navbar-expand-md {
      flex-flow: row nowrap;
      justify-content: flex-start;
    }

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

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

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

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

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

    .navbar-expand-md .navbar-toggler {
      display: none;
    }
  }

  @media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media (min-width: 992px) {
    .navbar-expand-lg {
      flex-flow: row nowrap;
      justify-content: flex-start;
    }

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

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

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

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

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

    .navbar-expand-lg .navbar-toggler {
      display: none;
    }
  }

  @media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media (min-width: 1200px) {
    .navbar-expand-xl {
      flex-flow: row nowrap;
      justify-content: flex-start;
    }

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

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

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

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

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

    .navbar-expand-xl .navbar-toggler {
      display: none;
    }
  }

  .navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand > .container,
  .navbar-expand > .container-fluid,
  .navbar-expand > .container-sm,
  .navbar-expand > .container-md,
  .navbar-expand > .container-lg,
  .navbar-expand > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }

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

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

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

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

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

  .navbar-expand .navbar-toggler {
    display: none;
  }

  .navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
  }

  .navbar-light .navbar-brand:hover,
  .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
  }

  .navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
  }

  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
  }

  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
  }

  .navbar-light .navbar-nav .show > .nav-link,
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
  }

  .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
  }

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
  }

  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
  }

  .navbar-light .navbar-text a:hover,
  .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
  }

  .navbar-dark .navbar-brand {
    color: #fff;
  }

  .navbar-dark .navbar-brand:hover,
  .navbar-dark .navbar-brand:focus {
    color: #fff;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }

  .navbar-dark .navbar-nav .nav-link:hover,
  .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
  }

  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
  }

  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
  }

  .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
  }

  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
  }

  .navbar-dark .navbar-text a {
    color: #fff;
  }

  .navbar-dark .navbar-text a:hover,
  .navbar-dark .navbar-text a:focus {
    color: #fff;
  }

  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }

  .card > hr {
    margin-left: 0;
    margin-right: 0;
  }

  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
  }

  .card > .list-group:first-child {
    border-top-width: 0;
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
  }

  .card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
  }

  .card > .card-header + .list-group,
  .card > .list-group + .card-footer {
    border-top: 0;
  }

  .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
  }

  .card-title {
    margin-bottom: 0.75rem;
  }

  .card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
  }

  .card-text:last-child {
    margin-bottom: 0;
  }

  .card-link:hover {
    text-decoration: none;
  }

  .card-link + .card-link {
    margin-right: 1.25rem;
  }

  .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }

  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  }

  .card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
  }

  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
  }

  .card-header-tabs {
    margin-left: -0.625rem;
    margin-bottom: -0.75rem;
    margin-right: -0.625rem;
    border-bottom: 0;
  }

  .card-header-pills {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
  }

  .card-img,
  .card-img-top,
  .card-img-bottom {
    flex-shrink: 0;
    width: 100%;
  }

  .card-img,
  .card-img-top {
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
  }

  .card-img,
  .card-img-bottom {
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
  }

  .card-deck .card {
    margin-bottom: 15px;
  }

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

    .card-deck .card {
      flex: 1 0 0%;
      margin-left: 15px;
      margin-bottom: 0;
      margin-right: 15px;
    }
  }

  .card-group > .card {
    margin-bottom: 15px;
  }

  @media (min-width: 576px) {
    .card-group {
      display: flex;
      flex-flow: row wrap;
    }

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

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

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

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

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

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

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

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

  .card-columns .card {
    margin-bottom: 0.75rem;
  }

  @media (min-width: 576px) {
    .card-columns {
      -moz-column-count: 3;
      column-count: 3;
      -moz-column-gap: 1.25rem;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1;
    }

    .card-columns .card {
      display: inline-block;
      width: 100%;
    }
  }

  .accordion {
    overflow-anchor: none;
  }

  .accordion > .card {
    overflow: hidden;
  }

  .accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .accordion > .card:not(:first-of-type) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
  }

  .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
  }

  .breadcrumb-item {
    display: flex;
  }

  .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
  }

  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
  }

  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
  }

  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
  }

  .breadcrumb-item.active {
    color: #6c757d;
  }

  .pagination {
    display: flex;
    padding-right: 0;
    list-style: none;
    border-radius: 0.25rem;
  }

  .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-right: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }

  .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }

  .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
  }

  .pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .pagination-lg .page-item:first-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }

  .pagination-lg .page-item:last-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }

  .pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .pagination-sm .page-item:first-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
  }

  .pagination-sm .page-item:last-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
  }

  .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none;
    }
  }

  a.badge:hover,
  a.badge:focus {
    text-decoration: none;
  }

  .badge:empty {
    display: none;
  }

  .btn .badge {
    position: relative;
    top: -1px;
  }

  .badge-pill {
    padding-left: 0.6em;
    padding-right: 0.6em;
    border-radius: 10rem;
  }

  .badge-primary {
    color: #fff;
    background-color: #007bff;
  }

  a.badge-primary:hover,
  a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
  }

  a.badge-primary:focus,
  a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }

  .badge-secondary {
    color: #fff;
    background-color: #6c757d;
  }

  a.badge-secondary:hover,
  a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
  }

  a.badge-secondary:focus,
  a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }

  .badge-success {
    color: #fff;
    background-color: #28a745;
  }

  a.badge-success:hover,
  a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
  }

  a.badge-success:focus,
  a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .badge-info {
    color: #fff;
    background-color: #17a2b8;
  }

  a.badge-info:hover,
  a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
  }

  a.badge-info:focus,
  a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }

  .badge-warning {
    color: #212529;
    background-color: #ffc107;
  }

  a.badge-warning:hover,
  a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
  }

  a.badge-warning:focus,
  a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }

  .badge-danger {
    color: #fff;
    background-color: #dc3545;
  }

  a.badge-danger:hover,
  a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
  }

  a.badge-danger:focus,
  a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }

  .badge-light {
    color: #212529;
    background-color: #f8f9fa;
  }

  a.badge-light:hover,
  a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
  }

  a.badge-light:focus,
  a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }

  .badge-dark {
    color: #fff;
    background-color: #343a40;
  }

  a.badge-dark:hover,
  a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
  }

  a.badge-dark:focus,
  a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }

  .badge-woman {
    color: #212529;
    background-color: #d9a574;
  }

  a.badge-woman:hover,
  a.badge-woman:focus {
    color: #212529;
    background-color: #ce8b4c;
  }

  a.badge-woman:focus,
  a.badge-woman.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(217, 165, 116, 0.5);
  }

  .jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
  }

  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem;
    }
  }

  .jumbotron-fluid {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }

  .alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }

  .alert-heading {
    color: inherit;
  }

  .alert-link {
    font-weight: 700;
  }

  .alert-dismissible {
    padding-left: 4rem;
  }

  .alert-dismissible .close {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
  }

  .alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
  }

  .alert-primary hr {
    border-top-color: #9fcdff;
  }

  .alert-primary .alert-link {
    color: #002752;
  }

  .alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
  }

  .alert-secondary hr {
    border-top-color: #c8cbcf;
  }

  .alert-secondary .alert-link {
    color: #202326;
  }

  .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
  }

  .alert-success hr {
    border-top-color: #b1dfbb;
  }

  .alert-success .alert-link {
    color: #0b2e13;
  }

  .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: #fff3cd;
    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: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
  }

  .alert-light hr {
    border-top-color: #ececf6;
  }

  .alert-light .alert-link {
    color: #686868;
  }

  .alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
  }

  .alert-dark hr {
    border-top-color: #b9bbbe;
  }

  .alert-dark .alert-link {
    color: #040505;
  }

  .alert-woman {
    color: #71563c;
    background-color: #f7ede3;
    border-color: #f4e6d8;
  }

  .alert-woman hr {
    border-top-color: #eed9c4;
  }

  .alert-woman .alert-link {
    color: #503d2a;
  }

  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 1rem 0;
    }

    to {
      background-position: 100% 0;
    }
  }

  @keyframes progress-bar-stripes {
    from {
      background-position: 1rem 0;
    }

    to {
      background-position: 100% 0;
    }
  }

  .progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
  }

  .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none;
    }
  }

  .progress-bar-striped {
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
  }

  .progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      -webkit-animation: none;
      animation: none;
    }
  }

  .media {
    display: flex;
    align-items: flex-start;
  }

  .media-body {
    flex: 1;
  }

  .list-group {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
  }

  .list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
  }

  .list-group-item-action:hover,
  .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
  }

  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
  }

  .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
  }

  .list-group-item:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
  }

  .list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }

  .list-group-item.disabled,
  .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
  }

  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }

  .list-group-item + .list-group-item {
    border-top-width: 0;
  }

  .list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
  }

  .list-group-horizontal {
    flex-direction: row;
  }

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

  .list-group-horizontal > .list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
    border-left:1px solid #CCC;
  }

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

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

  .list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }

  @media (min-width: 576px) {
    .list-group-horizontal-sm {
      flex-direction: row;
    }

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

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

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

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

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

  @media (min-width: 768px) {
    .list-group-horizontal-md {
      flex-direction: row;
    }

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

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

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

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

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

  @media (min-width: 992px) {
    .list-group-horizontal-lg {
      flex-direction: row;
    }

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

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

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

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

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

  @media (min-width: 1200px) {
    .list-group-horizontal-xl {
      flex-direction: row;
    }

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

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

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

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

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

  .list-group-flush {
    border-radius: 0;
  }

  .list-group-flush > .list-group-item {
    border-width: 0 0 1px;
  }

  .list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
  }

  .list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
  }

  .list-group-item-primary.list-group-item-action:hover,
  .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff;
  }

  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
  }

  .list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
  }

  .list-group-item-secondary.list-group-item-action:hover,
  .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
  }

  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
  }

  .list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
  }

  .list-group-item-success.list-group-item-action:hover,
  .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
  }

  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
  }

  .list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
  }

  .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: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
  }

  .list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
  }

  .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: #fff;
    background-color: #856404;
    border-color: #856404;
  }

  .list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
  }

  .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: #fff;
    background-color: #721c24;
    border-color: #721c24;
  }

  .list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
  }

  .list-group-item-light.list-group-item-action:hover,
  .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
  }

  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
  }

  .list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
  }

  .list-group-item-dark.list-group-item-action:hover,
  .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
  }

  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
  }

  .list-group-item-woman {
    color: #71563c;
    background-color: #f4e6d8;
  }

  .list-group-item-woman.list-group-item-action:hover,
  .list-group-item-woman.list-group-item-action:focus {
    color: #71563c;
    background-color: #eed9c4;
  }

  .list-group-item-woman.list-group-item-action.active {
    color: #fff;
    background-color: #71563c;
    border-color: #71563c;
  }

  .close {
    float: left;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
  }

  .close:hover {
    color: #000;
    text-decoration: none;
  }

  .close:not(:disabled):not(.disabled):hover,
  .close:not(:disabled):not(.disabled):focus {
    opacity: .75;
  }

  button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
  }

  a.close.disabled {
    pointer-events: none;
  }

  .toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
  }

  .toast:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .toast.showing {
    opacity: 1;
  }

  .toast.show {
    display: block;
    opacity: 1;
  }

  .toast.hide {
    display: none;
  }

  .toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
  }

  .toast-body {
    padding: 0.75rem;
  }

  .modal-open {
    overflow: hidden;
  }

  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    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 {
    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);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
  }

  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }

  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }

  .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
  }

  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }

  .modal-backdrop.fade {
    opacity: 0;
  }

  .modal-backdrop.show {
    opacity: 0.5;
  }

  .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
  }

  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem auto -1rem -1rem;
  }

  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }

  .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
  }

  .modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-left-radius: calc(0.3rem - 1px);
    border-bottom-right-radius: calc(0.3rem - 1px);
  }

  .modal-footer > * {
    margin: 0.25rem;
  }

  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }

  @media (min-width: 576px) {
    .modal-dialog {
      max-width: 500px;
      margin: 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);
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content;
    }

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

  .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: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
  }

  .tooltip.show {
    opacity: 0.9;
  }

  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
  }

  .tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }

  .bs-tooltip-top,
  .bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="top"],
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
  }

  .bs-tooltip-top .arrow,
  .bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
  }

  .bs-tooltip-top .arrow::before,
  .bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
  }

  .bs-tooltip-right,
  .bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"],
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
  }

  .bs-tooltip-right .arrow,
  .bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="right"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
  }

  .bs-tooltip-right .arrow::before,
  .bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
  }

  .bs-tooltip-bottom,
  .bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="bottom"],
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
  }

  .bs-tooltip-bottom .arrow,
  .bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
  }

  .bs-tooltip-bottom .arrow::before,
  .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
  }

  .bs-tooltip-left,
  .bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"],
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
  }

  .bs-tooltip-left .arrow,
  .bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="left"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
  }

  .bs-tooltip-left .arrow::before,
  .bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
  }

  .tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
  }

  .popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
  }

  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
  }

  .popover .arrow::before,
  .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
  }

  .bs-popover-top,
  .bs-popover-auto[x-placement^="top"],
  .b-popover-primary.bs-popover-auto[x-placement^="top"],
  .b-popover-secondary.bs-popover-auto[x-placement^="top"],
  .b-popover-success.bs-popover-auto[x-placement^="top"],
  .b-popover-info.bs-popover-auto[x-placement^="top"],
  .b-popover-warning.bs-popover-auto[x-placement^="top"],
  .b-popover-danger.bs-popover-auto[x-placement^="top"],
  .b-popover-light.bs-popover-auto[x-placement^="top"],
  .b-popover-dark.bs-popover-auto[x-placement^="top"],
  .b-popover-woman.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
  }

  .bs-popover-top > .arrow,
  .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc(-0.5rem - 1px);
  }

  .bs-popover-top > .arrow::before,
  .bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
  }

  .bs-popover-top > .arrow::after,
  .bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
  }

  .bs-popover-right,
  .bs-popover-auto[x-placement^="right"],
  .b-popover-primary.bs-popover-auto[x-placement^="right"],
  .b-popover-secondary.bs-popover-auto[x-placement^="right"],
  .b-popover-success.bs-popover-auto[x-placement^="right"],
  .b-popover-info.bs-popover-auto[x-placement^="right"],
  .b-popover-warning.bs-popover-auto[x-placement^="right"],
  .b-popover-danger.bs-popover-auto[x-placement^="right"],
  .b-popover-light.bs-popover-auto[x-placement^="right"],
  .b-popover-dark.bs-popover-auto[x-placement^="right"],
  .b-popover-woman.bs-popover-auto[x-placement^="right"] {
    margin-right: 0.5rem;
  }

  .bs-popover-right > .arrow,
  .bs-popover-auto[x-placement^="right"] > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
  }

  .bs-popover-right > .arrow::before,
  .bs-popover-auto[x-placement^="right"] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
  }

  .bs-popover-right > .arrow::after,
  .bs-popover-auto[x-placement^="right"] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
  }

  .bs-popover-bottom,
  .bs-popover-auto[x-placement^="bottom"],
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"],
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"],
  .b-popover-success.bs-popover-auto[x-placement^="bottom"],
  .b-popover-info.bs-popover-auto[x-placement^="bottom"],
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"],
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"],
  .b-popover-light.bs-popover-auto[x-placement^="bottom"],
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"],
  .b-popover-woman.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
  }

  .bs-popover-bottom > .arrow,
  .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc(-0.5rem - 1px);
  }

  .bs-popover-bottom > .arrow::before,
  .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
  }

  .bs-popover-bottom > .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
  }

  .bs-popover-bottom .popover-header::before,
  .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: 1rem;
    margin-right: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
  }

  .bs-popover-left,
  .bs-popover-auto[x-placement^="left"],
  .b-popover-primary.bs-popover-auto[x-placement^="left"],
  .b-popover-secondary.bs-popover-auto[x-placement^="left"],
  .b-popover-success.bs-popover-auto[x-placement^="left"],
  .b-popover-info.bs-popover-auto[x-placement^="left"],
  .b-popover-warning.bs-popover-auto[x-placement^="left"],
  .b-popover-danger.bs-popover-auto[x-placement^="left"],
  .b-popover-light.bs-popover-auto[x-placement^="left"],
  .b-popover-dark.bs-popover-auto[x-placement^="left"],
  .b-popover-woman.bs-popover-auto[x-placement^="left"] {
    margin-left: 0.5rem;
  }

  .bs-popover-left > .arrow,
  .bs-popover-auto[x-placement^="left"] > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
  }

  .bs-popover-left > .arrow::before,
  .bs-popover-auto[x-placement^="left"] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
  }

  .bs-popover-left > .arrow::after,
  .bs-popover-auto[x-placement^="left"] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
  }

  .popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
  }

  .popover-header:empty {
    display: none;
  }

  .popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
  }

  .carousel {
    position: relative;
  }

  .carousel.pointer-event {
    touch-action: pan-y;
  }

  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
  }

  .carousel-item {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    margin-left: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none;
    }
  }

  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }

  .carousel-item-next:not(.carousel-item-left),
  .active.carousel-item-right {
    transform: translateX(-100%);
  }

  .carousel-item-prev:not(.carousel-item-right),
  .active.carousel-item-left {
    transform: translateX(100%);
  }

  .carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
  }

  .carousel-fade .carousel-item.active,
  .carousel-fade .carousel-item-next.carousel-item-left,
  .carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
  }

  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none;
    }
  }

  .carousel-control-prev,
  .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none;
    }
  }

  .carousel-control-prev:hover,
  .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
  }

  .carousel-control-prev {
    right: 0;
  }

  .carousel-control-next {
    left: 0;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
  }

  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
  }

  .carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-right: 0;
    margin-left: 15%;
    margin-right: 15%;
    list-style: none;
  }

  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
      transition: none;
    }
  }

  .carousel-indicators .active {
    opacity: 1;
  }

  .carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 20px;
    right: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }

  @-webkit-keyframes spinner-border {
    to {
      transform: rotate(-360deg);
    }
  }

  @keyframes spinner-border {
    to {
      transform: rotate(-360deg);
    }
  }

  .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
  }

  .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
  }

  @-webkit-keyframes spinner-grow {
    0% {
      transform: scale(0);
    }

    50% {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }

    50% {
      opacity: 1;
      transform: none;
    }
  }

  .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
  }

  .spinner-grow-sm {
    width: 1rem;
    height: 1rem;
  }

  .align-baseline {
    vertical-align: baseline !important;
  }

  .align-top {
    vertical-align: top !important;
  }

  .align-middle {
    vertical-align: middle !important;
  }

  .align-bottom {
    vertical-align: bottom !important;
  }

  .align-text-bottom {
    vertical-align: text-bottom !important;
  }

  .align-text-top {
    vertical-align: text-top !important;
  }

  .bg-primary {
    background-color: #007bff !important;
  }

  a.bg-primary:hover,
  a.bg-primary:focus,
  button.bg-primary:hover,
  button.bg-primary:focus {
    background-color: #0062cc !important;
  }

  .bg-secondary {
    background-color: #6c757d !important;
  }

  a.bg-secondary:hover,
  a.bg-secondary:focus,
  button.bg-secondary:hover,
  button.bg-secondary:focus {
    background-color: #545b62 !important;
  }

  .bg-success {
    background-color: #28a745 !important;
  }

  a.bg-success:hover,
  a.bg-success:focus,
  button.bg-success:hover,
  button.bg-success:focus {
    background-color: #1e7e34 !important;
  }

  .bg-info {
    background-color: #17a2b8 !important;
  }

  a.bg-info:hover,
  a.bg-info:focus,
  button.bg-info:hover,
  button.bg-info:focus {
    background-color: #117a8b !important;
  }

  .bg-warning {
    background-color: #ffc107 !important;
  }

  a.bg-warning:hover,
  a.bg-warning:focus,
  button.bg-warning:hover,
  button.bg-warning:focus {
    background-color: #d39e00 !important;
  }

  .bg-danger {
    background-color: #dc3545 !important;
  }

  a.bg-danger:hover,
  a.bg-danger:focus,
  button.bg-danger:hover,
  button.bg-danger:focus {
    background-color: #bd2130 !important;
  }

  .bg-light {
    background-color: #f8f9fa !important;
  }

  a.bg-light:hover,
  a.bg-light:focus,
  button.bg-light:hover,
  button.bg-light:focus {
    background-color: #dae0e5 !important;
  }

  .bg-dark {
    background-color: #343a40 !important;
  }

  a.bg-dark:hover,
  a.bg-dark:focus,
  button.bg-dark:hover,
  button.bg-dark:focus {
    background-color: #1d2124 !important;
  }

  .bg-woman {
    background-color: #d9a574 !important;
  }

  a.bg-woman:hover,
  a.bg-woman:focus,
  button.bg-woman:hover,
  button.bg-woman:focus {
    background-color: #ce8b4c !important;
  }

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

  .bg-transparent {
    background-color: transparent !important;
  }

  .border {
    border: 1px solid #dee2e6 !important;
  }

  .border-top {
    border-top: 1px solid #dee2e6 !important;
  }

  .border-right {
    border-left: 1px solid #dee2e6 !important;
  }

  .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }

  .border-left {
    border-right: 1px solid #dee2e6 !important;
  }

  .border-0 {
    border: 0 !important;
  }

  .border-top-0 {
    border-top: 0 !important;
  }

  .border-right-0 {
    border-left: 0 !important;
  }

  .border-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-left-0 {
    border-right: 0 !important;
  }

  .border-primary {
    border-color: #007bff !important;
  }

  .border-secondary {
    border-color: #6c757d !important;
  }

  .border-success {
    border-color: #28a745 !important;
  }

  .border-info {
    border-color: #17a2b8 !important;
  }

  .border-warning {
    border-color: #ffc107 !important;
  }

  .border-danger {
    border-color: #dc3545 !important;
  }

  .border-light {
    border-color: #f8f9fa !important;
  }

  .border-dark {
    border-color: #343a40 !important;
  }

  .border-woman {
    border-color: #d9a574 !important;
  }

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

  .rounded-sm {
    border-radius: 0.2rem !important;
  }

  .rounded {
    border-radius: 0.25rem !important;
  }

  .rounded-top {
    border-top-right-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
  }

  .rounded-right {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .rounded-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .rounded-left {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .rounded-lg {
    border-radius: 0.3rem !important;
  }

  .rounded-circle {
    border-radius: 50% !important;
  }

  .rounded-pill {
    border-radius: 50rem !important;
  }

  .rounded-0 {
    border-radius: 0 !important;
  }

  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }

  .d-none {
    display: none !important;
  }

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

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

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

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

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

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

  .d-flex {
    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;
    }
  }

  .embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  .embed-responsive::before {
    display: block;
    content: "";
  }

  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .embed-responsive-21by9::before {
    padding-top: 42.85714286%;
  }

  .embed-responsive-16by9::before {
    padding-top: 56.25%;
  }

  .embed-responsive-4by3::before {
    padding-top: 75%;
  }

  .embed-responsive-1by1::before {
    padding-top: 100%;
  }

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

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

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

  .float-none {
    float: none !important;
  }

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

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

    .float-sm-none {
      float: none !important;
    }
  }

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

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

    .float-md-none {
      float: none !important;
    }
  }

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

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

    .float-lg-none {
      float: none !important;
    }
  }

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

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

    .float-xl-none {
      float: none !important;
    }
  }

  .user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .overflow-auto {
    overflow: auto !important;
  }

  .overflow-hidden {
    overflow: hidden !important;
  }

  .position-static {
    position: static !important;
  }

  .position-relative {
    position: relative !important;
  }

  .position-absolute {
    position: absolute !important;
  }

  .position-fixed {
    position: fixed !important;
  }

  .position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
  }

  .fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1030;
  }

  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020;
    }
  }

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  }

  .shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }

  .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  }

  .shadow-none {
    box-shadow: none !important;
  }

  .w-25 {
    width: 25% !important;
  }

  .w-50 {
    width: 50% !important;
  }

  .w-75 {
    width: 75% !important;
  }

  .w-100 {
    width: 100% !important;
  }

  .w-auto {
    width: auto !important;
  }

  .h-25 {
    height: 25% !important;
  }

  .h-50 {
    height: 50% !important;
  }

  .h-75 {
    height: 75% !important;
  }

  .h-100 {
    height: 100% !important;
  }

  .h-auto {
    height: auto !important;
  }

  .mw-100 {
    max-width: 100% !important;
  }

  .mh-100 {
    max-height: 100% !important;
  }

  .min-vw-100 {
    min-width: 100vw !important;
  }

  .min-vh-100 {
    min-height: 100vh !important;
  }

  .vw-100 {
    width: 100vw !important;
  }

  .vh-100 {
    height: 100vh !important;
  }

  .m-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 576px) {
    .m-sm-0 {
      margin: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 768px) {
    .m-md-0 {
      margin: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 992px) {
    .m-lg-0 {
      margin: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 1200px) {
    .m-xl-0 {
      margin: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-xl-auto,
    .mx-xl-auto {
      margin-right: auto !important;
    }
  }

  .stretched-link::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
  }

  .text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .text-justify {
    text-align: justify !important;
  }

  .text-wrap {
    white-space: normal !important;
  }

  .text-nowrap {
    white-space: nowrap !important;
  }

  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .text-left {
    text-align: right !important;
  }

  .text-right {
    text-align: left !important;
  }

  .text-center {
    text-align: center !important;
  }

  @media (min-width: 576px) {
    .text-sm-left {
      text-align: right !important;
    }

    .text-sm-right {
      text-align: left !important;
    }

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

  @media (min-width: 768px) {
    .text-md-left {
      text-align: right !important;
    }

    .text-md-right {
      text-align: left !important;
    }

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

  @media (min-width: 992px) {
    .text-lg-left {
      text-align: right !important;
    }

    .text-lg-right {
      text-align: left !important;
    }

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

  @media (min-width: 1200px) {
    .text-xl-left {
      text-align: right !important;
    }

    .text-xl-right {
      text-align: left !important;
    }

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

  .text-lowercase {
    text-transform: lowercase !important;
  }

  .text-uppercase {
    text-transform: uppercase !important;
  }

  .text-capitalize {
    text-transform: capitalize !important;
  }

  .font-weight-light {
    font-weight: 300 !important;
  }

  .font-weight-lighter {
    font-weight: lighter !important;
  }

  .font-weight-normal {
    font-weight: 400 !important;
  }

  .font-weight-bold {
    font-weight: 700 !important;
  }

  .font-weight-bolder {
    font-weight: bolder !important;
  }

  .font-italic {
    font-style: italic !important;
  }

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

  .text-primary {
    color: #007bff !important;
  }

  a.text-primary:hover,
  a.text-primary:focus {
    color: #0056b3 !important;
  }

  .text-secondary {
    color: #6c757d !important;
  }

  a.text-secondary:hover,
  a.text-secondary:focus {
    color: #494f54 !important;
  }

  .text-success {
    color: #28a745 !important;
  }

  a.text-success:hover,
  a.text-success:focus {
    color: #19692c !important;
  }

  .text-info {
    color: #17a2b8 !important;
  }

  a.text-info:hover,
  a.text-info:focus {
    color: #0f6674 !important;
  }

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

  a.text-warning:hover,
  a.text-warning:focus {
    color: #ba8b00 !important;
  }

  .text-danger {
    color: #dc3545 !important;
  }

  a.text-danger:hover,
  a.text-danger:focus {
    color: #a71d2a !important;
  }

  .text-light {
    color: #f8f9fa !important;
  }

  a.text-light:hover,
  a.text-light:focus {
    color: #cbd3da !important;
  }

  .text-dark {
    color: #343a40 !important;
  }

  a.text-dark:hover,
  a.text-dark:focus {
    color: #121416 !important;
  }

  .text-woman {
    color: #d9a574 !important;
  }

  a.text-woman:hover,
  a.text-woman:focus {
    color: #c97e38 !important;
  }

  .text-body {
    color: #212529 !important;
  }

  .text-muted {
    color: #6c757d !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;
  }

  @media print {
    *,
    *::before,
    *::after {
      text-shadow: none !important;
      box-shadow: none !important;
    }

    a:not(.btn) {
      text-decoration: underline;
    }

    abbr[title]::after {
      content: " (" attr(title) ")";
    }

    pre {
      white-space: pre-wrap !important;
    }

    pre,
    blockquote {
      border: 1px solid #adb5bd;
      page-break-inside: avoid;
    }

    thead {
      display: table-header-group;
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }

  @page {
      size: a3;
  }

    body {
      min-width: 992px !important;
    }

    .container {
      min-width: 992px !important;
    }

    .navbar {
      display: none;
    }

    .badge {
      border: 1px solid #000;
    }

    .table {
      border-collapse: collapse !important;
    }

    .table td,
    .table th {
      background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
      border: 1px solid #dee2e6 !important;
    }

    .table-dark {
      color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #dee2e6;
    }

    .table .thead-dark th {
      color: inherit;
      border-color: #dee2e6;
    }
  }

  .bv-no-focus-ring:focus {
    outline: none;
  }

  @media (max-width: 575.98px) {
    .bv-d-down-none {
      display: none !important;
    }
  }

  @media (max-width: 767.98px) {
    .bv-d-sm-down-none {
      display: none !important;
    }
  }

  @media (max-width: 991.98px) {
    .bv-d-md-down-none {
      display: none !important;
    }
  }

  @media (max-width: 1199.98px) {
    .bv-d-lg-down-none {
      display: none !important;
    }
  }

  .bv-d-xl-down-none {
    display: none !important;
  }

  .form-control.focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .form-control.focus.is-valid {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .form-control.focus.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .b-form-btn-label-control.form-control {
    background-image: none;
    padding: 0;
  }

  .input-group .b-form-btn-label-control.form-control {
    padding: 0;
  }

  [dir="rtl"] .b-form-btn-label-control.form-control,
  .b-form-btn-label-control.form-control[dir="rtl"] {
    flex-direction: row-reverse;
  }

  [dir="rtl"] .b-form-btn-label-control.form-control > label,
  .b-form-btn-label-control.form-control[dir="rtl"] > label {
    text-align: left;
  }

  .b-form-btn-label-control.form-control > .btn {
    line-height: 1;
    font-size: inherit;
    box-shadow: none !important;
    border: 0;
  }

  .b-form-btn-label-control.form-control > .btn:disabled {
    pointer-events: none;
  }

  .b-form-btn-label-control.form-control.is-valid > .btn {
    color: #28a745;
  }

  .b-form-btn-label-control.form-control.is-invalid > .btn {
    color: #dc3545;
  }

  .b-form-btn-label-control.form-control > .dropdown-menu {
    padding: 0.5rem;
  }

  .b-form-btn-label-control.form-control > label {
    outline: 0;
    padding-right: 0.25rem;
    margin: 0;
    border: 0;
    font-size: inherit;
    cursor: pointer;
    min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px);
  }

  .b-form-btn-label-control.form-control > label.form-control-sm {
    min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
  }

  .b-form-btn-label-control.form-control > label.form-control-lg {
    min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
  }

  .input-group.input-group-sm .b-form-btn-label-control.form-control > label {
    min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .input-group.input-group-lg .b-form-btn-label-control.form-control > label {
    min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .b-form-btn-label-control.form-control[aria-disabled="true"],
  .b-form-btn-label-control.form-control[aria-readonly="true"] {
    background-color: #e9ecef;
    opacity: 1;
  }

  .b-form-btn-label-control.form-control[aria-disabled="true"] {
    pointer-events: none;
  }

  .b-form-btn-label-control.form-control[aria-disabled="true"] > label {
    cursor: default;
  }

  .b-form-btn-label-control.btn-group > .dropdown-menu {
    padding: 0.5rem;
  }

  .b-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    max-width: 100%;
    max-height: auto;
    text-align: center;
    overflow: visible;
    position: relative;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .cart .b-avatar, .table .b-avatar {
      height: 5rem !important;
  }
.f-center {
    display: flex;
    align-items: center;
}
  .b-avatar:focus {
    outline: 0;
  }

  .b-avatar.btn,
  .b-avatar[href] {
    padding: 0;
    border: 0;
  }

  .b-avatar.btn .b-avatar-img img,
  .b-avatar[href] .b-avatar-img img {
    transition: transform 0.15s ease-in-out;
  }

  .b-avatar.btn:not(:disabled):not(.disabled),
  .b-avatar[href]:not(:disabled):not(.disabled) {
    cursor: pointer;
  }

  .b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
  .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
    transform: scale(1.15);
  }

  .b-avatar.disabled,
  .b-avatar:disabled,
  .b-avatar[disabled] {
    opacity: 0.65;
    pointer-events: none;
  }

  .b-avatar .b-avatar-custom,
  .b-avatar .b-avatar-text,
  .b-avatar .b-avatar-img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-mask-image: radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
  }

  .b-avatar .b-avatar-text {
    text-transform: uppercase;
    white-space: nowrap;
  }

  .b-avatar[href] {
    text-decoration: none;
  }

  .b-avatar > .b-icon {
    width: 60%;
    height: auto;
    max-width: 100%;
  }

  .b-avatar .b-avatar-img img {
    width: 100%;
    height: 100%;
    max-height: auto;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .b-avatar .b-avatar-badge {
    position: absolute;
    min-height: 1.5em;
    min-width: 1.5em;
    padding: 0.25em;
    line-height: 1;
    border-radius: 10em;
    font-size: 70%;
    font-weight: 700;
    z-index: 5;
  }

  .b-avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
  }

  .b-avatar-sm .b-avatar-text {
    font-size: calc(0.6rem);
  }

  .b-avatar-sm .b-avatar-badge {
    font-size: calc(0.42rem);
  }

  .b-avatar-lg {
    width: 3.5rem;
    height: 3.5rem;
  }

  .b-avatar-lg .b-avatar-text {
    font-size: calc(1.4rem);
  }

  .b-avatar-lg .b-avatar-badge {
    font-size: calc(0.98rem);
  }

  .b-avatar-group .b-avatar-group-inner {
    display: flex;
    flex-wrap: wrap;
  }

  .b-avatar-group .b-avatar {
    border: 1px solid #dee2e6;
  }

  .b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),
  .b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) {
    z-index: 3;
  }

  .b-calendar {
    display: inline-flex;
  }

  .b-calendar .b-calendar-inner {
    min-width: 250px;
  }

  .b-calendar .b-calendar-header,
  .b-calendar .b-calendar-nav {
    margin-bottom: 0.25rem;
  }

  .b-calendar .b-calendar-nav .btn {
    padding: 0.25rem;
  }

  .b-calendar output {
    padding: 0.25rem;
    font-size: 80%;
  }

  .b-calendar output.readonly {
    background-color: #e9ecef;
    opacity: 1;
  }

  .b-calendar .b-calendar-footer {
    margin-top: 0.5rem;
  }

  .b-calendar .b-calendar-grid {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  .b-calendar .b-calendar-grid .row {
    flex-wrap: nowrap;
  }

  .b-calendar .b-calendar-grid-caption {
    padding: 0.25rem;
  }

  .b-calendar .b-calendar-grid-body .col[data-date] .btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 1;
    margin: 3px auto;
    padding: 9px 0;
  }

  .b-calendar .btn:disabled,
  .b-calendar .btn.disabled,
  .b-calendar .btn[aria-disabled="true"] {
    cursor: default;
    pointer-events: none;
  }

  .card-img-left {
    border-top-right-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
  }

  .card-img-right {
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
  }

  .dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
    display: none !important;
  }

  .dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
    display: none !important;
  }

  .dropdown .dropdown-menu:focus {
    outline: none;
  }

  .b-dropdown-form {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    width: 100%;
    clear: both;
    font-weight: 400;
  }

  .b-dropdown-form:focus {
    outline: 1px dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }

  .b-dropdown-form.disabled,
  .b-dropdown-form:disabled {
    outline: 0 !important;
    color: #6c757d;
    pointer-events: none;
  }

  .b-dropdown-text {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    margin-bottom: 0;
    width: 100%;
    clear: both;
    font-weight: lighter;
  }

  .custom-checkbox.b-custom-control-lg,
  .input-group-lg .custom-checkbox {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-right: 1.875rem;
  }

  .custom-checkbox.b-custom-control-lg .custom-control-label::before,
  .input-group-lg .custom-checkbox .custom-control-label::before {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.3rem;
  }

  .custom-checkbox.b-custom-control-lg .custom-control-label::after,
  .input-group-lg .custom-checkbox .custom-control-label::after {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 50% 50%;
  }

  .custom-checkbox.b-custom-control-sm,
  .input-group-sm .custom-checkbox {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 1.3125rem;
  }

  .custom-checkbox.b-custom-control-sm .custom-control-label::before,
  .input-group-sm .custom-checkbox .custom-control-label::before {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 0.2rem;
  }

  .custom-checkbox.b-custom-control-sm .custom-control-label::after,
  .input-group-sm .custom-checkbox .custom-control-label::after {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    background-size: 50% 50%;
  }

  .custom-switch.b-custom-control-lg,
  .input-group-lg .custom-switch {
    padding-right: 2.8125rem;
  }

  .custom-switch.b-custom-control-lg .custom-control-label,
  .input-group-lg .custom-switch .custom-control-label {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .custom-switch.b-custom-control-lg .custom-control-label::before,
  .input-group-lg .custom-switch .custom-control-label::before {
    top: 0.3125rem;
    height: 1.25rem;
    right: -2.8125rem;
    width: 2.1875rem;
    border-radius: 0.625rem;
  }

  .custom-switch.b-custom-control-lg .custom-control-label::after,
  .input-group-lg .custom-switch .custom-control-label::after {
    top: calc( 0.3125rem + 2px);
    right: calc( -2.8125rem + 2px);
    width: calc( 1.25rem - 4px);
    height: calc( 1.25rem - 4px);
    border-radius: 0.625rem;
    background-size: 50% 50%;
  }

  .custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
  .input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.9375rem);
  }

  .custom-switch.b-custom-control-sm,
  .input-group-sm .custom-switch {
    padding-right: 1.96875rem;
  }

  .custom-switch.b-custom-control-sm .custom-control-label,
  .input-group-sm .custom-switch .custom-control-label {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .custom-switch.b-custom-control-sm .custom-control-label::before,
  .input-group-sm .custom-switch .custom-control-label::before {
    top: 0.21875rem;
    right: -1.96875rem;
    width: 1.53125rem;
    height: 0.875rem;
    border-radius: 0.4375rem;
  }

  .custom-switch.b-custom-control-sm .custom-control-label::after,
  .input-group-sm .custom-switch .custom-control-label::after {
    top: calc( 0.21875rem + 2px);
    right: calc( -1.96875rem + 2px);
    width: calc( 0.875rem - 4px);
    height: calc( 0.875rem - 4px);
    border-radius: 0.4375rem;
    background-size: 50% 50%;
  }

  .custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
  .input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.65625rem);
  }

  .input-group > .input-group-prepend > .btn-group > .btn,
  .input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
  .input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .input-group > .input-group-append > .btn-group > .btn,
  .input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
  .input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .custom-file-label {
    white-space: nowrap;
    overflow-x: hidden;
  }

  .b-custom-control-lg.custom-file,
  .b-custom-control-lg .custom-file-input,
  .b-custom-control-lg .custom-file-label,
  .input-group-lg.custom-file,
  .input-group-lg .custom-file-input,
  .input-group-lg .custom-file-label {
    font-size: 1.25rem;
    height: calc(1.5em + 1rem + 2px);
  }

  .b-custom-control-lg .custom-file-label,
  .b-custom-control-lg .custom-file-label:after,
  .input-group-lg .custom-file-label,
  .input-group-lg .custom-file-label:after {
    padding: 0.5rem 1rem;
    line-height: 1.5;
  }

  .b-custom-control-lg .custom-file-label,
  .input-group-lg .custom-file-label {
    border-radius: 0.3rem;
  }

  .b-custom-control-lg .custom-file-label::after,
  .input-group-lg .custom-file-label::after {
    font-size: inherit;
    height: calc( 1.5em + 1rem);
    border-radius: 0.3rem 0 0 0.3rem;
  }

  .b-custom-control-sm.custom-file,
  .b-custom-control-sm .custom-file-input,
  .b-custom-control-sm .custom-file-label,
  .input-group-sm.custom-file,
  .input-group-sm .custom-file-input,
  .input-group-sm .custom-file-label {
    font-size: 0.875rem;
    height: calc(1.5em + 0.5rem + 2px);
  }

  .b-custom-control-sm .custom-file-label,
  .b-custom-control-sm .custom-file-label:after,
  .input-group-sm .custom-file-label,
  .input-group-sm .custom-file-label:after {
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
  }

  .b-custom-control-sm .custom-file-label,
  .input-group-sm .custom-file-label {
    border-radius: 0.2rem;
  }

  .b-custom-control-sm .custom-file-label::after,
  .input-group-sm .custom-file-label::after {
    font-size: inherit;
    height: calc( 1.5em + 0.5rem);
    border-radius: 0.2rem 0 0 0.2rem;
  }

  .was-validated .form-control:invalid,
  .was-validated .form-control:valid,
  .form-control.is-invalid,
  .form-control.is-valid {
    background-position: left calc(0.375em + 0.1875rem) center;
  }

  input[type="color"].form-control {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.125rem 0.25rem;
  }

  input[type="color"].form-control.form-control-sm,
  .input-group-sm input[type="color"].form-control {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.125rem 0.25rem;
  }

  input[type="color"].form-control.form-control-lg,
  .input-group-lg input[type="color"].form-control {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.125rem 0.25rem;
  }

  input[type="color"].form-control:disabled {
    background-color: #adb5bd;
    opacity: 0.65;
  }

  .input-group > .custom-range {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
  }

  .input-group > .custom-range + .form-control,
  .input-group > .custom-range + .form-control-plaintext,
  .input-group > .custom-range + .custom-select,
  .input-group > .custom-range + .custom-range,
  .input-group > .custom-range + .custom-file {
    margin-right: -1px;
  }

  .input-group > .form-control + .custom-range,
  .input-group > .form-control-plaintext + .custom-range,
  .input-group > .custom-select + .custom-range,
  .input-group > .custom-range + .custom-range,
  .input-group > .custom-file + .custom-range {
    margin-right: -1px;
  }

  .input-group > .custom-range:focus {
    z-index: 3;
  }

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

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

  .input-group > .custom-range {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-group > .custom-range {
      transition: none;
    }
  }

  .input-group > .custom-range:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .input-group > .custom-range:disabled,
  .input-group > .custom-range[readonly] {
    background-color: #e9ecef;
  }

  .input-group-lg > .custom-range {
    height: calc(1.5em + 1rem + 2px);
    padding: 0 1rem;
    border-radius: 0.3rem;
  }

  .input-group-sm > .custom-range {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0 0.5rem;
    border-radius: 0.2rem;
  }

  .was-validated .input-group .custom-range:valid,
  .input-group .custom-range.is-valid {
    border-color: #28a745;
  }

  .was-validated .input-group .custom-range:valid:focus,
  .input-group .custom-range.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .was-validated .custom-range:valid:focus::-webkit-slider-thumb,
  .custom-range.is-valid:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
  }

  .was-validated .custom-range:valid:focus::-moz-range-thumb,
  .custom-range.is-valid:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
  }

  .was-validated .custom-range:valid:focus::-ms-thumb,
  .custom-range.is-valid:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
  }

  .was-validated .custom-range:valid::-webkit-slider-thumb,
  .custom-range.is-valid::-webkit-slider-thumb {
    background-color: #28a745;
    background-image: none;
  }

  .was-validated .custom-range:valid::-webkit-slider-thumb:active,
  .custom-range.is-valid::-webkit-slider-thumb:active {
    background-color: #9be7ac;
    background-image: none;
  }

  .was-validated .custom-range:valid::-webkit-slider-runnable-track,
  .custom-range.is-valid::-webkit-slider-runnable-track {
    background-color: rgba(40, 167, 69, 0.35);
  }

  .was-validated .custom-range:valid::-moz-range-thumb,
  .custom-range.is-valid::-moz-range-thumb {
    background-color: #28a745;
    background-image: none;
  }

  .was-validated .custom-range:valid::-moz-range-thumb:active,
  .custom-range.is-valid::-moz-range-thumb:active {
    background-color: #9be7ac;
    background-image: none;
  }

  .was-validated .custom-range:valid::-moz-range-track,
  .custom-range.is-valid::-moz-range-track {
    background: rgba(40, 167, 69, 0.35);
  }

  .was-validated .custom-range:valid ~ .valid-feedback,
  .was-validated .custom-range:valid ~ .valid-tooltip,
  .custom-range.is-valid ~ .valid-feedback,
  .custom-range.is-valid ~ .valid-tooltip {
    display: block;
  }

  .was-validated .custom-range:valid::-ms-thumb,
  .custom-range.is-valid::-ms-thumb {
    background-color: #28a745;
    background-image: none;
  }

  .was-validated .custom-range:valid::-ms-thumb:active,
  .custom-range.is-valid::-ms-thumb:active {
    background-color: #9be7ac;
    background-image: none;
  }

  .was-validated .custom-range:valid::-ms-track-lower,
  .custom-range.is-valid::-ms-track-lower {
    background: rgba(40, 167, 69, 0.35);
  }

  .was-validated .custom-range:valid::-ms-track-upper,
  .custom-range.is-valid::-ms-track-upper {
    background: rgba(40, 167, 69, 0.35);
  }

  .was-validated .input-group .custom-range:invalid,
  .input-group .custom-range.is-invalid {
    border-color: #dc3545;
  }

  .was-validated .input-group .custom-range:invalid:focus,
  .input-group .custom-range.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .was-validated .custom-range:invalid:focus::-webkit-slider-thumb,
  .custom-range.is-invalid:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
  }

  .was-validated .custom-range:invalid:focus::-moz-range-thumb,
  .custom-range.is-invalid:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
  }

  .was-validated .custom-range:invalid:focus::-ms-thumb,
  .custom-range.is-invalid:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
  }

  .was-validated .custom-range:invalid::-webkit-slider-thumb,
  .custom-range.is-invalid::-webkit-slider-thumb {
    background-color: #dc3545;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-webkit-slider-thumb:active,
  .custom-range.is-invalid::-webkit-slider-thumb:active {
    background-color: #f6cdd1;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-webkit-slider-runnable-track,
  .custom-range.is-invalid::-webkit-slider-runnable-track {
    background-color: rgba(220, 53, 69, 0.35);
  }

  .was-validated .custom-range:invalid::-moz-range-thumb,
  .custom-range.is-invalid::-moz-range-thumb {
    background-color: #dc3545;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-moz-range-thumb:active,
  .custom-range.is-invalid::-moz-range-thumb:active {
    background-color: #f6cdd1;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-moz-range-track,
  .custom-range.is-invalid::-moz-range-track {
    background: rgba(220, 53, 69, 0.35);
  }

  .was-validated .custom-range:invalid ~ .invalid-feedback,
  .was-validated .custom-range:invalid ~ .invalid-tooltip,
  .custom-range.is-invalid ~ .invalid-feedback,
  .custom-range.is-invalid ~ .invalid-tooltip {
    display: block;
  }

  .was-validated .custom-range:invalid::-ms-thumb,
  .custom-range.is-invalid::-ms-thumb {
    background-color: #dc3545;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-ms-thumb:active,
  .custom-range.is-invalid::-ms-thumb:active {
    background-color: #f6cdd1;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-ms-track-lower,
  .custom-range.is-invalid::-ms-track-lower {
    background: rgba(220, 53, 69, 0.35);
  }

  .was-validated .custom-range:invalid::-ms-track-upper,
  .custom-range.is-invalid::-ms-track-upper {
    background: rgba(220, 53, 69, 0.35);
  }

  .custom-radio.b-custom-control-lg,
  .input-group-lg .custom-radio {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-right: 1.875rem;
  }

  .custom-radio.b-custom-control-lg .custom-control-label::before,
  .input-group-lg .custom-radio .custom-control-label::before {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
  }

  .custom-radio.b-custom-control-lg .custom-control-label::after,
  .input-group-lg .custom-radio .custom-control-label::after {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    background: no-repeat 50% / 50% 50%;
  }

  .custom-radio.b-custom-control-sm,
  .input-group-sm .custom-radio {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 1.3125rem;
  }

  .custom-radio.b-custom-control-sm .custom-control-label::before,
  .input-group-sm .custom-radio .custom-control-label::before {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
  }

  .custom-radio.b-custom-control-sm .custom-control-label::after,
  .input-group-sm .custom-radio .custom-control-label::after {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    background: no-repeat 50% / 50% 50%;
  }

  .b-rating {
    text-align: center;
  }

  .b-rating.d-inline-flex {
    width: auto;
  }

  .b-rating .b-rating-star,
  .b-rating .b-rating-value {
    padding: 0 0.25em;
  }

  .b-rating .b-rating-value {
    min-width: 2.5em;
  }

  .b-rating .b-rating-star {
    display: inline-flex;
    justify-content: center;
    outline: 0;
  }

  .b-rating .b-rating-star .b-rating-icon {
    display: inline-flex;
    transition: all 0.15s ease-in-out;
  }

  .b-rating.disabled,
  .b-rating:disabled {
    background-color: #e9ecef;
    color: #6c757d;
  }

  .b-rating:not(.disabled):not(.readonly) .b-rating-star {
    cursor: pointer;
  }

  .b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
  .b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
    transform: scale(1.5);
  }

  .b-rating[dir="rtl"] .b-rating-star-half {
    transform: scale(-1, 1);
  }

  .b-form-spinbutton {
    text-align: center;
    overflow: hidden;
    background-image: none;
    padding: 0;
  }

  [dir="rtl"] .b-form-spinbutton:not(.flex-column),
  .b-form-spinbutton[dir="rtl"]:not(.flex-column) {
    flex-direction: row-reverse;
  }

  .b-form-spinbutton output {
    font-size: inherit;
    outline: 0;
    border: 0;
    background-color: transparent;
    width: auto;
    margin: 0;
    padding: 0 0.25rem;
  }

  .b-form-spinbutton output > div,
  .b-form-spinbutton output > bdi {
    display: block;
    min-width: 2.25em;
    height: 1.5em;
  }

  .b-form-spinbutton.flex-column {
    height: auto;
    width: auto;
  }

  .b-form-spinbutton.flex-column output {
    margin: 0 0.25rem;
    padding: 0.25rem 0;
  }

  .b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
    output-width: 100%;
  }

  .b-form-spinbutton.d-inline-flex:not(.flex-column) {
    width: auto;
  }

  .b-form-spinbutton .btn {
    line-height: 1;
    box-shadow: none !important;
  }

  .b-form-spinbutton .btn:disabled {
    pointer-events: none;
  }

  .b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
    transform: scale(1.25);
  }

  .b-form-spinbutton.disabled,
  .b-form-spinbutton.readonly {
    background-color: #e9ecef;
  }

  .b-form-spinbutton.disabled {
    pointer-events: none;
  }

  .b-form-tags .b-form-tags-list {
    margin-top: -0.25rem;
  }

  .b-form-tags .b-form-tags-list .b-from-tags-field,
  .b-form-tags .b-form-tags-list .b-form-tag {
    margin-top: 0.25rem;
  }

  .b-form-tags.focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .b-form-tags.focus.is-valid {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .b-form-tags.focus.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .b-form-tags.disabled {
    background-color: #e9ecef;
  }

  .b-form-tag {
    font-size: 75%;
    font-weight: normal;
    line-height: 1.5;
    margin-left: 0.25rem;
  }

  .b-form-tag.disabled {
    opacity: 0.75;
  }

  .b-form-tag > button.b-form-tag-remove {
    color: inherit;
    font-size: 125%;
    line-height: 1;
    float: none;
    margin-right: 0.25rem;
  }

  .form-control-sm .b-form-tag {
    line-height: 1.5;
  }

  .form-control-lg .b-form-tag {
    line-height: 1.5;
  }

  .modal-backdrop {
    opacity: 0.5;
  }

  .b-pagination-pills .page-item .page-link {
    border-radius: 50rem !important;
    margin-right: 0.25rem;
    line-height: 1;
  }

  .b-pagination-pills .page-item:first-child .page-link {
    margin-right: 0;
  }

  .popover.b-popover {
    display: block;
    opacity: 1;
    outline: 0;
      z-index:1000;
  }

  .popover.b-popover.fade:not(.show) {
    opacity: 0;
  }

  .popover.b-popover.show {
    opacity: 1;
  }

  .b-popover-primary.popover {
    background-color: #cce5ff;
    border-color: #b8daff;
  }

  .b-popover-primary.bs-popover-top > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #b8daff;
  }

  .b-popover-primary.bs-popover-top > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #cce5ff;
  }

  .b-popover-primary.bs-popover-right > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #b8daff;
  }

  .b-popover-primary.bs-popover-right > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #cce5ff;
  }

  .b-popover-primary.bs-popover-bottom > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #b8daff;
  }

  .b-popover-primary.bs-popover-bottom > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #bdddff;
  }

  .b-popover-primary.bs-popover-bottom .popover-header::before,
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #bdddff;
  }

  .b-popover-primary.bs-popover-left > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #b8daff;
  }

  .b-popover-primary.bs-popover-left > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #cce5ff;
  }

  .b-popover-primary .popover-header {
    color: #212529;
    background-color: #bdddff;
    border-bottom-color: #a3d0ff;
  }

  .b-popover-primary .popover-body {
    color: #004085;
  }

  .b-popover-secondary.popover {
    background-color: #e2e3e5;
    border-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-top > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-top > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #e2e3e5;
  }

  .b-popover-secondary.bs-popover-right > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-right > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #e2e3e5;
  }

  .b-popover-secondary.bs-popover-bottom > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-bottom > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #dadbde;
  }

  .b-popover-secondary.bs-popover-bottom .popover-header::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #dadbde;
  }

  .b-popover-secondary.bs-popover-left > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-left > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #e2e3e5;
  }

  .b-popover-secondary .popover-header {
    color: #212529;
    background-color: #dadbde;
    border-bottom-color: #ccced2;
  }

  .b-popover-secondary .popover-body {
    color: #383d41;
  }

  .b-popover-success.popover {
    background-color: #d4edda;
    border-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-top > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-top > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #d4edda;
  }

  .b-popover-success.bs-popover-right > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-right > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #d4edda;
  }

  .b-popover-success.bs-popover-bottom > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-bottom > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #c9e8d1;
  }

  .b-popover-success.bs-popover-bottom .popover-header::before,
  .b-popover-success.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #c9e8d1;
  }

  .b-popover-success.bs-popover-left > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-left > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #d4edda;
  }

  .b-popover-success .popover-header {
    color: #212529;
    background-color: #c9e8d1;
    border-bottom-color: #b7e1c1;
  }

  .b-popover-success .popover-body {
    color: #155724;
  }

  .b-popover-info.popover {
    background-color: #d1ecf1;
    border-color: #bee5eb;
  }

  .b-popover-info.bs-popover-top > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #bee5eb;
  }

  .b-popover-info.bs-popover-top > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #d1ecf1;
  }

  .b-popover-info.bs-popover-right > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #bee5eb;
  }

  .b-popover-info.bs-popover-right > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #d1ecf1;
  }

  .b-popover-info.bs-popover-bottom > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #bee5eb;
  }

  .b-popover-info.bs-popover-bottom > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #c5e7ed;
  }

  .b-popover-info.bs-popover-bottom .popover-header::before,
  .b-popover-info.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #c5e7ed;
  }

  .b-popover-info.bs-popover-left > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #bee5eb;
  }

  .b-popover-info.bs-popover-left > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #d1ecf1;
  }

  .b-popover-info .popover-header {
    color: #212529;
    background-color: #c5e7ed;
    border-bottom-color: #b2dfe7;
  }

  .b-popover-info .popover-body {
    color: #0c5460;
  }

  .b-popover-warning.popover {
    background-color: #fff3cd;
    border-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-top > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-top > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #fff3cd;
  }

  .b-popover-warning.bs-popover-right > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-right > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #fff3cd;
  }

  .b-popover-warning.bs-popover-bottom > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-bottom > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #ffefbe;
  }

  .b-popover-warning.bs-popover-bottom .popover-header::before,
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #ffefbe;
  }

  .b-popover-warning.bs-popover-left > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-left > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #fff3cd;
  }

  .b-popover-warning .popover-header {
    color: #212529;
    background-color: #ffefbe;
    border-bottom-color: #ffe9a4;
  }

  .b-popover-warning .popover-body {
    color: #856404;
  }

  .b-popover-danger.popover {
    background-color: #f8d7da;
    border-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-top > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-top > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #f8d7da;
  }

  .b-popover-danger.bs-popover-right > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-right > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #f8d7da;
  }

  .b-popover-danger.bs-popover-bottom > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-bottom > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #f6cace;
  }

  .b-popover-danger.bs-popover-bottom .popover-header::before,
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #f6cace;
  }

  .b-popover-danger.bs-popover-left > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-left > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #f8d7da;
  }

  .b-popover-danger .popover-header {
    color: #212529;
    background-color: #f6cace;
    border-bottom-color: #f2b4ba;
  }

  .b-popover-danger .popover-body {
    color: #721c24;
  }

  .b-popover-light.popover {
    background-color: #fefefe;
    border-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-top > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-top > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #fefefe;
  }

  .b-popover-light.bs-popover-right > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-right > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #fefefe;
  }

  .b-popover-light.bs-popover-bottom > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-bottom > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #f6f6f6;
  }

  .b-popover-light.bs-popover-bottom .popover-header::before,
  .b-popover-light.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #f6f6f6;
  }

  .b-popover-light.bs-popover-left > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-left > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #fefefe;
  }

  .b-popover-light .popover-header {
    color: #212529;
    background-color: #f6f6f6;
    border-bottom-color: #eaeaea;
  }

  .b-popover-light .popover-body {
    color: #818182;
  }

  .b-popover-dark.popover {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-top > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-top > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #d6d8d9;
  }

  .b-popover-dark.bs-popover-right > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-right > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #d6d8d9;
  }

  .b-popover-dark.bs-popover-bottom > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-bottom > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #ced0d2;
  }

  .b-popover-dark.bs-popover-bottom .popover-header::before,
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #ced0d2;
  }

  .b-popover-dark.bs-popover-left > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-left > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #d6d8d9;
  }

  .b-popover-dark .popover-header {
    color: #212529;
    background-color: #ced0d2;
    border-bottom-color: #c1c4c5;
  }

  .b-popover-dark .popover-body {
    color: #1b1e21;
  }

  .b-popover-woman.popover {
    background-color: #f7ede3;
    border-color: #f4e6d8;
  }

  .b-popover-woman.bs-popover-top > .arrow::before,
  .b-popover-woman.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #f4e6d8;
  }

  .b-popover-woman.bs-popover-top > .arrow::after,
  .b-popover-woman.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #f7ede3;
  }

  .b-popover-woman.bs-popover-right > .arrow::before,
  .b-popover-woman.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #f4e6d8;
  }

  .b-popover-woman.bs-popover-right > .arrow::after,
  .b-popover-woman.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #f7ede3;
  }

  .b-popover-woman.bs-popover-bottom > .arrow::before,
  .b-popover-woman.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #f4e6d8;
  }

  .b-popover-woman.bs-popover-bottom > .arrow::after,
  .b-popover-woman.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #f4e5d7;
  }

  .b-popover-woman.bs-popover-bottom .popover-header::before,
  .b-popover-woman.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #f4e5d7;
  }

  .b-popover-woman.bs-popover-left > .arrow::before,
  .b-popover-woman.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #f4e6d8;
  }

  .b-popover-woman.bs-popover-left > .arrow::after,
  .b-popover-woman.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #f7ede3;
  }

  .b-popover-woman .popover-header {
    color: #212529;
    background-color: #f4e5d7;
    border-bottom-color: #eed9c3;
  }

  .b-popover-woman .popover-body {
    color: #71563c;
  }

  .b-skeleton-wrapper {
    cursor: wait;
  }

  .b-skeleton {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.12);
    cursor: wait;
  }

  .b-skeleton::before {
    content: "\A0";
  }

  .b-skeleton-text {
    height: 1rem;
    margin-bottom: 0.25rem;
    border-radius: 0.25rem;
  }

  .b-skeleton-button {
    width: 75px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }

  .b-skeleton-avatar {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
  }

  .b-skeleton-input {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: #ced4da solid 1px;
    border-radius: 0.25rem;
  }

  .b-skeleton-icon-wrapper svg {
    color: rgba(0, 0, 0, 0.12);
  }

  .b-skeleton-img {
    height: 100%;
    width: 100%;
  }

  .b-skeleton-animate-wave::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(-90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite;
    animation: b-skeleton-animate-wave 1.75s linear infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-wave::after {
      background: none;
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-skeleton-animate-wave {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(-100%);
    }
  }

  @keyframes b-skeleton-animate-wave {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .b-skeleton-animate-fade {
    -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
    animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-fade {
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-skeleton-animate-fade {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0.4;
    }
  }

  @keyframes b-skeleton-animate-fade {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0.4;
    }
  }

  .b-skeleton-animate-throb {
    -webkit-animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
    animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-throb {
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-skeleton-animate-throb {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.975);
    }
  }

  @keyframes b-skeleton-animate-throb {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.975);
    }
  }

  .b-sidebar-outer {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    overflow: visible;
    z-index: calc(1030 + 5);
  }

  .b-sidebar-backdrop {
    position: fixed !important;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
  }

  .b-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed !important;
    top: 0;
    height: 100vh;
    width: 320px;
    max-width: 100% !important;
    margin: 0 !important;
    outline: 0;
    transform: translateX(0);
  }

  .b-sidebar.slide {
    transition: transform 0.3s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-sidebar.slide {
      transition: none;
    }
  }

  .b-sidebar:not(.b-sidebar-right) {
    right: 0;
    left: auto;
  }

  .b-sidebar:not(.b-sidebar-right).slide:not(.show) {
    transform: translateX(100%);
  }

  .b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
    margin-right: auto;
  }

  .b-sidebar.b-sidebar-right {
    right: auto;
    left: 0;
  }

  .b-sidebar.b-sidebar-right.slide:not(.show) {
    transform: translateX(-100%);
  }

  .b-sidebar.b-sidebar-right > .b-sidebar-header .close {
    margin-left: auto;
  }

  .b-sidebar > .b-sidebar-header {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    align-items: center;
  }

  [dir="rtl"] .b-sidebar > .b-sidebar-header {
    flex-direction: row-reverse;
  }

  .b-sidebar > .b-sidebar-header .close {
    float: none;
    font-size: 1.5rem;
  }

  .b-sidebar > .b-sidebar-body {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
  }

  .b-sidebar > .b-sidebar-footer {
    flex-grow: 0;
  }

  .table.b-table.b-table-fixed {
    table-layout: fixed;
  }

  .table.b-table.b-table-no-border-collapse {
    border-collapse: separate;
    border-spacing: 0;
  }

  .table.b-table[aria-busy="true"] {
    opacity: 0.55;
  }

  .table.b-table > tbody > tr.b-table-details > td {
    border-top: none !important;
  }

  .table.b-table > caption {
    caption-side: bottom;
  }

  .table.b-table.b-table-caption-top > caption {
    caption-side: top !important;
  }

  .table.b-table > tbody > .table-active,
  .table.b-table > tbody > .table-active > th,
  .table.b-table > tbody > .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table.b-table.table-hover > tbody > tr.table-active:hover td,
  .table.b-table.table-hover > tbody > tr.table-active:hover th {
    color: #212529;
    background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
    background-repeat: no-repeat;
  }

  .table.b-table > tbody > .bg-active,
  .table.b-table > tbody > .bg-active > th,
  .table.b-table > tbody > .bg-active > td {
    background-color: rgba(255, 255, 255, 0.075) !important;
  }

  .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
  .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
    color: #fff;
    background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
    background-repeat: no-repeat;
  }

  .b-table-sticky-header,
  .table-responsive,
  [class*="table-responsive-"] {
    margin-bottom: 1rem;
  }

  .b-table-sticky-header > .table,
  .table-responsive > .table,
  [class*="table-responsive-"] > .table {
    margin-bottom: 0;
  }

  .b-table-sticky-header {
    overflow-y: auto;
    max-height: 300px;
  }

  @media print {
    .b-table-sticky-header {
      overflow-y: visible !important;
      max-height: none !important;
    }
  }

  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .b-table-sticky-header > .table.b-table > thead > tr > th {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 2;
    }

    .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > thead > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tbody > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tfoot > tr > .b-table-sticky-column {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
    }

    .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > thead > tr > .b-table-sticky-column {
      z-index: 5;
    }

    .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tbody > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tfoot > tr > .b-table-sticky-column {
      z-index: 2;
    }

    .table.b-table > thead > tr > .table-b-table-default,
    .table.b-table > tbody > tr > .table-b-table-default,
    .table.b-table > tfoot > tr > .table-b-table-default {
      color: #212529;
      background-color: #fff;
    }

    .table.b-table.table-dark > thead > tr > .bg-b-table-default,
    .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
    .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
      color: #fff;
      background-color: #343a40;
    }

    .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
      background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
      background-repeat: no-repeat;
    }

    .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
      background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
      background-repeat: no-repeat;
    }

    .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
      color: #212529;
      background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
      background-repeat: no-repeat;
    }

    .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
      color: #fff;
      background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
      background-repeat: no-repeat;
    }
  }

  .table.b-table > thead > tr > [aria-sort],
  .table.b-table > tfoot > tr > [aria-sort] {
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 0.65em 1em;
  }

  .table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
  .table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
    background-position: left calc(0.75rem / 2) center;
    padding-left: calc(0.75rem + 0.65em);
  }

  .table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
  .table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
    background-position: right calc(0.75rem / 2) center;
    padding-right: calc(0.75rem + 0.65em);
  }

  .table.b-table > thead > tr > [aria-sort="none"],
  .table.b-table > tfoot > tr > [aria-sort="none"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > [aria-sort="ascending"],
  .table.b-table > tfoot > tr > [aria-sort="ascending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > [aria-sort="descending"],
  .table.b-table > tfoot > tr > [aria-sort="descending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-dark > thead > tr > [aria-sort="none"],
  .table.b-table.table-dark > tfoot > tr > [aria-sort="none"],
  .table.b-table > .thead-dark > tr > [aria-sort="none"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-dark > thead > tr > [aria-sort="ascending"],
  .table.b-table.table-dark > tfoot > tr > [aria-sort="ascending"],
  .table.b-table > .thead-dark > tr > [aria-sort="ascending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-dark > thead > tr > [aria-sort="descending"],
  .table.b-table.table-dark > tfoot > tr > [aria-sort="descending"],
  .table.b-table > .thead-dark > tr > [aria-sort="descending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > .table-dark[aria-sort="none"],
  .table.b-table > tfoot > tr > .table-dark[aria-sort="none"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > .table-dark[aria-sort="ascending"],
  .table.b-table > tfoot > tr > .table-dark[aria-sort="ascending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > .table-dark[aria-sort="descending"],
  .table.b-table > tfoot > tr > .table-dark[aria-sort="descending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
  .table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
    background-position: left calc(0.3rem / 2) center;
    padding-left: calc(0.3rem + 0.65em);
  }

  .table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
  .table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
    background-position: right calc(0.3rem / 2) center;
    padding-right: calc(0.3rem + 0.65em);
  }

  .table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
    cursor: pointer;
  }

  .table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  @media (max-width: 575.98px) {
    .table.b-table.b-table-stacked-sm {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-sm > caption,
    .table.b-table.b-table-stacked-sm > tbody,
    .table.b-table.b-table-stacked-sm > tbody > tr,
    .table.b-table.b-table-stacked-sm > tbody > tr > td,
    .table.b-table.b-table-stacked-sm > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-sm > thead,
    .table.b-table.b-table-stacked-sm > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-sm > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr.top-row,
    .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  @media (max-width: 767.98px) {
    .table.b-table.b-table-stacked-md {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-md > caption,
    .table.b-table.b-table-stacked-md > tbody,
    .table.b-table.b-table-stacked-md > tbody > tr,
    .table.b-table.b-table-stacked-md > tbody > tr > td,
    .table.b-table.b-table-stacked-md > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-md > thead,
    .table.b-table.b-table-stacked-md > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-md > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-md > tbody > tr.top-row,
    .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  @media (max-width: 991.98px) {
    .table.b-table.b-table-stacked-lg {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-lg > caption,
    .table.b-table.b-table-stacked-lg > tbody,
    .table.b-table.b-table-stacked-lg > tbody > tr,
    .table.b-table.b-table-stacked-lg > tbody > tr > td,
    .table.b-table.b-table-stacked-lg > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-lg > thead,
    .table.b-table.b-table-stacked-lg > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-lg > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr.top-row,
    .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  @media (max-width: 1199.98px) {
    .table.b-table.b-table-stacked-xl {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-xl > caption,
    .table.b-table.b-table-stacked-xl > tbody,
    .table.b-table.b-table-stacked-xl > tbody > tr,
    .table.b-table.b-table-stacked-xl > tbody > tr > td,
    .table.b-table.b-table-stacked-xl > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-xl > thead,
    .table.b-table.b-table-stacked-xl > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-xl > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr.top-row,
    .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  .table.b-table.b-table-stacked {
    display: block;
    width: 100%;
  }

  .table.b-table.b-table-stacked > caption,
  .table.b-table.b-table-stacked > tbody,
  .table.b-table.b-table-stacked > tbody > tr,
  .table.b-table.b-table-stacked > tbody > tr > td,
  .table.b-table.b-table-stacked > tbody > tr > th {
    display: block;
  }

  .table.b-table.b-table-stacked > thead,
  .table.b-table.b-table-stacked > tfoot {
    display: none;
  }

  .table.b-table.b-table-stacked > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
    display: none;
  }

  .table.b-table.b-table-stacked > caption {
    caption-side: top !important;
  }

  .table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: right;
    text-align: left;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }

  .table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }

  .table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }

  .table.b-table.b-table-stacked > tbody > tr.top-row,
  .table.b-table.b-table-stacked > tbody > tr.bottom-row {
    display: none;
  }

  .table.b-table.b-table-stacked > tbody > tr > :first-child {
    border-top-width: 3px;
  }

  .table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }

  .b-time {
    min-width: 150px;
  }

  .b-time[aria-disabled="true"] output,
  .b-time[aria-readonly="true"] output,
  .b-time output.disabled {
    background-color: #e9ecef;
    opacity: 1;
  }

  .b-time[aria-disabled="true"] output {
    pointer-events: none;
  }

  [dir="rtl"] .b-time > .d-flex:not(.flex-column) {
    flex-direction: row-reverse;
  }

  .b-time .b-time-header {
    margin-bottom: 0.5rem;
  }

  .b-time .b-time-header output {
    padding: 0.25rem;
    font-size: 80%;
  }

  .b-time .b-time-footer {
    margin-top: 0.5rem;
  }

  .b-time .b-time-ampm {
    margin-right: 0.5rem;
  }

  .b-toast {
    display: block;
    position: relative;
    max-width: 350px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-clip: padding-box;
    z-index: 1;
    border-radius: 0.25rem;
  }

  .b-toast .toast {
    background-color: rgba(255, 255, 255, 0.85);
  }

  .b-toast:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .b-toast.b-toast-solid .toast {
    background-color: white;
  }

  .b-toast .toast {
    opacity: 1;
  }

  .b-toast .toast.fade:not(.show) {
    opacity: 0;
  }

  .b-toast .toast .toast-body {
    display: block;
  }

  .b-toast-primary .toast {
    background-color: rgba(230, 242, 255, 0.85);
    border-color: rgba(184, 218, 255, 0.85);
    color: #004085;
  }

  .b-toast-primary .toast .toast-header {
    color: #004085;
    background-color: rgba(204, 229, 255, 0.85);
    border-bottom-color: rgba(184, 218, 255, 0.85);
  }

  .b-toast-primary.b-toast-solid .toast {
    background-color: #e6f2ff;
  }

  .b-toast-secondary .toast {
    background-color: rgba(239, 240, 241, 0.85);
    border-color: rgba(214, 216, 219, 0.85);
    color: #383d41;
  }

  .b-toast-secondary .toast .toast-header {
    color: #383d41;
    background-color: rgba(226, 227, 229, 0.85);
    border-bottom-color: rgba(214, 216, 219, 0.85);
  }

  .b-toast-secondary.b-toast-solid .toast {
    background-color: #eff0f1;
  }

  .b-toast-success .toast {
    background-color: rgba(230, 245, 233, 0.85);
    border-color: rgba(195, 230, 203, 0.85);
    color: #155724;
  }

  .b-toast-success .toast .toast-header {
    color: #155724;
    background-color: rgba(212, 237, 218, 0.85);
    border-bottom-color: rgba(195, 230, 203, 0.85);
  }

  .b-toast-success.b-toast-solid .toast {
    background-color: #e6f5e9;
  }

  .b-toast-info .toast {
    background-color: rgba(229, 244, 247, 0.85);
    border-color: rgba(190, 229, 235, 0.85);
    color: #0c5460;
  }

  .b-toast-info .toast .toast-header {
    color: #0c5460;
    background-color: rgba(209, 236, 241, 0.85);
    border-bottom-color: rgba(190, 229, 235, 0.85);
  }

  .b-toast-info.b-toast-solid .toast {
    background-color: #e5f4f7;
  }

  .b-toast-warning .toast {
    background-color: rgba(255, 249, 231, 0.85);
    border-color: rgba(255, 238, 186, 0.85);
    color: #856404;
  }

  .b-toast-warning .toast .toast-header {
    color: #856404;
    background-color: rgba(255, 243, 205, 0.85);
    border-bottom-color: rgba(255, 238, 186, 0.85);
  }

  .b-toast-warning.b-toast-solid .toast {
    background-color: #fff9e7;
  }

  .b-toast-danger .toast {
    background-color: rgba(252, 237, 238, 0.85);
    border-color: rgba(245, 198, 203, 0.85);
    color: #721c24;
  }

  .b-toast-danger .toast .toast-header {
    color: #721c24;
    background-color: rgba(248, 215, 218, 0.85);
    border-bottom-color: rgba(245, 198, 203, 0.85);
  }

  .b-toast-danger.b-toast-solid .toast {
    background-color: #fcedee;
  }

  .b-toast-light .toast {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: rgba(253, 253, 254, 0.85);
    color: #818182;
  }

  .b-toast-light .toast .toast-header {
    color: #818182;
    background-color: rgba(254, 254, 254, 0.85);
    border-bottom-color: rgba(253, 253, 254, 0.85);
  }

  .b-toast-light.b-toast-solid .toast {
    background-color: white;
  }

  .b-toast-dark .toast {
    background-color: rgba(227, 229, 229, 0.85);
    border-color: rgba(198, 200, 202, 0.85);
    color: #1b1e21;
  }

  .b-toast-dark .toast .toast-header {
    color: #1b1e21;
    background-color: rgba(214, 216, 217, 0.85);
    border-bottom-color: rgba(198, 200, 202, 0.85);
  }

  .b-toast-dark.b-toast-solid .toast {
    background-color: #e3e5e5;
  }

  .b-toast-woman .toast {
    background-color: rgba(253, 250, 247, 0.85);
    border-color: rgba(244, 230, 216, 0.85);
    color: #71563c;
  }

  .b-toast-woman .toast .toast-header {
    color: #71563c;
    background-color: rgba(247, 237, 227, 0.85);
    border-bottom-color: rgba(244, 230, 216, 0.85);
  }

  .b-toast-woman.b-toast-solid .toast {
    background-color: #fdfaf7;
  }

  .b-toaster {
    z-index: 1100;
  }

  .b-toaster .b-toaster-slot {
    position: relative;
    display: block;
  }

  .b-toaster .b-toaster-slot:empty {
    display: none !important;
  }

  .b-toaster.b-toaster-top-right,
  .b-toaster.b-toaster-top-left,
  .b-toaster.b-toaster-top-center,
  .b-toaster.b-toaster-top-full,
  .b-toaster.b-toaster-bottom-right,
  .b-toaster.b-toaster-bottom-left,
  .b-toaster.b-toaster-bottom-center,
  .b-toaster.b-toaster-bottom-full {
    position: fixed;
    right: 0.5rem;
    left: 0.5rem;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: visible;
  }

  .b-toaster.b-toaster-top-right .b-toaster-slot,
  .b-toaster.b-toaster-top-left .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-top-full .b-toaster-slot,
  .b-toaster.b-toaster-bottom-right .b-toaster-slot,
  .b-toaster.b-toaster-bottom-left .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot {
    position: absolute;
    max-width: 350px;
    width: 100%;
    /* IE 11 fix */
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
  }

  .b-toaster.b-toaster-top-full .b-toaster-slot,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot {
    width: 100%;
    max-width: 100%;
  }

  .b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
  .b-toaster.b-toaster-top-full .b-toaster-slot .toast,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
    width: 100%;
    max-width: 100%;
  }

  .b-toaster.b-toaster-top-right,
  .b-toaster.b-toaster-top-left,
  .b-toaster.b-toaster-top-center,
  .b-toaster.b-toaster-top-full {
    top: 0;
  }

  .b-toaster.b-toaster-top-right .b-toaster-slot,
  .b-toaster.b-toaster-top-left .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-top-full .b-toaster-slot {
    top: 0.5rem;
  }

  .b-toaster.b-toaster-bottom-right,
  .b-toaster.b-toaster-bottom-left,
  .b-toaster.b-toaster-bottom-center,
  .b-toaster.b-toaster-bottom-full {
    bottom: 0;
  }

  .b-toaster.b-toaster-bottom-right .b-toaster-slot,
  .b-toaster.b-toaster-bottom-left .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot {
    bottom: 0.5rem;
  }

  .b-toaster.b-toaster-top-right .b-toaster-slot,
  .b-toaster.b-toaster-bottom-right .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot {
    margin-right: auto;
  }

  .b-toaster.b-toaster-top-left .b-toaster-slot,
  .b-toaster.b-toaster-bottom-left .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot {
    margin-left: auto;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-top-right .b-toast.b-toaster-move,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-move,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
    transition: transform 0.175s;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
    transition-delay: 0.175s;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
    position: absolute;
    transition-delay: 0.175s;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
    transition-delay: 0s;
  }

  .tooltip.b-tooltip {
    display: block;
    opacity: 0.9;
    outline: 0;
  }

  .tooltip.b-tooltip.fade:not(.show) {
    opacity: 0;
  }

  .tooltip.b-tooltip.show {
    opacity: 0.9;
  }

  .tooltip.b-tooltip.noninteractive {
    pointer-events: none;
  }

  .tooltip.b-tooltip .arrow {
    margin: 0 0.25rem;
  }

  .tooltip.b-tooltip.bs-tooltip-right .arrow,
  .tooltip.b-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.bs-tooltip-left .arrow,
  .tooltip.b-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
    margin: 0.25rem 0;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #007bff;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #007bff;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #007bff;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #007bff;
  }

  .tooltip.b-tooltip-primary .tooltip-inner {
    color: #fff;
    background-color: #007bff;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary .tooltip-inner {
    color: #fff;
    background-color: #6c757d;
  }

  .tooltip.b-tooltip-success.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #28a745;
  }

  .tooltip.b-tooltip-success.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #28a745;
  }

  .tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #28a745;
  }

  .tooltip.b-tooltip-success.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #28a745;
  }

  .tooltip.b-tooltip-success .tooltip-inner {
    color: #fff;
    background-color: #28a745;
  }

  .tooltip.b-tooltip-info.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #17a2b8;
  }

  .tooltip.b-tooltip-info.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #17a2b8;
  }

  .tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #17a2b8;
  }

  .tooltip.b-tooltip-info.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #17a2b8;
  }

  .tooltip.b-tooltip-info .tooltip-inner {
    color: #fff;
    background-color: #17a2b8;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #ffc107;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #ffc107;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #ffc107;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #ffc107;
  }

  .tooltip.b-tooltip-warning .tooltip-inner {
    color: #212529;
    background-color: #ffc107;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #dc3545;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #dc3545;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #dc3545;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #dc3545;
  }

  .tooltip.b-tooltip-danger .tooltip-inner {
    color: #fff;
    background-color: #dc3545;
  }

  .tooltip.b-tooltip-light.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light .tooltip-inner {
    color: #212529;
    background-color: #f8f9fa;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #343a40;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #343a40;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #343a40;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #343a40;
  }

  .tooltip.b-tooltip-dark .tooltip-inner {
    color: #fff;
    background-color: #343a40;
  }

  .tooltip.b-tooltip-woman.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #d9a574;
  }

  .tooltip.b-tooltip-woman.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #d9a574;
  }

  .tooltip.b-tooltip-woman.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #d9a574;
  }

  .tooltip.b-tooltip-woman.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-woman.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #d9a574;
  }

  .tooltip.b-tooltip-woman .tooltip-inner {
    color: #212529;
    background-color: #d9a574;
  }

  .b-icon.bi {
    display: inline-block;
    overflow: visible;
    vertical-align: -0.15em;
  }

  .b-icon.b-icon-animation-cylon,
  .b-icon.b-iconstack .b-icon-animation-cylon > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-cylon,
    .b-icon.b-iconstack .b-icon-animation-cylon > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-cylon-vertical,
  .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-cylon-vertical,
    .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-fade,
  .b-icon.b-iconstack .b-icon-animation-fade > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-fade,
    .b-icon.b-iconstack .b-icon-animation-fade > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin,
  .b-icon.b-iconstack .b-icon-animation-spin > g {
    transform-origin: center;
    -webkit-animation: 2s infinite linear normal b-icon-animation-spin;
    animation: 2s infinite linear normal b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin,
    .b-icon.b-iconstack .b-icon-animation-spin > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin-reverse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
    transform-origin: center;
    animation: 2s infinite linear reverse b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-reverse,
    .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
    transform-origin: center;
    -webkit-animation: 1s infinite steps(8) normal b-icon-animation-spin;
    animation: 1s infinite steps(8) normal b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-pulse,
    .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin-reverse-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
    transform-origin: center;
    animation: 1s infinite steps(8) reverse b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-reverse-pulse,
    .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-throb,
  .b-icon.b-iconstack .b-icon-animation-throb > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-throb,
    .b-icon.b-iconstack .b-icon-animation-throb > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-icon-animation-cylon {
    0% {
      transform: translateX(25%);
    }

    100% {
      transform: translateX(-25%);
    }
  }

  @keyframes b-icon-animation-cylon {
    0% {
      transform: translateX(25%);
    }

    100% {
      transform: translateX(-25%);
    }
  }

  @-webkit-keyframes b-icon-animation-cylon-vertical {
    0% {
      transform: translateY(25%);
    }

    100% {
      transform: translateY(-25%);
    }
  }

  @keyframes b-icon-animation-cylon-vertical {
    0% {
      transform: translateY(25%);
    }

    100% {
      transform: translateY(-25%);
    }
  }

  @-webkit-keyframes b-icon-animation-fade {
    0% {
      opacity: 0.1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes b-icon-animation-fade {
    0% {
      opacity: 0.1;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes b-icon-animation-spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(-359deg);
    }
  }

  @keyframes b-icon-animation-spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(-359deg);
    }
  }

  @-webkit-keyframes b-icon-animation-throb {
    0% {
      opacity: 0.5;
      transform: scale(0.5);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes b-icon-animation-throb {
    0% {
      opacity: 0.5;
      transform: scale(0.5);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .btn .b-icon.bi,
  .nav-link .b-icon.bi,
  .dropdown-toggle .b-icon.bi,
  .dropdown-item .b-icon.bi,
  .input-group-text .b-icon.bi {
    font-size: 125%;
    vertical-align: text-bottom;
  }

  /*!
   * BootstrapVue Custom CSS (https://bootstrap-vue.org)
   */

  .bv-no-focus-ring:focus {
    outline: none;
  }

  @media (max-width: 575.98px) {
    .bv-d-down-none {
      display: none !important;
    }
  }

  @media (max-width: 767.98px) {
    .bv-d-sm-down-none {
      display: none !important;
    }
  }

  @media (max-width: 991.98px) {
    .bv-d-md-down-none {
      display: none !important;
    }
  }

  @media (max-width: 1199.98px) {
    .bv-d-lg-down-none {
      display: none !important;
    }
  }

  .bv-d-xl-down-none {
    display: none !important;
  }

  .form-control.focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .form-control.focus.is-valid {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .form-control.focus.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .b-form-btn-label-control.form-control {
    background-image: none;
    padding: 0;
  }

  .input-group .b-form-btn-label-control.form-control {
    padding: 0;
  }

  [dir="rtl"] .b-form-btn-label-control.form-control,
  .b-form-btn-label-control.form-control[dir="rtl"] {
    flex-direction: row-reverse;
  }

  [dir="rtl"] .b-form-btn-label-control.form-control > label,
  .b-form-btn-label-control.form-control[dir="rtl"] > label {
    text-align: left;
  }

  .b-form-btn-label-control.form-control > .btn {
    line-height: 1;
    font-size: inherit;
    box-shadow: none !important;
    border: 0;
  }

  .b-form-btn-label-control.form-control > .btn:disabled {
    pointer-events: none;
  }

  .b-form-btn-label-control.form-control.is-valid > .btn {
    color: #28a745;
  }

  .b-form-btn-label-control.form-control.is-invalid > .btn {
    color: #dc3545;
  }

  .b-form-btn-label-control.form-control > .dropdown-menu {
    padding: 0.5rem;
  }

  .b-form-btn-label-control.form-control > label {
    outline: 0;
    padding-right: 0.25rem;
    margin: 0;
    border: 0;
    font-size: inherit;
    cursor: pointer;
    min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px);
  }

  .b-form-btn-label-control.form-control > label.form-control-sm {
    min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
  }

  .b-form-btn-label-control.form-control > label.form-control-lg {
    min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
  }

  .input-group.input-group-sm .b-form-btn-label-control.form-control > label {
    min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .input-group.input-group-lg .b-form-btn-label-control.form-control > label {
    min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .b-form-btn-label-control.form-control[aria-disabled="true"],
  .b-form-btn-label-control.form-control[aria-readonly="true"] {
    background-color: #e9ecef;
    opacity: 1;
  }

  .b-form-btn-label-control.form-control[aria-disabled="true"] {
    pointer-events: none;
  }

  .b-form-btn-label-control.form-control[aria-disabled="true"] > label {
    cursor: default;
  }

  .b-form-btn-label-control.btn-group > .dropdown-menu {
    padding: 0.5rem;
  }

  .b-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    max-width: 100%;
    max-height: auto;
    text-align: center;
    overflow: visible;
    position: relative;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .b-avatar:focus {
    outline: 0;
  }

  .b-avatar.btn,
  .b-avatar[href] {
    padding: 0;
    border: 0;
  }

  .b-avatar.btn .b-avatar-img img,
  .b-avatar[href] .b-avatar-img img {
    transition: transform 0.15s ease-in-out;
  }

  .b-avatar.btn:not(:disabled):not(.disabled),
  .b-avatar[href]:not(:disabled):not(.disabled) {
    cursor: pointer;
  }

  .b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
  .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
    transform: scale(1.15);
  }

  .b-avatar.disabled,
  .b-avatar:disabled,
  .b-avatar[disabled] {
    opacity: 0.65;
    pointer-events: none;
  }

  .b-avatar .b-avatar-custom,
  .b-avatar .b-avatar-text,
  .b-avatar .b-avatar-img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-mask-image: radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
  }

  .b-avatar .b-avatar-text {
    text-transform: uppercase;
    white-space: nowrap;
  }

  .b-avatar[href] {
    text-decoration: none;
  }

  .b-avatar > .b-icon {
    width: 60%;
    height: auto;
    max-width: 100%;
  }

  .b-avatar .b-avatar-img img {
    width: 100%;
    height: 100%;
    max-height: auto;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .b-avatar .b-avatar-badge {
    position: absolute;
    min-height: 1.5em;
    min-width: 1.5em;
    padding: 0.25em;
    line-height: 1;
    border-radius: 10em;
    font-size: 70%;
    font-weight: 700;
    z-index: 5;
  }

  .b-avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
  }

  .b-avatar-sm .b-avatar-text {
    font-size: calc(0.6rem);
  }

  .b-avatar-sm .b-avatar-badge {
    font-size: calc(0.42rem);
  }

  .b-avatar-lg {
    width: 3.5rem;
    height: 3.5rem;
  }

  .b-avatar-lg .b-avatar-text {
    font-size: calc(1.4rem);
  }

  .b-avatar-lg .b-avatar-badge {
    font-size: calc(0.98rem);
  }

  .b-avatar-group .b-avatar-group-inner {
    display: flex;
    flex-wrap: wrap;
  }

  .b-avatar-group .b-avatar {
    border: 1px solid #dee2e6;
  }

  .b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),
  .b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) {
    z-index: 3;
  }

  .b-calendar {
    display: inline-flex;
  }

  .b-calendar .b-calendar-inner {
    min-width: 250px;
  }

  .b-calendar .b-calendar-header,
  .b-calendar .b-calendar-nav {
    margin-bottom: 0.25rem;
  }

  .b-calendar .b-calendar-nav .btn {
    padding: 0.25rem;
  }

  .b-calendar output {
    padding: 0.25rem;
    font-size: 80%;
  }

  .b-calendar output.readonly {
    background-color: #e9ecef;
    opacity: 1;
  }

  .b-calendar .b-calendar-footer {
    margin-top: 0.5rem;
  }

  .b-calendar .b-calendar-grid {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  .b-calendar .b-calendar-grid .row {
    flex-wrap: nowrap;
  }

  .b-calendar .b-calendar-grid-caption {
    padding: 0.25rem;
  }

  .b-calendar .b-calendar-grid-body .col[data-date] .btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 1;
    margin: 3px auto;
    padding: 9px 0;
  }

  .b-calendar .btn:disabled,
  .b-calendar .btn.disabled,
  .b-calendar .btn[aria-disabled="true"] {
    cursor: default;
    pointer-events: none;
  }

  .card-img-left {
    border-top-right-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
  }

  .card-img-right {
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
  }

  .dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
    display: none !important;
  }

  .dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
    display: none !important;
  }

  .dropdown .dropdown-menu:focus {
    outline: none;
  }

  .b-dropdown-form {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    width: 100%;
    clear: both;
    font-weight: 400;
  }

  .b-dropdown-form:focus {
    outline: 1px dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }

  .b-dropdown-form.disabled,
  .b-dropdown-form:disabled {
    outline: 0 !important;
    color: #6c757d;
    pointer-events: none;
  }

  .b-dropdown-text {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    margin-bottom: 0;
    width: 100%;
    clear: both;
    font-weight: lighter;
  }

  .custom-checkbox.b-custom-control-lg,
  .input-group-lg .custom-checkbox {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-right: 1.875rem;
  }

  .custom-checkbox.b-custom-control-lg .custom-control-label::before,
  .input-group-lg .custom-checkbox .custom-control-label::before {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.3rem;
  }

  .custom-checkbox.b-custom-control-lg .custom-control-label::after,
  .input-group-lg .custom-checkbox .custom-control-label::after {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 50% 50%;
  }

  .custom-checkbox.b-custom-control-sm,
  .input-group-sm .custom-checkbox {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 1.3125rem;
  }

  .custom-checkbox.b-custom-control-sm .custom-control-label::before,
  .input-group-sm .custom-checkbox .custom-control-label::before {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 0.2rem;
  }

  .custom-checkbox.b-custom-control-sm .custom-control-label::after,
  .input-group-sm .custom-checkbox .custom-control-label::after {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    background-size: 50% 50%;
  }

  .custom-switch.b-custom-control-lg,
  .input-group-lg .custom-switch {
    padding-right: 2.8125rem;
  }

  .custom-switch.b-custom-control-lg .custom-control-label,
  .input-group-lg .custom-switch .custom-control-label {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .custom-switch.b-custom-control-lg .custom-control-label::before,
  .input-group-lg .custom-switch .custom-control-label::before {
    top: 0.3125rem;
    height: 1.25rem;
    right: -2.8125rem;
    width: 2.1875rem;
    border-radius: 0.625rem;
  }

  .custom-switch.b-custom-control-lg .custom-control-label::after,
  .input-group-lg .custom-switch .custom-control-label::after {
    top: calc( 0.3125rem + 2px);
    right: calc( -2.8125rem + 2px);
    width: calc( 1.25rem - 4px);
    height: calc( 1.25rem - 4px);
    border-radius: 0.625rem;
    background-size: 50% 50%;
  }

  .custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
  .input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.9375rem);
  }

  .custom-switch.b-custom-control-sm,
  .input-group-sm .custom-switch {
    padding-right: 1.96875rem;
  }

  .custom-switch.b-custom-control-sm .custom-control-label,
  .input-group-sm .custom-switch .custom-control-label {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .custom-switch.b-custom-control-sm .custom-control-label::before,
  .input-group-sm .custom-switch .custom-control-label::before {
    top: 0.21875rem;
    right: -1.96875rem;
    width: 1.53125rem;
    height: 0.875rem;
    border-radius: 0.4375rem;
  }

  .custom-switch.b-custom-control-sm .custom-control-label::after,
  .input-group-sm .custom-switch .custom-control-label::after {
    top: calc( 0.21875rem + 2px);
    right: calc( -1.96875rem + 2px);
    width: calc( 0.875rem - 4px);
    height: calc( 0.875rem - 4px);
    border-radius: 0.4375rem;
    background-size: 50% 50%;
  }

  .custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
  .input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.65625rem);
  }

  .input-group > .input-group-prepend > .btn-group > .btn,
  .input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
  .input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .input-group > .input-group-append > .btn-group > .btn,
  .input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
  .input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .custom-file-label {
    white-space: nowrap;
    overflow-x: hidden;
  }

  .b-custom-control-lg.custom-file,
  .b-custom-control-lg .custom-file-input,
  .b-custom-control-lg .custom-file-label,
  .input-group-lg.custom-file,
  .input-group-lg .custom-file-input,
  .input-group-lg .custom-file-label {
    font-size: 1.25rem;
    height: calc(1.5em + 1rem + 2px);
  }

  .b-custom-control-lg .custom-file-label,
  .b-custom-control-lg .custom-file-label:after,
  .input-group-lg .custom-file-label,
  .input-group-lg .custom-file-label:after {
    padding: 0.5rem 1rem;
    line-height: 1.5;
  }

  .b-custom-control-lg .custom-file-label,
  .input-group-lg .custom-file-label {
    border-radius: 0.3rem;
  }

  .b-custom-control-lg .custom-file-label::after,
  .input-group-lg .custom-file-label::after {
    font-size: inherit;
    height: calc( 1.5em + 1rem);
    border-radius: 0.3rem 0 0 0.3rem;
  }

  .b-custom-control-sm.custom-file,
  .b-custom-control-sm .custom-file-input,
  .b-custom-control-sm .custom-file-label,
  .input-group-sm.custom-file,
  .input-group-sm .custom-file-input,
  .input-group-sm .custom-file-label {
    font-size: 0.875rem;
    height: calc(1.5em + 0.5rem + 2px);
  }

  .b-custom-control-sm .custom-file-label,
  .b-custom-control-sm .custom-file-label:after,
  .input-group-sm .custom-file-label,
  .input-group-sm .custom-file-label:after {
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
  }

  .b-custom-control-sm .custom-file-label,
  .input-group-sm .custom-file-label {
    border-radius: 0.2rem;
  }

  .b-custom-control-sm .custom-file-label::after,
  .input-group-sm .custom-file-label::after {
    font-size: inherit;
    height: calc( 1.5em + 0.5rem);
    border-radius: 0.2rem 0 0 0.2rem;
  }

  .was-validated .form-control:invalid,
  .was-validated .form-control:valid,
  .form-control.is-invalid,
  .form-control.is-valid {
    background-position: left calc(0.375em + 0.1875rem) center;
  }

  input[type="color"].form-control {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.125rem 0.25rem;
  }

  input[type="color"].form-control.form-control-sm,
  .input-group-sm input[type="color"].form-control {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.125rem 0.25rem;
  }

  input[type="color"].form-control.form-control-lg,
  .input-group-lg input[type="color"].form-control {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.125rem 0.25rem;
  }

  input[type="color"].form-control:disabled {
    background-color: #adb5bd;
    opacity: 0.65;
  }

  .input-group > .custom-range {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
  }

  .input-group > .custom-range + .form-control,
  .input-group > .custom-range + .form-control-plaintext,
  .input-group > .custom-range + .custom-select,
  .input-group > .custom-range + .custom-range,
  .input-group > .custom-range + .custom-file {
    margin-right: -1px;
  }

  .input-group > .form-control + .custom-range,
  .input-group > .form-control-plaintext + .custom-range,
  .input-group > .custom-select + .custom-range,
  .input-group > .custom-range + .custom-range,
  .input-group > .custom-file + .custom-range {
    margin-right: -1px;
  }

  .input-group > .custom-range:focus {
    z-index: 3;
  }

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

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

  .input-group > .custom-range {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .input-group > .custom-range {
      transition: none;
    }
  }

  .input-group > .custom-range:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .input-group > .custom-range:disabled,
  .input-group > .custom-range[readonly] {
    background-color: #e9ecef;
  }

  .input-group-lg > .custom-range {
    height: calc(1.5em + 1rem + 2px);
    padding: 0 1rem;
    border-radius: 0.3rem;
  }

  .input-group-sm > .custom-range {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0 0.5rem;
    border-radius: 0.2rem;
  }

  .was-validated .input-group .custom-range:valid,
  .input-group .custom-range.is-valid {
    border-color: #28a745;
  }

  .was-validated .input-group .custom-range:valid:focus,
  .input-group .custom-range.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .was-validated .custom-range:valid:focus::-webkit-slider-thumb,
  .custom-range.is-valid:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
  }

  .was-validated .custom-range:valid:focus::-moz-range-thumb,
  .custom-range.is-valid:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
  }

  .was-validated .custom-range:valid:focus::-ms-thumb,
  .custom-range.is-valid:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
  }

  .was-validated .custom-range:valid::-webkit-slider-thumb,
  .custom-range.is-valid::-webkit-slider-thumb {
    background-color: #28a745;
    background-image: none;
  }

  .was-validated .custom-range:valid::-webkit-slider-thumb:active,
  .custom-range.is-valid::-webkit-slider-thumb:active {
    background-color: #9be7ac;
    background-image: none;
  }

  .was-validated .custom-range:valid::-webkit-slider-runnable-track,
  .custom-range.is-valid::-webkit-slider-runnable-track {
    background-color: rgba(40, 167, 69, 0.35);
  }

  .was-validated .custom-range:valid::-moz-range-thumb,
  .custom-range.is-valid::-moz-range-thumb {
    background-color: #28a745;
    background-image: none;
  }

  .was-validated .custom-range:valid::-moz-range-thumb:active,
  .custom-range.is-valid::-moz-range-thumb:active {
    background-color: #9be7ac;
    background-image: none;
  }

  .was-validated .custom-range:valid::-moz-range-track,
  .custom-range.is-valid::-moz-range-track {
    background: rgba(40, 167, 69, 0.35);
  }

  .was-validated .custom-range:valid ~ .valid-feedback,
  .was-validated .custom-range:valid ~ .valid-tooltip,
  .custom-range.is-valid ~ .valid-feedback,
  .custom-range.is-valid ~ .valid-tooltip {
    display: block;
  }

  .was-validated .custom-range:valid::-ms-thumb,
  .custom-range.is-valid::-ms-thumb {
    background-color: #28a745;
    background-image: none;
  }

  .was-validated .custom-range:valid::-ms-thumb:active,
  .custom-range.is-valid::-ms-thumb:active {
    background-color: #9be7ac;
    background-image: none;
  }

  .was-validated .custom-range:valid::-ms-track-lower,
  .custom-range.is-valid::-ms-track-lower {
    background: rgba(40, 167, 69, 0.35);
  }

  .was-validated .custom-range:valid::-ms-track-upper,
  .custom-range.is-valid::-ms-track-upper {
    background: rgba(40, 167, 69, 0.35);
  }

  .was-validated .input-group .custom-range:invalid,
  .input-group .custom-range.is-invalid {
    border-color: #dc3545;
  }

  .was-validated .input-group .custom-range:invalid:focus,
  .input-group .custom-range.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .was-validated .custom-range:invalid:focus::-webkit-slider-thumb,
  .custom-range.is-invalid:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
  }

  .was-validated .custom-range:invalid:focus::-moz-range-thumb,
  .custom-range.is-invalid:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
  }

  .was-validated .custom-range:invalid:focus::-ms-thumb,
  .custom-range.is-invalid:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
  }

  .was-validated .custom-range:invalid::-webkit-slider-thumb,
  .custom-range.is-invalid::-webkit-slider-thumb {
    background-color: #dc3545;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-webkit-slider-thumb:active,
  .custom-range.is-invalid::-webkit-slider-thumb:active {
    background-color: #f6cdd1;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-webkit-slider-runnable-track,
  .custom-range.is-invalid::-webkit-slider-runnable-track {
    background-color: rgba(220, 53, 69, 0.35);
  }

  .was-validated .custom-range:invalid::-moz-range-thumb,
  .custom-range.is-invalid::-moz-range-thumb {
    background-color: #dc3545;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-moz-range-thumb:active,
  .custom-range.is-invalid::-moz-range-thumb:active {
    background-color: #f6cdd1;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-moz-range-track,
  .custom-range.is-invalid::-moz-range-track {
    background: rgba(220, 53, 69, 0.35);
  }

  .was-validated .custom-range:invalid ~ .invalid-feedback,
  .was-validated .custom-range:invalid ~ .invalid-tooltip,
  .custom-range.is-invalid ~ .invalid-feedback,
  .custom-range.is-invalid ~ .invalid-tooltip {
    display: block;
  }

  .was-validated .custom-range:invalid::-ms-thumb,
  .custom-range.is-invalid::-ms-thumb {
    background-color: #dc3545;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-ms-thumb:active,
  .custom-range.is-invalid::-ms-thumb:active {
    background-color: #f6cdd1;
    background-image: none;
  }

  .was-validated .custom-range:invalid::-ms-track-lower,
  .custom-range.is-invalid::-ms-track-lower {
    background: rgba(220, 53, 69, 0.35);
  }

  .was-validated .custom-range:invalid::-ms-track-upper,
  .custom-range.is-invalid::-ms-track-upper {
    background: rgba(220, 53, 69, 0.35);
  }

  .custom-radio.b-custom-control-lg,
  .input-group-lg .custom-radio {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-right: 1.875rem;
  }

  .custom-radio.b-custom-control-lg .custom-control-label::before,
  .input-group-lg .custom-radio .custom-control-label::before {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
  }

  .custom-radio.b-custom-control-lg .custom-control-label::after,
  .input-group-lg .custom-radio .custom-control-label::after {
    top: 0.3125rem;
    right: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    background: no-repeat 50% / 50% 50%;
  }

  .custom-radio.b-custom-control-sm,
  .input-group-sm .custom-radio {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 1.3125rem;
  }

  .custom-radio.b-custom-control-sm .custom-control-label::before,
  .input-group-sm .custom-radio .custom-control-label::before {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
  }

  .custom-radio.b-custom-control-sm .custom-control-label::after,
  .input-group-sm .custom-radio .custom-control-label::after {
    top: 0.21875rem;
    right: -1.3125rem;
    width: 0.875rem;
    height: 0.875rem;
    background: no-repeat 50% / 50% 50%;
  }

  .b-rating {
    text-align: center;
  }

  .b-rating.d-inline-flex {
    width: auto;
  }

  .b-rating .b-rating-star,
  .b-rating .b-rating-value {
    padding: 0 0.25em;
  }

  .b-rating .b-rating-value {
    min-width: 2.5em;
  }

  .b-rating .b-rating-star {
    display: inline-flex;
    justify-content: center;
    outline: 0;
  }

  .b-rating .b-rating-star .b-rating-icon {
    display: inline-flex;
    transition: all 0.15s ease-in-out;
  }

  .b-rating.disabled,
  .b-rating:disabled {
    background-color: #e9ecef;
    color: #6c757d;
  }

  .b-rating:not(.disabled):not(.readonly) .b-rating-star {
    cursor: pointer;
  }

  .b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
  .b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
    transform: scale(1.5);
  }

  .b-rating[dir="rtl"] .b-rating-star-half {
    transform: scale(-1, 1);
  }

  .b-form-spinbutton {
    text-align: center;
    overflow: hidden;
    background-image: none;
    padding: 0;
  }

  [dir="rtl"] .b-form-spinbutton:not(.flex-column),
  .b-form-spinbutton[dir="rtl"]:not(.flex-column) {
    flex-direction: row-reverse;
  }

  .b-form-spinbutton output {
    font-size: inherit;
    outline: 0;
    border: 0;
    background-color: transparent;
    width: auto;
    margin: 0;
    padding: 0 0.25rem;
  }

  .b-form-spinbutton output > div,
  .b-form-spinbutton output > bdi {
    display: block;
    min-width: 2.25em;
    height: 1.5em;
  }

  .b-form-spinbutton.flex-column {
    height: auto;
    width: auto;
  }

  .b-form-spinbutton.flex-column output {
    margin: 0 0.25rem;
    padding: 0.25rem 0;
  }

  .b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
    output-width: 100%;
  }

  .b-form-spinbutton.d-inline-flex:not(.flex-column) {
    width: auto;
  }

  .b-form-spinbutton .btn {
    line-height: 1;
    box-shadow: none !important;
  }

  .b-form-spinbutton .btn:disabled {
    pointer-events: none;
  }

  .b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
    transform: scale(1.25);
  }

  .b-form-spinbutton.disabled,
  .b-form-spinbutton.readonly {
    background-color: #e9ecef;
  }

  .b-form-spinbutton.disabled {
    pointer-events: none;
  }

  .b-form-tags .b-form-tags-list {
    margin-top: -0.25rem;
  }

  .b-form-tags .b-form-tags-list .b-from-tags-field,
  .b-form-tags .b-form-tags-list .b-form-tag {
    margin-top: 0.25rem;
  }

  .b-form-tags.focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .b-form-tags.focus.is-valid {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }

  .b-form-tags.focus.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }

  .b-form-tags.disabled {
    background-color: #e9ecef;
  }

  .b-form-tag {
    font-size: 75%;
    font-weight: normal;
    line-height: 1.5;
    margin-left: 0.25rem;
  }

  .b-form-tag.disabled {
    opacity: 0.75;
  }

  .b-form-tag > button.b-form-tag-remove {
    color: inherit;
    font-size: 125%;
    line-height: 1;
    float: none;
    margin-right: 0.25rem;
  }

  .form-control-sm .b-form-tag {
    line-height: 1.5;
  }

  .form-control-lg .b-form-tag {
    line-height: 1.5;
  }

  .modal-backdrop {
    opacity: 0.5;
  }

  .b-pagination-pills .page-item .page-link {
    border-radius: 50rem !important;
    margin-right: 0.25rem;
    line-height: 1;
  }

  .b-pagination-pills .page-item:first-child .page-link {
    margin-right: 0;
  }

  .popover.b-popover {
    display: block;
    opacity: 1;
    outline: 0;
  }

  .popover.b-popover.fade:not(.show) {
    opacity: 0;
  }

  .popover.b-popover.show {
    opacity: 1;
  }

  .b-popover-primary.popover {
    background-color: #cce5ff;
    border-color: #b8daff;
  }

  .b-popover-primary.bs-popover-top > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #b8daff;
  }

  .b-popover-primary.bs-popover-top > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #cce5ff;
  }

  .b-popover-primary.bs-popover-right > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #b8daff;
  }

  .b-popover-primary.bs-popover-right > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #cce5ff;
  }

  .b-popover-primary.bs-popover-bottom > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #b8daff;
  }

  .b-popover-primary.bs-popover-bottom > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #bdddff;
  }

  .b-popover-primary.bs-popover-bottom .popover-header::before,
  .b-popover-primary.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #bdddff;
  }

  .b-popover-primary.bs-popover-left > .arrow::before,
  .b-popover-primary.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #b8daff;
  }

  .b-popover-primary.bs-popover-left > .arrow::after,
  .b-popover-primary.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #cce5ff;
  }

  .b-popover-primary .popover-header {
    color: #212529;
    background-color: #bdddff;
    border-bottom-color: #a3d0ff;
  }

  .b-popover-primary .popover-body {
    color: #004085;
  }

  .b-popover-secondary.popover {
    background-color: #e2e3e5;
    border-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-top > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-top > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #e2e3e5;
  }

  .b-popover-secondary.bs-popover-right > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-right > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #e2e3e5;
  }

  .b-popover-secondary.bs-popover-bottom > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-bottom > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #dadbde;
  }

  .b-popover-secondary.bs-popover-bottom .popover-header::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #dadbde;
  }

  .b-popover-secondary.bs-popover-left > .arrow::before,
  .b-popover-secondary.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #d6d8db;
  }

  .b-popover-secondary.bs-popover-left > .arrow::after,
  .b-popover-secondary.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #e2e3e5;
  }

  .b-popover-secondary .popover-header {
    color: #212529;
    background-color: #dadbde;
    border-bottom-color: #ccced2;
  }

  .b-popover-secondary .popover-body {
    color: #383d41;
  }

  .b-popover-success.popover {
    background-color: #d4edda;
    border-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-top > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-top > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #d4edda;
  }

  .b-popover-success.bs-popover-right > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-right > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #d4edda;
  }

  .b-popover-success.bs-popover-bottom > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-bottom > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #c9e8d1;
  }

  .b-popover-success.bs-popover-bottom .popover-header::before,
  .b-popover-success.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #c9e8d1;
  }

  .b-popover-success.bs-popover-left > .arrow::before,
  .b-popover-success.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #c3e6cb;
  }

  .b-popover-success.bs-popover-left > .arrow::after,
  .b-popover-success.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #d4edda;
  }

  .b-popover-success .popover-header {
    color: #212529;
    background-color: #c9e8d1;
    border-bottom-color: #b7e1c1;
  }

  .b-popover-success .popover-body {
    color: #155724;
  }

  .b-popover-info.popover {
    background-color: #d1ecf1;
    border-color: #bee5eb;
  }

  .b-popover-info.bs-popover-top > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #bee5eb;
  }

  .b-popover-info.bs-popover-top > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #d1ecf1;
  }

  .b-popover-info.bs-popover-right > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #bee5eb;
  }

  .b-popover-info.bs-popover-right > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #d1ecf1;
  }

  .b-popover-info.bs-popover-bottom > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #bee5eb;
  }

  .b-popover-info.bs-popover-bottom > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #c5e7ed;
  }

  .b-popover-info.bs-popover-bottom .popover-header::before,
  .b-popover-info.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #c5e7ed;
  }

  .b-popover-info.bs-popover-left > .arrow::before,
  .b-popover-info.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #bee5eb;
  }

  .b-popover-info.bs-popover-left > .arrow::after,
  .b-popover-info.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #d1ecf1;
  }

  .b-popover-info .popover-header {
    color: #212529;
    background-color: #c5e7ed;
    border-bottom-color: #b2dfe7;
  }

  .b-popover-info .popover-body {
    color: #0c5460;
  }

  .b-popover-warning.popover {
    background-color: #fff3cd;
    border-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-top > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-top > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #fff3cd;
  }

  .b-popover-warning.bs-popover-right > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-right > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #fff3cd;
  }

  .b-popover-warning.bs-popover-bottom > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-bottom > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #ffefbe;
  }

  .b-popover-warning.bs-popover-bottom .popover-header::before,
  .b-popover-warning.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #ffefbe;
  }

  .b-popover-warning.bs-popover-left > .arrow::before,
  .b-popover-warning.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #ffeeba;
  }

  .b-popover-warning.bs-popover-left > .arrow::after,
  .b-popover-warning.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #fff3cd;
  }

  .b-popover-warning .popover-header {
    color: #212529;
    background-color: #ffefbe;
    border-bottom-color: #ffe9a4;
  }

  .b-popover-warning .popover-body {
    color: #856404;
  }

  .b-popover-danger.popover {
    background-color: #f8d7da;
    border-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-top > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-top > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #f8d7da;
  }

  .b-popover-danger.bs-popover-right > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-right > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #f8d7da;
  }

  .b-popover-danger.bs-popover-bottom > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-bottom > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #f6cace;
  }

  .b-popover-danger.bs-popover-bottom .popover-header::before,
  .b-popover-danger.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #f6cace;
  }

  .b-popover-danger.bs-popover-left > .arrow::before,
  .b-popover-danger.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #f5c6cb;
  }

  .b-popover-danger.bs-popover-left > .arrow::after,
  .b-popover-danger.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #f8d7da;
  }

  .b-popover-danger .popover-header {
    color: #212529;
    background-color: #f6cace;
    border-bottom-color: #f2b4ba;
  }

  .b-popover-danger .popover-body {
    color: #721c24;
  }

  .b-popover-light.popover {
    background-color: #fefefe;
    border-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-top > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-top > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #fefefe;
  }

  .b-popover-light.bs-popover-right > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-right > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #fefefe;
  }

  .b-popover-light.bs-popover-bottom > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-bottom > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #f6f6f6;
  }

  .b-popover-light.bs-popover-bottom .popover-header::before,
  .b-popover-light.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #f6f6f6;
  }

  .b-popover-light.bs-popover-left > .arrow::before,
  .b-popover-light.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #fdfdfe;
  }

  .b-popover-light.bs-popover-left > .arrow::after,
  .b-popover-light.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #fefefe;
  }

  .b-popover-light .popover-header {
    color: #212529;
    background-color: #f6f6f6;
    border-bottom-color: #eaeaea;
  }

  .b-popover-light .popover-body {
    color: #818182;
  }

  .b-popover-dark.popover {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-top > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-top-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-top > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #d6d8d9;
  }

  .b-popover-dark.bs-popover-right > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-left-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-right > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-left-color: #d6d8d9;
  }

  .b-popover-dark.bs-popover-bottom > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-bottom > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #ced0d2;
  }

  .b-popover-dark.bs-popover-bottom .popover-header::before,
  .b-popover-dark.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom-color: #ced0d2;
  }

  .b-popover-dark.bs-popover-left > .arrow::before,
  .b-popover-dark.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-right-color: #c6c8ca;
  }

  .b-popover-dark.bs-popover-left > .arrow::after,
  .b-popover-dark.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-right-color: #d6d8d9;
  }

  .b-popover-dark .popover-header {
    color: #212529;
    background-color: #ced0d2;
    border-bottom-color: #c1c4c5;
  }

  .b-popover-dark .popover-body {
    color: #1b1e21;
  }

  .b-skeleton-wrapper {
    cursor: wait;
  }

  .b-skeleton {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.12);
    cursor: wait;
  }

  .b-skeleton::before {
    content: "\A0";
  }

  .b-skeleton-text {
    height: 1rem;
    margin-bottom: 0.25rem;
    border-radius: 0.25rem;
  }

  .b-skeleton-button {
    width: 75px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }

  .b-skeleton-avatar {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
  }

  .b-skeleton-input {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: #ced4da solid 1px;
    border-radius: 0.25rem;
  }

  .b-skeleton-icon-wrapper svg {
    color: rgba(0, 0, 0, 0.12);
  }

  .b-skeleton-img {
    height: 100%;
    width: 100%;
  }

  .b-skeleton-animate-wave::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(-90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite;
    animation: b-skeleton-animate-wave 1.75s linear infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-wave::after {
      background: none;
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-skeleton-animate-wave {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(-100%);
    }
  }

  @keyframes b-skeleton-animate-wave {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .b-skeleton-animate-fade {
    -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
    animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-fade {
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-skeleton-animate-fade {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0.4;
    }
  }

  @keyframes b-skeleton-animate-fade {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0.4;
    }
  }

  .b-skeleton-animate-throb {
    -webkit-animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
    animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-throb {
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-skeleton-animate-throb {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.975);
    }
  }

  @keyframes b-skeleton-animate-throb {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.975);
    }
  }

  .b-sidebar-outer {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    overflow: visible;
    z-index: calc(1030 + 5);
  }

  .b-sidebar-backdrop {
    position: fixed !important;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
  }

  .b-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed !important;
    top: 0;
    height: 100vh;
    width: 320px;
    max-width: 100% !important;
    margin: 0 !important;
    outline: 0;
    transform: translateX(0);
  }

  .b-sidebar.slide {
    transition: transform 0.3s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-sidebar.slide {
      transition: none;
    }
  }

  .b-sidebar:not(.b-sidebar-right) {
    right: 0;
    left: auto;
  }

  .b-sidebar:not(.b-sidebar-right).slide:not(.show) {
    transform: translateX(100%);
  }

  .b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
    margin-right: auto;
  }

  .b-sidebar.b-sidebar-right {
    right: auto;
    left: 0;
  }

  .b-sidebar.b-sidebar-right.slide:not(.show) {
    transform: translateX(-100%);
  }

  .b-sidebar.b-sidebar-right > .b-sidebar-header .close {
    margin-left: auto;
  }

  .b-sidebar > .b-sidebar-header {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    align-items: center;
  }

  [dir="rtl"] .b-sidebar > .b-sidebar-header {
    flex-direction: row-reverse;
  }

  .b-sidebar > .b-sidebar-header .close {
    float: none;
    font-size: 1.5rem;
  }

  .b-sidebar > .b-sidebar-body {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
  }

  .b-sidebar > .b-sidebar-footer {
    flex-grow: 0;
  }

  .table.b-table.b-table-fixed {
    table-layout: fixed;
  }

  .table.b-table.b-table-no-border-collapse {
    border-collapse: separate;
    border-spacing: 0;
  }

  .table.b-table[aria-busy="true"] {
    opacity: 0.55;
  }

  .table.b-table > tbody > tr.b-table-details > td {
    border-top: none !important;
  }

  .table.b-table > caption {
    caption-side: bottom;
  }

  .table.b-table.b-table-caption-top > caption {
    caption-side: top !important;
  }

  .table.b-table > tbody > .table-active,
  .table.b-table > tbody > .table-active > th,
  .table.b-table > tbody > .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table.b-table.table-hover > tbody > tr.table-active:hover td,
  .table.b-table.table-hover > tbody > tr.table-active:hover th {
    color: #212529;
    background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
    background-repeat: no-repeat;
  }

  .table.b-table > tbody > .bg-active,
  .table.b-table > tbody > .bg-active > th,
  .table.b-table > tbody > .bg-active > td {
    background-color: rgba(255, 255, 255, 0.075) !important;
  }

  .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
  .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
    color: #fff;
    background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
    background-repeat: no-repeat;
  }

  .b-table-sticky-header,
  .table-responsive,
  [class*="table-responsive-"] {
    margin-bottom: 1rem;
  }

  .b-table-sticky-header > .table,
  .table-responsive > .table,
  [class*="table-responsive-"] > .table {
    margin-bottom: 0;
  }

  .b-table-sticky-header {
    overflow-y: auto;
    max-height: 300px;
  }

  @media print {
    .b-table-sticky-header {
      overflow-y: visible !important;
      max-height: none !important;
    }
  }

  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .b-table-sticky-header > .table.b-table > thead > tr > th {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 2;
    }

    .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > thead > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tbody > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tfoot > tr > .b-table-sticky-column {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
    }

    .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > thead > tr > .b-table-sticky-column {
      z-index: 5;
    }

    .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tbody > tr > .b-table-sticky-column,
    [class*="table-responsive-"] > .table.b-table > tfoot > tr > .b-table-sticky-column {
      z-index: 2;
    }

    .table.b-table > thead > tr > .table-b-table-default,
    .table.b-table > tbody > tr > .table-b-table-default,
    .table.b-table > tfoot > tr > .table-b-table-default {
      color: #212529;
      background-color: #fff;
    }

    .table.b-table.table-dark > thead > tr > .bg-b-table-default,
    .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
    .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
      color: #fff;
      background-color: #343a40;
    }

    .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
      background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
      background-repeat: no-repeat;
    }

    .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
      background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
      background-repeat: no-repeat;
    }

    .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
      color: #212529;
      background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
      background-repeat: no-repeat;
    }

    .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
      color: #fff;
      background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
      background-repeat: no-repeat;
    }
  }

  .table.b-table > thead > tr > [aria-sort],
  .table.b-table > tfoot > tr > [aria-sort] {
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 0.65em 1em;
  }

  .table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
  .table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
    background-position: left calc(0.75rem / 2) center;
    padding-left: calc(0.75rem + 0.65em);
  }

  .table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
  .table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
    background-position: right calc(0.75rem / 2) center;
    padding-right: calc(0.75rem + 0.65em);
  }

  .table.b-table > thead > tr > [aria-sort="none"],
  .table.b-table > tfoot > tr > [aria-sort="none"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > [aria-sort="ascending"],
  .table.b-table > tfoot > tr > [aria-sort="ascending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > [aria-sort="descending"],
  .table.b-table > tfoot > tr > [aria-sort="descending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-dark > thead > tr > [aria-sort="none"],
  .table.b-table.table-dark > tfoot > tr > [aria-sort="none"],
  .table.b-table > .thead-dark > tr > [aria-sort="none"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-dark > thead > tr > [aria-sort="ascending"],
  .table.b-table.table-dark > tfoot > tr > [aria-sort="ascending"],
  .table.b-table > .thead-dark > tr > [aria-sort="ascending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-dark > thead > tr > [aria-sort="descending"],
  .table.b-table.table-dark > tfoot > tr > [aria-sort="descending"],
  .table.b-table > .thead-dark > tr > [aria-sort="descending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > .table-dark[aria-sort="none"],
  .table.b-table > tfoot > tr > .table-dark[aria-sort="none"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > .table-dark[aria-sort="ascending"],
  .table.b-table > tfoot > tr > .table-dark[aria-sort="ascending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table > thead > tr > .table-dark[aria-sort="descending"],
  .table.b-table > tfoot > tr > .table-dark[aria-sort="descending"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
  }

  .table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
  .table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
    background-position: left calc(0.3rem / 2) center;
    padding-left: calc(0.3rem + 0.65em);
  }

  .table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
  .table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
    background-position: right calc(0.3rem / 2) center;
    padding-right: calc(0.3rem + 0.65em);
  }

  .table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
    cursor: pointer;
  }

  .table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  @media (max-width: 575.98px) {
    .table.b-table.b-table-stacked-sm {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-sm > caption,
    .table.b-table.b-table-stacked-sm > tbody,
    .table.b-table.b-table-stacked-sm > tbody > tr,
    .table.b-table.b-table-stacked-sm > tbody > tr > td,
    .table.b-table.b-table-stacked-sm > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-sm > thead,
    .table.b-table.b-table-stacked-sm > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-sm > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr.top-row,
    .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  @media (max-width: 767.98px) {
    .table.b-table.b-table-stacked-md {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-md > caption,
    .table.b-table.b-table-stacked-md > tbody,
    .table.b-table.b-table-stacked-md > tbody > tr,
    .table.b-table.b-table-stacked-md > tbody > tr > td,
    .table.b-table.b-table-stacked-md > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-md > thead,
    .table.b-table.b-table-stacked-md > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-md > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-md > tbody > tr.top-row,
    .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  @media (max-width: 991.98px) {
    .table.b-table.b-table-stacked-lg {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-lg > caption,
    .table.b-table.b-table-stacked-lg > tbody,
    .table.b-table.b-table-stacked-lg > tbody > tr,
    .table.b-table.b-table-stacked-lg > tbody > tr > td,
    .table.b-table.b-table-stacked-lg > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-lg > thead,
    .table.b-table.b-table-stacked-lg > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-lg > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr.top-row,
    .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  @media (max-width: 1199.98px) {
    .table.b-table.b-table-stacked-xl {
      display: block;
      width: 100%;
    }

    .table.b-table.b-table-stacked-xl > caption,
    .table.b-table.b-table-stacked-xl > tbody,
    .table.b-table.b-table-stacked-xl > tbody > tr,
    .table.b-table.b-table-stacked-xl > tbody > tr > td,
    .table.b-table.b-table-stacked-xl > tbody > tr > th {
      display: block;
    }

    .table.b-table.b-table-stacked-xl > thead,
    .table.b-table.b-table-stacked-xl > tfoot {
      display: none;
    }

    .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
    .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
    .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-xl > caption {
      caption-side: top !important;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
      content: attr(data-label);
      width: 40%;
      float: right;
      text-align: left;
      overflow-wrap: break-word;
      font-weight: bold;
      font-style: normal;
      padding: 0 0 0 calc(1rem / 2);
      margin: 0;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
      display: block;
      clear: both;
      content: "";
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
      display: inline-block;
      width: calc(100% - 40%);
      padding: 0 calc(1rem / 2) 0 0;
      margin: 0;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr.top-row,
    .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
      display: none;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
      border-top-width: 3px;
    }

    .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
      border-top-width: 3px;
    }
  }

  .table.b-table.b-table-stacked {
    display: block;
    width: 100%;
  }

  .table.b-table.b-table-stacked > caption,
  .table.b-table.b-table-stacked > tbody,
  .table.b-table.b-table-stacked > tbody > tr,
  .table.b-table.b-table-stacked > tbody > tr > td,
  .table.b-table.b-table-stacked > tbody > tr > th {
    display: block;
  }

  .table.b-table.b-table-stacked > thead,
  .table.b-table.b-table-stacked > tfoot {
    display: none;
  }

  .table.b-table.b-table-stacked > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
    display: none;
  }

  .table.b-table.b-table-stacked > caption {
    caption-side: top !important;
  }

  .table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: right;
    text-align: left;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }

  .table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }

  .table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }

  .table.b-table.b-table-stacked > tbody > tr.top-row,
  .table.b-table.b-table-stacked > tbody > tr.bottom-row {
    display: none;
  }

  .table.b-table.b-table-stacked > tbody > tr > :first-child {
    border-top-width: 3px;
  }

  .table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }

  .b-time {
    min-width: 150px;
  }

  .b-time[aria-disabled="true"] output,
  .b-time[aria-readonly="true"] output,
  .b-time output.disabled {
    background-color: #e9ecef;
    opacity: 1;
  }

  .b-time[aria-disabled="true"] output {
    pointer-events: none;
  }

  [dir="rtl"] .b-time > .d-flex:not(.flex-column) {
    flex-direction: row-reverse;
  }

  .b-time .b-time-header {
    margin-bottom: 0.5rem;
  }

  .b-time .b-time-header output {
    padding: 0.25rem;
    font-size: 80%;
  }

  .b-time .b-time-footer {
    margin-top: 0.5rem;
  }

  .b-time .b-time-ampm {
    margin-right: 0.5rem;
  }

  .b-toast {
    display: block;
    position: relative;
    max-width: 350px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-clip: padding-box;
    z-index: 1;
    border-radius: 0.25rem;
  }

  .b-toast .toast {
    background-color: rgba(255, 255, 255, 0.85);
  }

  .b-toast:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .b-toast.b-toast-solid .toast {
    background-color: white;
  }

  .b-toast .toast {
    opacity: 1;
  }

  .b-toast .toast.fade:not(.show) {
    opacity: 0;
  }

  .b-toast .toast .toast-body {
    display: block;
  }

  .b-toast-primary .toast {
    background-color: rgba(230, 242, 255, 0.85);
    border-color: rgba(184, 218, 255, 0.85);
    color: #004085;
  }

  .b-toast-primary .toast .toast-header {
    color: #004085;
    background-color: rgba(204, 229, 255, 0.85);
    border-bottom-color: rgba(184, 218, 255, 0.85);
  }

  .b-toast-primary.b-toast-solid .toast {
    background-color: #e6f2ff;
  }

  .b-toast-secondary .toast {
    background-color: rgba(239, 240, 241, 0.85);
    border-color: rgba(214, 216, 219, 0.85);
    color: #383d41;
  }

  .b-toast-secondary .toast .toast-header {
    color: #383d41;
    background-color: rgba(226, 227, 229, 0.85);
    border-bottom-color: rgba(214, 216, 219, 0.85);
  }

  .b-toast-secondary.b-toast-solid .toast {
    background-color: #eff0f1;
  }

  .b-toast-success .toast {
    background-color: rgba(230, 245, 233, 0.85);
    border-color: rgba(195, 230, 203, 0.85);
    color: #155724;
  }

  .b-toast-success .toast .toast-header {
    color: #155724;
    background-color: rgba(212, 237, 218, 0.85);
    border-bottom-color: rgba(195, 230, 203, 0.85);
  }

  .b-toast-success.b-toast-solid .toast {
    background-color: #e6f5e9;
  }

  .b-toast-info .toast {
    background-color: rgba(229, 244, 247, 0.85);
    border-color: rgba(190, 229, 235, 0.85);
    color: #0c5460;
  }

  .b-toast-info .toast .toast-header {
    color: #0c5460;
    background-color: rgba(209, 236, 241, 0.85);
    border-bottom-color: rgba(190, 229, 235, 0.85);
  }

  .b-toast-info.b-toast-solid .toast {
    background-color: #e5f4f7;
  }

  .b-toast-warning .toast {
    background-color: rgba(255, 249, 231, 0.85);
    border-color: rgba(255, 238, 186, 0.85);
    color: #856404;
  }

  .b-toast-warning .toast .toast-header {
    color: #856404;
    background-color: rgba(255, 243, 205, 0.85);
    border-bottom-color: rgba(255, 238, 186, 0.85);
  }

  .b-toast-warning.b-toast-solid .toast {
    background-color: #fff9e7;
  }

  .b-toast-danger .toast {
    background-color: rgba(252, 237, 238, 0.85);
    border-color: rgba(245, 198, 203, 0.85);
    color: #721c24;
  }

  .b-toast-danger .toast .toast-header {
    color: #721c24;
    background-color: rgba(248, 215, 218, 0.85);
    border-bottom-color: rgba(245, 198, 203, 0.85);
  }

  .b-toast-danger.b-toast-solid .toast {
    background-color: #fcedee;
  }

  .b-toast-light .toast {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: rgba(253, 253, 254, 0.85);
    color: #818182;
  }

  .b-toast-light .toast .toast-header {
    color: #818182;
    background-color: rgba(254, 254, 254, 0.85);
    border-bottom-color: rgba(253, 253, 254, 0.85);
  }

  .b-toast-light.b-toast-solid .toast {
    background-color: white;
  }

  .b-toast-dark .toast {
    background-color: rgba(227, 229, 229, 0.85);
    border-color: rgba(198, 200, 202, 0.85);
    color: #1b1e21;
  }

  .b-toast-dark .toast .toast-header {
    color: #1b1e21;
    background-color: rgba(214, 216, 217, 0.85);
    border-bottom-color: rgba(198, 200, 202, 0.85);
  }

  .b-toast-dark.b-toast-solid .toast {
    background-color: #e3e5e5;
  }

  .b-toaster {
    z-index: 1100;
  }

  .b-toaster .b-toaster-slot {
    position: relative;
    display: block;
  }

  .b-toaster .b-toaster-slot:empty {
    display: none !important;
  }

  .b-toaster.b-toaster-top-right,
  .b-toaster.b-toaster-top-left,
  .b-toaster.b-toaster-top-center,
  .b-toaster.b-toaster-top-full,
  .b-toaster.b-toaster-bottom-right,
  .b-toaster.b-toaster-bottom-left,
  .b-toaster.b-toaster-bottom-center,
  .b-toaster.b-toaster-bottom-full {
    position: fixed;
    right: 0.5rem;
    left: 0.5rem;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: visible;
  }

  .b-toaster.b-toaster-top-right .b-toaster-slot,
  .b-toaster.b-toaster-top-left .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-top-full .b-toaster-slot,
  .b-toaster.b-toaster-bottom-right .b-toaster-slot,
  .b-toaster.b-toaster-bottom-left .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot {
    position: absolute;
    max-width: 350px;
    width: 100%;
    /* IE 11 fix */
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
  }

  .b-toaster.b-toaster-top-full .b-toaster-slot,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot {
    width: 100%;
    max-width: 100%;
  }

  .b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
  .b-toaster.b-toaster-top-full .b-toaster-slot .toast,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
    width: 100%;
    max-width: 100%;
  }

  .b-toaster.b-toaster-top-right,
  .b-toaster.b-toaster-top-left,
  .b-toaster.b-toaster-top-center,
  .b-toaster.b-toaster-top-full {
    top: 0;
  }

  .b-toaster.b-toaster-top-right .b-toaster-slot,
  .b-toaster.b-toaster-top-left .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-top-full .b-toaster-slot {
    top: 0.5rem;
  }

  .b-toaster.b-toaster-bottom-right,
  .b-toaster.b-toaster-bottom-left,
  .b-toaster.b-toaster-bottom-center,
  .b-toaster.b-toaster-bottom-full {
    bottom: 0;
  }

  .b-toaster.b-toaster-bottom-right .b-toaster-slot,
  .b-toaster.b-toaster-bottom-left .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-full .b-toaster-slot {
    bottom: 0.5rem;
  }

  .b-toaster.b-toaster-top-right .b-toaster-slot,
  .b-toaster.b-toaster-bottom-right .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot {
    margin-right: auto;
  }

  .b-toaster.b-toaster-top-left .b-toaster-slot,
  .b-toaster.b-toaster-bottom-left .b-toaster-slot,
  .b-toaster.b-toaster-top-center .b-toaster-slot,
  .b-toaster.b-toaster-bottom-center .b-toaster-slot {
    margin-left: auto;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-top-right .b-toast.b-toaster-move,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-move,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
    transition: transform 0.175s;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
    transition-delay: 0.175s;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
    position: absolute;
    transition-delay: 0.175s;
  }

  .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade,
  .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,
  .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,
  .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
    transition-delay: 0s;
  }

  .tooltip.b-tooltip {
    display: block;
    opacity: 0.9;
    outline: 0;
  }

  .tooltip.b-tooltip.fade:not(.show) {
    opacity: 0;
  }

  .tooltip.b-tooltip.show {
    opacity: 0.9;
  }

  .tooltip.b-tooltip.noninteractive {
    pointer-events: none;
  }

  .tooltip.b-tooltip .arrow {
    margin: 0 0.25rem;
  }

  .tooltip.b-tooltip.bs-tooltip-right .arrow,
  .tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow,
  .tooltip.b-tooltip.bs-tooltip-left .arrow,
  .tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow,
  .tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow {
    margin: 0.25rem 0;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #007bff;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #007bff;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #007bff;
  }

  .tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #007bff;
  }

  .tooltip.b-tooltip-primary .tooltip-inner {
    color: #fff;
    background-color: #007bff;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #6c757d;
  }

  .tooltip.b-tooltip-secondary .tooltip-inner {
    color: #fff;
    background-color: #6c757d;
  }

  .tooltip.b-tooltip-success.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #28a745;
  }

  .tooltip.b-tooltip-success.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #28a745;
  }

  .tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #28a745;
  }

  .tooltip.b-tooltip-success.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #28a745;
  }

  .tooltip.b-tooltip-success .tooltip-inner {
    color: #fff;
    background-color: #28a745;
  }

  .tooltip.b-tooltip-info.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #17a2b8;
  }

  .tooltip.b-tooltip-info.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #17a2b8;
  }

  .tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #17a2b8;
  }

  .tooltip.b-tooltip-info.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #17a2b8;
  }

  .tooltip.b-tooltip-info .tooltip-inner {
    color: #fff;
    background-color: #17a2b8;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #ffc107;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #ffc107;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #ffc107;
  }

  .tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #ffc107;
  }

  .tooltip.b-tooltip-warning .tooltip-inner {
    color: #212529;
    background-color: #ffc107;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #dc3545;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #dc3545;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #dc3545;
  }

  .tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #dc3545;
  }

  .tooltip.b-tooltip-danger .tooltip-inner {
    color: #fff;
    background-color: #dc3545;
  }

  .tooltip.b-tooltip-light.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #f8f9fa;
  }

  .tooltip.b-tooltip-light .tooltip-inner {
    color: #212529;
    background-color: #f8f9fa;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #343a40;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-left-color: #343a40;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #343a40;
  }

  .tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before,
  .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-right-color: #343a40;
  }

  .tooltip.b-tooltip-dark .tooltip-inner {
    color: #fff;
    background-color: #343a40;
  }

  .b-icon.bi {
    display: inline-block;
    overflow: visible;
    vertical-align: -0.15em;
  }

  .b-icon.b-icon-animation-cylon,
  .b-icon.b-iconstack .b-icon-animation-cylon > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-cylon,
    .b-icon.b-iconstack .b-icon-animation-cylon > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-cylon-vertical,
  .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-cylon-vertical,
    .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-fade,
  .b-icon.b-iconstack .b-icon-animation-fade > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-fade,
    .b-icon.b-iconstack .b-icon-animation-fade > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin,
  .b-icon.b-iconstack .b-icon-animation-spin > g {
    transform-origin: center;
    -webkit-animation: 2s infinite linear normal b-icon-animation-spin;
    animation: 2s infinite linear normal b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin,
    .b-icon.b-iconstack .b-icon-animation-spin > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin-reverse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
    transform-origin: center;
    animation: 2s infinite linear reverse b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-reverse,
    .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
    transform-origin: center;
    -webkit-animation: 1s infinite steps(8) normal b-icon-animation-spin;
    animation: 1s infinite steps(8) normal b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-pulse,
    .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-spin-reverse-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
    transform-origin: center;
    animation: 1s infinite steps(8) reverse b-icon-animation-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-reverse-pulse,
    .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  .b-icon.b-icon-animation-throb,
  .b-icon.b-iconstack .b-icon-animation-throb > g {
    transform-origin: center;
    -webkit-animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
  }

  @media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-throb,
    .b-icon.b-iconstack .b-icon-animation-throb > g {
      -webkit-animation: none;
      animation: none;
    }
  }

  @-webkit-keyframes b-icon-animation-cylon {
    0% {
      transform: translateX(25%);
    }

    100% {
      transform: translateX(-25%);
    }
  }

  @keyframes b-icon-animation-cylon {
    0% {
      transform: translateX(25%);
    }

    100% {
      transform: translateX(-25%);
    }
  }

  @-webkit-keyframes b-icon-animation-cylon-vertical {
    0% {
      transform: translateY(25%);
    }

    100% {
      transform: translateY(-25%);
    }
  }

  @keyframes b-icon-animation-cylon-vertical {
    0% {
      transform: translateY(25%);
    }

    100% {
      transform: translateY(-25%);
    }
  }

  @-webkit-keyframes b-icon-animation-fade {
    0% {
      opacity: 0.1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes b-icon-animation-fade {
    0% {
      opacity: 0.1;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes b-icon-animation-spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(-359deg);
    }
  }

  @keyframes b-icon-animation-spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(-359deg);
    }
  }

  @-webkit-keyframes b-icon-animation-throb {
    0% {
      opacity: 0.5;
      transform: scale(0.5);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes b-icon-animation-throb {
    0% {
      opacity: 0.5;
      transform: scale(0.5);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .btn .b-icon.bi,
  .nav-link .b-icon.bi,
  .dropdown-toggle .b-icon.bi,
  .dropdown-item .b-icon.bi,
  .input-group-text .b-icon.bi {
    font-size: 125%;
    vertical-align: text-bottom;
  }

  .swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: 0.625em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 0.625em #d9d9d9;
  }

  .swal2-popup.swal2-toast .swal2-header {
    flex-direction: row;
    padding: 0;
  }

  .swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 0.6em;
    font-size: 1em;
  }

  .swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: 0.8em;
  }

  .swal2-popup.swal2-toast .swal2-close {
    position: static;
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8;
  }

  .swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    padding: 0;
    font-size: 1em;
  }

  .swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0;
  }

  .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: bold;
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
      font-size: .25em;
    }
  }

  .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
  }

  .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    top: .875em;
    width: 1.375em;
  }

  .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    left: .3125em;
  }

  .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    right: .3125em;
  }

  .swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em;
    padding: 0;
  }

  .swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em;
  }

  .swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
  }

  .swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86;
  }

  .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%;
  }

  .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em;
  }

  .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0;
  }

  .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
  }

  .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em;
  }

  .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
    height: .3125em;
  }

  .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
    top: 1.125em;
    left: .1875em;
    width: .75em;
  }

  .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
    top: .9375em;
    right: .1875em;
    width: 1.375em;
  }

  .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
            animation: swal2-toast-animate-success-line-tip .75s;
  }

  .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
            animation: swal2-toast-animate-success-line-long .75s;
  }

  .swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show 0.5s;
            animation: swal2-toast-show 0.5s;
  }

  .swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide 0.1s forwards;
            animation: swal2-toast-hide 0.1s forwards;
  }

  .swal2-container {
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.625em;
    overflow-x: hidden;
    transition: background-color 0.1s;
    -webkit-overflow-scrolling: touch;
  }

  .swal2-container.swal2-backdrop-show,
  .swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, 0.4);
  }

  .swal2-container.swal2-backdrop-hide {
    background: transparent !important;
  }

  .swal2-container.swal2-top {
    align-items: flex-start;
  }

  .swal2-container.swal2-top-start,
  .swal2-container.swal2-top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .swal2-container.swal2-top-end,
  .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .swal2-container.swal2-center {
    align-items: center;
  }

  .swal2-container.swal2-center-start,
  .swal2-container.swal2-center-left {
    align-items: center;
    justify-content: flex-start;
  }

  .swal2-container.swal2-center-end,
  .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end;
  }

  .swal2-container.swal2-bottom {
    align-items: flex-end;
  }

  .swal2-container.swal2-bottom-start,
  .swal2-container.swal2-bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .swal2-container.swal2-bottom-end,
  .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }

  .swal2-container.swal2-bottom > :first-child,
  .swal2-container.swal2-bottom-start > :first-child,
  .swal2-container.swal2-bottom-left > :first-child,
  .swal2-container.swal2-bottom-end > :first-child,
  .swal2-container.swal2-bottom-right > :first-child {
    margin-top: auto;
  }

  .swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center;
  }

  .swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center;
  }

  .swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column;
  }

  .swal2-container.swal2-grow-column.swal2-top,
  .swal2-container.swal2-grow-column.swal2-center,
  .swal2-container.swal2-grow-column.swal2-bottom {
    align-items: center;
  }

  .swal2-container.swal2-grow-column.swal2-top-start,
  .swal2-container.swal2-grow-column.swal2-center-start,
  .swal2-container.swal2-grow-column.swal2-bottom-start,
  .swal2-container.swal2-grow-column.swal2-top-left,
  .swal2-container.swal2-grow-column.swal2-center-left,
  .swal2-container.swal2-grow-column.swal2-bottom-left {
    align-items: flex-start;
  }

  .swal2-container.swal2-grow-column.swal2-top-end,
  .swal2-container.swal2-grow-column.swal2-center-end,
  .swal2-container.swal2-grow-column.swal2-bottom-end,
  .swal2-container.swal2-grow-column.swal2-top-right,
  .swal2-container.swal2-grow-column.swal2-center-right,
  .swal2-container.swal2-grow-column.swal2-bottom-right {
    align-items: flex-end;
  }

  .swal2-container.swal2-grow-column > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center;
  }

  .swal2-container.swal2-no-transition {
    transition: none !important;
  }

  .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto;
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
      margin: 0 !important;
    }
  }

  .swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: 0.3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
  }

  .swal2-popup:focus {
    outline: none;
  }

  .swal2-popup.swal2-loading {
    overflow-y: hidden;
  }

  .swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.8em;
  }

  .swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 0.4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
  }

  .swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
    padding: 0 1.6em;
  }

  .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4;
  }

  .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  }

  .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  }

  .swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: 0.25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent #2778c4 transparent;
  }

  .swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    box-shadow: none;
    font-weight: 500;
  }

  .swal2-styled:not([disabled]) {
    cursor: pointer;
  }

  .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #2778c4;
    color: #fff;
    font-size: 1.0625em;
  }

  .swal2-styled.swal2-deny {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #d14529;
    color: #fff;
    font-size: 1.0625em;
  }

  .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #757575;
    color: #fff;
    font-size: 1.0625em;
  }

  .swal2-styled:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
  }

  .swal2-styled::-moz-focus-inner {
    border: 0;
  }

  .swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em;
  }

  .swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.25em;
    overflow: hidden;
    border-bottom-right-radius: 0.3125em;
    border-bottom-left-radius: 0.3125em;
  }

  .swal2-timer-progress-bar {
    width: 100%;
    height: 0.25em;
    background: rgba(0, 0, 0, 0.2);
  }

  .swal2-image {
    max-width: 100%;
    margin: 1.25em auto;
  }

  .swal2-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color 0.1s ease-out;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
  }

  .swal2-close:hover {
    transform: none;
    background: transparent;
    color: #f27474;
  }

  .swal2-close::-moz-focus-inner {
    border: 0;
  }

  .swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0 1.6em;
    color: #545454;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
  }

  .swal2-input,
  .swal2-file,
  .swal2-textarea,
  .swal2-select,
  .swal2-radio,
  .swal2-checkbox {
    margin: 1em auto;
  }

  .swal2-input,
  .swal2-file,
  .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color 0.3s, box-shadow 0.3s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    color: inherit;
    font-size: 1.125em;
  }

  .swal2-input.swal2-inputerror,
  .swal2-file.swal2-inputerror,
  .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important;
  }

  .swal2-input:focus,
  .swal2-file:focus,
  .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: 0 0 3px #c4e6f5;
  }

  .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
    color: #cccccc;
  }

  .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
    color: #cccccc;
  }

  .swal2-input::placeholder,
  .swal2-file::placeholder,
  .swal2-textarea::placeholder {
    color: #cccccc;
  }

  .swal2-range {
    margin: 1em auto;
    background: #fff;
  }

  .swal2-range input {
    width: 80%;
  }

  .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center;
  }

  .swal2-range input,
  .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em;
  }

  .swal2-input {
    height: 2.625em;
    padding: 0 0.75em;
  }

  .swal2-input[type='number'] {
    max-width: 10em;
  }

  .swal2-file {
    background: inherit;
    font-size: 1.125em;
  }

  .swal2-textarea {
    height: 6.75em;
    padding: 0.75em;
  }

  .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em;
  }

  .swal2-radio,
  .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit;
  }

  .swal2-radio label,
  .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em;
  }

  .swal2-radio input,
  .swal2-checkbox input {
    margin: 0 .4em;
  }

  .swal2-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto;
  }

  .swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0 -2.7em;
    padding: 0.625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666666;
    font-size: 1em;
    font-weight: 300;
  }

  .swal2-validation-message::before {
    content: '!';
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
  }

  .swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em;
  }

  .swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474;
  }

  .swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1;
  }

  .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474;
  }

  .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    left: 1.0625em;
    transform: rotate(45deg);
  }

  .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    right: 1em;
    transform: rotate(-45deg);
  }

  .swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
            animation: swal2-animate-error-icon .5s;
  }

  .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
            animation: swal2-animate-error-x-mark .5s;
  }

  .swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86;
  }

  .swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee;
  }

  .swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd;
  }

  .swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86;
  }

  .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%;
  }

  .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em;
  }

  .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0;
  }

  .swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(165, 220, 134, 0.3);
    border-radius: 50%;
  }

  .swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg);
  }

  .swal2-icon.swal2-success [class^='swal2-success-line'] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
  }

  .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg);
  }

  .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg);
  }

  .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
            animation: swal2-animate-success-line-tip .75s;
  }

  .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
            animation: swal2-animate-success-line-long .75s;
  }

  .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
            animation: swal2-rotate-success-circular-line 4.25s ease-in;
  }

  .swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 0 0 1.25em;
    padding: 0;
    background: inherit;
    font-weight: 600;
  }

  .swal2-progress-steps li {
    display: inline-block;
    position: relative;
  }

  .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center;
  }

  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4;
  }

  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #add8e6;
    color: #fff;
  }

  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #add8e6;
  }

  .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4;
  }

  [class^='swal2'] {
    -webkit-tap-highlight-color: transparent;
  }

  .swal2-show {
    -webkit-animation: swal2-show 0.3s;
            animation: swal2-show 0.3s;
  }

  .swal2-hide {
    -webkit-animation: swal2-hide 0.15s forwards;
            animation: swal2-hide 0.15s forwards;
  }

  .swal2-noanimation {
    transition: none;
  }

  .swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }

  .swal2-rtl .swal2-close {
    right: auto;
    left: 0;
  }

  .swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto;
  }

  @supports (-ms-accelerator: true) {
    .swal2-range input {
      width: 100% !important;
    }

    .swal2-range output {
      display: none;
    }
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-range input {
      width: 100% !important;
    }

    .swal2-range output {
      display: none;
    }
  }

  @-moz-document url-prefix()  {
    .swal2-close:focus {
      outline: 2px solid rgba(50, 100, 150, 0.4);
    }
  }

  @-webkit-keyframes swal2-toast-show {
    0% {
      transform: translateY(-0.625em) rotateZ(2deg);
    }

    33% {
      transform: translateY(0) rotateZ(-2deg);
    }

    66% {
      transform: translateY(0.3125em) rotateZ(2deg);
    }

    100% {
      transform: translateY(0) rotateZ(0deg);
    }
  }

  @keyframes swal2-toast-show {
    0% {
      transform: translateY(-0.625em) rotateZ(2deg);
    }

    33% {
      transform: translateY(0) rotateZ(-2deg);
    }

    66% {
      transform: translateY(0.3125em) rotateZ(2deg);
    }

    100% {
      transform: translateY(0) rotateZ(0deg);
    }
  }

  @-webkit-keyframes swal2-toast-hide {
    100% {
      transform: rotateZ(1deg);
      opacity: 0;
    }
  }

  @keyframes swal2-toast-hide {
    100% {
      transform: rotateZ(1deg);
      opacity: 0;
    }
  }

  @-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
      top: .5625em;
      left: .0625em;
      width: 0;
    }

    54% {
      top: .125em;
      left: .125em;
      width: 0;
    }

    70% {
      top: .625em;
      left: -.25em;
      width: 1.625em;
    }

    84% {
      top: 1.0625em;
      left: .75em;
      width: .5em;
    }

    100% {
      top: 1.125em;
      left: .1875em;
      width: .75em;
    }
  }

  @keyframes swal2-toast-animate-success-line-tip {
    0% {
      top: .5625em;
      left: .0625em;
      width: 0;
    }

    54% {
      top: .125em;
      left: .125em;
      width: 0;
    }

    70% {
      top: .625em;
      left: -.25em;
      width: 1.625em;
    }

    84% {
      top: 1.0625em;
      left: .75em;
      width: .5em;
    }

    100% {
      top: 1.125em;
      left: .1875em;
      width: .75em;
    }
  }

  @-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
      top: 1.625em;
      right: 1.375em;
      width: 0;
    }

    65% {
      top: 1.25em;
      right: .9375em;
      width: 0;
    }

    84% {
      top: .9375em;
      right: 0;
      width: 1.125em;
    }

    100% {
      top: .9375em;
      right: .1875em;
      width: 1.375em;
    }
  }

  @keyframes swal2-toast-animate-success-line-long {
    0% {
      top: 1.625em;
      right: 1.375em;
      width: 0;
    }

    65% {
      top: 1.25em;
      right: .9375em;
      width: 0;
    }

    84% {
      top: .9375em;
      right: 0;
      width: 1.125em;
    }

    100% {
      top: .9375em;
      right: .1875em;
      width: 1.375em;
    }
  }

  @-webkit-keyframes swal2-show {
    0% {
      transform: scale(0.7);
    }

    45% {
      transform: scale(1.05);
    }

    80% {
      transform: scale(0.95);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes swal2-show {
    0% {
      transform: scale(0.7);
    }

    45% {
      transform: scale(1.05);
    }

    80% {
      transform: scale(0.95);
    }

    100% {
      transform: scale(1);
    }
  }

  @-webkit-keyframes swal2-hide {
    0% {
      transform: scale(1);
      opacity: 1;
    }

    100% {
      transform: scale(0.5);
      opacity: 0;
    }
  }

  @keyframes swal2-hide {
    0% {
      transform: scale(1);
      opacity: 1;
    }

    100% {
      transform: scale(0.5);
      opacity: 0;
    }
  }

  @-webkit-keyframes swal2-animate-success-line-tip {
    0% {
      top: 1.1875em;
      left: .0625em;
      width: 0;
    }

    54% {
      top: 1.0625em;
      left: .125em;
      width: 0;
    }

    70% {
      top: 2.1875em;
      left: -.375em;
      width: 3.125em;
    }

    84% {
      top: 3em;
      left: 1.3125em;
      width: 1.0625em;
    }

    100% {
      top: 2.8125em;
      left: .8125em;
      width: 1.5625em;
    }
  }

  @keyframes swal2-animate-success-line-tip {
    0% {
      top: 1.1875em;
      left: .0625em;
      width: 0;
    }

    54% {
      top: 1.0625em;
      left: .125em;
      width: 0;
    }

    70% {
      top: 2.1875em;
      left: -.375em;
      width: 3.125em;
    }

    84% {
      top: 3em;
      left: 1.3125em;
      width: 1.0625em;
    }

    100% {
      top: 2.8125em;
      left: .8125em;
      width: 1.5625em;
    }
  }

  @-webkit-keyframes swal2-animate-success-line-long {
    0% {
      top: 3.375em;
      right: 2.875em;
      width: 0;
    }

    65% {
      top: 3.375em;
      right: 2.875em;
      width: 0;
    }

    84% {
      top: 2.1875em;
      right: 0;
      width: 3.4375em;
    }

    100% {
      top: 2.375em;
      right: .5em;
      width: 2.9375em;
    }
  }

  @keyframes swal2-animate-success-line-long {
    0% {
      top: 3.375em;
      right: 2.875em;
      width: 0;
    }

    65% {
      top: 3.375em;
      right: 2.875em;
      width: 0;
    }

    84% {
      top: 2.1875em;
      right: 0;
      width: 3.4375em;
    }

    100% {
      top: 2.375em;
      right: .5em;
      width: 2.9375em;
    }
  }

  @-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
      transform: rotate(-45deg);
    }

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

    12% {
      transform: rotate(-405deg);
    }

    100% {
      transform: rotate(-405deg);
    }
  }

  @keyframes swal2-rotate-success-circular-line {
    0% {
      transform: rotate(-45deg);
    }

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

    12% {
      transform: rotate(-405deg);
    }

    100% {
      transform: rotate(-405deg);
    }
  }

  @-webkit-keyframes swal2-animate-error-x-mark {
    0% {
      margin-top: 1.625em;
      transform: scale(0.4);
      opacity: 0;
    }

    50% {
      margin-top: 1.625em;
      transform: scale(0.4);
      opacity: 0;
    }

    80% {
      margin-top: -.375em;
      transform: scale(1.15);
    }

    100% {
      margin-top: 0;
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes swal2-animate-error-x-mark {
    0% {
      margin-top: 1.625em;
      transform: scale(0.4);
      opacity: 0;
    }

    50% {
      margin-top: 1.625em;
      transform: scale(0.4);
      opacity: 0;
    }

    80% {
      margin-top: -.375em;
      transform: scale(1.15);
    }

    100% {
      margin-top: 0;
      transform: scale(1);
      opacity: 1;
    }
  }

  @-webkit-keyframes swal2-animate-error-icon {
    0% {
      transform: rotateX(100deg);
      opacity: 0;
    }

    100% {
      transform: rotateX(0deg);
      opacity: 1;
    }
  }

  @keyframes swal2-animate-error-icon {
    0% {
      transform: rotateX(100deg);
      opacity: 0;
    }

    100% {
      transform: rotateX(0deg);
      opacity: 1;
    }
  }

  @-webkit-keyframes swal2-rotate-loading {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes swal2-rotate-loading {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden;
  }

  body.swal2-height-auto {
    height: auto !important;
  }

  body.swal2-no-backdrop .swal2-container {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: calc(100% - 0.625em * 2);
    background-color: transparent !important;
  }

  body.swal2-no-backdrop .swal2-container > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }

  body.swal2-no-backdrop .swal2-container.swal2-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  body.swal2-no-backdrop .swal2-container.swal2-top-start,
  body.swal2-no-backdrop .swal2-container.swal2-top-left {
    top: 0;
    left: 0;
  }

  body.swal2-no-backdrop .swal2-container.swal2-top-end,
  body.swal2-no-backdrop .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
  }

  body.swal2-no-backdrop .swal2-container.swal2-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body.swal2-no-backdrop .swal2-container.swal2-center-start,
  body.swal2-no-backdrop .swal2-container.swal2-center-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  body.swal2-no-backdrop .swal2-container.swal2-center-end,
  body.swal2-no-backdrop .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  body.swal2-no-backdrop .swal2-container.swal2-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  body.swal2-no-backdrop .swal2-container.swal2-bottom-start,
  body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
    bottom: 0;
    left: 0;
  }

  body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
  body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
    right: 0;
    bottom: 0;
  }

  @media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
      overflow-y: scroll !important;
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
      display: none;
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
      position: static !important;
    }
  }

  body.swal2-toast-shown .swal2-container {
    background-color: transparent;
  }

  body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-top-end,
  body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
  }

  body.swal2-toast-shown .swal2-container.swal2-top-start,
  body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }

  body.swal2-toast-shown .swal2-container.swal2-center-start,
  body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-center-end,
  body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-bottom-start,
  body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
  }

  body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-bottom-end,
  body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
  }

  body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch;
  }

  body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em;
  }

  body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center;
  }

  body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em;
  }

  body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em;
  }

  .nav-pills .nav-link,
  .mainmenu ul li a,
  a:hover {
    color: var(--dark);
  }

  .language-usd > ul > li > ul.submenu-mainmenu > li:hover > a,
  .account-cart > ul > li > ul.submenu-mainmenu > li:hover > a,
  .mainmenu ul li ul.submenu-mainmenu > li:hover a {
    background: transparent;
    color: #462015;
    width: 100%;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    background-color: transparent !important;
    color: var(--woman) !important;
  }

  .owl-stage-outer {
    direction: ltr;
  }

  .footer-widget h5 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
  }

  .footer-widget h5::before {
    background: #dddddd none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 1px;
    right: -12px;
    position: absolute;
    width: 25px;
  }

  .footer-widget h5::after {
    background: #ddd none repeat scroll 0 0;
    bottom: -6px;
    content: "";
    height: 12px;
    right: -9px;
    position: absolute;
    width: 1px;
  }

  .list-group-item.active,
  .page-item.active .page-link {
    color: #fff;
    background-color: var(--woman);
    border-color: var(--woman);
  }

  .page-link:hover,
  .page-link {
    color: var(--woman);
  }

  .section-title .list-group-item .list-group,
  .main-header-area,
  .single-right-widget,
  .mega-menu,
  .single-product-item {
    border: 0 !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
  }

  .list-group-item.active a {
    color: #fff;
  }

  .nav-pills .nav-link,
  .nav-pills .nav-link.active,
  .mainmenu ul li a:hover,
  .mainmenu ul li a.active {
    color: var(--woman);
  }

  .pagination .page-item {
    display: inline-block;
  }

  .price-filter,
  .price-filter * {
    direction: ltr;
  }

  .noUi-connect {
    background-color: var(--woman) !important;
  }

  .language-usd ul li ul.submenu-mainmenu,
  .account-cart ul li ul.submenu-mainmenu,
  .mainmenu ul li ul.submenu-mainmenu {
    border: none;
  }

  .card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  }

  .vsa-item__trigger:focus,
  .vsa-item__trigger:hover,
  .nav-pills .nav-link.active,
  .mainmenu ul li a.active,
  a:hover {
    color: var(--woman);
  }

  .mobile-nav .menu-tap .tap-title {
    background-color: var(--woman);
  }

  .mainmenu ul > li.active::before,
  .mainmenu ul > li.active::before,
  .description-tab-menu ul li.active::before,
  .description-tab-menu ul li.active::before {
    width: 25px;
  }

  .mainmenu ul > li.active::before,
  .mainmenu ul > li.active::before,
  .mainmenu ul > li.active::after,
  .mainmenu ul > li.active::after,
  .description-tab-menu ul li.active::after,
  .description-tab-menu ul li.active::after,
  .description-tab-menu ul li.active::before,
  .description-tab-menu ul li.active::before {
    opacity: 1;
  }

  li.cart p {
    color: var(--white);
  }

  .breadcrumb-area {
    background: transparent !important;
  }

.remove-padding-left{
    padding-left:0 !important;
}
.remove-padding-right{
    padding-right:0 !important;
}
.remove-padding-top{
    padding-top:0 !important;
}
.remove-padding-bottom{
    padding-bottom:0 !important;
}

.fill-w {
    width:100%;
}
.single-banner {
    padding: 0 !important;
}
.table th, .table td {
    vertical-align: middle !important;
}
.btn.text-white {
    color:#FFF !important;
}

.single-product-img {
    min-height: 400px;
    max-height: 400px;
    display: flex;
    align-items: center;
}