
@media (min-width: 1000px) {
    .m-4 {
        width: 1120px;
        margin: auto; /* Ini akan memusatkan elemen */
    }
}
  
  /* CSS untuk User Login, Password dan Register */

@media (max-width: 992px) {
    .teks {
      padding-top: 5em; /* 100px = 6.25em assuming base font size is 16px */
    }
  }  
  
@media (min-width: 992px) {
    .search-input {
        min-width: 650px !important;
        max-height: 40px;
        border: 1px;
    }
}

.logo-container img {
    max-width: 500px;
    height: auto;
  }
  
  /* CSS media query untuk perangkat dengan lebar maksimum 600px */
  @media screen and (max-width: 600px) {
    .logo-container img {
      max-width: 350px;
      height: auto;
    }
  }
  
  /*! Editorial Team|*/
  .editorial-list {
      position: relative;
  }
  
  .editorial-list li {
      margin-bottom: 1.125rem;
  }
  
  .editorial-list .img-profile {
      position: absolute;
      width: 95px;
      height: 105px;
      border: 1px solid #ddd;
      padding: .5rem;
      border-radius: 10px; /* Menambahkan sedikit melengkung pada pojok */
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); /* Menambahkan bayangan 3D */
  }
  
  .editorial-list .img-profile .imgthumb {
      width: 80px;
      height: 80px; /* Menggunakan ukuran persegi */
      overflow: hidden;
      margin: 0 auto;
      object-fit: cover; /* Menggunakan cover untuk mengisi area dengan proporsi yang benar */
  }
  
  .editorial-list .img-profile img {
      width: 100%;
      height: 100%;
  }
  
  .team-content {
      margin-left: 100px;
      min-height: 130px;
  }
  
  .team-content .ico-label {
      width: 18px;
      height: 18px;
      margin-right: .5rem;
  }
  
  .team-aff ul li {
      margin-bottom: 0;
  }
  
  .team-aff ul li .tm_label {
      display: inline-block;
      width: 80px;
  }
  
  .team-aff ul li .ico-label {
      width: 18px;
      height: 18px;
      margin-right: .5rem;
  }
  
  /*! Sidebar|*/
  .custom-sidebar li {
      display: inline-flex;
      align-items: center;
      background-color: #9e1e21;
      color: white;
      padding: 10px 15px;
      margin: 10px 0;
      border-radius: 5px;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
      transition: background-color 0.3s ease, color 0.3s ease;
    }
  
    .custom-sidebar li a {
      color: white;
      text-decoration: none;
    }
  
    .custom-sidebar li:hover {
      background-color: white;
      color: #9e1e21;
    }
  
    .custom-sidebar li:hover a {
      color: #9e1e21;
    }
  
    @media (max-width: 768px) {
      .custom-sidebar li {
        display: flex;
        width: 100%;
      }
    }
  
  
  /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
  html {
      line-height: 1.15;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%
  }
  
  body {
      margin: 0
  }
  
  article,aside,footer,header,nav,section {
      display: block
  }
  
  h1 {
      font-size: 2.5em;
      margin: .67em 0
  }
  
  figcaption,figure,main {
      display: block
  }
  
  figure {
      margin: 1em 40px
  }
  
  hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible
  }
  
  pre {
      font-family: monospace,monospace;
      font-size: 1em
  }
  
  a {
      background-color: transparent;
      -webkit-text-decoration-skip: objects
  }
  
  abbr[title] {
      border-bottom: none;
      text-decoration: underline;
      text-decoration: underline dotted
  }
  
  b,strong {
      font-weight: inherit
  }
  
  b,strong {
      font-weight: bolder
  }
  
  code,kbd,samp {
      font-family: monospace,monospace;
      font-size: 1em
  }
  
  dfn {
      font-style: italic
  }
  
  mark {
      background-color: #ff0;
      color: #000
  }
  
  small {
      font-size: 80%
  }
  
  sub,sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
  }
  
  sub {
      bottom: -0.25em
  }
  
  sup {
      top: -0.5em
  }
  
  audio,video {
      display: inline-block
  }
  
  audio:not([controls]) {
      display: none;
      height: 0
  }
  
  img {
      border-style: none
  }
  
  svg:not(:root) {
      overflow: hidden
  }
  
  button,input,optgroup,select,textarea {
      font-family: "Bookman old style", Times, "Georgia", "Garamond", serif;
      font-size: 100%;
      line-height: 1.15;
      margin: 0
  }
  
  button,input {
      overflow: visible
  }
  
  button,select {
      text-transform: none
  }
  
  button,html [type="button"],[type="reset"],[type="submit"] {
      -webkit-appearance: button
  }
  
  button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0
  }
  
  button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
      outline: 1px dotted ButtonText
  }
  
  fieldset {
      padding: .35em .75em .625em
  }
  
  legend {
      box-sizing: border-box;
      color: inherit;
      display: table;
      max-width: 100%;
      padding: 0;
      white-space: normal
  }
  
  progress {
      display: inline-block;
      vertical-align: baseline
  }
  
  textarea {
      overflow: auto
  }
  
  [type="checkbox"],[type="radio"] {
      box-sizing: border-box;
      padding: 0
  }
  
  [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
      height: auto
  }
  
  [type="search"] {
      -webkit-appearance: textfield;
      outline-offset: -2px
  }
  
  [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none
  }
  
  ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
  }
  
  details,menu {
      display: block
  }
  
  summary {
      display: list-item
  }
  
  canvas {
      display: inline-block
  }
  
  template {
      display: none
  }
  
  [hidden] {
      display: none
  }
  
  *,*:before,*:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  
  @keyframes pkp_spin {
      0% {
          transform: rotateZ(-360deg);
          -webkit-transform: rotateZ(-360deg);
          -moz-transform: rotateZ(-360deg);
          -o-transform: rotateZ(-360deg)
      }
  
      100% {
          transform: rotateZ(0deg);
          -webkit-transform: rotateZ(0deg);
          -moz-transform: rotateZ(0deg);
          -o-transform: rotateZ(0deg)
      }
  }
  
  @-webkit-keyframes pkp_spin {
      0% {
          transform: rotateZ(-360deg);
          -webkit-transform: rotateZ(-360deg);
          -moz-transform: rotateZ(-360deg);
          -o-transform: rotateZ(-360deg)
      }
  
      100% {
          transform: rotateZ(0deg);
          -webkit-transform: rotateZ(0deg);
          -moz-transform: rotateZ(0deg);
          -o-transform: rotateZ(0deg)
      }
  }
  
  @-moz-keyframes pkp_spin {
      0% {
          transform: rotateZ(-360deg);
          -webkit-transform: rotateZ(-360deg);
          -moz-transform: rotateZ(-360deg);
          -o-transform: rotateZ(-360deg)
      }
  
      100% {
          transform: rotateZ(0deg);
          -webkit-transform: rotateZ(0deg);
          -moz-transform: rotateZ(0deg);
          -o-transform: rotateZ(0deg)
      }
  }
  
  @-o-keyframes pkp_spin {
      0% {
          transform: rotateZ(-360deg);
          -webkit-transform: rotateZ(-360deg);
          -moz-transform: rotateZ(-360deg);
          -o-transform: rotateZ(-360deg)
      }
  
      100% {
          transform: rotateZ(0deg);
          -webkit-transform: rotateZ(0deg);
          -moz-transform: rotateZ(0deg);
          -o-transform: rotateZ(0deg)
      }
  }
  
  .pkp_button,.pkp_button_primary,.pkp_button_offset,.pkp_button_link {
      display: inline-block;
      padding: 0 .5em;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      font-size: .93rem;
      line-height: 2rem;
      font-weight: 700;
      color: #9e1e21;
      text-decoration: none;
      box-shadow: 0 1px 0 #ddd;
      cursor: pointer
  }
  
  .pkp_button:hover,.pkp_button:focus,.pkp_button_primary:hover,.pkp_button_primary:focus,.pkp_button_offset:hover,.pkp_button_offset:focus,.pkp_button_link:hover,.pkp_button_link:focus {
      color: #9e1e21;
      border-color: #030303;
      outline: 0
  }
  
  .pkp_button:active,.pkp_button_primary:active,.pkp_button_offset:active,.pkp_button_link:active {
      box-shadow: 0 0 2px
  }
  
  .pkp_button:disabled,.pkp_button_primary:disabled,.pkp_button_offset:disabled,.pkp_button_link:disabled {
      color: #aaa
  }
  
  .pkp_button:disabled:hover,.pkp_button_primary:disabled:hover,.pkp_button_offset:disabled:hover,.pkp_button_link:disabled:hover {
      color: #aaa;
      border-color: #ddd;
      cursor: not-allowed
  }
  
  .pkp_button_primary {
      color: #fff;
      background: #9e1e21;
      border-color: #040505;
      box-shadow: 0 1px 0 #b7b7b7
  }
  
  .pkp_button_primary:hover,.pkp_button_primary:focus {
      background: #9e1e21;
      color: #fff
  }
  
  .pkp_button_primary:disabled,.pkp_button_primary:disabled:hover {
      color: #fff;
      background: #b7c5ca;
      border-color: #b7c5ca;
      box-shadow: 0 1px 0 #888;
      cursor: not-allowed
  }
  
  .pkp_button_offset {
      color: #fee9eb
  }
  
  .pkp_button_offset:hover,.pkp_button_offset:focus {
      border-color: #fee9eb;
      color: #fee9eb
  }
  
  .pkp_button_offset:disabled,.pkp_button_offset:disabled:hover {
      color: #fff;
      background: #b7c5ca;
      border-color: #b7c5ca;
      box-shadow: 0 1px 0 #888;
      cursor: not-allowed
  }
  
  .pkp_button_link {
      box-shadow: none;
      border-color: transparent
  }
  
  .pkp_button_link:disabled:hover {
      border-color: transparent
  }
  
  .pkp_spinner:after {
      display: inline-block;
      position: relative;
      width: 1.25rem;
      height: 1.25rem;
      vertical-align: middle;
      -webkit-animation: pkp_spin .6s linear infinite;
      -moz-animation: pkp_spin .6s linear infinite;
      -ms-animation: pkp_spin .6s linear infinite;
      -o-animation: pkp_spin .6s linear infinite;
      animation: pkp_spin .6s linear infinite;
      border-radius: 100%;
      border-top: 1px solid #888;
      border-bottom: 1px solid transparent;
      border-left: 1px solid #888;
      border-right: 1px solid transparent;
      border-top-color: rgba(0,0,0,0.5);
      border-left-color: rgba(0,0,0,0.5);
      content: '';
      opacity: 1
  }
  
  .pkp_loading {
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .pkp_loading .pkp_spinner {
      margin-right: 0.25em
  }
  
  .pkp_unstyled_list,.cmp_article_list,.cmp_breadcrumbs ol,.cmp_announcements,.pkp_page_index .journals ul,.page_catalog_category .subcategories ul,.page_issue_archive .issues_archive,.page_register .context_optin .contexts,.obj_article_details .authors,.obj_article_details .galleys_links,.obj_article_details .supplementary_galleys_links,.obj_article_summary .galleys_links,.obj_issue_toc .galleys_links {
      margin: 0;
      padding: 0;
      list-style: none
  }
  
  .pkp_caret {
      content: ' ';
      display: inline-block;
      width: 0;
      height: 0;
      border: .25rem solid transparent;
      vertical-align: middle
  }
  
  .pkp_caret_down {
      border-top: .375rem solid
  }
  
  .pkp_caret_right {
      border-left: .375rem solid
  }
  
  .pkp_screen_reader,.cmp_skip_to_content a,.pkp_page_index .journals h2,.pkp_page_index .cmp_announcements h2,.page_register .context_optin .roles legend {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      left: -2000px
  }
  
  .pkp_screen_reader:focus,.pkp_page_index .cmp_announcements h2:focus {
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
      clip: auto !important;
      color: #9e1e21;
      display: block;
      font-size: 1rem;
      height: auto;
      line-height: normal;
      padding: 1rem;
      position: absolute;
      left: 0.5rem;
      top: 0.5rem;
      text-decoration: none;
      width: auto;
      z-index: 100000
  }
  
  .pkp_helpers_clear:before,.pkp_helpers_clear:after {
      content: " ";
      display: table
  }
  
  .pkp_helpers_clear:after {
      clear: both
  }
  
  .pkp_help_link {
      display: inline-block;
      padding: .25rem 0;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 700;
      text-decoration: none;
      border: none;
      box-shadow: none;
      color: #9e1e21;
      z-index: 3
  }
  
  .pkp_help_link:hover,.pkp_help_link:focus {
      color: #fcfcfc
  }
  
  .pkp_help_link:focus {
      outline: 0;
      box-shadow: 0 0 0 3px #bcbcbc;
      border-radius: 3px
  }
  
  .pkp_help_tab,.pkp_help_modal {
      position: absolute;
      top: -2rem;
      right: 2rem;
      padding: .5rem 1em;
      background: #fff;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px
  }
  
  .pkp_help_modal {
      top: 0.5rem;
      padding: 0.5rem;
      right: 3rem;
      border: none
  }
  
  .pkp_uploadedFile_summary {
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .pkp_uploadedFile_summary .filename .display {
      line-height: 2rem
  }
  
  .pkp_uploadedFile_summary .filename .edit {
      line-height: 1.43rem
  }
  
  .pkp_uploadedFile_summary .details {
      margin-top: 0.5rem;
      color: rgba(0,0,0,0.54)
  }
  
  .pkp_uploadedFile_summary .details>span {
      margin-left: 2rem
  }
  
  .pkp_uploadedFile_summary .details>span:first-child {
      margin-left: 0
  }
  
  .pkp_uploadedFile_summary .details>span:before {
      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;
      transform: translate(0, 0);
      padding-right: 0.25em;
      color: #aaa
  }
  
  .pkp_uploadedFile_summary .pixels:before {
      content: "\f108"
  }
  
  .pkp_uploadedFile_summary .print {
      margin-left: 2rem
  }
  
  .pkp_uploadedFile_summary .print:before {
      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;
      transform: translate(0, 0);
      padding-right: 0.25em;
      color: #aaa;
      content: "\f02f"
  }
  
  .pkp_uploadedFile_summary .type:before {
      content: "\f016"
  }
  
  .pkp_uploadedFile_summary .type.pdf:before {
      content: "\f1c1"
  }
  
  .pkp_uploadedFile_summary .type.doc:before,.pkp_uploadedFile_summary .type.docx:before {
      content: "\f1c2"
  }
  
  .pkp_uploadedFile_summary .type.xls:before,.pkp_uploadedFile_summary .type.xlsx:before {
      content: "\f1c3"
  }
  
  .pkp_uploadedFile_summary .file_size:before {
      content: "\f0a0"
  }
  
  .pkp_helpers_invisible {
      visibility: hidden
  }
  
  .pkp_helpers_display_none {
      display: none !important
  }
  
  .pkp_helpers_align_left {
      float: left
  }
  
  .pkp_helpers_align_right {
      float: right
  }
  
  .pkp_helpers_text_left {
      text-align: left
  }
  
  .pkp_helpers_text_right {
      text-align: right
  }
  
  .pkp_helpers_text_center {
      text-align: center
  }
  
  .pkp_helpers_text_justify {
      text-align: justify
  }
  
  .pkp_helpers_title_padding {
      padding: 5px !important
  }
  
  .pkp_helpers_image_left {
      float: left;
      margin: 4px 10px 4px 0
  }
  
  .pkp_helpers_image_right {
      float: right;
      margin: 4px 0 4px 10px
  }
  
  .pkp_helpers_container_center {
      margin: 0 auto
  }
  
  .pkp_helpers_debug,.pkp_helpers_debug div {
      border: 1px dashed #9e1e21;
      padding: 2px
  }
  
  .pkp_helpers_flatlist {
      margin: 0;
      padding: 0
  }
  
  .pkp_helpers_flatlist li {
      float: left;
      position: relative
  }
  
  .pkp_helpers_bulletlist li {
      list-style: disc
  }
  
  .pkp_helpers_icon_link_valign {
      line-height: 24px
  }
  
  .pkp_helpers_moveicon {
      cursor: move
  }
  
  .pkp_helpers_full {
      width: 100%
  }
  
  .pkp_helpers_half {
      width: 50%
  }
  
  .pkp_helpers_third {
      width: 33%
  }
  
  .pkp_helpers_quarter {
      width: 25%
  }
  
  .pkp_helpers_fifth {
      width: 20%
  }
  
  .pkp_helpers_threeQuarter {
      width: 75%
  }
  
  .pkp_helpers_underline:after {
      border-bottom: 2px solid #fff;
      content: " ";
      display: block
  }
  
  .pkp_helpers_dotted_underline {
      border-bottom: 1px dotted #999
  }
  
  .pkp_helpers_black_bg {
      background-color: black
  }
  
  .pkp_helpers_text_warn {
      color: #d00a6c
  }
  
  .pkp_helpers_text_primary {
      color: black
  }
  
  .NMI_TYPE_CUSTOM_EDIT {
      display: none
  }
  
  .parallax {
      min-height: 500px;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover
  }
  
  .row:before,.row:after {
      content: " ";
      display: table
  }
  
  .row:after {
      clear: both
  }
  
  .cmp_button,.page_search .submit button {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      border-radius: 5px;
      padding: .8rem 1.5rem;
      font-size: .85rem;
      font-weight: 500;
      line-height: 180%;
      text-decoration: none;
      -webkit-transition: all 350ms ease;
      -o-transition: all 350ms ease;
      transition: all 350ms ease;
      font-style: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif
  }
  
  .nav-link {
      display: block;
      padding: 1rem .6rem;
      position: relative;
      font-size: 1.1rem;
      font-weight: 500;
      color: #212121;
      line-height: 1.5;
      border-radius: 5px;
      -webkit-transition: all 350ms ease;
      -o-transition: all 350ms ease;
      transition: all 350ms ease
  }
  
  .cmp_button_wire,.obj_galley_link {
      display: inline-block;
      padding: 0 1em;
      background: #fff;
      border: 1px solid #006798;
      border-radius: 3px;
      font-size: .93rem;
      line-height: calc(2.143rem - 2px);
      color: #9e1e21;
      text-decoration: none
  }
  
  .cmp_button_wire:hover,.cmp_button_wire:focus,.obj_galley_link:hover,.obj_galley_link:focus {
      background: #9e1e21;
      color: #fff
  }
  
  .cmp_article_list>li {
      margin-bottom: 2.143rem
  }
  
  .cmp_article_list>li:before,.cmp_article_list>li:after {
      content: " ";
      display: table
  }
  
  .cmp_article_list>li:after {
      clear: both
  }
  
  .cmp_form .fields>div .error {
      position: absolute;
      left: 0.5em;
      bottom: 11px;
      padding: 0 .5em;
      background: #fee9eb;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      font-size: .93rem;
      line-height: 1.43rem;
      font-weight: 700;
      color: #fff
  }
  
  .cmp_form label {
      font-size: 1rem;
      display: inline;
      text-overflow: ellipsis
  }
  
  .cmp_form .label .required {
      color: red
  }
  
  .cmp_form input[type="text"],.cmp_form input[type="email"],.cmp_form input[type="password"],.cmp_form input[type="url"],.cmp_form input[type="tel"],.cmp_form select,.cmp_form textarea {
      display: inline-block;
      width: 100%;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.6;
      color: #000000;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #bdbdbd;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0.25rem;
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      height: 48px;
      min-height: auto;
      padding-top: 4px;
      padding-bottom: 3.28px
  }
  
  .cmp_form input[type="text"]:focus,.cmp_form input[type="email"]:focus,.cmp_form input[type="password"]:focus,.cmp_form input[type="url"]:focus,.cmp_form input[type="tel"]:focus,.cmp_form select:focus,.cmp_form textarea:focus {
      -webkit-box-shadow: none;
      outline: none;
      box-shadow: none;
      border-color: #9e1e21;
      -webkit-box-shadow: inset 0 0 0 1px #bb1c10;
      box-shadow: inset 0 0 0 1px #a3a3a3
  }
  
  .cmp_form textarea {
      width: 100%;
      height: 8em
  }
  
  .cmp_form .pkp_form_error {
      margin-bottom: .714rem;
      border-radius: 5px;
      padding: 1em;
      font-size: 1.1em;
      background: #fee9eb;
      color: #f01e1e;
      border-bottom: 1px solid #f01e1e
  }
  
  .cmp_form .pkp_form_error * {
      color: #f01e1e !important;
      font-size: 1.1em
  }
  
  .cmp_form .description {
      margin-top: 0;
      font-size: .75rem;
      line-height: 1.5em;
      color: rgba(0,0,0,0.54)
  }
  
  .cmp_pagination {
      text-align: right
  }
  
  .cmp_pagination:before,.cmp_pagination:after {
      content: " ";
      display: table
  }
  
  .cmp_pagination:after {
      clear: both
  }
  
  .cmp_pagination .prev {
      float: left;
      margin-right: 0.5em;
      text-decoration: none
  }
  
  .cmp_pagination .prev:before {
      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;
      transform: translate(0, 0);
      content: "\f177";
      margin-right: 0.5em
  }
  
  .cmp_pagination .next {
      margin-left: 0.5em;
      text-decoration: none
  }
  
  .cmp_pagination .next:after {
      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;
      transform: translate(0, 0);
      content: "\f178";
      margin-left: 0.5em
  }
  
  .cmp_edit_link {
      display: inline-block;
      margin-left: 1em;
      font-size: .93rem;
      font-weight: 400;
      line-height: 1;
      vertical-align: middle;
      text-decoration: none
  }
  
  .cmp_edit_link:before {
      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;
      transform: translate(0, 0);
      content: "\f040"
  }
  
  .cmp_search_filter {
      margin-bottom: .714rem;
      font-size: .93rem
  }
  
  .cmp_search_filter:last-child {
      margin-bottom: 0
  }
  
  .cmp_search_filter label {
      font-style: italic
  }
  
  .cmp_search_filter .delete {
      color: #fee9eb
  }
  
  .cmp_notification {
      display: block;
      width: 100%;
      padding: 1.43rem;
      margin-bottom: 2.857rem;
      background: #ddd;
      border-left: .357rem solid #006798;
      font-size: 1rem;
      line-height: 1.43rem
  }
  
  .cmp_notification .success {
      border-color: #00b24e
  }
  
  .cmp_notification .no {
      border-color: #fee9eb
  }
  
  .cmp_breadcrumbs {
      display: inline-block
  }
  
  .cmp_breadcrumbs ol {
      margin-bottom: 2.143rem;
      padding: .357rem 0;
      line-height: 1.43rem;
      font-size: .93rem
  }
  
  .cmp_breadcrumbs li {
      display: inline-block
  }
  
  .cmp_breadcrumbs a {
      display: inline-block;
      text-decoration: none;
      font-size: 15px
  }
  
  .cmp_breadcrumbs .separator {
      color: rgba(0,0,0,0.54);
      padding: 0 .5em
  }
  
  .cmp_breadcrumbs .current {
      color: rgba(0,0,0,0.54);
      font-size: 15px
  }
  
  .cmp_breadcrumbs .current h1 {
      margin: 0;
      font-family: "bookman old style",-apple-system,BlinkMacSystemFont,"Bookman old style", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
      font-size: 24px;
      font-weight: 400
  }
  
  .cmp_back_link {
      margin-top: 1.43rem
  }

/* announcements */
  
  .cmp_announcements .card {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    max-width: 450px;
    width: 100%;
    margin: 0 auto; /* center the card if it's narrower than the column */
}

.cmp_announcements h3, .cmp_announcements h4 {
    margin-bottom: 10px;
}

.obj_announcement_summary {
    border: none !important;
}


/* announcements */
  
  @media (min-width: 480px) {
      .cmp_announcements {
          margin-left:0px;
          margin-right: 0px
      }
  
      .cmp_announcements>li {
          padding-left: 0px;
          padding-right: 0px
      }
  }
  
  @media (min-width: 992px) {
      .cmp_announcements {
          margin-left:0px;
          margin-right: 0px
      }
  
      .cmp_announcements>li {
          padding-left: 0px;
          padding-right: 0px
      }
  }
  
  .cmp_skip_to_content a {
      display: block;
      padding: 1em;
      z-index: 99999;
      background: #fff;
      transform: translateX(-50%)
  }
  
  .cmp_skip_to_content a:focus {
      clip: auto;
      top: 0;
      left: 50%;
      color: #9e1e21
  }
  
  .cmp_table {
      width: 100%;
      border: 1px solid #ddd;
      border-bottom: none;
      border-collapse: collapse
  }
  
  .cmp_table th,.cmp_table td {
      padding: 0.5em;
      text-align: left;
      border-bottom: 1px solid #ddd
  }
  
  .cmp_table th {
      font-weight: 700
  }
  
  *, html, body {
      font-family: "Bookman old style", -apple-system, BlinkMacSystemFont, "Bookman old style", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
  }
  
  body {
    line-height: 1.6;
    color: #000000;
    margin: 0; /* 1 */
    /* Anda perlu menggantikan atau menghapus variabel Sass berikut */
    font-size: $font-size-base;
    font-weight: $font-weight-base;
    line-height: $line-height-base;
    color: $body-color;
    text-align: $body-text-align;
    background-color: $body-bg; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -webkit-tap-highlight-color: rgba($black, 0); /* 4 */
}


body {
    /* Gaya khusus untuk halaman home */
    margin: 0;
    font-size: 1.12rem;
    font-weight: 400;
    background-color: #9E9A99;
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(https://www.ojkinstitute.id/public/journals/1/homepageImage_en_US.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100vh;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

  body {
      display: flex;
      min-height: 100vh;
      flex-direction: column
  }
  
  a {
      color: #9e1e21
  }
  
  a:hover,a:focus {
      color: #c7c7c7
  }
  
  main {
      flex: 1 0 auto !important
  }
  
  .dropdown-toggle:after {
      display: none
  }
  
  .modal-backdrop {
      z-index: 800 !important
  }
  
  .nav-link {
      font-size: 16px !important
  }
  
  .navbar-toggler {
      display: flex !important
  }
  
  .navbar-collapse {
      display: none !important
  }
  
  @media (min-width: 1120px) {
      .navbar-toggler {
          display:none !important
      }
  
      .navbar-collapse2 {
          display: flex !important
      }
  }
  
  @media (min-width: 1500px) {
      .navbar-expand-xxl2 {
          -ms-flex-wrap:nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }
  
      .navbar-expand-xxl2 .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .navbar-expand-xxl2 .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-xxl2 .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-xxl2 .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-xxl2 .navbar-collapse {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }
  
      .navbar-expand-xxl2 .navbar-toggler {
          display: none
      }
  }
  
  main .html-preloader {
      position: fixed;
      display: flex;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: transparent;
      z-index: 1000;
      cursor: pointer;
      justify-content: center;
      align-items: center
  }
  
  main .no-html-preloader {
      display: none !important
  }
  
  main .page {
      width: 100%;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      margin-right: auto;
      margin-left: auto
  }
  
  main .page .about_section {
      color: rgba(0,0,0,0.54);
      line-height: 2.143rem
  }
  
  main .page .about_section:before,main .page .about_section:after {
      content: " ";
      display: table
  }
  
  main .page .about_section:after {
      clear: both
  }
  
  main .page .about_section .cover {
      float: right;
      width: 20%;
      margin-left: 10%;
      margin-right: 10%
  }
  
  main .page .about_section .cover img {
      display: block;
      margin: 0 auto
  }
  
  @media (min-width: 576px) {
      main .page {
          max-width:540px
      }
  }
  
  @media (min-width: 768px) {
      main .page {
          max-width:720px
      }
  }
  
  @media (min-width: 992px) {
      main .page {
          max-width:960px
      }
  }
  
  @media (min-width: 1200px) {
      main .page {
          max-width:1140px
      }
  }
  
  @media (min-width: 1400px) {
      main .page {
          max-width:1320px
      }
  }
  
  .pkp_site_nav_toggle {
      position: absolute;
      top: 0;
      left: 0;
      border: 0;
      background: none;
      box-shadow: 1px 0 0 rgba(255,255,255,0.2),-1px 0 0 rgba(255,255,255,0.2);
      z-index: 999
  }
  
  .pkp_site_nav_toggle:focus {
      outline: 1px dotted #fff;
      box-shadow: none
  }
  
  .pkp_site_nav_toggle>span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 24px;
      height: 19px;
      border-bottom: 3px solid #fff;
      text-indent: -9999px;
      overflow: hidden
  }
  
  .pkp_site_nav_toggle>span:before,.pkp_site_nav_toggle>span:after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      background: #fff
  }
  
  .pkp_site_nav_toggle>span:before {
      top: 0
  }
  
  .pkp_site_nav_toggle>span:after {
      top: 8px
  }
  
  .pkp_site_nav_toggle--transform>span {
      border-bottom: 0;
      overflow: visible
  }
  
  .pkp_site_nav_toggle--transform>span:before {
      top: 7px;
      transform: rotate(-405deg) translateY(1px) translateX(-2px);
      -webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px)
  }
  
  .pkp_site_nav_toggle--transform>span:after {
      top: 14px;
      transform: rotate(405deg) translateY(-3px) translateX(-4px);
      -webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px)
  }
  
  .pkp_site_nav_menu {
      display: none
  }
  
  .pkp_site_nav_menu--isOpen {
      display: flex
  }
  
  body.navIsOpen .siteHeader__details {
      right: 0
  }
  
  body.navIsOpen .siteHeader__screen {
      display: block;
      opacity: 0.5
  }
  
  body.navIsOpen .siteHeader__navToggleIcon>span:first-child {
      transform: rotate(45deg);
      top: 18px
  }
  
  body.navIsOpen .siteHeader__navToggleIcon>span:nth-child(2) {
      opacity: 0
  }
  
  body.navIsOpen .siteHeader__navToggleIcon>span:last-child {
      transform: rotate(-45deg);
      top: 18px
  }
  
  @media (min-width: 992px) {
      .pkp_site_nav_menu {
          display:flex
      }
  }
  
  .pkp_page_index .journals {
      margin-top: 2.143rem
  }
  
  .pkp_page_index .journals>ul>li {
      margin: 2.143rem 0
  }
  
  .pkp_page_index .journals img {
      display: block;
      max-height: 20em
  }
  
  .pkp_page_index .journals h3 {
      margin: .714rem 0;
      font-size: 1.5rem;
      font-weight: 700
  }
  
  .pkp_page_index .journals h3 a {
      text-decoration: none
  }
  
  .pkp_page_index .journals p {
      margin: .714rem 0
  }
  
  .pkp_page_index .journals .links li {
      display: inline-block;
      margin: 0 .714rem .714rem 0
  }
  
  @media (min-width: 768px) {
      .pkp_page_index .journals>ul>li {
          margin:0 -1.43rem;
          padding: 1.43rem;
          border-top: 1px solid #ddd
      }
  
      .pkp_page_index .journals>ul>li:before,.pkp_page_index .journals>ul>li:after {
          content: " ";
          display: table
      }
  
      .pkp_page_index .journals>ul>li:after {
          clear: both
      }
  
      .pkp_page_index .journals .thumb {
          float: left;
          width: 25%;
          padding-right: 1.43rem
      }
  
      .pkp_page_index .journals .thumb+.body {
          float: right;
          width: 75%
      }
  }
  
  @media (min-width: 992px) {
      .pkp_page_index .journals>ul>li {
          margin:0 -2.143rem;
          padding: 2.143rem
      }
  
      .pkp_page_index .journals .thumb {
          padding-right: 2.143rem
      }
  }
  
  .pkp_page_index .homepage_image,.pkp_page_index .additional_content {
      margin-left: -0.714rem;
      margin-right: -0.714rem
  }
  
  @media (min-width: 480px) {
      .pkp_page_index .homepage_image,.pkp_page_index .additional_content {
          margin-left:-1.43rem;
          margin-right: -1.43rem
      }
  }
  
  @media (min-width: 992px) {
      .pkp_page_index .homepage_image,.pkp_page_index .additional_content {
          margin-left:-2.143rem;
          margin-right: -2.143rem
      }
  }
  
  .pkp_page_index .homepage_image img {
      display: block;
      width: 100%;
      height: auto
  }
  
  @media (min-width: 992px) {
      .pkp_page_index .homepage_image {
          margin-top:-2.143rem
      }
  }
  
  .pkp_page_index .homepage_about {
      padding-top: 2.143rem;
      padding-bottom: 2.143rem
  }
  
  .pkp_page_index .homepage_about h2 {
      margin-top: -0.714rem
  }
  
  .pkp_page_index .cmp_announcements {
    border-top: none;
    border-bottom: none;
}
  
  .pkp_page_index .cmp_announcements:before,.pkp_page_index .cmp_announcements:after {
      content: " ";
      display: table
  }
  
  .pkp_page_index .cmp_announcements:after {
      clear: both
  }
  
  .pkp_page_index .cmp_announcements>.obj_announcement_summary {
      position: relative;
      padding: 2.143rem .714rem
  }
  
  .pkp_page_index .cmp_announcements .more {
      position: relative
  }
  
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
      padding: .714rem
  }
  
  .pkp_page_index .cmp_announcements .more h4 {
      font-size: .1rem
  }
  
  @media (min-width: 480px) {
      .pkp_page_index .cmp_announcements>.obj_announcement_summary,.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
          padding-left:1.43rem;
          padding-right: 1.43rem
      }
  }
  
  @media (min-width: 768px) {
      .pkp_page_index .cmp_announcements>.obj_announcement_summary {
          float:left;
          width: 65%
      }
  
      .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
          content: ' ';
          position: absolute;
          top: 0;
          right: -1px;
          width: 1px;
          height: 100%;
          border-left: 1px solid #ddd
      }
  
      .pkp_page_index .cmp_announcements .more {
          float: right;
          width: 35%;
          padding-top: 1.43rem;
          padding-bottom: 1.43rem
      }
  
      .pkp_page_index .cmp_announcements .more:before {
          content: ' ';
          position: absolute;
          top: 0;
          left: 0;
          width: 1px;
          height: 100%;
          border-left: 1px solid #ddd
      }
  }
  
  @media (min-width: 992px) {
      .pkp_page_index .cmp_announcements>.obj_announcement_summary,.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
          padding-left:2.143rem;
          padding-right: 2.143rem
      }
  }
  
  .pkp_page_index .current_issue .current_issue_title {
      margin: 1.43rem 0;
      font-weight: 700
  }
  
  .pkp_page_index .current_issue .read_more {
      display: inline-block;
      position: relative;
      padding-right: 2.143rem;
      font-size: .93rem;
      font-weight: 700;
      line-height: 2.143rem;
      color: #006798;
      text-decoration: none;
      margin-bottom: 1.43rem
  }
  
  .pkp_page_index .current_issue .read_more:after {
      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;
      transform: translate(0, 0);
      content: "\f054";
      position: absolute;
      top: 2px;
      right: 0;
      width: 2.143rem;
      height: 2.143rem;
      line-height: 2.143rem;
      text-align: center
  }
  
  .pkp_page_index .current_issue .read_more:hover,.pkp_page_index .current_issue .read_more:focus {
      color: #008acb
  }
  
  @media (min-width: 768px) {
      .pkp_page_index .current_issue .section:last-child {
          margin-bottom:0
      }
  }
  
  .pkp_page_index .additional_content {
      padding: 2.143rem .714rem 0 .714rem;
      border-top: 1px solid #ddd
  }
  
  @media (min-width: 480px) {
      .pkp_page_index .additional_content {
          padding-left:1.43rem;
          padding-right: 1.43rem
      }
  }
  
  @media (min-width: 992px) {
      .pkp_page_index .additional_content {
          padding-left:2.143rem;
          padding-right: 2.143rem
      }
  }
  
  .pkp_page_index .additional_content>p:first-child {
      margin-top: 0
  }
  
  .pkp_page_index .additional_content>p:last-child {
      margin-bottom: 0
  }
  
  @media (min-width: 768px) {
      .pkp_page_index .cmp_announcements+.additional_content {
          border-top:none
      }
  }
  
  .page_catalog_category .article_count {
      float: right;
      padding: .714rem 0;
      font-size: .93rem;
      color: rgba(0,0,0,0.54)
  }
  
  .page_catalog_category .about_section .cover {
      float: right;
      width: 20%;
      margin-left: 10%;
      margin-right: 10%
  }
  
  .page_catalog_category .subcategories li {
      padding-top: .357rem;
      padding-bottom: .357rem
  }
  
  .page_catalog_category .subcategories a {
      text-decoration: none
  }
  
  @media (min-width: 768px) {
      .page_catalog_category .subcategories {
          position:relative;
          margin-top: 4.286rem;
          margin-left: -1.43rem;
          margin-right: -1.43rem;
          padding: 2.143rem;
          border-top: 1px solid #ddd;
          border-bottom: 1px solid #ddd
      }
  
      .page_catalog_category .subcategories h2 {
          position: absolute;
          top: -15px;
          left: 1.43rem;
          margin: 0;
          padding-left: .714rem;
          padding-right: .714rem;
          line-height: 2.143rem;
          background: #fff;
          color: rgba(0,0,0,0.54)
      }
  }
  
  @media (min-width: 992px) {
      .page_catalog_category .subcategories {
          margin-left:-2.143rem;
          margin-right: -2.143rem
      }
  }
  
  @media (min-width: 768px) {
      .page_catalog_category .cmp_article_list {
          padding-top:1.43rem
      }
  
      .page_catalog_category h2.title {
          clip: rect(1px, 1px, 1px, 1px);
          position: absolute !important;
          left: -2000px
      }
  
      .page_catalog_category h2.title:focus {
          background-color: #fff;
          border-radius: 3px;
          box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
          -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
          clip: auto !important;
          color: #000;
          display: block;
          font-size: 2rem;
          height: auto;
          line-height: normal;
          padding: 1rem;
          position: absolute;
          left: 0.5rem;
          top: 0.5rem;
          text-decoration: none;
          width: auto;
          z-index: 100000
      }
  }
  
  @media (min-width: 992px) {
      .page_catalog_category .cmp_article_list {
          padding-top:2.143rem
      }
  }
  
  .page_contact .address,.page_contact .phone,.page_contact .email {
      margin-top: .714rem;
      margin-bottom: .714rem;
      font-size: .93rem
  }
  
  .page_contact .address {
      margin-top: 0
  }
  
  .page_contact .address p {
      margin: 0
  }
  
  .page_contact .label {
      display: block;
      font-weight: 700
  }
  
  .page_contact .contact.support {
      margin-top: 2.857rem
  }
  
  @media (min-width: 768px) {
      .page_contact .contact_section:before,.page_contact .contact_section:after {
          content:" ";
          display: table
      }
  
      .page_contact .contact_section:after {
          clear: both
      }
  
      .page_contact .contact {
          float: left;
          width: 50%
      }
  
      .page_contact .contact.primary {
          padding-right: 1.43rem
      }
  
      .page_contact .contact.support {
          margin-top: 0
      }
  }
  
  .page_issue_archive .issues_archive {
      margin-left: 0px;
      margin-right: 0px;
      border-top: 1px solid #ddd
  }
  
  .page_issue_archive .issues_archive>li {
      padding: 2.143rem 0px;
      border-bottom: 1px solid #ddd
  }
  
  @media (min-width: 480px) {
      .page_issue_archive .issues_archive {
          margin-left:0px;
          margin-right: 0px
      }
  
      .page_issue_archive .issues_archive>li {
          padding-left: 0px;
          padding-right: 0px
      }
  }
  
  @media (min-width: 992px) {
      .page_issue_archive .issues_archive {
          margin-left:0px;
          margin-right: 0px;
          display: flex;
          flex-wrap: wrap
      }
  
      .page_issue_archive .issues_archive>li {
          padding-left: 0px;
          padding-right: 0px;
          flex: calc(100%)
      }
  }
  
  .page_issue_archive .cmp_pagination {
      margin-top: 1.43rem
  }
  
  .page_login .login {
      margin-bottom: 0;
      max-width: 17em
  }
  
  .page_login .login input[type="text"],.page_login .login input[type="password"] {
      width: 100%
  }
  
  .page_login .password a {
      font-size: .93rem;
      font-style: normal
  }
  
  .page_login .remember {
      padding-bottom: 0
  }
  
  .page_login .remember .label {
      display: inline;
      font-style: normal
  }
  
  .page_login .buttons button {
      float: right
  }
  
  .page_login .buttons a {
      float: right;
      margin-right: 1em;
      margin-left: 0
  }
  
  .page_register .required_label {
      font-size: .93rem;
      line-height: 1.43rem;
      color: rgba(0,0,0,0.54);
      margin-bottom: 1.43rem
  }
  
  .page_register .consent {
      margin-bottom: 0
  }
  
  .page_register .fields .reviewer_interests {
      max-height: 0;
      padding-bottom: 0;
      overflow: hidden;
      opacity: 0;
      transition: all .3s
  }
  
  .page_register .fields .reviewer_interests.is_visible {
      max-height: 400px;
      overflow: visible;
      padding-bottom: 2.143rem;
      opacity: 1
  }
  
  .page_register .context_optin .contexts>li {
      margin-bottom: 1em
  }
  
  .page_register .context_optin .contexts>li:last-child {
      margin-bottom: 0
  }
  
  .page_register .context_optin .roles {
      padding: .357rem 0;
      margin-bottom: 0
  }
  
  .page_register .context_optin .roles label {
      display: inline-block;
      margin-right: 1em;
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .page_register .context_optin .context_privacy {
      position: absolute;
      left: -9999px;
      padding: .357rem 0;
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .page_register .context_optin .context_privacy_visible {
      position: relative;
      left: auto
  }
  
  .page_register #formErrors {
      margin: 1.43rem 0;
      padding: .714rem;
      background: #fee9eb;
      color: #fff
  }
  
  .page_register #formErrors .pkp_form_error {
      padding: 0;
      font-size: .93rem;
      font-weight: bold;
      line-height: 1.43rem
  }
  
  .page_register #formErrors .pkp_form_error_list {
      margin: 0;
      padding-left: 1.43rem;
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .page_register #formErrors .pkp_form_error_list a {
      color: #fff
  }
  
  @media (min-width: 768px) {
      .page_register .identity li {
          display:inline-block;
          padding-right: 1em;
          max-width: 13em
      }
  }
  
  @media (min-width: 1200px) {
      .page_register .identity li {
          max-width:17em
      }
  }
  
  .pkp_op_register .ui-helper-hidden-accessible {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      left: -2000px
  }
  
  .pkp_op_register .ui-helper-hidden-accessible:focus {
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
      clip: auto !important;
      color: #000;
      display: block;
      font-size: 1rem;
      height: auto;
      line-height: normal;
      padding: .714rem;
      position: absolute;
      left: .357rem;
      top: .357rem;
      text-decoration: none;
      width: auto;
      z-index: 100000
  }
  
  .pkp_op_register .ui-autocomplete {
      position: absolute !important
  }
  
  .page_search .search_advanced legend {
      padding: 0;
      margin: 0;
      font-weight: 400;
      font-size: 1rem
  }
  
  .page_search .search_advanced label {
      display: block
  }
  
  .page_search .search_advanced input {
      line-height: 0
  }
  
  .page_search .date_range legend {
      padding: 0
  }
  
  .page_search .date_range label {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
      left: -2000px
  }
  
  .page_search .date_range label:focus {
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
      clip: auto !important;
      color: #000;
      display: block;
      font-size: 1rem;
      height: auto;
      line-height: normal;
      padding: 1rem;
      position: absolute;
      left: 0.5rem;
      top: 0.5rem;
      text-decoration: none;
      width: auto;
      z-index: 100000
  }
  
  .page_search .date_range select+label+select {
      margin-left: 0.25em
  }
  
  .page_search .date_range [name*="Year"] {
      width: 6em
  }
  
  .page_search .date_range [name*="Day"] {
      width: 4em
  }
  
  .page_search .date_range [name*="Month"] {
      width: 10em
  }
  
  .page_search .submit {
      text-align: right
  }
  
  .page_search .submit button {
      position: relative;
      padding-right: 3.2145rem;
      border-right: none;
      padding-right: 1em;
      padding-left: 3.2145rem;
      border-right: 1px solid rgba(0,0,0,0.4);
      border-left: none
  }
  
  .page_search .submit button:after {
      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;
      transform: translate(0, 0);
      content: "\f002";
      position: absolute;
      top: -1px;
      right: 0;
      width: 2.143rem;
      height: 2.143rem;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      line-height: 2.143rem;
      text-align: center;
      background: #006798;
      box-shadow: inset 0 -1em 1em rgba(0,0,0,0.2);
      color: #fff
  }
  
  .page_search .submit button:hover:after,.page_search .submit button:focus:after {
      box-shadow: inset 0 1em 1em rgba(0,0,0,0.2);
      background: #008acb
  }
  
  .page_search .submit button:after {
      right: auto;
      left: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
  }
  
  .page_search .submit button:after {
      right: auto;
      left: 0
  }
  
  .page_search .search_results {
      margin: 2.857rem 0;
      padding: 0;
      list-style: none
  }
  
  .page_search .search_results .obj_article_summary {
      margin: 1.43rem 0
  }
  
  .page_search .cmp_pagination {
      margin-top: 1.43rem;
      font-size: .93rem;
      line-height: 1.43rem;
      color: rgba(0,0,0,0.54);
      text-align: right
  }
  
  .page_search .cmp_pagination a {
      padding-left: 0.5em;
      padding-right: 0.5em
  }
  
  @media (min-width: 768px) {
      .page_search .search_advanced:before,.page_search .search_advanced:after {
          content:" ";
          display: table
      }
  
      .page_search .search_advanced:after {
          clear: both
      }
  
      .page_search .date_range {
          float: left;
          width: 50%
      }
  
      .page_search .date_range .to fieldset {
          margin-bottom: 0
      }
  
      .page_search .author {
          float: right;
          width: 50%
      }
  }
  
  .page_section .section_description {
      margin-bottom: 2em
  }
  
  .page_submissions .submission_sections ul,.page_submissions .submission_checklist ul {
      margin: 1.43rem 0 0;
      padding: 0;
      list-style: none;
      font-size: .93rem;
      border: none
  }
  
  .page_submissions .submission_sections li,.page_submissions .submission_checklist li {
      position: relative;
      border-bottom: none
  }
  
  .page_submissions .submission_sections h3 {
      margin-top: 0
  }
  
  .page_submissions .submission_sections .cmp_notification {
      margin-bottom: 0
  }
  
  .page_submissions .submission_checklist li {
      padding: 1.43rem
  }
  
  .page_submissions .submission_checklist li .fa {
      top: 50%;
      left: .357rem;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      font-size: 1.285rem;
      color: #00b24e
  }
  
  @media (min-width: 480px) {
      .page_submissions .submission_sections li .fa {
          top:22px;
          left: calc(1.43rem - 3px)
      }
  
      .page_submissions .submission_sections ul,.page_submissions .submission_checklist ul {
          border: 1px solid #ddd;
          border-bottom: none
      }
  
      .page_submissions .submission_sections li,.page_submissions .submission_checklist li {
          padding: 1.43rem 1.43rem 1.43rem 2.857rem;
          border-bottom: 1px solid #ddd
      }
  
      .page_submissions .submission_sections li .fa,.page_submissions .submission_checklist li .fa {
          left: 1.43rem
      }
  }
  
  .header_view {
      z-index: 2;
      position: relative;
      background: #006798
  }
  
  .header_view a {
      line-height: 2.143rem;
      text-decoration: none
  }
  
  .header_view .return {
      position: absolute;
      top: 0;
      left: 0;
      width: 2.143rem;
      height: 2.143rem;
      line-height: 2.143rem;
      background: #fff;
      color: #006798;
      text-align: center
  }
  
  .header_view .return:before {
      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;
      transform: translate(0, 0);
      content: "\f060"
  }
  
  .header_view .return:hover,.header_view .return:focus {
      background: #008acb;
      color: #fff
  }
  
  .header_view .title {
      display: block;
      padding-left: 2.857rem;
      max-width: 100%;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: .93rem;
      color: #fff
  }
  
  .header_view .title:hover,.header_view .title:focus {
      background: #008acb
  }
  
  .header_view .download {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 2.143rem;
      background: #fff;
      text-align: center
  }
  
  .header_view .download:hover,.header_view .download:focus {
      background: #008acb;
      color: #fff
  }
  
  .header_view .download:before {
      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;
      transform: translate(0, 0);
      content: "\f019"
  }
  
  .header_view .download .label {
      display: none
  }
  
  @media (min-width: 768px) {
      .header_view .title {
          font-size:1rem
      }
  
      .header_view .download {
          width: auto;
          padding: 0 1.43rem
      }
  
      .header_view .download .label {
          display: inline-block
      }
  
      .header_view .download .pkp_screen_reader,.header_view .download .pkp_page_index .cmp_announcements h2 {
          display: none
      }
  }
  
  .galley_view {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: hidden
  }
  
  .galley_view iframe {
      width: 100%;
      height: 100%;
      padding-top: 2.143rem;
      border: none
  }
  
  .galley_view.galley_view_with_notice iframe {
      padding-top: 6.429rem
  }
  
  .galley_view .galley_view_notice {
      position: absolute;
      top: 2.143rem;
      width: 100%;
      height: 4.286rem;
      background: #fee9eb
  }
  
  .galley_view .galley_view_notice_message {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-weight: 700;
      text-align: center
  }
  
  .galley_view .galley_view_notice_message a {
      color: #fff;
      text-decoration: underline
  }
  
  .obj_announcement_full h1 {
      margin: 0
  }
  
  .obj_announcement_full .date {
      margin: 16px 0;
      color: rgba(0,0,0,0.54)
  }
  
  .obj_announcement_full .date:before {
      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;
      transform: translate(0, 0);
      content: "\f073";
      margin-right: 0.5em;
      color: #ddd
  }
  
  .obj_announcement_full .description {
      margin-top: 2.857rem
  }
  
  .obj_announcement_full .description p:first-child {
      margin-top: 0
  }
  
  .obj_announcement_full .description p:last-child {
      margin-bottom: 0
  }
  
  .obj_announcement_summary h2,.obj_announcement_summary h3,.obj_announcement_summary h4 {
      margin: 0;
      font-size: 1.5rem;
      line-height: 1.43rem
  }
  
  .obj_announcement_summary h2 a,.obj_announcement_summary h3 a,.obj_announcement_summary h4 a {
      text-decoration: none
  }
  
  .obj_announcement_summary .date {
      font-size: 1rem;
      line-height: 1.785rem;
      color: rgba(0,0,0,0.54)
  }
  
  .obj_announcement_summary .date:before {
      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;
      transform: translate(0, 0);
      content: "\f073";
      margin-right: 0.5em;
      font-size: 1rem;
      color: #ddd
  }
  
  .obj_announcement_summary .summary {
      font-size: 1rem;
      line-height: 1.43rem;
      margin-top: .714rem
  }
  
  .obj_announcement_summary .summary p:first-child {
      margin-top: 0
  }
  
  .obj_announcement_summary .summary p:last-child {
      margin-bottom: 0
  }
  
  .obj_announcement_summary .read_more {
      display: inline-block;
      position: relative;
      padding-right: 2.143rem;
      font-size: 1rem;
      font-weight: 700;
      line-height: 2.143rem;
      color: #323a72;
      text-decoration: none
  }
  
  .obj_announcement_summary .read_more:after {
      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;
      transform: translate(0, 0);
      content: "\f054";
      position: absolute;
      top: 2px;
      right: 0;
      width: 2.143rem;
      height: 2.143rem;
      line-height: 2.143rem;
      text-align: center
  }
  
  .obj_announcement_summary .read_more:hover,.obj_announcement_summary .read_more:focus {
      color: #008acb
  }
  
  .obj_article_details>.page_title {
      margin: 0
  }
  
  .obj_article_details>.subtitle {
      margin: 0;
      font-size: 1rem;
      line-height: 2.143rem;
      font-weight: 400
  }
  
  .obj_article_details .row {
      margin-top: 0px
  }
  
  .obj_article_details .item {
      padding-top: 1.43rem;
      padding-bottom: 1.43rem
  }
  
  .obj_article_details .item>*:first-child {
      margin-top: 0
  }
  
  .obj_article_details .item>*:last-child {
      margin-bottom: 0
  }
  
  .obj_article_details .sub_item {
      margin-bottom: 1.43rem
  }
  
  .obj_article_details .sub_item:last-child {
      margin-bottom: 0
  }
  
  .obj_article_details .main_entry {
      width: 100%
  }
  
  .obj_article_details .main_entry .item {
      border-bottom: 1px solid #ddd;
      margin-right: 0;
      padding: 1.43rem 0
  }
  
  .obj_article_details .main_entry .item .label {
      margin: 0px;
      font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-size: 1.143rem;
      font-weight: 700
  }
  
  .obj_article_details .main_entry .item.doi .label,.obj_article_details .main_entry .item.keywords .label {
      display: inline;
      font-size: 1rem;
      margin: 0 0 1.43rem;
      font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-size: 1.143rem;
      font-weight: 700
  }
  
  .obj_article_details .main_entry .item:last-child {
      border-bottom: none
  }
  
  .obj_article_details .main_entry .sub_item .label {
      font-size: 1rem
  }
  
  .obj_article_details .authors li {
      margin-bottom: .714rem
  }
  
  .obj_article_details .authors .name {
      font-weight: bold;
      display: block
  }
  
  .obj_article_details .authors .orcid {
      display: block;
      font-size: .75rem;
      line-height: 1.43rem
  }
  
  .obj_article_details .authors .orcid a {
      vertical-align: middle
  }
  
  .obj_article_details .authors .orcid_icon {
      width: 1.43rem;
      height: 1.43rem
  }
  
  .obj_article_details .authors .affiliation {
      font-size: .93rem;
      color: rgba(0,0,0,0.54)
  }
  
  .obj_article_details .author_bios .sub_item .label {
      margin-bottom: 0
  }
  
  .obj_article_details .author_bios .sub_item .value>p:first-child {
      margin-top: 0
  }
  
  .obj_article_details .item.doi,.obj_article_details .item.keywords {
      padding-top: none
  }
  
  .obj_article_details .galleys_links li {
      display: inline-block
  }
  
  .obj_article_details .supplementary_galleys_links {
      margin-top: .714rem
  }
  
  .obj_article_details .copyright {
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .obj_article_details .copyright a[rel="license"]+p {
      margin-top: 0
  }
  
  .obj_article_details .entry_details {
      margin-left: 0px;
      margin-right: 0px;
      border-top: 1px solid #ddd;
      width: 100%
  }
  
  .obj_article_details .entry_details .item {
      padding: 1.43rem;
      border-bottom: 1px solid #ddd;
      word-wrap: break-word
  }
  
  .obj_article_details .entry_details .item:last-child {
      border-bottom: none
  }
  
  .obj_article_details .entry_details .item .label {
      margin: 0;
      font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-size: .93rem;
      font-weight: 400;
      color: rgba(0,0,0,0.54)
  }
  
  .obj_article_details .entry_details img {
      width: 100%;
      height: auto
  }
  
  .obj_article_details .categories {
      margin: 0;
      padding: 0;
      list-style: none
  }
  
  .obj_article_details .versions ul {
      margin: 0;
      padding: 0;
      list-style: none
  }
  
  .obj_article_details .citation_display .value {
      font-size: .75rem
  }
  
  .obj_article_details .citation_display .csl-left-margin {
      display: none
  }
  
  .obj_article_details .citation_display [aria-hidden="true"] {
      display: none
  }
  
  .obj_article_details .citation_display .citation_formats {
      margin-top: 1em;
      border: 1px solid rgba(0,0,0,0.4);
      border-radius: 3px
  }
  
  .obj_article_details .citation_display .citation_formats_button {
      position: relative;
      background: transparent;
      border: none;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      box-shadow: none;
      padding: 0 1em;
      width: 100%;
      font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-weight: 400;
      color: rgba(0,0,0,0.54);
      text-align: left
  }
  
  .obj_article_details .citation_display .citation_formats_button:after {
      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;
      transform: translate(0, 0);
      content: "\f0d7";
      position: absolute;
      top: 50%;
      right: 1em;
      transform: translateY(-50%)
  }
  
  .obj_article_details .citation_display .citation_formats_button[aria-expanded="true"]:after {
      content: "\f0d8"
  }
  
  .obj_article_details .citation_display .citation_formats_button:focus {
      background: #ddd;
      outline: 0
  }
  
  .obj_article_details .citation_display .citation_formats_styles {
      margin: 0;
      padding: 0;
      list-style: none
  }
  
  .obj_article_details .citation_display .citation_formats_styles a {
      display: block;
      padding: .5em 1em;
      border-bottom: 1px solid #ddd;
      text-decoration: none
  }
  
  .obj_article_details .citation_display .citation_formats_styles a:focus {
      background: #ddd;
      outline: 0
  }
  
  .obj_article_details .citation_display .citation_formats_styles li:last-child a {
      border-bottom: none
  }
  
  .obj_article_details .citation_display .citation_formats_list .label {
      padding: 1em 1em .25em 1em
  }
  
  .obj_article_details .citation_display .citation_formats_styles+.label {
      border-top: 1px solid #ddd
  }
  
  .obj_article_details .citation_display span {
      margin-right: 0.5em
  }
  
  @media (min-width: 480px) {
      .obj_article_details .entry_details {
          width:100%;
          margin-left: 0px;
          margin-right: 0px
      }
  
      .obj_article_details .main_entry .item {
          margin-right: 1.43rem
      }
  }
  
  @media (min-width: 768px) {
      .obj_article_details .row {
          margin-left:0px;
          margin-right: 0px;
          border-top: none;
          border-bottom: none
      }
  
      .obj_article_details .main_entry {
          float: left;
          width: 100%;
          border-right: 1px solid #ddd
      }
  
      .obj_article_details .main_entry .item {
          margin-right: 1.43rem
      }
  
      .obj_article_details .item {
          padding: 1.43rem
      }
  
      .obj_article_details .item .label {
          margin: 0;
          font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
          font-size: 1.143rem;
          font-weight: 700
      }
  
      .obj_article_details .item.doi .label,.obj_article_details .item.keywords .label {
          display: inline;
          font-size: 1rem
      }
  
      .obj_article_details .entry_details {
          float: left;
          width: 30%;
          margin: 0px;
          border-top: none;
          border-left: 1px solid #ddd
      }
  
      .obj_article_details .entry_details .item {
          margin-right: -1px;
          border-bottom: 1px solid #ddd
      }
  
      .obj_article_details .entry_details .item:last-child {
          border-bottom: none
      }
  }
  
  @media (min-width: 992px) {
      .obj_article_details .row {
          margin-left:0px;
          margin-right: 0px
      }
  
      .obj_article_details .main_entry {
          width: 70%
      }
  
      .obj_article_details .item {
          padding: 2.143rem
      }
  }
  
  @media (min-width: 1200px) {
      .obj_article_details .main_entry {
          width:70%
      }
  }
  
  .obj_article_summary:before,.obj_article_summary:after {
      content: " ";
      display: table
  }
  
  .obj_article_summary:after {
      clear: both
  }
  
  .obj_article_summary .cover {
      display: block;
      margin-bottom: 1.43rem
  }
  
  .obj_article_summary .cover img {
      display: block;
      max-height: 250px;
      width: auto
  }
  
  .obj_article_summary>.title {
      font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-size: 1rem;
      line-height: 1.43rem;
      font-weight: 700;
      border-bottom: none;
      margin: 0
  }
  
  .obj_article_summary>.title a {
      text-decoration: none
  }
  
  .obj_article_summary .subtitle {
      display: block;
      margin-top: 0.25em;
      margin-bottom: 0.5em;
      font-weight: 400;
      color: rgba(0,0,0,0.54)
  }
  
  .obj_article_summary .meta {
      position: relative;
      padding-top: .357rem;
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .obj_article_summary .pages,.obj_article_summary .published {
      color: rgba(0,0,0,0.54)
  }
  
  .obj_article_summary .galleys_links {
      margin-top: .714rem
  }
  
  .obj_article_summary .galleys_links li {
      display: inline-block;
      margin-right: 1em
  }
  
  .obj_article_summary .galleys_links li:last-child {
      margin-right: 0
  }
  
  @media (min-width: 768px) {
      .obj_article_summary .authors {
          padding-right:5em
      }
  
      .obj_article_summary .pages {
          position: absolute;
          top: 0;
          right: 0;
          line-height: 2.143rem
      }
  
      .obj_article_summary .cover {
          float: left;
          width: 25%;
          height: auto;
          max-height: none;
          margin-right: 1.43rem
      }
  }
  
  @media (min-width: 992px) {
      .obj_article_summary .cover {
          margin-right:2.143rem;
          margin-bottom: 2.143rem
      }
  
      .obj_article_summary .cover img {
          max-height: none
      }
  }
  
  .obj_galley_link:before {
      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;
      transform: translate(0, 0);
      content: "\f0f6";
      margin-right: 0.25em
  }
  
  .obj_galley_link.pdf:before {
      content: "\f1c1"
  }
  
  .obj_galley_link.restricted:before {
      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;
      transform: translate(0, 0);
      content: "\f023";
      color: white
  }
  
  .obj_galley_link_supplementary:before {
      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;
      transform: translate(0, 0);
      content: "\f0f6";
      margin-right: 0.25em
  }
  
  .obj_issue_summary h2 {
      margin: 0;
      font-size: 1.5rem;
      line-height: 1.43rem;
      font-weight: 400
  }
  
  .obj_issue_summary .cover {
      display: block;
      margin-bottom: 1.43rem
  }
  
  .obj_issue_summary .cover img {
      display: block;
      width: auto;
      max-height: 250px
  }
  
  .obj_issue_summary .title {
      font-family: "Bookman old style",-apple-system,BlinkMacSystemFont,"Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-weight: 700;
      text-decoration: none
  }
  
  .obj_issue_summary .series {
      margin-bottom: .357rem;
      color: rgba(0,0,0,0.54)
  }
  
  .obj_issue_summary .description {
      font-size: .93rem;
      line-height: 1.43rem
  }
  
  .obj_issue_summary .description p:first-child {
      margin-top: 0
  }
  
  .obj_issue_summary .description p:last-child {
      margin-bottom: 0
  }
  
  @media (min-width: 768px) {
      .obj_issue_summary:before,.obj_issue_summary:after {
          content:" ";
          display: table
      }
  
      .obj_issue_summary:after {
          clear: both
      }
  
      .obj_issue_summary .cover {
          float: left;
          width: 25%;
          height: auto;
          margin-right: 1.43rem
      }
  
      .obj_issue_summary .cover img {
          max-height: auto
      }
  }
  
  .obj_issue_toc .cover {
      display: block;
      margin-bottom: 1.43rem
  }
  
  .obj_issue_toc .cover img {
      display: block;
      max-height: 250px;
      width: auto
  }
  
  .obj_issue_toc .description>*:first-child {
      margin-top: 0
  }
  
  .obj_issue_toc .description>*:last-child {
      margin-bottom: 0
  }
  
  .obj_issue_toc .pub_id {
      margin: 1.43rem 0
  }
  
  .obj_issue_toc .pub_id .type {
      font-weight: 700
  }
  
  .obj_issue_toc .published {
      margin: 1.43rem 0
  }
  
  .obj_issue_toc .published .label {
      font-weight: 700
  }
  
  .obj_issue_toc .galleys_links li {
      display: inline-block;
      margin-right: 1em
  }
  
  .obj_issue_toc .galleys_links li:last-child {
      margin-right: 0
  }
  
  @media (min-width: 768px) {
      .obj_issue_toc .heading:before,.obj_issue_toc .heading:after {
          content:" ";
          display: table
      }
  
      .obj_issue_toc .heading:after {
          clear: both
      }
  
      .obj_issue_toc .cover {
          float: left;
          width: 25%;
          height: auto;
          max-height: none;
          margin-right: 1.43rem
      }
  
      .obj_issue_toc .galleys {
          padding: 1.43rem 0;
          border-top: 1px solid #ddd;
          border-bottom: 1px solid #ddd
      }
  }
  
  @media (min-width: 992px) {
      .obj_issue_toc .cover {
          margin-right:2.143rem;
          margin-bottom: 1.43rem
      }
  
      .obj_issue_toc .cover img {
          max-height: 350px
      }
  }
  
  .pkp_structure_sidebar a {
      display: inline-block;
      position: relative;
      font-size: .93rem;
      font-weight: 700;
      line-height: 2.143rem;
      color: #000000;
      text-decoration: none
  }
  
  .pkp_structure_sidebar a:hover,.pkp_structure_sidebar a:focus {
      color: #000000
  }
  
  footer {
      color: rgba(0,0,0,0.55) !important
  }
  
  body[dir="rtl"] {
      direction: rtl;
      unicode-bidi: embed
  }
  
  @media (min-width: 768px) {
      body[dir="rtl"] .pkp_structure_main:before {
          left:auto;
          right: 0
      }
  
      body[dir="rtl"] .pkp_structure_main:after {
          left: auto;
          right: 728px
      }
  }
  
  @media (min-width: 992px) {
      body[dir="rtl"] .pkp_structure_main {
          float:right
      }
  
      body[dir="rtl"] .pkp_structure_main:after {
          left: auto;
          right: 652px
      }
  
      body[dir="rtl"] .pkp_structure_sidebar {
          float: left
      }
  }
  
  @media (min-width: 1200px) {
      body[dir="rtl"] .pkp_structure_main:after {
          left:auto;
          right: 860px
      }
  }
  
  @media (min-width: 992px) {
      body[dir="rtl"] .pkp_site_name {
          text-align:right
      }
  }
  
  body[dir="rtl"] .pkp_navigation_primary ul {
      text-align: right
  }
  
  body[dir="rtl"] .pkp_navigation_user {
      text-align: left
  }
  
  body[dir="rtl"] .pkp_navigation_user li {
      text-align: right
  }
  
  body[dir="rtl"] .pkp_head_wrapper .pkp_search {
      right: auto;
      left: 0;
      text-align: left
  }
  
  body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open .search_prompt {
      border-left: none;
      border-right: 1px solid #ddd
  }
  
  body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open input[type="text"] {
      padding-right: 0.5em;
      padding-left: 180px
  }
  
  body[dir="rtl"] .pkp_screen_reader,body[dir="rtl"] .cmp_skip_to_content a,body[dir="rtl"] .pkp_page_index .journals h2,body[dir="rtl"] .pkp_page_index .cmp_announcements h2,body[dir="rtl"] .page_register .context_optin .roles legend,body[dir="rtl"] .pkp_page_index .cmp_announcements h2 {
      left: auto;
      right: -2000px
  }
  
  body[dir="rtl"] .pkp_screen_reader:focus,body[dir="rtl"] .cmp_skip_to_content a:focus,body[dir="rtl"] .pkp_page_index .journals h2:focus,body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus,body[dir="rtl"] .page_register .context_optin .roles legend:focus,body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus {
      right: 50%
  }
  
  body[dir="rtl"] .obj_announcement_summary .date:before {
      margin-right: 0;
      margin-left: 0.5em
  }
  
  body[dir="rtl"] .obj_issue_toc .galleys_links li {
      margin-right: inherit;
      margin-left: 1em
  }
  
  @media (min-width: 768px) {
      body[dir="rtl"] .obj_issue_toc .galleys h2,body[dir="rtl"] .obj_issue_toc .section h2 {
          left:auto;
          right: 1.0715rem
      }
  
      body[dir="rtl"] .obj_issue_toc .cover {
          float: right;
          margin-right: inherit;
          margin-left: 1.43rem
      }
  }
  
  @media (min-width: 992px) {
      body[dir="rtl"] .obj_issue_toc .cover {
          margin-right:inherit;
          margin-left: 2.143rem
      }
  }
  
  @media (min-width: 768px) {
      body[dir="rtl"] .obj_issue_summary .cover {
          float:right;
          margin-right: inherit;
          margin-left: 1.43rem
      }
  }
  
  @media (min-width: 768px) {
      body[dir="rtl"] .obj_article_summary {
          padding-right:0;
          padding-left: 5em
      }
  }
  
  @media (min-width: 768px) {
      body[dir="rtl"] .galleys h2,body[dir="rtl"] .section h2 {
          left:auto;
          right: 1.0715rem
      }
  
      body[dir="rtl"] .cover {
          float: right;
          margin-right: inherit;
          margin-left: 1.43rem
      }
  }
  
  @media (min-width: 992px) {
      body[dir="rtl"] .cover {
          margin-right:inherit;
          margin-left: 2.143rem
      }
  }
  
  @font-face {
      font-family: "Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      font-style: normal;
      font-weight: 300;
      src: url('https://ojkinstitute.id/plugins/themes/material/fonts/Montserrat/Montserrat-Regular.ttf');
      src: local(''),url('https://ojkinstitute.id/plugins/themes/material/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')
  }
  
  html {
      overflow-x: hidden
  }
  
  body {
      font-family: "Bookman old style","Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
      color: #070707;
      line-height: 1.5
  }
  
  a {
      color: #000;
      text-decoration: none;
      transition: .3s all ease
  }
  
  a:hover {
      color: #000
  }
  
  h1,h2,h3,h4,h5,h6,.font-heading {
      color: #274685
  }
  
  .container {
      z-index: 2;
      position: relative
  }
  
  .text-black {
      color: #000 !important
  }
  
  .text-primary {
      color: #2d71a1 !important
  }
  
  .border-top {
      border-top: 1px solid #f2f2f2 !important
  }
  
  .border-bottom {
      border-bottom: 1px solid #f2f2f2 !important
  }
  
  figure figcaption {
      margin-top: 0.5rem;
      font-style: italic;
      font-size: 0.8rem
  }
  
  section {
      overflow: hidden
  }
  
  .section-heading {
      font-size: 3rem;
      font-weight: 700;
      background: linear-gradient(-45deg, #3db3c5, #274685);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent
  }
  
  .back-to-top {
      position: fixed;
      visibility: hidden;
      opacity: 0;
      right: 15px;
      bottom: 15px;
      z-index: 996;
      background: #2d71a1;
      width: 40px;
      height: 40px;
      border-radius: 50px;
      transition: all .4s
  }
  
  .back-to-top i {
      font-size: 28px;
      color: #fff;
      line-height: 0
  }
  
  .back-to-top:hover {
      background: #3687c1;
      color: #fff
  }
  
  .back-to-top.active {
      visibility: visible;
      opacity: 1
  }
  
  .feature-1 .wrap-icon {
      margin: 0 auto;
      height: 100px;
      width: 100px;
      border-radius: 50%;
      position: relative;
      margin-bottom: 30px;
      box-shadow: 0 15px 30px 0 rgba(0,0,0,0.2);
      display: inline-flex;
      align-items: center;
      justify-content: center
  }
  
  .feature-1 .wrap-icon i {
      font-size: 40px;
      line-height: 0;
      color: #fff
  }
  
  .feature-1 h3 {
      font-size: 22px
  }
  
  .feature-1 p {
      color: #b1b1b1
  }
  
  .step {
      box-shadow: 0 10px 30px -5px rgba(0,0,0,0.1);
      background: #fff;
      padding: 40px
  }
  
  .step .number {
      background: linear-gradient(-45deg, #1391a5, #274685);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 700;
      letter-spacing: 0.2rem;
      margin-bottom: 10px;
      display: block
  }
  
  .step p:last-child {
      margin-bottom: 0px
  }
  
  .review h3 {
      font-size: 22px
  }
  
  .review p {
      line-height: 1.8;
      font-style: italic;
      color: #333333
  }
  
  .review .stars span {
      color: #FF8803
  }
  
  .review .stars .muted {
      color: #ccc
  }
  
  .review .review-user img {
      width: 70px;
      margin: 0 auto
  }
  
  .testimonials-slider .swiper-pagination {
      margin-top: 20px;
      position: relative
  }
  
  .testimonials-slider .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background-color: #fff;
      opacity: 1;
      border: 1px solid #2d71a1
  }
  
  .testimonials-slider .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #2d71a1
  }
  
  .pricing {
      padding: 50px;
      background: linear-gradient(-45deg, #1391a5, #274685);
      color: #fff;
      padding-bottom: 12rem !important;
      position: relative;
      border-radius: 4px;
      color: #000000;
      background: #fff;
      box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2)
  }
  
  .pricing h3 {
      color: #2d71a1
  }
  
  .pricing .price-cta {
      text-decoration: none;
      position: absolute;
      bottom: 50px;
      width: 100%;
      text-align: center;
      left: 0
  }
  
  .pricing .price-cta .price {
      display: block;
      margin-bottom: 20px;
      font-size: 2rem;
      font-weight: 300
  }
  
  .pricing .popularity {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 0.2rem;
      display: block;
      margin-bottom: 20px
  }
  
  .pricing ul {
      margin-bottom: 50px
  }
  
  .pricing ul li {
      margin-bottom: 10px
  }
  
  .pricing .btn-white {
      background: #fff;
      border: 2px solid #f1f1f1;
      border-radius: 4px;
      box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1)
  }
  
  .pricing .btn-white:hover {
      color: #2d71a1
  }
  
  .pricing.popular {
      background: #fff;
      box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
      color: #000000;
      background: linear-gradient(-45deg, #1391a5, #274685);
      color: #fff;
      box-shadow: none
  }
  
  .pricing.popular .popularity {
      color: #b3b3b3
  }
  
  .pricing.popular h3 {
      color: #fff;
      background: none
  }
  
  .pricing.popular .btn-white {
      border: 2px solid #2d71a1
  }
  
  .cta-section {
      background: linear-gradient(to right, #274685 0%, #3db3c5 100%);
      color: #fff
  }
  
  .cta-section h2 {
      color: #fff;
      font-size: 3rem;
      font-weight: 700
  }
  
  @media screen and (max-width: 768px) {
      .cta-section h2 {
          font-size:2rem
      }
  }
  
  .cta-section .btn {
      background: #000000;
      color: #fff
  }
  
  .cta-section .btn i {
      margin-right: 5px;
      font-size: 24px;
      line-height: 0
  }
  
  .form-control {
      height: 48px;
      border-radius: 0;
      border: 1px solid #dae0e5
  }
  
  .form-control:active,.form-control:focus {
      outline: none;
      box-shadow: none;
      border: 1px solid #2d71a1;
      padding: 25px;
  }
  
  .php-email-form .validate {
      display: none;
      color: red;
      margin: 0 0 15px 0;
      font-weight: 400;
      font-size: 13px
  }
  
  .php-email-form .error-message {
      display: none;
      color: #fff;
      background: #ed3c0d;
      text-align: left;
      padding: 15px;
      font-weight: 600
  }
  
  .php-email-form .error-message br+br {
      margin-top: 25px
  }
  
  .php-email-form .sent-message {
      display: none;
      color: #fff;
      background: #18d26e;
      text-align: center;
      padding: 15px;
      font-weight: 600
  }
  
  .php-email-form .loading {
      display: none;
      background: #fff;
      text-align: center;
      padding: 15px
  }
  
  .php-email-form .loading:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      margin: 0 10px -6px 0;
      border: 3px solid #18d26e;
      border-top-color: #eee;
      -webkit-animation: animate-loading 1s linear infinite;
      animation: animate-loading 1s linear infinite
  }
  
  .php-email-form textarea {
      min-height: 160px
  }
  
  @-webkit-keyframes animate-loading {
      0% {
          transform: rotate(0deg)
      }
  
      100% {
          transform: rotate(360deg)
      }
  }
  
  @keyframes animate-loading {
      0% {
          transform: rotate(0deg)
      }
  
      100% {
          transform: rotate(360deg)
      }
  }
  
  .post-entry {
      margin-bottom: 60px
  }
  
  .post-entry .post-text .post-meta {
      text-decoration: none;
      color: #ccc;
      font-size: 13px;
      display: block;
      margin-bottom: 10px
  }
  
  .post-entry .post-text h3 {
      font-size: 22px;
      color: #000000
  }
  
  .post-entry .post-text h3 a {
      text-decoration: none;
      color: #000000
  }
  
  .post-entry .post-text h3 a:hover {
      text-decoration: none;
      color: #2d71a1
  }
  
  .post-entry .post-text .readmore {
      color: #2d71a1
  }
  
  .sidebar-box {
      margin-bottom: 30px;
      padding: 25px;
      font-size: 15px;
      width: 100%;
      float: left;
      background: #fff
  }
  
  .sidebar-box *:last-child {
      margin-bottom: 0
  }
  
  .sidebar-box h3 {
      font-size: 22px;
      margin-bottom: 15px
  }
  
  .categories li,.sidelink li {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px dotted gray("300");
      list-style: none
  }
  
  .categories li:last-child,.sidelink li:last-child {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 0
  }
  
  .categories li a,.sidelink li a {
      text-decoration: none;
      display: block
  }
  
  .categories li a span,.sidelink li a span {
      position: absolute;
      right: 0;
      top: 0;
      color: #ccc
  }
  
  .categories li.active a,.sidelink li.active a {
      text-decoration: none;
      color: #000000;
      font-style: italic
  }
  
  .comment-form-wrap {
      clear: both
  }
  
  .comment-list {
      padding: 0;
      margin: 0
  }
  
  .comment-list .children {
      padding: 50px 0 0 40px;
      margin: 0;
      float: left;
      width: 100%
  }
  
  .comment-list li {
      padding: 0;
      margin: 0 0 30px 0;
      float: left;
      width: 100%;
      clear: both;
      list-style: none
  }
  
  .comment-list li .vcard {
      width: 80px;
      float: left
  }
  
  .comment-list li .vcard img {
      width: 50px;
      border-radius: 50%
  }
  
  .comment-list li .comment-body {
      float: right;
      width: calc(20%)
  }
  
  .comment-list li .comment-body h3 {
      font-size: 22px
  }
  
  .comment-list li .comment-body .meta {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 0.1em;
      color: #ccc
  }
  
  .comment-list li .comment-body .reply {
      padding: 5px 10px;
      background: #e6e6e6;
      color: #000000;
      text-transform: uppercase;
      font-size: 14px
  }
  
  .comment-list li .comment-body .reply:hover {
      color: #000000;
      background: #e3e3e3
  }
  
  .search-form {
      background: #f7f7f7;
      padding: 10px
  }
  
  .search-form .form-group {
      position: relative
  }
  
  .search-form .form-group input {
      padding-right: 50px
  }
  
  .search-form .icon {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%)
  }
  
  #header {
      background: #f8fbff;
      height: 80px;
      z-index: 997;
      padding: 0 1.5625rem;
      transition: all .5s
  }
  
  #header.header-scrolled {
      background: #f8fbff;
      height: 80px
  }

  .header-class {
    background: #f8fbff;
    height: 80px;
    z-index: 997;
    padding: 0 1.5625rem;
    transition: all .5s
}

  @media (max-width: 768px) {
    #header.header-scrolled {
        height: 80px; /* Tetapkan ketinggian yang Anda inginkan di sini */
    }
}
  
  #header .logo h1 {
      font-size: 28px;
      margin: 0;
      padding: 4px 0;
      line-height: 1;
      font-weight: 500
  }
  
  #header .logo h1 a,#header .logo h1 a:hover {
      color: #fff;
      text-decoration: none
  }
  
  #header .logo img {
      padding: 0;
      margin: 0;
      max-height: 200px
  }


/* CSS untuk navbar */
#navbar.custom-navbar {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(https://www.ojkinstitute.id/public/journals/1/homepageImage_en_US.jpg);
    background-repeat: repeat-y; /* Mengatur gambar agar bertumpuk secara vertikal */
    background-size: cover; /* Mengatur lebar gambar agar memenuhi lebar elemen */
    background-position: center top; /* Menempatkan gambar di tengah secara horizontal dan di atas secara vertikal */
    color: white;
    position: relative;
    align-self: flex-start;
    display: inline-flex;
    box-sizing: border-box;
}

  /* Hilangkan navbar saat layar lebih kecil dari 768px */
  @media screen and (max-width: 768px) {
    #navbar.custom-navbar {
      display: none !important;
    }
  }
  
/* Hilangkan navbar saat di scroll */
var prevScrollpos = window.pageYOffset;

window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("navbar").style.top = "0";
  } else {
    document.getElementById("navbar").style.top = "-50px";
  }
  prevScrollpos = currentScrollPos;
}


@media (min-width: 992px) {
    #_navigationPrimary {
        padding-left: 35px; /* Menambahkan padding kiri */
        padding-right: 25px; /* Menambahkan padding kanan */
        display: flex; /* Menjadikan ini flex container */
        justify-content: center; /* Menyejajarkan item di tengah */
        align-items: center; /* Menyelaraskan item secara vertikal di tengah */
    }
}

@media (min-width: 992px) {
    #_navigationPrimary > li {
        background-color: #323a72; /* contoh warna lain */
    }

    #_navigationPrimary > li:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #_navigationPrimary > li:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        padding-right: 12px;  /* menambah ruang di sekeliling konten dalam elemen */
    }
}

.nav-item.li_navigationPrimary .fas.fa-globe {
    display: none;
}

.nav-item.text-dark .fas.fa-globe {
    display: none;
}

@media screen and (max-width: 992px) {
    .hide-on-small {
        display: none !important;
    }
}

.no-padding {
    padding: 0 !important;
}


/* CSS untuk navbar */

  .navbar-nav {
      display: flex;
      flex-direction: row !important;
      list-style: none;
      align-items: center;
      font-family: "Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
  }
  
  .navbar li {
      position: relative
  }
  
  .navbar .nav-link {
      padding: 10px 0 10px 20px !important
  }
  
  .navbar .nav-link:hover,.navbar .active,.navbar .active:focus,.navbar .nav-link:hover>a {
      color: #fff
  }

  .mobile-nav-toggle {
      color: #fff;
      font-size: 28px;
      cursor: pointer;
      display: none;
      line-height: 0;
      transition: 0.5s
  }
  
  @media (max-width: 992px) {
      .mobile-nav-toggle {
          display:block
      }
  
      .navbar ul {
          display: none
      }
  }
  
  .navbar-mobile {
      position: fixed;
      overflow: hidden;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(27,49,94,0.9);
      transition: 0.3s;
      z-index: 999
  }
  
  .navbar-mobile .mobile-nav-toggle {
      position: absolute;
      top: 15px;
      right: 15px
  }
  
  .navbar-mobile ul {
      display: block;
      position: absolute;
      top: 55px;
      right: 15px;
      bottom: 15px;
      left: 15px;
      padding: 10px 0;
      border-radius: 10px;
      background-color: #fff;
      overflow-y: auto;
      transition: 0.3s
  }
  
  .navbar-mobile a,.navbar-mobile a:focus {
      padding: 10px 20px;
      font-size: 15px;
      color: #101c36
  }
  
  .navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a {
      color: #2d71a1
  }
  
  .navbar-mobile .dropdown ul {
      position: static;
      display: none;
      margin: 10px 20px;
      padding: 10px 0;
      z-index: 99;
      opacity: 1;
      visibility: visible;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127,137,161,0.25)
  }
  
  .navbar-mobile .dropdown ul li {
      min-width: 200px
  }
  
  .navbar-mobile .dropdown ul a {
      padding: 10px 20px
  }
  
  .navbar-mobile .dropdown ul a i {
      font-size: 12px
  }
  
  .navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a {
      color: #9e1e21
  }
  
  .navbar-mobile .dropdown>.dropdown-active {
      display: block
  }

  .hero-section {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(https://www.ojkinstitute.id/public/journals/1/homepageImage_en_US.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100vw;
    z-index: 2;
}

.hero-section {
    height: 100vh;
    background-repeat: no-repeat; /* Tidak menumpuk gambar di .hero-section */
}

  .hero-section .wave {
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    bottom: 0px;
}
 
  @media (max-width: 767px) {
      .footer .container {
        margin-bottom: 20px;
        margin-top: 10px;
      }
    }
  
  
  .hero-section .wave img {
      width: 100%
  }
  
/* Gaya default untuk layar yang lebar nya lebih dari 992px */
.hero-section, .hero-section > .container > .row {
    height: 100vh;
    min-height: 718px; /* mengatur min-height ke 1000px */
    bottom: 0; /* mengatur posisi elemen ke bagian bawah dari elemen induknya */
}


/* Gaya khusus untuk layar yang lebar nya kurang dari 992px */
    @media (max-width: 992px) {
        .hero-section, .hero-section > .container > .row {
            min-height: 950px;
        }
    }

    .hero-section.inner-page {
        height: 60vh;
        min-height: 0;
    }

    /* Media query untuk layar di atas 992px */
    @media (min-width: 992px) {
        .hero-section.inner-page {
            height: 30vh;
        }
    }
  
  .hero-section.inner-page .hero-text {
      transform: translateY(-150px);
      margin-top: -180px;
      padding-left: 0px;
  }
  
  @media screen and (max-width: 992px) {
      .hero-section.inner-page .hero-text {
          margin-top:-80px
      }
  }

  .hero-section h1 {
      font-size: 3rem;
      color: #323a72;
      font-weight: 700;
      margin-bottom: 100px
  }
  
  @media screen and (max-width: 1400px) {
      .hero-section h1 {
          font-size:2rem
      }
  }
  
  @media screen and (max-width: 992px) {
      .hero-section h1 {
          font-size:1.7rem;
          text-align: center;
          margin-top: 40px
      }
  }
  
  @media screen and (max-width: 992px) {
      .hero-section .hero-text-image {
          margin-top:2rem
      }
  }

  .hero-section p {
      font-size: 18px;
      color: #000000
  }

  @media (max-width: 782px) {
    .hero-section p {
        font-size: 16px;
    }
}

  
  .hero-section .iphone-wrap {
      position: relative
  }
  
  @media screen and (max-width: 992px) {
      .hero-section .iphone-wrap {
          text-align:center
      }
  }
  
  .hero-section .iphone-wrap .phone-2,.hero-section .iphone-wrap .phone-1 {
      position: absolute;
      top: -20%;
      overflow: hidden;
      left: 0;
      box-shadow: 0 0px 0px 0 #9e1e21;
  }

  @media (min-width: 993px) {
    .hero-section .iphone-wrap .phone-2,
    .hero-section .iphone-wrap .phone-1 {
        left: -50px;
    }
}
  
  @media screen and (max-width: 992px) {
      .hero-section .iphone-wrap .phone-2,.hero-section .iphone-wrap .phone-1 {
          position:relative;
          max-width: 100%
      }
  }
  
  .hero-section .iphone-wrap .phone-2,.hero-section .iphone-wrap .phone-1 {
      width: 350px
  }
  
  @media screen and (max-width: 992px) {
      .hero-section .iphone-wrap .phone-1 {
          margin-left:-150px
      }
  }
  
  .hero-section .iphone-wrap .phone-2 {
      margin-top: 100px;
      margin-left: 100px;
      width: 350px
  }
  
  @media screen and (max-width: 1450px) {
      .hero-section .iphone-wrap .phone-2 {
          margin-top:150px;
          margin-left: 50px;
          width: 300px
      }
  }
  
  @media screen and (max-width: 1400px) {
      .hero-section .iphone-wrap .phone-2 {
          margin-top:110px;
          margin-left: 50px;
          /* width: 350px; */
      }
  }
  
  @media screen and (max-width: 992px) {
      .hero-section .iphone-wrap .phone-2 {
        width: 200px;
        position: relative;
        margin-top: 30px;
        margin-left: 0px;
      }
  }
  
  .footer h3 {
      font-size: 20px;
      margin-bottom: 30px
  }
  
  .footer ul li {
      margin-bottom: 10px
  }
  
  .footer a {
      color: #000000
  }
  
  .footer .copyright {
      margin-bottom: 0px;
      padding-bottom: 0px;
  }
  
  .footer .copyright,.footer .credits {
      font-size: 14px
  }
  
  .social a {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: #f8f9fa;
      position: relative;
      text-align: center;
      transition: .3s background ease;
      color: #0d1e2d;
      line-height: 0
  }
  
  .social a span {
      display: inline-block;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%)
  }
  
  .social a:hover {
      color: #fff;
      background: #2d71a1
  }
  
  .social a i {
      line-height: 0
  }
  
  /*!
   * MDB5
   *   Version: FREE 3.8.1
   *
   *
   *   Copyright: Material Design for Bootstrap
   *   https://mdbootstrap.com/
   *
   *   Read the license: https://mdbootstrap.com/general/license/
   *
   *
   *   Documentation: https://mdbootstrap.com/docs/standard/
   *
   *   Support: https://mdbootstrap.com/support/
   *
   *   Contact: office@mdbootstrap.com
   *
   */
   :root {
      --mdb-blue: #0d6efd;
      --mdb-indigo: #6610f2;
      --mdb-purple: #6f42c1;
      --mdb-pink: #d63384;
      --mdb-red: #dc3545;
      --mdb-orange: #fd7e14;
      --mdb-yellow: #ffc107;
      --mdb-green: #198754;
      --mdb-teal: #20c997;
      --mdb-cyan: #0dcaf0;
      --mdb-gray: #757575;
      --mdb-gray-dark: #4f4f4f;
      --mdb-primary: #1266f1;
      --mdb-secondary: #b23cfd;
      --mdb-success: #00b74a;
      --mdb-info: #39c0ed;
      --mdb-warning: #ffa900;
      --mdb-danger: #f93154;
      --mdb-light: #fbfbfb;
      --mdb-dark: #262626;
      --mdb-white: #fff;
      --mdb-black: #000;
      --mdb-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
      --mdb-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
      --mdb-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0))
  }
  
  *,:after,:before {
      -webkit-box-sizing: border-box;
      box-sizing: border-box
  }
  
  @media(prefers-reduced-motion:no-preference) {
      :root {
          scroll-behavior: smooth
      }
  }
  
 
  
  hr {
      margin: 1rem 0;
      color: inherit;
      background-color: currentColor;
      border: 0;
      opacity: .25
  }
  
  hr:not([size]) {
      height: 1px
  }
  
  .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
      margin-top: 0;
      margin-bottom: .5rem;
      font-weight: 500;
      line-height: 1.2
  }
  
  .h1,h1 {
      font-size: calc(1.5rem + 1.5vw)
  }
  
  @media(min-width: 1200px) {
      .h1,h1 {
          font-size:2.5rem
      }
  }
  
  .h2,h2 {
      font-size: calc(1.325rem + .9vw)
  }
  
  @media(min-width: 1200px) {
      .h2,h2 {
          font-size:2rem
      }
  }
  
  .h3,h3 {
      font-size: calc(1.5rem + .6vw)
  }
  
  @media(min-width: 1200px) {
      .h3,h3 {
          font-size:2rem
      }
  }
  
  .h4,h4 {
      font-size: calc(1.375rem + .3vw)
  }
  
  @media(min-width: 1200px) {
      .h4,h4 {
          font-size:1.5rem
      }
  }
  
  .h5,h5 {
      font-size: 1.3rem
  }
  
  .h6,h6 {
      font-size: 1rem
  }
  
  p {
      margin-top: 0;
      margin-bottom: 1rem
  }
  
  abbr[data-mdb-original-title],abbr[title] {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
      cursor: help;
      -webkit-text-decoration-skip-ink: none;
      text-decoration-skip-ink: none
  }
  
  address {
      margin-bottom: 1rem;
      font-style: normal;
      line-height: inherit
  }
  
  ol,ul {
      padding-left: 2rem
  }
  
  dl,ol,ul {
      margin-top: 0;
      margin-bottom: 1rem
  }
  
  ol ol,ol ul,ul ol,ul ul {
      margin-bottom: 0
  }
  
  dt {
      font-weight: 700
  }
  
  dd {
      margin-bottom: .5rem;
      margin-left: 0
  }
  
  blockquote {
      margin: 0 0 1rem
  }
  
  b,strong {
      font-weight: bolder
  }
  
  .small,small {
      font-size: .875em
  }
  
  .mark,mark {
      padding: .2em;
      background-color: #fcf8e3
  }
  
  sub,sup {
      position: relative;
      font-size: .75em;
      line-height: 0;
      vertical-align: baseline
  }
  
  sub {
      bottom: -.25em
  }
  
  sup {
      top: -.5em
  }
  
  a {
      color: #1266f1;
      text-decoration: underline
  }
  
  a:hover {
      color: #0e52c1
  }
  
  a:not([href]):not([class]),a:not([href]):not([class]):hover {
      color: inherit;
      text-decoration: none
  }
  
  code,kbd,pre,samp {
      font-family: var(--mdb-font-monospace);
      font-size: 1em;
      /*!rtl:ignore*/
      direction: ltr;
      unicode-bidi: bidi-override
  }
  
  pre {
      display: block;
      margin-top: 0;
      margin-bottom: 1rem;
      overflow: auto;
      font-size: .875em
  }
  
  pre code {
      font-size: inherit;
      color: inherit;
      word-break: normal
  }
  
  code {
      font-size: .875em;
      color: #d63384;
      word-wrap: break-word
  }
  
  a>code {
      color: inherit
  }
  
  kbd {
      padding: .2rem .4rem;
      font-size: .875em;
      color: #fff;
      background-color: #262626;
      border-radius: .2rem
  }
  
  kbd kbd {
      padding: 0;
      font-size: 1em;
      font-weight: 700
  }
  
  figure {
      margin: 0 0 1rem
  }
  
  img,svg {
      vertical-align: middle
  }
  
  table {
      caption-side: bottom;
      border-collapse: collapse
  }
  
  caption {
      padding-top: 1rem;
      padding-bottom: 1rem;
      color: #757575;
      text-align: left
  }
  
  th {
      text-align: inherit;
      text-align: -webkit-match-parent
  }
  
  tbody,td,tfoot,th,thead,tr {
      border: 0 solid;
      border-color: inherit
  }
  
  label {
      display: inline-block
  }
  
  button {
      border-radius: 0
  }
  
  button:focus:not(:focus-visible) {
      outline: 0
  }
  
  button,input,optgroup,select,textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
  }
  
  button,select {
      text-transform: none
  }
  
  [role=button] {
      cursor: pointer
  }
  
  select {
      word-wrap: normal
  }
  
  select:disabled {
      opacity: 1
  }
  
  [list]::-webkit-calendar-picker-indicator {
      display: none
  }
  
  [type=button],[type=reset],[type=submit],button {
      -webkit-appearance: button
  }
  
  [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
      cursor: pointer
  }
  
  ::-moz-focus-inner {
      padding: 0;
      border-style: none
  }
  
  textarea {
      resize: vertical
  }
  
  fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0
  }
  
  legend {
      float: left;
      width: 100%;
      padding: 0;
      margin-bottom: .5rem;
      font-size: calc(1.275rem + .3vw);
      line-height: inherit
  }
  
  @media(min-width: 1200px) {
      legend {
          font-size:1.5rem
      }
  }
  
  legend+* {
      clear: left
  }
  
  ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
      padding: 0
  }
  
  ::-webkit-inner-spin-button {
      height: auto
  }
  
  [type=search] {
      outline-offset: -2px;
      -webkit-appearance: textfield
  }
  
  /*!rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-webkit-search-decoration {
      -webkit-appearance: none
  }
  
  ::-webkit-color-swatch-wrapper {
      padding: 0
  }
  
  ::file-selector-button {
      font: inherit
  }
  
  ::-webkit-file-upload-button {
      font: inherit;
      -webkit-appearance: button
  }
  
  output {
      display: inline-block
  }
  
  iframe {
      border: 0
  }
  
  summary {
      display: list-item;
      cursor: pointer
  }
  
  progress {
      vertical-align: baseline
  }
  
  [hidden] {
      display: none!important
  }
  
  .lead {
      font-size: 2rem;
      font-weight: 300
  }
  
  .display-1 {
      font-size: calc(2rem + 4.5vw);
      font-weight: 300;
      line-height: 1.2
  }
  
  @media(min-width: 1200px) {
      .display-1 {
          font-size:5rem
      }
  }
  
  .display-2 {
      font-size: calc(1.575rem + 3.9vw);
      font-weight: 300;
      line-height: 1.2
  }
  
  @media(min-width: 1200px) {
      .display-2 {
          font-size:4.5rem
      }
  }
  
  .display-3 {
      font-size: calc(1.525rem + 3.3vw);
      font-weight: 300;
      line-height: 1.2
  }
  
  @media(min-width: 1200px) {
      .display-3 {
          font-size:4rem
      }
  }
  
  .display-4 {
      font-size: calc(1.475rem + 2.7vw);
      font-weight: 300;
      line-height: 1.2
  }
  
  @media(min-width: 1200px) {
      .display-4 {
          font-size:3.5rem
      }
  }
  
  .display-5 {
      font-size: calc(1.425rem + 2.1vw);
      font-weight: 300;
      line-height: 1.2
  }
  
  @media(min-width: 1200px) {
      .display-5 {
          font-size:3rem
      }
  }
  
  .display-6 {
      font-size: calc(1.375rem + 1.5vw);
      font-weight: 300;
      line-height: 1.2
  }
  
  @media(min-width: 1200px) {
      .display-6 {
          font-size:2.5rem
      }
  }
  
  .list-inline,.list-unstyled {
      padding-left: 0;
      list-style: none
  }
  
  .list-inline-item {
      display: inline-block
  }
  
  .list-inline-item:not(:last-child) {
      margin-right: .5rem
  }
  
  .initialism {
      font-size: .875em;
      text-transform: uppercase
  }
  
  .blockquote {
      margin-bottom: 1rem;
      font-size: 1.25rem
  }
  
  .blockquote>:last-child {
      margin-bottom: 0
  }
  
  .blockquote-footer {
      margin-top: -1rem;
      margin-bottom: 1rem;
      font-size: .875em;
      color: #757575
  }
  
  .blockquote-footer:before {
      content: "ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â "
  }
  
  .img-fluid,.img-thumbnail {
      max-width: 100%;
      height: auto
  }
  
  .img-thumbnail {
      padding: .25rem;
      background-color: #fff;
      border: 1px solid #e0e0e0;
      border-radius: .25rem
  }
  
  .figure {
      display: inline-block
  }
  
  .figure-img {
      margin-bottom: .5rem;
      line-height: 1
  }
  
  .figure-caption {
      font-size: .875em;
      color: #757575
  }
  
  .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
      width: 100%;
      padding-right: var(--mdb-gutter-x,.75rem);
      padding-left: var(--mdb-gutter-x,.75rem);
      margin-right: auto;
      margin-left: auto
  }
  
  @media(min-width: 576px) {
      .container,.container-sm {
          max-width:540px
      }
  }
  
  @media(min-width: 768px) {
      .container,.container-md,.container-sm {
          max-width:720px
      }
  }
  
  @media(min-width: 992px) {
      .container,.container-lg,.container-md,.container-sm {
          max-width:960px
      }
  }
  
  @media(min-width: 1200px) {
      .container,.container-lg,.container-md,.container-sm,.container-xl {
          max-width:1140px
      }
  }
  
  @media(min-width: 1400px) {
      .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
          max-width:1320px
      }
  }
  
  .row {
      --mdb-gutter-x: 1.5rem;
      --mdb-gutter-y: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: calc(var(--mdb-gutter-y)*-1);
      margin-right: calc(var(--mdb-gutter-x)/-2);
      margin-left: calc(var(--mdb-gutter-x)/-2)
  }
  
  .row>* {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      padding-right: calc(var(--mdb-gutter-x)/2);
      padding-left: calc(var(--mdb-gutter-x)/2);
      margin-top: var(--mdb-gutter-y)
  }
  
  .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%
  }
  
  .row-cols-auto>* {
      width: auto
  }
  
  .row-cols-1>*,.row-cols-auto>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .row-cols-1>* {
      width: 100%
  }
  
  .row-cols-2>* {
      width: 50%
  }
  
  .row-cols-2>*,.row-cols-3>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .row-cols-3>* {
      width: 33.3333333333%
  }
  
  .row-cols-4>* {
      width: 25%
  }
  
  .row-cols-4>*,.row-cols-5>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .row-cols-5>* {
      width: 20%
  }
  
  .row-cols-6>* {
      width: 16.6666666667%
  }
  
  .col-auto,.row-cols-6>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-auto {
      width: auto
  }
  
  .col-1 {
      width: 8.3333333333%
  }
  
  .col-1,.col-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-2 {
      width: 16.6666666667%
  }
  
  .col-3 {
      width: 25%
  }
  
  .col-3,.col-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-4 {
      width: 33.3333333333%
  }
  
  .col-5 {
      width: 41.6666666667%
  }
  
  .col-5,.col-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-6 {
      width: 50%
  }
  
  .col-7 {
      width: 58.3333333333%
  }
  
  .col-7,.col-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-8 {
      width: 66.6666666667%
  }
  
  .col-9 {
      width: 75%
  }
  
  .col-9,.col-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-10 {
      width: 83.3333333333%
  }
  
  .col-11 {
      width: 91.6666666667%
  }
  
  .col-11,.col-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
  
  .col-12 {
      width: 100%
  }
  
  .offset-1 {
      margin-left: 8.3333333333%
  }
  
  .offset-2 {
      margin-left: 16.6666666667%
  }
  
  .offset-3 {
      margin-left: 25%
  }
  
  .offset-4 {
      margin-left: 33.3333333333%
  }
  
  .offset-5 {
      margin-left: 41.6666666667%
  }
  
  .offset-6 {
      margin-left: 50%
  }
  
  .offset-7 {
      margin-left: 58.3333333333%
  }
  
  .offset-8 {
      margin-left: 66.6666666667%
  }
  
  .offset-9 {
      margin-left: 75%
  }
  
  .offset-10 {
      margin-left: 83.3333333333%
  }
  
  .offset-11 {
      margin-left: 91.6666666667%
  }
  
  .g-0,.gx-0 {
      --mdb-gutter-x: 0
  }
  
  .g-0,.gy-0 {
      --mdb-gutter-y: 0
  }
  
  .g-1,.gx-1 {
      --mdb-gutter-x: 0.25rem
  }
  
  .g-1,.gy-1 {
      --mdb-gutter-y: 0.25rem
  }
  
  .g-2,.gx-2 {
      --mdb-gutter-x: 0.5rem
  }
  
  .g-2,.gy-2 {
      --mdb-gutter-y: 0.5rem
  }
  
  .g-3,.gx-3 {
      --mdb-gutter-x: 1rem
  }
  
  .g-3,.gy-3 {
      --mdb-gutter-y: 1rem
  }
  
  .g-4,.gx-4 {
      --mdb-gutter-x: 1.5rem
  }
  
  .g-4,.gy-4 {
      --mdb-gutter-y: 1.5rem
  }
  
  .g-5,.gx-5 {
      --mdb-gutter-x: 3rem
  }
  
  .g-5,.gy-5 {
      --mdb-gutter-y: 3rem
  }
  
  @media(min-width: 576px) {
      .col-sm {
          -webkit-box-flex:1;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%
      }
  
      .row-cols-sm-auto>* {
          width: auto
      }
  
      .row-cols-sm-1>*,.row-cols-sm-auto>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-sm-1>* {
          width: 100%
      }
  
      .row-cols-sm-2>* {
          width: 50%
      }
  
      .row-cols-sm-2>*,.row-cols-sm-3>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-sm-3>* {
          width: 33.3333333333%
      }
  
      .row-cols-sm-4>* {
          width: 25%
      }
  
      .row-cols-sm-4>*,.row-cols-sm-5>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-sm-5>* {
          width: 20%
      }
  
      .row-cols-sm-6>* {
          width: 16.6666666667%
      }
  
      .col-sm-auto,.row-cols-sm-6>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-auto {
          width: auto
      }
  
      .col-sm-1 {
          width: 8.3333333333%
      }
  
      .col-sm-1,.col-sm-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-2 {
          width: 16.6666666667%
      }
  
      .col-sm-3 {
          width: 25%
      }
  
      .col-sm-3,.col-sm-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-4 {
          width: 33.3333333333%
      }
  
      .col-sm-5 {
          width: 41.6666666667%
      }
  
      .col-sm-5,.col-sm-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-6 {
          width: 50%
      }
  
      .col-sm-7 {
          width: 58.3333333333%
      }
  
      .col-sm-7,.col-sm-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-8 {
          width: 66.6666666667%
      }
  
      .col-sm-9 {
          width: 75%
      }
  
      .col-sm-9,.col-sm-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-10 {
          width: 83.3333333333%
      }
  
      .col-sm-11 {
          width: 91.6666666667%
      }
  
      .col-sm-11,.col-sm-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-sm-12 {
          width: 100%
      }
  
      .offset-sm-0 {
          margin-left: 0
      }
  
      .offset-sm-1 {
          margin-left: 8.3333333333%
      }
  
      .offset-sm-2 {
          margin-left: 16.6666666667%
      }
  
      .offset-sm-3 {
          margin-left: 25%
      }
  
      .offset-sm-4 {
          margin-left: 33.3333333333%
      }
  
      .offset-sm-5 {
          margin-left: 41.6666666667%
      }
  
      .offset-sm-6 {
          margin-left: 50%
      }
  
      .offset-sm-7 {
          margin-left: 58.3333333333%
      }
  
      .offset-sm-8 {
          margin-left: 66.6666666667%
      }
  
      .offset-sm-9 {
          margin-left: 75%
      }
  
      .offset-sm-10 {
          margin-left: 83.3333333333%
      }
  
      .offset-sm-11 {
          margin-left: 91.6666666667%
      }
  
      .g-sm-0,.gx-sm-0 {
          --mdb-gutter-x: 0
      }
  
      .g-sm-0,.gy-sm-0 {
          --mdb-gutter-y: 0
      }
  
      .g-sm-1,.gx-sm-1 {
          --mdb-gutter-x: 0.25rem
      }
  
      .g-sm-1,.gy-sm-1 {
          --mdb-gutter-y: 0.25rem
      }
  
      .g-sm-2,.gx-sm-2 {
          --mdb-gutter-x: 0.5rem
      }
  
      .g-sm-2,.gy-sm-2 {
          --mdb-gutter-y: 0.5rem
      }
  
      .g-sm-3,.gx-sm-3 {
          --mdb-gutter-x: 1rem
      }
  
      .g-sm-3,.gy-sm-3 {
          --mdb-gutter-y: 1rem
      }
  
      .g-sm-4,.gx-sm-4 {
          --mdb-gutter-x: 1.5rem
      }
  
      .g-sm-4,.gy-sm-4 {
          --mdb-gutter-y: 1.5rem
      }
  
      .g-sm-5,.gx-sm-5 {
          --mdb-gutter-x: 3rem
      }
  
      .g-sm-5,.gy-sm-5 {
          --mdb-gutter-y: 3rem
      }
  }
  
  @media(min-width: 768px) {
      .col-md {
          -webkit-box-flex:1;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%
      }
  
      .row-cols-md-auto>* {
          width: auto
      }
  
      .row-cols-md-1>*,.row-cols-md-auto>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-md-1>* {
          width: 100%
      }
  
      .row-cols-md-2>* {
          width: 50%
      }
  
      .row-cols-md-2>*,.row-cols-md-3>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-md-3>* {
          width: 33.3333333333%
      }
  
      .row-cols-md-4>* {
          width: 25%
      }
  
      .row-cols-md-4>*,.row-cols-md-5>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-md-5>* {
          width: 20%
      }
  
      .row-cols-md-6>* {
          width: 16.6666666667%
      }
  
      .col-md-auto,.row-cols-md-6>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-auto {
          width: auto
      }
  
      .col-md-1 {
          width: 8.3333333333%
      }
  
      .col-md-1,.col-md-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-2 {
          width: 16.6666666667%
      }
  
      .col-md-3 {
          width: 25%
      }
  
      .col-md-3,.col-md-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-4 {
          width: 33.3333333333%
      }
  
      .col-md-5 {
          width: 41.6666666667%
      }
  
      .col-md-5,.col-md-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-6 {
          width: 50%
      }
  
      .col-md-7 {
          width: 58.3333333333%
      }
  
      .col-md-7,.col-md-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-8 {
          width: 66.6666666667%
      }
  
      .col-md-9 {
          width: 75%
      }
  
      .col-md-9,.col-md-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-10 {
          width: 83.3333333333%
      }
  
      .col-md-11 {
          width: 91.6666666667%
      }
  
      .col-md-11,.col-md-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-md-12 {
          width: 100%
      }
  
      .offset-md-0 {
          margin-left: 0
      }
  
      .offset-md-1 {
          margin-left: 8.3333333333%
      }
  
      .offset-md-2 {
          margin-left: 16.6666666667%
      }
  
      .offset-md-3 {
          margin-left: 25%
      }
  
      .offset-md-4 {
          margin-left: 33.3333333333%
      }
  
      .offset-md-5 {
          margin-left: 41.6666666667%
      }
  
      .offset-md-6 {
          margin-left: 50%
      }
  
      .offset-md-7 {
          margin-left: 58.3333333333%
      }
  
      .offset-md-8 {
          margin-left: 66.6666666667%
      }
  
      .offset-md-9 {
          margin-left: 75%
      }
  
      .offset-md-10 {
          margin-left: 83.3333333333%
      }
  
      .offset-md-11 {
          margin-left: 91.6666666667%
      }
  
      .g-md-0,.gx-md-0 {
          --mdb-gutter-x: 0
      }
  
      .g-md-0,.gy-md-0 {
          --mdb-gutter-y: 0
      }
  
      .g-md-1,.gx-md-1 {
          --mdb-gutter-x: 0.25rem
      }
  
      .g-md-1,.gy-md-1 {
          --mdb-gutter-y: 0.25rem
      }
  
      .g-md-2,.gx-md-2 {
          --mdb-gutter-x: 0.5rem
      }
  
      .g-md-2,.gy-md-2 {
          --mdb-gutter-y: 0.5rem
      }
  
      .g-md-3,.gx-md-3 {
          --mdb-gutter-x: 1rem
      }
  
      .g-md-3,.gy-md-3 {
          --mdb-gutter-y: 1rem
      }
  
      .g-md-4,.gx-md-4 {
          --mdb-gutter-x: 1.5rem
      }
  
      .g-md-4,.gy-md-4 {
          --mdb-gutter-y: 1.5rem
      }
  
      .g-md-5,.gx-md-5 {
          --mdb-gutter-x: 3rem
      }
  
      .g-md-5,.gy-md-5 {
          --mdb-gutter-y: 3rem
      }
  }
  
  @media(min-width: 992px) {
      .col-lg {
          -webkit-box-flex:1;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%
      }
  
      .row-cols-lg-auto>* {
          width: auto
      }
  
      .row-cols-lg-1>*,.row-cols-lg-auto>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-lg-1>* {
          width: 100%
      }
  
      .row-cols-lg-2>* {
          width: 50%
      }
  
      .row-cols-lg-2>*,.row-cols-lg-3>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-lg-3>* {
          width: 33.3333333333%
      }
  
      .row-cols-lg-4>* {
          width: 25%
      }
  
      .row-cols-lg-4>*,.row-cols-lg-5>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-lg-5>* {
          width: 20%
      }
  
      .row-cols-lg-6>* {
          width: 16.6666666667%
      }
  
      .col-lg-auto,.row-cols-lg-6>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-auto {
          width: auto
      }
  
      .col-lg-1 {
          width: 8.3333333333%
      }
  
      .col-lg-1,.col-lg-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-2 {
          width: 16.6666666667%
      }
  
      .col-lg-3 {
          width: 25%
      }
  
      .col-lg-3,.col-lg-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-4 {
          width: 33.3333333333%
      }
  
      .col-lg-5 {
          width: 41.6666666667%
      }
  
      .col-lg-5,.col-lg-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-6 {
          width: 50%
      }
  
      .col-lg-7 {
          width: 58.3333333333%
      }
  
      .col-lg-7,.col-lg-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-8 {
          width: 66.6666666667%
      }
  
      .col-lg-9 {
          width: 75%
      }
  
      .col-lg-9,.col-lg-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-10 {
          width: 83.3333333333%
      }
  
      .col-lg-11 {
          width: 91.6666666667%
      }
  
      .col-lg-11,.col-lg-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-lg-12 {
          width: 100%
      }
  
      .offset-lg-0 {
          margin-left: 0
      }
  
      .offset-lg-1 {
          margin-left: 8.3333333333%
      }
  
      .offset-lg-2 {
          margin-left: 16.6666666667%
      }
  
      .offset-lg-3 {
          margin-left: 25%
      }
  
      .offset-lg-4 {
          margin-left: 33.3333333333%
      }
  
      .offset-lg-5 {
          margin-left: 41.6666666667%
      }
  
      .offset-lg-6 {
          margin-left: 50%
      }
  
      .offset-lg-7 {
          margin-left: 58.3333333333%
      }
  
      .offset-lg-8 {
          margin-left: 66.6666666667%
      }
  
      .offset-lg-9 {
          margin-left: 75%
      }
  
      .offset-lg-10 {
          margin-left: 83.3333333333%
      }
  
      .offset-lg-11 {
          margin-left: 91.6666666667%
      }
  
      .g-lg-0,.gx-lg-0 {
          --mdb-gutter-x: 0
      }
  
      .g-lg-0,.gy-lg-0 {
          --mdb-gutter-y: 0
      }
  
      .g-lg-1,.gx-lg-1 {
          --mdb-gutter-x: 0.25rem
      }
  
      .g-lg-1,.gy-lg-1 {
          --mdb-gutter-y: 0.25rem
      }
  
      .g-lg-2,.gx-lg-2 {
          --mdb-gutter-x: 0.5rem
      }
  
      .g-lg-2,.gy-lg-2 {
          --mdb-gutter-y: 0.5rem
      }
  
      .g-lg-3,.gx-lg-3 {
          --mdb-gutter-x: 1rem
      }
  
      .g-lg-3,.gy-lg-3 {
          --mdb-gutter-y: 1rem
      }
  
      .g-lg-4,.gx-lg-4 {
          --mdb-gutter-x: 1.5rem
      }
  
      .g-lg-4,.gy-lg-4 {
          --mdb-gutter-y: 1.5rem
      }
  
      .g-lg-5,.gx-lg-5 {
          --mdb-gutter-x: 3rem
      }
  
      .g-lg-5,.gy-lg-5 {
          --mdb-gutter-y: 3rem
      }
  }
  
  @media(min-width: 1200px) {
      .col-xl {
          -webkit-box-flex:1;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%
      }
  
      .row-cols-xl-auto>* {
          width: auto
      }
  
      .row-cols-xl-1>*,.row-cols-xl-auto>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-xl-1>* {
          width: 100%
      }
  
      .row-cols-xl-2>* {
          width: 50%
      }
  
      .row-cols-xl-2>*,.row-cols-xl-3>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-xl-3>* {
          width: 33.3333333333%
      }
  
      .row-cols-xl-4>* {
          width: 25%
      }
  
      .row-cols-xl-4>*,.row-cols-xl-5>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-xl-5>* {
          width: 20%
      }
  
      .row-cols-xl-6>* {
          width: 16.6666666667%
      }
  
      .col-xl-auto,.row-cols-xl-6>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-auto {
          width: auto
      }
  
      .col-xl-1 {
          width: 8.3333333333%
      }
  
      .col-xl-1,.col-xl-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-2 {
          width: 16.6666666667%
      }
  
      .col-xl-3 {
          width: 25%
      }
  
      .col-xl-3,.col-xl-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-4 {
          width: 33.3333333333%
      }
  
      .col-xl-5 {
          width: 41.6666666667%
      }
  
      .col-xl-5,.col-xl-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-6 {
          width: 50%
      }
  
      .col-xl-7 {
          width: 58.3333333333%
      }
  
      .col-xl-7,.col-xl-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-8 {
          width: 66.6666666667%
      }
  
      .col-xl-9 {
          width: 75%
      }
  
      .col-xl-9,.col-xl-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-10 {
          width: 83.3333333333%
      }
  
      .col-xl-11 {
          width: 91.6666666667%
      }
  
      .col-xl-11,.col-xl-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xl-12 {
          width: 100%
      }
  
      .offset-xl-0 {
          margin-left: 0
      }
  
      .offset-xl-1 {
          margin-left: 8.3333333333%
      }
  
      .offset-xl-2 {
          margin-left: 16.6666666667%
      }
  
      .offset-xl-3 {
          margin-left: 25%
      }
  
      .offset-xl-4 {
          margin-left: 33.3333333333%
      }
  
      .offset-xl-5 {
          margin-left: 41.6666666667%
      }
  
      .offset-xl-6 {
          margin-left: 50%
      }
  
      .offset-xl-7 {
          margin-left: 58.3333333333%
      }
  
      .offset-xl-8 {
          margin-left: 66.6666666667%
      }
  
      .offset-xl-9 {
          margin-left: 75%
      }
  
      .offset-xl-10 {
          margin-left: 83.3333333333%
      }
  
      .offset-xl-11 {
          margin-left: 91.6666666667%
      }
  
      .g-xl-0,.gx-xl-0 {
          --mdb-gutter-x: 0
      }
  
      .g-xl-0,.gy-xl-0 {
          --mdb-gutter-y: 0
      }
  
      .g-xl-1,.gx-xl-1 {
          --mdb-gutter-x: 0.25rem
      }
  
      .g-xl-1,.gy-xl-1 {
          --mdb-gutter-y: 0.25rem
      }
  
      .g-xl-2,.gx-xl-2 {
          --mdb-gutter-x: 0.5rem
      }
  
      .g-xl-2,.gy-xl-2 {
          --mdb-gutter-y: 0.5rem
      }
  
      .g-xl-3,.gx-xl-3 {
          --mdb-gutter-x: 1rem
      }
  
      .g-xl-3,.gy-xl-3 {
          --mdb-gutter-y: 1rem
      }
  
      .g-xl-4,.gx-xl-4 {
          --mdb-gutter-x: 1.5rem
      }
  
      .g-xl-4,.gy-xl-4 {
          --mdb-gutter-y: 1.5rem
      }
  
      .g-xl-5,.gx-xl-5 {
          --mdb-gutter-x: 3rem
      }
  
      .g-xl-5,.gy-xl-5 {
          --mdb-gutter-y: 3rem
      }
  }
  
  @media(min-width: 1400px) {
      .col-xxl {
          -webkit-box-flex:1;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%
      }
  
      .row-cols-xxl-auto>* {
          width: auto
      }
  
      .row-cols-xxl-1>*,.row-cols-xxl-auto>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-xxl-1>* {
          width: 100%
      }
  
      .row-cols-xxl-2>* {
          width: 50%
      }
  
      .row-cols-xxl-2>*,.row-cols-xxl-3>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-xxl-3>* {
          width: 33.3333333333%
      }
  
      .row-cols-xxl-4>* {
          width: 25%
      }
  
      .row-cols-xxl-4>*,.row-cols-xxl-5>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .row-cols-xxl-5>* {
          width: 20%
      }
  
      .row-cols-xxl-6>* {
          width: 16.6666666667%
      }
  
      .col-xxl-auto,.row-cols-xxl-6>* {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-auto {
          width: auto
      }
  
      .col-xxl-1 {
          width: 8.3333333333%
      }
  
      .col-xxl-1,.col-xxl-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-2 {
          width: 16.6666666667%
      }
  
      .col-xxl-3 {
          width: 25%
      }
  
      .col-xxl-3,.col-xxl-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-4 {
          width: 33.3333333333%
      }
  
      .col-xxl-5 {
          width: 41.6666666667%
      }
  
      .col-xxl-5,.col-xxl-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-6 {
          width: 50%
      }
  
      .col-xxl-7 {
          width: 58.3333333333%
      }
  
      .col-xxl-7,.col-xxl-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-8 {
          width: 66.6666666667%
      }
  
      .col-xxl-9 {
          width: 75%
      }
  
      .col-xxl-9,.col-xxl-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-10 {
          width: 83.3333333333%
      }
  
      .col-xxl-11 {
          width: 91.6666666667%
      }
  
      .col-xxl-11,.col-xxl-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto
      }
  
      .col-xxl-12 {
          width: 100%
      }
  
      .offset-xxl-0 {
          margin-left: 0
      }
  
      .offset-xxl-1 {
          margin-left: 8.3333333333%
      }
  
      .offset-xxl-2 {
          margin-left: 16.6666666667%
      }
  
      .offset-xxl-3 {
          margin-left: 25%
      }
  
      .offset-xxl-4 {
          margin-left: 33.3333333333%
      }
  
      .offset-xxl-5 {
          margin-left: 41.6666666667%
      }
  
      .offset-xxl-6 {
          margin-left: 50%
      }
  
      .offset-xxl-7 {
          margin-left: 58.3333333333%
      }
  
      .offset-xxl-8 {
          margin-left: 66.6666666667%
      }
  
      .offset-xxl-9 {
          margin-left: 75%
      }
  
      .offset-xxl-10 {
          margin-left: 83.3333333333%
      }
  
      .offset-xxl-11 {
          margin-left: 91.6666666667%
      }
  
      .g-xxl-0,.gx-xxl-0 {
          --mdb-gutter-x: 0
      }
  
      .g-xxl-0,.gy-xxl-0 {
          --mdb-gutter-y: 0
      }
  
      .g-xxl-1,.gx-xxl-1 {
          --mdb-gutter-x: 0.25rem
      }
  
      .g-xxl-1,.gy-xxl-1 {
          --mdb-gutter-y: 0.25rem
      }
  
      .g-xxl-2,.gx-xxl-2 {
          --mdb-gutter-x: 0.5rem
      }
  
      .g-xxl-2,.gy-xxl-2 {
          --mdb-gutter-y: 0.5rem
      }
  
      .g-xxl-3,.gx-xxl-3 {
          --mdb-gutter-x: 1rem
      }
  
      .g-xxl-3,.gy-xxl-3 {
          --mdb-gutter-y: 1rem
      }
  
      .g-xxl-4,.gx-xxl-4 {
          --mdb-gutter-x: 1.5rem
      }
  
      .g-xxl-4,.gy-xxl-4 {
          --mdb-gutter-y: 1.5rem
      }
  
      .g-xxl-5,.gx-xxl-5 {
          --mdb-gutter-x: 3rem
      }
  
      .g-xxl-5,.gy-xxl-5 {
          --mdb-gutter-y: 3rem
      }
  }
  
  .table {
      --mdb-table-bg: transparent;
      --mdb-table-accent-bg: transparent;
      --mdb-table-striped-color: #212529;
      --mdb-table-striped-bg: rgba(0,0,0,0.05);
      --mdb-table-active-color: #212529;
      --mdb-table-active-bg: rgba(0,0,0,0.1);
      --mdb-table-hover-color: #212529;
      --mdb-table-hover-bg: rgba(0,0,0,0.075);
      width: 100%;
      margin-bottom: 1rem;
      color: #212529;
      vertical-align: top;
      border-color: #e0e0e0
  }
  
  .table>:not(caption)>*>* {
      background-color: var(--mdb-table-bg);
      border-bottom-width: 1px;
      -webkit-box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg);
      box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg)
  }
  
  .table>tbody {
      vertical-align: inherit
  }
  
  .table>thead {
      vertical-align: bottom
  }
  
  .caption-top {
      caption-side: top
  }
  
  .table-bordered>:not(caption)>* {
      border-width: 1px 0
  }
  
  .table-bordered>:not(caption)>*>* {
      border-width: 0 1px
  }
  
  .table-borderless>:not(caption)>*>* {
      border-bottom-width: 0
  }
  
  .table-striped>tbody>tr:nth-of-type(odd) {
      --mdb-table-accent-bg: var(--mdb-table-striped-bg);
      color: var(--mdb-table-striped-color)
  }
  
  .table-active {
      --mdb-table-accent-bg: var(--mdb-table-active-bg);
      color: var(--mdb-table-active-color)
  }
  
  .table-hover>tbody>tr:hover {
      --mdb-table-accent-bg: var(--mdb-table-hover-bg)
  }
  
  .table-primary {
      --mdb-table-bg: #d0e0fc;
      --mdb-table-striped-bg: #c6d5ef;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #bbcae3;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #c0cfe9;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #bbcae3
  }
  
  .table-secondary {
      --mdb-table-bg: #f0d8ff;
      --mdb-table-striped-bg: #e4cdf2;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #d8c2e6;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #dec8ec;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #d8c2e6
  }
  
  .table-success {
      --mdb-table-bg: #ccf1db;
      --mdb-table-striped-bg: #c2e5d0;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #b8d9c5;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #bddfcb;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #b8d9c5
  }
  
  .table-info {
      --mdb-table-bg: #d7f2fb;
      --mdb-table-striped-bg: #cce6ee;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #c2dae2;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #c7e0e8;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #c2dae2
  }
  
  .table-warning {
      --mdb-table-bg: #fec;
      --mdb-table-striped-bg: #f2e2c2;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #e6d6b8;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #ecdcbd;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #e6d6b8
  }
  
  .table-danger {
      --mdb-table-bg: #fed6dd;
      --mdb-table-striped-bg: #f1cbd2;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #e5c1c7;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #ebc6cc;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #e5c1c7
  }
  
  .table-light {
      --mdb-table-bg: #fbfbfb;
      --mdb-table-striped-bg: #eee;
      --mdb-table-striped-color: #000;
      --mdb-table-active-bg: #e2e2e2;
      --mdb-table-active-color: #000;
      --mdb-table-hover-bg: #e8e8e8;
      --mdb-table-hover-color: #000;
      color: #000;
      border-color: #e2e2e2
  }
  
  .table-dark {
      --mdb-table-bg: #262626;
      --mdb-table-striped-bg: #313131;
      --mdb-table-striped-color: #fff;
      --mdb-table-active-bg: #3c3c3c;
      --mdb-table-active-color: #fff;
      --mdb-table-hover-bg: #363636;
      --mdb-table-hover-color: #fff;
      color: #fff;
      border-color: #3c3c3c
  }
  
  .table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }
  
  @media(max-width: 575.98px) {
      .table-responsive-sm {
          overflow-x:auto;
          -webkit-overflow-scrolling: touch
      }
  }
  
  @media(max-width: 767.98px) {
      .table-responsive-md {
          overflow-x:auto;
          -webkit-overflow-scrolling: touch
      }
  }
  
  @media(max-width: 991.98px) {
      .table-responsive-lg {
          overflow-x:auto;
          -webkit-overflow-scrolling: touch
      }
  }
  
  @media(max-width: 1199.98px) {
      .table-responsive-xl {
          overflow-x:auto;
          -webkit-overflow-scrolling: touch
      }
  }
  
  @media(max-width: 1399.98px) {
      .table-responsive-xxl {
          overflow-x:auto;
          -webkit-overflow-scrolling: touch
      }
  }
  
  .form-label {
      margin-bottom: .5rem;
      color: rgba(0,0,0,.6)
  }
  
  .col-form-label {
      padding-top: calc(.375rem + 1px);
      padding-bottom: calc(.375rem + 1px);
      margin-bottom: 0;
      font-size: inherit;
      line-height: 1.6;
      color: rgba(0,0,0,.6)
  }
  
  .col-form-label-lg {
      padding-top: calc(.5rem + 1px);
      padding-bottom: calc(.5rem + 1px);
      font-size: 1rem
  }
  
  .col-form-label-sm {
      padding-top: calc(.25rem + 1px);
      padding-bottom: calc(.25rem + 1px);
      font-size: .775rem
  }
  
  .form-text {
      margin-top: .25rem;
      font-size: .875em;
      color: #757575
  }
  
  .form-control {
      display: block;
      width: 100%;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.6;
      color: #4f4f4f;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #bdbdbd;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: .25rem;
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-control {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .form-control[type=file] {
      overflow: hidden
  }
  
  .form-control[type=file]:not(:disabled):not([readonly]) {
      cursor: pointer
  }
  
  .form-control:focus {
      color: #4f4f4f;
      background-color: #fff;
      outline: 0;
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.25);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.25)
  }
  
  .form-control::-webkit-date-and-time-value {
      height: 1.6em
  }
  
  .form-control::-webkit-input-placeholder {
      color: #757575;
      opacity: 1
  }
  
  .form-control::-moz-placeholder {
      color: #757575;
      opacity: 1
  }
  
  .form-control:-ms-input-placeholder {
      color: #757575;
      opacity: 1
  }
  
  .form-control::-ms-input-placeholder {
      color: #757575;
      opacity: 1
  }
  
  .form-control::placeholder {
      color: #757575;
      opacity: 1
  }
  
  .form-control:disabled,.form-control[readonly] {
      background-color: #eee;
      opacity: 1
  }
  
  .form-control::file-selector-button {
      padding: .375rem .75rem;
      margin: -.375rem -.75rem;
      -webkit-margin-end: .75rem;
      margin-inline-end:.75rem;color: #4f4f4f;
      background-color: #eee;
      pointer-events: none;
      border: 0 solid;
      border-color: inherit;
      border-inline-end-width:1px;border-radius: 0;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-control::file-selector-button {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
      background-color: #e2e2e2
  }
  
  .form-control::-webkit-file-upload-button {
      padding: .375rem .75rem;
      margin: -.375rem -.75rem;
      -webkit-margin-end: .75rem;
      margin-inline-end:.75rem;color: #4f4f4f;
      background-color: #eee;
      pointer-events: none;
      border: 0 solid;
      border-color: inherit;
      border-inline-end-width:1px;border-radius: 0;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-control::-webkit-file-upload-button {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
      background-color: #e2e2e2
  }
  
  .form-control-plaintext {
      display: block;
      width: 100%;
      padding: .375rem 0;
      margin-bottom: 0;
      line-height: 1.6;
      color: #4f4f4f;
      background-color: transparent;
      border: solid transparent;
      border-width: 1px 0
  }
  
  .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
      padding-right: 0;
      padding-left: 0
  }
  
  .form-control-sm {
      min-height: calc(1.6em + .5rem + 2px);
      padding: .25rem .5rem;
      font-size: .775rem;
      border-radius: .2rem
  }
  
  .form-control-sm::file-selector-button {
      padding: .25rem .5rem;
      margin: -.25rem -.5rem;
      -webkit-margin-end: .5rem;
      margin-inline-end:.5rem}
  
  .form-control-sm::-webkit-file-upload-button {
      padding: .25rem .5rem;
      margin: -.25rem -.5rem;
      -webkit-margin-end: .5rem;
      margin-inline-end:.5rem}
  
  .form-control-lg {
      min-height: calc(1.6em + 1rem + 2px);
      padding: .5rem 1rem;
      font-size: 1rem;
      border-radius: .3rem
  }
  
  .form-control-lg::file-selector-button {
      padding: .5rem 1rem;
      margin: -.5rem -1rem;
      -webkit-margin-end: 1rem;
      margin-inline-end:1rem}
  
  .form-control-lg::-webkit-file-upload-button {
      padding: .5rem 1rem;
      margin: -.5rem -1rem;
      -webkit-margin-end: 1rem;
      margin-inline-end:1rem}
  
  textarea.form-control {
      min-height: calc(1.6em + .75rem + 2px)
  }
  
  textarea.form-control-sm {
      min-height: calc(1.6em + .5rem + 2px)
  }
  
  textarea.form-control-lg {
      min-height: calc(1.6em + 1rem + 2px)
  }
  
  .form-control-color {
      max-width: 3rem;
      height: auto;
      padding: .375rem
  }
  
  .form-control-color:not(:disabled):not([readonly]) {
      cursor: pointer
  }
  
  .form-control-color::-moz-color-swatch {
      height: 1.6em;
      border-radius: .25rem
  }
  
  .form-control-color::-webkit-color-swatch {
      height: 1.6em;
      border-radius: .25rem
  }
  
  .form-select {
      display: block;
      width: 100%;
      padding: .375rem 2.25rem .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.6;
      color: #4f4f4f;
      background-color: #fff;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right .75rem center;
      background-size: 16px 12px;
      border: 1px solid #bdbdbd;
      border-radius: .25rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }
  
  .form-select:focus {
      border-color: #1266f1;
      outline: 0;
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.25);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.25)
  }
  
  .form-select[multiple],.form-select[size]:not([size="1"]) {
      padding-right: .75rem;
      background-image: none
  }
  
  .form-select:disabled {
      background-color: #eee
  }
  
  .form-select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #4f4f4f
  }
  
  .form-select-sm {
      padding-top: .25rem;
      padding-bottom: .25rem;
      padding-left: .5rem;
      font-size: .775rem
  }
  
  .form-select-lg {
      padding-top: .5rem;
      padding-bottom: .5rem;
      padding-left: 1rem;
      font-size: 1rem
  }
  
  .form-check {
      display: block;
      min-height: 1.6rem;
      padding-left: 1.5em;
      margin-bottom: .125rem
  }
  
  .form-check .form-check-input {
      float: left;
      margin-left: -1.5em
  }
  
  .form-check-input {
      width: 1em;
      height: 1em;
      margin-top: .3em;
      vertical-align: top;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: contain;
      border: 1px solid rgba(0,0,0,.25);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-print-color-adjust: exact;
      color-adjust: exact
  }
  
  .form-check-input[type=checkbox] {
      border-radius: .25em
  }
  
  .form-check-input:active {
      -webkit-filter: brightness(90%);
      filter: brightness(90%)
  }
  
  .form-check-input:focus {
      border-color: #1266f1;
      outline: 0;
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.25);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.25)
  }
  
  .form-check-input:checked {
      background-color: #1266f1
  }
  
  .form-check-input:checked[type=checkbox] {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E")
  }
  
  .form-check-input:checked[type=radio] {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
  }
  
  .form-check-input[type=checkbox]:indeterminate {
      background-color: #1266f1;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
  }
  
  .form-check-input:disabled {
      pointer-events: none;
      -webkit-filter: none;
      filter: none;
      opacity: .5
  }
  
  .form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
      opacity: .5
  }
  
  .form-switch {
      padding-left: 2.5em
  }
  
  .form-switch .form-check-input {
      width: 2em;
      margin-left: -2.5em;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
      background-position: 0;
      border-radius: 2em;
      -webkit-transition: background-position .15s ease-in-out;
      transition: background-position .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-switch .form-check-input {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .form-switch .form-check-input:focus {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%231266f1'/%3E%3C/svg%3E")
  }
  
  .form-switch .form-check-input:checked {
      background-position: 100%;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
  }
  
  .form-check-inline {
      display: inline-block;
      margin-right: 1rem
  }
  
  .btn-check {
      position: absolute;
      clip: rect(0,0,0,0);
      pointer-events: none
  }
  
  .btn-check:disabled+.btn,.btn-check[disabled]+.btn {
      pointer-events: none;
      -webkit-filter: none;
      filter: none;
      opacity: .65
  }
  
  .form-range {
      width: 100%;
      height: 1.5rem;
      padding: 0;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }
  
  .form-range:focus {
      outline: 0
  }
  
  .form-range:focus::-webkit-slider-thumb {
      -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(18,102,241,.25);
      box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(18,102,241,.25)
  }
  
  .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(18,102,241,.25)
  }
  
  .form-range::-webkit-slider-thumb {
      width: 1rem;
      height: 1rem;
      margin-top: -.25rem;
      background-color: #1266f1;
      border: 0;
      border-radius: 1rem;
      -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-range::-webkit-slider-thumb {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .form-range::-webkit-slider-thumb:active {
      background-color: #b8d1fb
  }
  
  .form-range::-webkit-slider-runnable-track {
      width: 100%;
      height: .5rem;
      color: transparent;
      cursor: pointer;
      background-color: #e0e0e0;
      border-color: transparent;
      border-radius: 1rem
  }
  
  .form-range::-moz-range-thumb {
      width: 1rem;
      height: 1rem;
      background-color: #1266f1;
      border: 0;
      border-radius: 1rem;
      -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-range::-moz-range-thumb {
          -moz-transition: none;
          transition: none
      }
  }
  
  .form-range::-moz-range-thumb:active {
      background-color: #b8d1fb
  }
  
  .form-range::-moz-range-track {
      width: 100%;
      height: .5rem;
      color: transparent;
      cursor: pointer;
      background-color: #e0e0e0;
      border-color: transparent;
      border-radius: 1rem
  }
  
  .form-range:disabled {
      pointer-events: none
  }
  
  .form-range:disabled::-webkit-slider-thumb {
      background-color: #9e9e9e
  }
  
  .form-range:disabled::-moz-range-thumb {
      background-color: #9e9e9e
  }
  
  .form-floating {
      position: relative
  }
  
  .form-floating>.form-control,.form-floating>.form-select {
      height: calc(3.5rem + 2px);
      padding: 1rem .75rem
  }
  
  .form-floating>label {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      padding: 1rem .75rem;
      pointer-events: none;
      border: 1px solid transparent;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
      transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
      transition: opacity .1s ease-in-out,transform .1s ease-in-out;
      transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .form-floating>label {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .form-floating>.form-control::-webkit-input-placeholder {
      color: transparent
  }
  
  .form-floating>.form-control::-moz-placeholder {
      color: transparent
  }
  
  .form-floating>.form-control:-ms-input-placeholder {
      color: transparent
  }
  
  .form-floating>.form-control::-ms-input-placeholder {
      color: transparent
  }
  
  .form-floating>.form-control::placeholder {
      color: transparent
  }
  
  .form-floating>.form-control:not(:-moz-placeholder-shown) {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:not(:-ms-input-placeholder) {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:-webkit-autofill {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-select {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
      opacity: .65;
      transform: scale(.85) translateY(-.5rem) translateX(.15rem)
  }
  
  .form-floating>.form-control:not(:-ms-input-placeholder)~label {
      opacity: .65;
      transform: scale(.85) translateY(-.5rem) translateX(.15rem)
  }
  
  .form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
      opacity: .65;
      -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
      transform: scale(.85) translateY(-.5rem) translateX(.15rem)
  }
  
  .form-floating>.form-control:-webkit-autofill~label {
      opacity: .65;
      -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
      transform: scale(.85) translateY(-.5rem) translateX(.15rem)
  }
  
  .input-group {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100%
  }
  
  .input-group>.form-control,.input-group>.form-select {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      width: 1%;
      min-width: 0
  }
  
  .input-group>.form-control:focus,.input-group>.form-select:focus {
      z-index: 3
  }
  
  .input-group .btn {
      position: relative;
      z-index: 2
  }
  
  .input-group .btn:focus {
      z-index: 3
  }
  
  .input-group-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.6;
      color: #4f4f4f;
      text-align: center;
      white-space: nowrap;
      background-color: #eee;
      border: 1px solid #bdbdbd;
      border-radius: .25rem
  }
  
  .input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
      padding: .5rem 1rem;
      font-size: 1rem;
      border-radius: .3rem
  }
  
  .input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
      padding: .25rem .5rem;
      font-size: .775rem;
      border-radius: .2rem
  }
  
  .input-group-lg>.form-select,.input-group-sm>.form-select {
      padding-right: 3rem
  }
  
  .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }
  
  .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-left: -1px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }
  
  .valid-feedback {
      width: 100%;
      margin-top: .25rem;
      font-size: .875em
  }
  
  .valid-tooltip {
      color: #000;
      border-radius: .25rem
  }
  
  .form-control.is-valid,.was-validated .form-control:valid {
      padding-right: calc(1.6em + .75rem);
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300b74a' 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: right calc(.4em + .1875rem) center;
      background-size: calc(.8em + .375rem) calc(.8em + .375rem)
  }
  
  .was-validated textarea.form-control:valid,textarea.form-control.is-valid {
      padding-right: calc(1.6em + .75rem);
      background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
  }
  
  .form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
      padding-right: 4.125rem;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300b74a' 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-position: right .75rem center,center right 2.25rem;
      background-size: 16px 12px,calc(.8em + .375rem) calc(.8em + .375rem)
  }
  
  .form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,183,74,.25);
      box-shadow: 0 0 0 .25rem rgba(0,183,74,.25)
  }
  
  .input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
      z-index: 1
  }
  
  .input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
      z-index: 3
  }
  
  .invalid-feedback {
      width: 100%;
      margin-top: .25rem;
      font-size: .875em
  }
  
  .invalid-tooltip {
      color: #000;
      border-radius: .25rem
  }
  
  .form-control.is-invalid,.was-validated .form-control:invalid {
      padding-right: calc(1.6em + .75rem);
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f93154'%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='%23f93154' stroke='none'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right calc(.4em + .1875rem) center;
      background-size: calc(.8em + .375rem) calc(.8em + .375rem)
  }
  
  .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
      padding-right: calc(1.6em + .75rem);
      background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
  }
  
  .form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
      padding-right: 4.125rem;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f93154'%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='%23f93154' stroke='none'/%3E%3C/svg%3E");
      background-position: right .75rem center,center right 2.25rem;
      background-size: 16px 12px,calc(.8em + .375rem) calc(.8em + .375rem)
  }
  
  .form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(249,49,84,.25);
      box-shadow: 0 0 0 .25rem rgba(249,49,84,.25)
  }
  
  .input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
      z-index: 2
  }
  
  .input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
      z-index: 3
  }
  
  .btn {
      display: inline-block;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: transparent;
      border: .125rem solid transparent;
      padding: .375rem .75rem;
      border-radius: .25rem;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .btn {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .btn:hover {
      color: #2b20fa
  }
  
  .btn.disabled,.btn:disabled,fieldset:disabled .btn {
      pointer-events: none;
      opacity: .65
  }
  
  .btn-primary {
      border-color: #1266f1
  }
  
  .btn-primary:hover {
      background-color: #0f57cd;
      border-color: #0e52c1
  }
  
  .btn-check:focus+.btn-primary,.btn-primary:focus {
      color: #fff;
      background-color: #0f57cd;
      border-color: #0e52c1;
      -webkit-box-shadow: 0 0 0 .25rem rgba(54,125,243,.5);
      box-shadow: 0 0 0 .25rem rgba(54,125,243,.5)
  }
  
  .btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
      background-color: #0e52c1;
      border-color: #0e4db5
  }
  
  .btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(54,125,243,.5);
      box-shadow: 0 0 0 .25rem rgba(54,125,243,.5)
  }
  
  .btn-primary.disabled,.btn-primary:disabled {
      border-color: #1266f1
  }
  
  .btn-secondary {
      color: #000;
      border-color: #b23cfd
  }
  
  .btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover {
      color: #000;
      background-color: #be59fd;
      border-color: #ba50fd
  }
  
  .btn-check:focus+.btn-secondary,.btn-secondary:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(151,51,215,.5);
      box-shadow: 0 0 0 .25rem rgba(151,51,215,.5)
  }
  
  .btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
      color: #000;
      background-color: #c163fd;
      border-color: #ba50fd
  }
  
  .btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(151,51,215,.5);
      box-shadow: 0 0 0 .25rem rgba(151,51,215,.5)
  }
  
  .btn-secondary.disabled,.btn-secondary:disabled {
      color: #000;
      border-color: #b23cfd
  }
  
  .btn-success {
      color: #000;
      border-color: #00b74a
  }
  
  .btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover {
      color: #000;
      background-color: #26c265;
      border-color: #1abe5c
  }
  
  .btn-check:focus+.btn-success,.btn-success:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,156,63,.5);
      box-shadow: 0 0 0 .25rem rgba(0,156,63,.5)
  }
  
  .btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
      color: #000;
      background-color: #33c56e;
      border-color: #1abe5c
  }
  
  .btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,156,63,.5);
      box-shadow: 0 0 0 .25rem rgba(0,156,63,.5)
  }
  
  .btn-success.disabled,.btn-success:disabled {
      color: #000;
      border-color: #00b74a
  }
  
  .btn-info {
      color: #000;
      border-color: #39c0ed
  }
  
  .btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover {
      color: #000;
      background-color: #57c9f0;
      border-color: #4dc6ef
  }
  
  .btn-check:focus+.btn-info,.btn-info:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(48,163,201,.5);
      box-shadow: 0 0 0 .25rem rgba(48,163,201,.5)
  }
  
  .btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
      color: #000;
      background-color: #61cdf1;
      border-color: #4dc6ef
  }
  
  .btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(48,163,201,.5);
      box-shadow: 0 0 0 .25rem rgba(48,163,201,.5)
  }
  
  .btn-info.disabled,.btn-info:disabled {
      color: #000;
      border-color: #39c0ed
  }
  
  .btn-warning {
      color: #000;
      border-color: #ffa900
  }
  
  .btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover {
      color: #000;
      background-color: #ffb626;
      border-color: #ffb21a
  }
  
  .btn-check:focus+.btn-warning,.btn-warning:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(217,144,0,.5);
      box-shadow: 0 0 0 .25rem rgba(217,144,0,.5)
  }
  
  .btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
      color: #000;
      background-color: #ffba33;
      border-color: #ffb21a
  }
  
  .btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(217,144,0,.5);
      box-shadow: 0 0 0 .25rem rgba(217,144,0,.5)
  }
  
  .btn-warning.disabled,.btn-warning:disabled {
      color: #000;
      border-color: #ffa900
  }
  
  .btn-danger {
      color: #000;
      border-color: #f93154
  }
  
  .btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover {
      color: #000;
      background-color: #fa506e;
      border-color: #fa4665
  }
  
  .btn-check:focus+.btn-danger,.btn-danger:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(212,42,71,.5);
      box-shadow: 0 0 0 .25rem rgba(212,42,71,.5)
  }
  
  .btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
      color: #000;
      background-color: #fa5a76;
      border-color: #fa4665
  }
  
  .btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(212,42,71,.5);
      box-shadow: 0 0 0 .25rem rgba(212,42,71,.5)
  }
  
  .btn-danger.disabled,.btn-danger:disabled {
      color: #000;
      border-color: #f93154
  }
  
  .btn-light,.btn-light:hover {
      color: #000;
      border-color: #fbfbfb
  }
  
  .btn-light:hover {
      background-color: #fcfcfc
  }
  
  .btn-check:focus+.btn-light,.btn-light:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,83.5%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,83.5%,.5)
  }
  
  .btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-check:focus+.btn-light,.btn-light.active,.btn-light:active,.btn-light:focus,.show>.btn-light.dropdown-toggle {
      color: #000;
      background-color: #fcfcfc;
      border-color: #fbfbfb
  }
  
  .btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,83.5%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,83.5%,.5)
  }
  
  .btn-light.disabled,.btn-light:disabled {
      color: #000;
      border-color: #fbfbfb
  }
  
  .btn-dark {
      border-color: #262626
  }
  
  .btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover {
      background-color: #202020;
      border-color: #1e1e1e
  }
  
  .btn-check:focus+.btn-dark,.btn-dark:focus {
      color: #fff;
      -webkit-box-shadow: 0 0 0 .25rem rgba(71,71,71,.5);
      box-shadow: 0 0 0 .25rem rgba(71,71,71,.5)
  }
  
  .btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
      background-color: #1e1e1e;
      border-color: #1d1d1d
  }
  
  .btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(71,71,71,.5);
      box-shadow: 0 0 0 .25rem rgba(71,71,71,.5)
  }
  
  .btn-dark.disabled,.btn-dark:disabled {
      border-color: #262626
  }
  
  .btn-white {
      color: #000;
      border-color: #fff
  }
  
  .btn-check:focus+.btn-white,.btn-white:focus,.btn-white:hover {
      color: #000;
      background-color: #fff;
      border-color: #fff
  }
  
  .btn-check:focus+.btn-white,.btn-white:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,85.1%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,85.1%,.5)
  }
  
  .btn-check:active+.btn-white,.btn-check:checked+.btn-white,.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle {
      color: #000;
      background-color: #fff;
      border-color: #fff
  }
  
  .btn-check:active+.btn-white:focus,.btn-check:checked+.btn-white:focus,.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,85.1%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,85.1%,.5)
  }
  
  .btn-white.disabled,.btn-white:disabled {
      color: #000;
      border-color: #fff
  }
  
  .btn-black,.btn-black:hover {
      border-color: #000
  }
  
  .btn-black:focus,.btn-check:focus+.btn-black {
      color: #fff;
      background-color: #000;
      border-color: #000;
      -webkit-box-shadow: 0 0 0 .25rem rgba(38,38,38,.5);
      box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
  }
  
  .btn-black.active,.btn-black:active,.btn-check:active+.btn-black,.btn-check:checked+.btn-black,.show>.btn-black.dropdown-toggle {
      border-color: #000
  }
  
  .btn-black.active:focus,.btn-black:active:focus,.btn-check:active+.btn-black:focus,.btn-check:checked+.btn-black:focus,.show>.btn-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(38,38,38,.5);
      box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
  }
  
  .btn-black.disabled,.btn-black:disabled {
      border-color: #000
  }
  
  .btn-outline-primary:hover {
      color: #fff;
      background-color: #1266f1;
      border-color: #1266f1
  }
  
  .btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.5);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.5)
  }
  
  .btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
      color: #fff;
      background-color: #1266f1;
      border-color: #1266f1
  }
  
  .btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.5);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.5)
  }
  
  .btn-outline-primary.disabled,.btn-outline-primary:disabled {
      background-color: transparent
  }
  
  .btn-outline-secondary:hover {
      color: #000;
      background-color: #b23cfd;
      border-color: #b23cfd
  }
  
  .btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(178,60,253,.5);
      box-shadow: 0 0 0 .25rem rgba(178,60,253,.5)
  }
  
  .btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active {
      color: #000;
      background-color: #b23cfd;
      border-color: #b23cfd
  }
  
  .btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(178,60,253,.5);
      box-shadow: 0 0 0 .25rem rgba(178,60,253,.5)
  }
  
  .btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
      background-color: transparent
  }
  
  .btn-outline-success:hover {
      color: #000;
      background-color: #00b74a;
      border-color: #00b74a
  }
  
  .btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,183,74,.5);
      box-shadow: 0 0 0 .25rem rgba(0,183,74,.5)
  }
  
  .btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
      color: #000;
      background-color: #00b74a;
      border-color: #00b74a
  }
  
  .btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,183,74,.5);
      box-shadow: 0 0 0 .25rem rgba(0,183,74,.5)
  }
  
  .btn-outline-success.disabled,.btn-outline-success:disabled {
      background-color: transparent
  }
  
  .btn-outline-info:hover {
      color: #000;
      background-color: #39c0ed;
      border-color: #39c0ed
  }
  
  .btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(57,192,237,.5);
      box-shadow: 0 0 0 .25rem rgba(57,192,237,.5)
  }
  
  .btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
      color: #000;
      background-color: #39c0ed;
      border-color: #39c0ed
  }
  
  .btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(57,192,237,.5);
      box-shadow: 0 0 0 .25rem rgba(57,192,237,.5)
  }
  
  .btn-outline-info.disabled,.btn-outline-info:disabled {
      background-color: transparent
  }
  
  .btn-outline-warning:hover {
      color: #000;
      background-color: #ffa900;
      border-color: #ffa900
  }
  
  .btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(255,169,0,.5);
      box-shadow: 0 0 0 .25rem rgba(255,169,0,.5)
  }
  
  .btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active {
      color: #000;
      background-color: #ffa900;
      border-color: #ffa900
  }
  
  .btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(255,169,0,.5);
      box-shadow: 0 0 0 .25rem rgba(255,169,0,.5)
  }
  
  .btn-outline-warning.disabled,.btn-outline-warning:disabled {
      background-color: transparent
  }
  
  .btn-outline-danger:hover {
      color: #000;
      background-color: #f93154;
      border-color: #f93154
  }
  
  .btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(249,49,84,.5);
      box-shadow: 0 0 0 .25rem rgba(249,49,84,.5)
  }
  
  .btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active {
      color: #000;
      background-color: #f93154;
      border-color: #f93154
  }
  
  .btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(249,49,84,.5);
      box-shadow: 0 0 0 .25rem rgba(249,49,84,.5)
  }
  
  .btn-outline-danger.disabled,.btn-outline-danger:disabled {
      background-color: transparent
  }
  
  .btn-outline-light:hover {
      color: #000;
      background-color: #fbfbfb;
      border-color: #fbfbfb
  }
  
  .btn-check:focus+.btn-outline-light,.btn-outline-light:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,98.4%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,98.4%,.5)
  }
  
  .btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active {
      color: #000;
      background-color: #fbfbfb;
      border-color: #fbfbfb
  }
  
  .btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,98.4%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,98.4%,.5)
  }
  
  .btn-outline-light.disabled,.btn-outline-light:disabled {
      background-color: transparent
  }
  
  .btn-outline-dark:hover {
      color: #fff;
      background-color: #262626;
      border-color: #262626
  }
  
  .btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(38,38,38,.5);
      box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
  }
  
  .btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active {
      color: #fff;
      background-color: #262626;
      border-color: #262626
  }
  
  .btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(38,38,38,.5);
      box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
  }
  
  .btn-outline-dark.disabled,.btn-outline-dark:disabled {
      background-color: transparent
  }
  
  .btn-outline-white:hover {
      color: #fff;
      background-color: #fff;
      border-color: #fff
  }
  
  .btn-check:focus+.btn-outline-white,.btn-outline-white:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
  }
  
  .btn-check:active+.btn-outline-white,.btn-check:checked+.btn-outline-white,.btn-outline-white.active,.btn-outline-white.dropdown-toggle.show,.btn-outline-white:active {
      color: #fff;
      background-color: #fff;
      border-color: #fff
  }
  
  .btn-check:active+.btn-outline-white:focus,.btn-check:checked+.btn-outline-white:focus,.btn-outline-white.active:focus,.btn-outline-white.dropdown-toggle.show:focus,.btn-outline-white:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5);
      box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
  }
  
  .btn-outline-white.disabled,.btn-outline-white:disabled {
      background-color: transparent
  }
  
  .btn-outline-black:hover {
      color: #fff;
      background-color: #000;
      border-color: #000
  }
  
  .btn-check:focus+.btn-outline-black,.btn-outline-black:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
      box-shadow: 0 0 0 .25rem rgba(0,0,0,.5)
  }
  
  .btn-check:active+.btn-outline-black,.btn-check:checked+.btn-outline-black,.btn-outline-black.active,.btn-outline-black.dropdown-toggle.show,.btn-outline-black:active {
      color: #fff;
      background-color: #000;
      border-color: #000
  }
  
  .btn-check:active+.btn-outline-black:focus,.btn-check:checked+.btn-outline-black:focus,.btn-outline-black.active:focus,.btn-outline-black.dropdown-toggle.show:focus,.btn-outline-black:active:focus {
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,0,0,.5);
      box-shadow: 0 0 0 .25rem rgba(0,0,0,.5)
  }
  
  .btn-outline-black.disabled,.btn-outline-black:disabled {
      background-color: transparent
  }
  
  .btn-link {
      font-weight: 400;
      color: #1266f1;
      text-decoration: underline
  }
  
  .btn-link:hover {
      color: #0e52c1
  }
  
  .btn-link.disabled,.btn-link:disabled {
      color: #757575
  }
  
  .btn-group-lg>.btn,.btn-lg {
      padding: .5rem 1rem;
      border-radius: .3rem
  }
  
  .btn-group-sm>.btn,.btn-sm {
      padding: .25rem .5rem;
      border-radius: .2rem
  }
  
  .btn.btn-outline-white.text-uppercase.ripple-surface {
    background: #007bff; /* Warna latar belakang biru */
    color: white;
    text-transform: uppercase;
    padding: 10px 20px; /* Padding untuk menyesuaikan dengan isi teks */
    border: 2px solid white; /* Border putih */
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 15px 50px; /* Membuat button lebih lonjong */
}

.btn.btn-outline-white.text-uppercase.ripple-surface:hover,
.btn.btn-outline-white.text-uppercase.ripple-surface:active {
    background: #007bff; /* Warna latar belakang biru */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.btn.btn-outline-white.text-uppercase.ripple-surface:active {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(0px);
}

.btn.btn-outline-white.text-uppercase.ripple-surface:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    visibility: hidden;
    border-radius: 50%;
}

.btn.btn-outline-white.text-uppercase.ripple-surface:hover:before {
    animation: ripple 0.6s linear;
    visibility: visible;
}

@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

  
  
  .fade {
      -webkit-transition: opacity .15s linear;
      transition: opacity .15s linear
  }
  
  @media(prefers-reduced-motion:reduce) {
      .fade {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .fade:not(.show) {
      opacity: 0
  }
  
  .collapse:not(.show) {
      display: none
  }
  
  .collapsing {
      height: 0;
      overflow: hidden;
      -webkit-transition: height .35s ease;
      transition: height .35s ease
  }
  
  @media(prefers-reduced-motion:reduce) {
      .collapsing {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .dropdown,.dropend,.dropstart,.dropup {
      position: relative
  }
  
  .dropdown-toggle {
      white-space: nowrap
  }
  
  .dropdown-toggle:after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent
  }
  
  .dropdown-toggle:empty:after {
      margin-left: 0
  }
  
  .dropdown-menu {
      position: absolute;
      z-index: 1000;
      display: none;
      min-width: 10rem;
      padding: .5rem 0;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .5rem
  }
  
  .dropdown-menu[data-mdb-popper] {
      top: 100%;
      left: 0;
      margin-top: .125rem
  }
  
  .dropdown-menu-start {
      --bs-position: start
  }
  
  .dropdown-menu-start[data-mdb-popper] {
      /*!rtl:ignore*/
      right: auto;
      /*!rtl:ignore*/
      left: 0
  }
  
  .dropdown-menu-end {
      --bs-position: end
  }
  
  .dropdown-menu-end[data-mdb-popper] {
      /*!rtl:ignore*/
      right: 0;
      /*!rtl:ignore*/
      left: auto
  }
  
  @media(min-width: 576px) {
      .dropdown-menu-sm-start {
          --bs-position:start
      }
  
      .dropdown-menu-sm-start[data-mdb-popper] {
          /*!rtl:ignore*/
          right: auto;
          /*!rtl:ignore*/
          left: 0
      }
  
      .dropdown-menu-sm-end {
          --bs-position: end
      }
  
      .dropdown-menu-sm-end[data-mdb-popper] {
          /*!rtl:ignore*/
          right: 0;
          /*!rtl:ignore*/
          left: auto
      }
  }
  
  @media(min-width: 768px) {
      .dropdown-menu-md-start {
          --bs-position:start
      }
  
      .dropdown-menu-md-start[data-mdb-popper] {
          /*!rtl:ignore*/
          right: auto;
          /*!rtl:ignore*/
          left: 0
      }
  
      .dropdown-menu-md-end {
          --bs-position: end
      }
  
      .dropdown-menu-md-end[data-mdb-popper] {
          /*!rtl:ignore*/
          right: 0;
          /*!rtl:ignore*/
          left: auto
      }
  }
  
  @media(min-width: 992px) {
      .dropdown-menu-lg-start {
          --bs-position:start
      }
  
      .dropdown-menu-lg-start[data-mdb-popper] {
          /*!rtl:ignore*/
          right: auto;
          /*!rtl:ignore*/
          left: 0
      }
  
      .dropdown-menu-lg-end {
          --bs-position: end
      }
  
      .dropdown-menu-lg-end[data-mdb-popper] {
          /*!rtl:ignore*/
          right: 0;
          /*!rtl:ignore*/
          left: auto
      }
  }
  
  @media(min-width: 1200px) {
      .dropdown-menu-xl-start {
          --bs-position:start
      }
  
      .dropdown-menu-xl-start[data-mdb-popper] {
          /*!rtl:ignore*/
          right: auto;
          /*!rtl:ignore*/
          left: 0
      }
  
      .dropdown-menu-xl-end {
          --bs-position: end
      }
  
      .dropdown-menu-xl-end[data-mdb-popper] {
          /*!rtl:ignore*/
          right: 0;
          /*!rtl:ignore*/
          left: auto
      }
  }
  
  @media(min-width: 1400px) {
      .dropdown-menu-xxl-start {
          --bs-position:start
      }
  
      .dropdown-menu-xxl-start[data-mdb-popper] {
          /*!rtl:ignore*/
          right: auto;
          /*!rtl:ignore*/
          left: 0
      }
  
      .dropdown-menu-xxl-end {
          --bs-position: end
      }
  
      .dropdown-menu-xxl-end[data-mdb-popper] {
          /*!rtl:ignore*/
          right: 0;
          /*!rtl:ignore*/
          left: auto
      }
  }
  
.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-xxl-local {
    max-width: 128px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}    

  .dropup .dropdown-menu[data-mdb-popper] {
      top: auto;
      bottom: 100%;
      margin-top: 0;
      margin-bottom: .125rem
  }
  
  .dropup .dropdown-toggle:after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: 0;
      border-right: .3em solid transparent;
      border-bottom: .3em solid;
      border-left: .3em solid transparent
  }
  
  .dropup .dropdown-toggle:empty:after {
      margin-left: 0
  }
  
  .dropend .dropdown-menu[data-mdb-popper] {
      top: 0;
      right: auto;
      left: 100%;
      margin-top: 0;
      margin-left: .125rem
  }
  
  .dropend .dropdown-toggle:after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid
  }
  
  .dropend .dropdown-toggle:empty:after {
      margin-left: 0
  }
  
  .dropend .dropdown-toggle:after {
      vertical-align: 0
  }
  
  .dropstart .dropdown-menu[data-mdb-popper] {
      top: 0;
      right: 100%;
      left: auto;
      margin-top: 0;
      margin-right: .125rem
  }
  
  .dropstart .dropdown-toggle:after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      display: none
  }
  
  .dropstart .dropdown-toggle:before {
      display: inline-block;
      margin-right: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid transparent;
      border-right: .3em solid;
      border-bottom: .3em solid transparent
  }
  
  .dropstart .dropdown-toggle:empty:after {
      margin-left: 0
  }
  
  .dropstart .dropdown-toggle:before {
      vertical-align: 0
  }
  
  .dropdown-divider {
      height: 0;
      margin: .5rem 0;
      overflow: hidden;
      border-top: 1px solid rgba(0,0,0,.15)
  }
  
  .dropdown-item {
      display: block;
      width: 100%;
      clear: both;
      font-weight: 400;
      color: #262626;
      text-align: inherit;
      text-decoration: none;
      white-space: nowrap;
      background-color: transparent;
      border: 0
  }
  
  .dropdown-item:focus,.dropdown-item:hover {
      color: #222
  }
  
  .dropdown-item.active,.dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #1266f1
  }
  
  .dropdown-item.disabled,.dropdown-item:disabled {
      color: #9e9e9e;
      pointer-events: none;
      background-color: transparent
  }
  
  .dropdown-menu.show {
      display: block
  }
  
  .dropdown-header {
      display: block;
      padding: .5rem 1rem;
      margin-bottom: 0;
      font-size: .875rem;
      color: #757575;
      white-space: nowrap
  }
  
  .dropdown-item-text {
      display: block;
      padding: .5rem 1rem;
      color: #262626
  }
  
  .dropdown-menu-dark {
      color: #e0e0e0;
      background-color: #4f4f4f;
      border-color: rgba(0,0,0,.15)
  }
  
  .dropdown-menu-dark .dropdown-item {
      color: #e0e0e0
  }
  
  .dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover {
      color: #fff;
      background-color: hsla(0,0%,100%,.15)
  }
  
  .dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active {
      color: #fff;
      background-color: #1266f1
  }
  
  .dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled {
      color: #9e9e9e
  }
  
  .dropdown-menu-dark .dropdown-divider {
      border-color: rgba(0,0,0,.15)
  }
  
  .dropdown-menu-dark .dropdown-item-text {
      color: #e0e0e0
  }
  
  .dropdown-menu-dark .dropdown-header {
      color: #9e9e9e
  }
  
  .btn-group,.btn-group-vertical {
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      vertical-align: middle
  }
  
  .btn-group-vertical>.btn,.btn-group>.btn {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
  }
  
  .btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
      z-index: 1
  }
  
  .btn-toolbar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }
  
  .btn-toolbar .input-group {
      width: auto
  }
  
  .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
      margin-left: -.125rem
  }
  
  .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }
  
  .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }
  
  .dropdown-toggle-split {
      padding-right: .5625rem;
      padding-left: .5625rem
  }
  
  .dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
      margin-left: 0
  }
  
  .dropstart .dropdown-toggle-split:before {
      margin-right: 0
  }
  
  .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
      padding-right: .375rem;
      padding-left: .375rem
  }
  
  .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
      padding-right: .75rem;
      padding-left: .75rem
  }
  
  .btn-group-vertical {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }
  
  .btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
      width: 100%
  }
  
  .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
      margin-top: -.125rem
  }
  
  .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }
  
  .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
      border-top-left-radius: 0;
      border-top-right-radius: 0
  }
  
  .nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none
  }
  
  .nav-link {
      display: block;
      padding: .5rem 1rem;
      color: #1266f1;
      text-decoration: none;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .nav-link {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .nav-link:focus,.nav-link:hover {
      color: #0e52c1
  }
  
  .nav-link.disabled {
      color: #757575;
      pointer-events: none;
      cursor: default
  }
  
  .nav-tabs {
      border-bottom: 1px solid #e0e0e0
  }
  
  .nav-tabs .nav-link {
      margin-bottom: -1px;
      background: none;
      border: 1px solid transparent;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem
  }
  
  .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
      border-color: #eee #eee #e0e0e0;
      isolation: isolate
  }
  
  .nav-tabs .nav-link.disabled {
      color: #757575;
      background-color: transparent;
      border-color: transparent
  }
  
  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
      color: #616161;
      background-color: #fff;
      border-color: #e0e0e0 #e0e0e0 #fff
  }
  
  .nav-tabs .dropdown-menu {
      margin-top: -1px;
      border-top-left-radius: 0;
      border-top-right-radius: 0
  }
  
  .nav-pills .nav-link {
      background: none;
      border: 0
  }
  
  .nav-fill .nav-item,.nav-fill>.nav-link {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      text-align: center
  }
  
  .nav-justified .nav-item,.nav-justified>.nav-link {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: center
  }
  
  .nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
      width: 100%
  }
  
  .tab-content>.tab-pane {
      display: none
  }
  
  .tab-content>.active {
      display: block
  }
  
  .navbar,.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
  }
  
  .navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
      -ms-flex-wrap: inherit;
      flex-wrap: inherit
  }
  
  .navbar-brand {
      padding-top: .3rem;
      padding-bottom: .3rem;
      margin-right: 1rem;
      font-size: 1.25rem;
      text-decoration: none;
      white-space: nowrap
  }
  
  .navbar-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none
  }
  
  .navbar-nav .nav-link {
      padding-right: 0;
      padding-left: 0
  }
  
  .navbar-nav .dropdown-menu {
      position: static
  }
  
  .navbar-text {
      padding-top: .5rem;
      padding-bottom: .5rem
  }
  
  .navbar-collapse {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }
  
  .navbar-toggler {
      padding: .25rem .75rem;
      font-size: 1.25rem;
      line-height: 1;
      background-color: transparent;
      border: 1px solid transparent;
      border-radius: .25rem;
      -webkit-transition: -webkit-box-shadow .15s ease-in-out;
      transition: -webkit-box-shadow .15s ease-in-out;
      transition: box-shadow .15s ease-in-out;
      transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .navbar-toggler {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .navbar-toggler:hover {
      text-decoration: none
  }
  
  .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      -webkit-box-shadow: 0 0 0 .25rem;
      box-shadow: 0 0 0 .25rem
  }
  
  .navbar-toggler-icon {
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      vertical-align: middle;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%
  }
  
  .navbar-nav-scroll {
      max-height: var(--mdb-scroll-height,75vh);
      overflow-y: auto
  }
  
  @media(min-width: 576px) {
      .navbar-expand-sm {
          -ms-flex-wrap:nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }
  
      .navbar-expand-sm .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-sm .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-sm .navbar-collapse {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }
  
      .navbar-expand-sm .navbar-toggler {
          display: none
      }
  }
  
  @media(min-width: 768px) {
      .navbar-expand-md {
          -ms-flex-wrap:nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }
  
      .navbar-expand-md .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .navbar-expand-md .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-md .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-md .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-md .navbar-collapse {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }
  
      .navbar-expand-md .navbar-toggler {
          display: none
      }
  }
  
  @media(min-width: 1080px) {
      .navbar-expand-lg {
          -ms-flex-wrap:nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }
  
      .navbar-expand-lg .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-lg .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-lg .navbar-collapse {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }
  
      .navbar-expand-lg .navbar-toggler {
          display: none
      }
  }
  
  @media(min-width: 1200px) {
      .navbar-expand-xl {
          -ms-flex-wrap:nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }
  
      .navbar-expand-xl .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-xl .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-xl .navbar-collapse {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }
  
      .navbar-expand-xl .navbar-toggler {
          display: none
      }
  }
  
  @media(min-width: 1400px) {
      .navbar-expand-xxl {
          -ms-flex-wrap:nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }
  
      .navbar-expand-xxl .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .navbar-expand-xxl .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-xxl .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-xxl .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-xxl .navbar-collapse {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }
  
      .navbar-expand-xxl .navbar-toggler {
          display: none
      }
  }
  
  .navbar-expand {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }
  
  .navbar-expand .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }
  
  .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute
  }
  
  .navbar-expand .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }
  
  .navbar-expand .navbar-nav-scroll {
      overflow: visible
  }
  
  .navbar-expand .navbar-collapse {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      -ms-flex-preferred-size: auto;
      flex-basis: auto
  }
  
  .navbar-expand .navbar-toggler {
      display: none
  }
  
  .navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
      color: rgba(0,0,0,.9)
  }
  
  .navbar-light .navbar-nav .nav-link {
      color: rgba(0,0,0,.55)
  }
  
  .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
      color: rgba(0,0,0,.7)
  }
  
  .navbar-light .navbar-nav .nav-link.disabled {
      color: rgba(0,0,0,.3)
  }
  
  .navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link {
      color: rgba(0,0,0,.9)
  }
  
  .navbar-light .navbar-toggler {
      color: black;
      border-color: rgba(0,0,0,.1)
  }
  
  .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' 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,.55)
  }
  
  .navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
      color: rgba(0,0,0,.9)
  }
  
  .navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
      color: #fff
  }
  
  .navbar-dark .navbar-nav .nav-link {
      color: #323a72
  }
  
  .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
      color: #4680ad
  }
  
  .navbar-dark .navbar-nav .nav-link.disabled {
      color: #4680ad
  }
  
  .navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link {
      color: #fff
  }

.nav-link.mx-1 {
    display: none;
}

.navbar-toggler .fas.fa-bars {
    color: black;
}

  .navbar-dark .navbar-toggler {
      color: hsla(0,0%,100%,.55);
      border-color: hsla(0,0%,100%,.1)
  }
  
  .navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  }
  
  .navbar-dark .navbar-text {
      color: hsla(0,0%,100%,.55)
  }
  
  .navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
      color: #fff
  }

  .custom-navbar.navbar.navbar-expand-lg.navbar-dark.scrolling-navbar.d-flex.flex-row.shadow-0 {
    padding: 20px !important;
}


.custom-navbar .navbar-text {
    color: white; /* Set text color */
}

.custom-navbar .navbar-text a,
.custom-navbar .navbar-text a:focus,
.custom-navbar .navbar-text a:hover {
    color: #0d24a4; /* Set link color and hover and focus effects */
}

.custom-navbar .navbar-nav .nav-link {
    color: #dddddd; /* Set navigation link color */
}

.custom-navbar .navbar-nav .nav-link:focus,
.custom-navbar .navbar-nav .nav-link:hover {
    color: whitesmoke; /* Set navigation link color when focused or hovered */
}

  .card {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0,0,0,.125);
      border-radius: .5rem
  }
  
  .card>hr {
      margin-right: 0;
      margin-left: 0
  }
  
  .card>.list-group {
      border-top: inherit;
      border-bottom: inherit
  }
  
  .card>.list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: calc(.5rem - 1px);
      border-top-right-radius: calc(.5rem - 1px)
  }
  
  .card>.list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: calc(.5rem - 1px);
      border-bottom-left-radius: calc(.5rem - 1px)
  }
  
  .card>.card-header+.list-group,.card>.list-group+.card-footer {
      border-top: 0
  }
  
  .card-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.5rem
  }
  
  .card-title {
      margin-bottom: .5rem
  }
  
  .card-subtitle {
      margin-top: -.25rem
  }
  
  .card-subtitle,.card-text:last-child {
      margin-bottom: 0
  }
  
  .card-link:hover {
      text-decoration: none
  }
  
  .card-link+.card-link {
      margin-left: 1.5rem
  }
  
  .card-header {
      padding: .75rem 1.5rem;
      margin-bottom: 0;
      background-color: rgba(0,0,0,.03);
      border-bottom: 1px solid rgba(0,0,0,.125)
  }
  
  .card-header:first-child {
      border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0
  }
  
  .card-footer {
      padding: .75rem 1.5rem;
      background-color: rgba(0,0,0,.03);
      border-top: 1px solid rgba(0,0,0,.125)
  }
  
  .card-footer:last-child {
      border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px)
  }
  
  .card-header-tabs {
      margin-bottom: -.75rem;
      border-bottom: 0
  }
  
  .card-header-pills,.card-header-tabs {
      margin-right: -.75rem;
      margin-left: -.75rem
  }
  
  .card-img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1.5rem;
      border-radius: calc(.5rem - 1px)
  }
  
  .card-img,.card-img-bottom,.card-img-top {
      width: 100%
  }
  
  .card-img,.card-img-top {
      border-top-left-radius: calc(.5rem - 1px);
      border-top-right-radius: calc(.5rem - 1px)
  }
  
  .card-img,.card-img-bottom {
      border-bottom-right-radius: calc(.5rem - 1px);
      border-bottom-left-radius: calc(.5rem - 1px)
  }
  
  .card-group>.card {
      margin-bottom: .75rem
  }
  
  @media(min-width: 576px) {
      .card-group {
          display:-webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap
      }
  
      .card-group>.card {
          -webkit-box-flex: 1;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%;
          margin-bottom: 0
      }
  
      .card-group>.card+.card {
          margin-left: 0;
          border-left: 0
      }
  
      .card-group>.card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0
      }
  
      .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
      }
  
      .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
      }
  
      .card-group>.card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0
      }
  
      .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
      }
  
      .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
      }
  }
  
  .breadcrumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin-bottom: 1rem;
      list-style: none
  }
  
  .breadcrumb-item+.breadcrumb-item {
      padding-left: .5rem
  }
  
  .breadcrumb-item+.breadcrumb-item:before {
      float: left;
      padding-right: .5rem;
      color: #757575;
      content: var(--mdb-breadcrumb-divider,"/") /*!rtl: var(--mdb-breadcrumb-divider, "/") */
  }
  
  .breadcrumb-item.active {
      color: #757575
  }
  
  .pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 0;
      list-style: none
  }
  
  .page-link {
      position: relative;
      display: block;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #e0e0e0
  }
  
  @media(prefers-reduced-motion:reduce) {
      .page-link {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .page-link:hover {
      z-index: 2;
      background-color: #eee;
      border-color: #e0e0e0
  }
  
  .page-link:focus {
      z-index: 3;
      color: #0e52c1;
      background-color: #eee;
      outline: 0;
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.25);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.25)
  }
  
  .page-item:not(:first-child) .page-link {
      margin-left: -1px
  }
  
  .page-item.active .page-link {
      z-index: 3;
      color: #fff;
      border-color: #1266f1
  }
  
  .page-item.disabled .page-link {
      color: #757575;
      pointer-events: none;
      background-color: #fff;
      border-color: #e0e0e0
  }
  
  .page-link {
      padding: .375rem .75rem
  }
  
  .pagination-lg .page-link {
      padding: .75rem 1.5rem;
      font-size: 1.25rem
  }
  
  .pagination-lg .page-item:first-child .page-link {
      border-top-left-radius: .3rem;
      border-bottom-left-radius: .3rem
  }
  
  .pagination-lg .page-item:last-child .page-link {
      border-top-right-radius: .3rem;
      border-bottom-right-radius: .3rem
  }
  
  .pagination-sm .page-link {
      padding: .25rem .5rem;
      font-size: .875rem
  }
  
  .pagination-sm .page-item:first-child .page-link {
      border-top-left-radius: .2rem;
      border-bottom-left-radius: .2rem
  }
  
  .pagination-sm .page-item:last-child .page-link {
      border-top-right-radius: .2rem;
      border-bottom-right-radius: .2rem
  }
  
  .badge {
      display: inline-block;
      padding: .35em .65em;
      font-size: .75em;
      font-weight: 700;
      line-height: 1;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline
  }
  
  .badge:empty {
      display: none
  }
  
  .btn .badge {
      position: relative;
      top: -1px
  }
  
  .alert {
      position: relative;
      padding: 1.25rem 1.5rem;
      margin-bottom: 1rem;
      border: 1px solid transparent
  }
  
  .alert-heading {
      color: inherit
  }
  
  .alert-link {
      font-weight: 700
  }
  
  .alert-dismissible {
      padding-right: 4.5rem
  }
  
  .alert-dismissible .btn-close {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      padding: 1.5625rem 1.5rem
  }
  
  .alert-primary {
      color: #0b3d91;
      background-color: #d0e0fc;
      border-color: #b8d1fb
  }
  
  .alert-primary .alert-link {
      color: #093174
  }
  
  .alert-secondary {
      color: #6b2498;
      background-color: #f0d8ff;
      border-color: #e8c5fe
  }
  
  .alert-secondary .alert-link {
      color: #561d7a
  }
  
  .alert-success {
      color: #006e2c;
      background-color: #ccf1db;
      border-color: #b3e9c9
  }
  
  .alert-success .alert-link {
      color: #005823
  }
  
  .alert-info {
      color: #22738e;
      background-color: #d7f2fb;
      border-color: #c4ecfa
  }
  
  .alert-info .alert-link {
      color: #1b5c72
  }
  
  .alert-warning {
      color: #640;
      background-color: #fec;
      border-color: #ffe5b3
  }
  
  .alert-warning .alert-link {
      color: #523600
  }
  
  .alert-danger {
      color: #951d32;
      background-color: #fed6dd;
      border-color: #fdc1cc
  }
  
  .alert-danger .alert-link {
      color: #771728
  }
  
  .alert-light {
      color: #646464;
      background-color: #fefefe;
      border-color: #fefefe
  }
  
  .alert-light .alert-link {
      color: #505050
  }
  
  .alert-dark {
      color: #171717;
      background-color: #d4d4d4;
      border-color: #bebebe
  }
  
  .alert-dark .alert-link {
      color: #121212
  }
  
  .alert-white {
      color: #666;
      background-color: #fff;
      border-color: #fff
  }
  
  .alert-white .alert-link {
      color: #525252
  }
  
  .alert-black {
      color: #000;
      background-color: #ccc;
      border-color: #b3b3b3
  }
  
  .alert-black .alert-link {
      color: #000
  }
  
  .accordion-button {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      padding: 1.15rem 1.5rem;
      font-size: 1.12rem;
      color: #323a72;
      text-align: left;
      background-color: #fff;
      border: 0;
      border-radius: 0;
      overflow-anchor: none;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .accordion-button {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .accordion-button:not(.collapsed) {
      color: #1266f1;
      background-color: #fff;
      -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
      box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
  }
  
  .accordion-button:not(.collapsed):after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231266f1'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg)
  }
  
  .accordion-button:after {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-left: auto;
      content: "";
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .accordion-button:after {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .accordion-button:hover {
      z-index: 2
  }
  
  .accordion-button:focus {
      z-index: 3;
      -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
      box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
  }
  
  .accordion-header {
      margin-bottom: 0
  }
  
  .accordion-item {
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.125)
  }
  
  .accordion-item:first-of-type {
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem
  }
  
  .accordion-item:first-of-type .accordion-button {
      border-top-left-radius: calc(.5rem - 1px);
      border-top-right-radius: calc(.5rem - 1px)
  }
  
  .accordion-item:not(:first-of-type) {
      border-top: 0
  }
  
  .accordion-item:last-of-type {
      border-bottom-right-radius: .5rem;
      border-bottom-left-radius: .5rem
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: calc(.5rem - 1px);
      border-bottom-left-radius: calc(.5rem - 1px)
  }
  
  .accordion-item:last-of-type .accordion-collapse {
      border-bottom-right-radius: .5rem;
      border-bottom-left-radius: .5rem
  }
  
  .accordion-body {
      padding: 1.15rem 1.5rem
  }
  
  .accordion-flush .accordion-collapse {
      border-width: 0
  }
  
  .accordion-flush .accordion-item {
      border-right: 0;
      border-left: 0;
      border-radius: 0
  }
  
  .accordion-flush .accordion-item:first-child {
      border-top: 0
  }
  
  .accordion-flush .accordion-item:last-child {
      border-bottom: 0
  }
  
  .accordion-flush .accordion-item .accordion-button {
      border-radius: 0
  }
  
  @-webkit-keyframes progress-bar-stripes {
      0% {
          background-position-x: 4px
      }
  }
  
  @keyframes progress-bar-stripes {
      0% {
          background-position-x: 4px
      }
  }
  
  .progress {
      height: 4px;
      font-size: .75rem;
      background-color: #eee;
      border-radius: .25rem
  }
  
  .progress,.progress-bar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden
  }
  
  .progress-bar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: #1266f1;
      -webkit-transition: width .6s ease;
      transition: width .6s ease
  }
  
  @media(prefers-reduced-motion:reduce) {
      .progress-bar {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .progress-bar-striped {
      background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
      background-size: 4px 4px
  }
  
  .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
      }
  }
  
  .list-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
      border-radius: .5rem
  }
  
  .list-group-numbered {
      list-style-type: none;
      counter-reset: section
  }
  
  .list-group-numbered>li:before {
      content: counters(section,".") ". ";
      counter-increment: section
  }
  
  .list-group-item-action {
      width: 100%;
      color: #616161;
      text-align: inherit
  }
  
  .list-group-item-action:focus,.list-group-item-action:hover {
      z-index: 1;
      color: #616161;
      text-decoration: none;
      background-color: #f5f5f5
  }
  
  .list-group-item-action:active {
      color: #4f4f4f;
      background-color: #eee
  }
  
  .list-group-item {
      position: relative;
      display: block;
      padding: .5rem 1.5rem;
      color: #262626;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.125)
  }
  
  .list-group-item:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
  }
  
  .list-group-item:last-child {
      border-bottom-right-radius: inherit;
      border-bottom-left-radius: inherit
  }
  
  .list-group-item.disabled,.list-group-item:disabled {
      color: #757575;
      pointer-events: none;
      background-color: #fff
  }
  
  .list-group-item.active {
      z-index: 2;
      color: #fff;
      background-color: #1266f1;
      border-color: #1266f1
  }
  
  .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 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }
  
  .list-group-horizontal>.list-group-item:first-child {
      border-bottom-left-radius: .5rem;
      border-top-right-radius: 0
  }
  
  .list-group-horizontal>.list-group-item:last-child {
      border-top-right-radius: .5rem;
      border-bottom-left-radius: 0
  }
  
  .list-group-horizontal>.list-group-item.active {
      margin-top: 0
  }
  
  .list-group-horizontal>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
  }
  
  .list-group-horizontal>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
  }
  
  @media(min-width: 576px) {
      .list-group-horizontal-sm {
          -webkit-box-orient:horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .list-group-horizontal-sm>.list-group-item:first-child {
          border-bottom-left-radius: .5rem;
          border-top-right-radius: 0
      }
  
      .list-group-horizontal-sm>.list-group-item:last-child {
          border-top-right-radius: .5rem;
          border-bottom-left-radius: 0
      }
  
      .list-group-horizontal-sm>.list-group-item.active {
          margin-top: 0
      }
  
      .list-group-horizontal-sm>.list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
      }
  
      .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
      }
  }
  
  @media(min-width: 768px) {
      .list-group-horizontal-md {
          -webkit-box-orient:horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .list-group-horizontal-md>.list-group-item:first-child {
          border-bottom-left-radius: .5rem;
          border-top-right-radius: 0
      }
  
      .list-group-horizontal-md>.list-group-item:last-child {
          border-top-right-radius: .5rem;
          border-bottom-left-radius: 0
      }
  
      .list-group-horizontal-md>.list-group-item.active {
          margin-top: 0
      }
  
      .list-group-horizontal-md>.list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
      }
  
      .list-group-horizontal-md>.list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
      }
  }
  
  @media(min-width: 992px) {
      .list-group-horizontal-lg {
          -webkit-box-orient:horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .list-group-horizontal-lg>.list-group-item:first-child {
          border-bottom-left-radius: .5rem;
          border-top-right-radius: 0
      }
  
      .list-group-horizontal-lg>.list-group-item:last-child {
          border-top-right-radius: .5rem;
          border-bottom-left-radius: 0
      }
  
      .list-group-horizontal-lg>.list-group-item.active {
          margin-top: 0
      }
  
      .list-group-horizontal-lg>.list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
      }
  
      .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
      }
  }
  
  @media(min-width: 1200px) {
      .list-group-horizontal-xl {
          -webkit-box-orient:horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .list-group-horizontal-xl>.list-group-item:first-child {
          border-bottom-left-radius: .5rem;
          border-top-right-radius: 0
      }
  
      .list-group-horizontal-xl>.list-group-item:last-child {
          border-top-right-radius: .5rem;
          border-bottom-left-radius: 0
      }
  
      .list-group-horizontal-xl>.list-group-item.active {
          margin-top: 0
      }
  
      .list-group-horizontal-xl>.list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
      }
  
      .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px
      }
  }
  
  @media(min-width: 1400px) {
      .list-group-horizontal-xxl {
          -webkit-box-orient:horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row
      }
  
      .list-group-horizontal-xxl>.list-group-item:first-child {
          border-bottom-left-radius: .5rem;
          border-top-right-radius: 0
      }
  
      .list-group-horizontal-xxl>.list-group-item:last-child {
          border-top-right-radius: .5rem;
          border-bottom-left-radius: 0
      }
  
      .list-group-horizontal-xxl>.list-group-item.active {
          margin-top: 0
      }
  
      .list-group-horizontal-xxl>.list-group-item+.list-group-item {
          border-top-width: 1px;
          border-left-width: 0
      }
  
      .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
          margin-left: -1px;
          border-left-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: #0b3d91;
      background-color: #d0e0fc
  }
  
  .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
      color: #0b3d91;
      background-color: #bbcae3
  }
  
  .list-group-item-primary.list-group-item-action.active {
      color: #fff;
      background-color: #0b3d91;
      border-color: #0b3d91
  }
  
  .list-group-item-secondary {
      color: #6b2498;
      background-color: #f0d8ff
  }
  
  .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
      color: #6b2498;
      background-color: #d8c2e6
  }
  
  .list-group-item-secondary.list-group-item-action.active {
      color: #fff;
      background-color: #6b2498;
      border-color: #6b2498
  }
  
  .list-group-item-success {
      color: #006e2c;
      background-color: #ccf1db
  }
  
  .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
      color: #006e2c;
      background-color: #b8d9c5
  }
  
  .list-group-item-success.list-group-item-action.active {
      color: #fff;
      background-color: #006e2c;
      border-color: #006e2c
  }
  
  .list-group-item-info {
      color: #22738e;
      background-color: #d7f2fb
  }
  
  .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
      color: #22738e;
      background-color: #c2dae2
  }
  
  .list-group-item-info.list-group-item-action.active {
      color: #fff;
      background-color: #22738e;
      border-color: #22738e
  }
  
  .list-group-item-warning {
      color: #640;
      background-color: #fec
  }
  
  .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
      color: #640;
      background-color: #e6d6b8
  }
  
  .list-group-item-warning.list-group-item-action.active {
      color: #fff;
      background-color: #640;
      border-color: #640
  }
  
  .list-group-item-danger {
      color: #951d32;
      background-color: #fed6dd
  }
  
  .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
      color: #951d32;
      background-color: #e5c1c7
  }
  
  .list-group-item-danger.list-group-item-action.active {
      color: #fff;
      background-color: #951d32;
      border-color: #951d32
  }
  
  .list-group-item-light {
      color: #646464;
      background-color: #fefefe
  }
  
  .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
      color: #646464;
      background-color: #e5e5e5
  }
  
  .list-group-item-light.list-group-item-action.active {
      color: #fff;
      background-color: #646464;
      border-color: #646464
  }
  
  .list-group-item-dark {
      color: #171717;
      background-color: #d4d4d4
  }
  
  .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
      color: #171717;
      background-color: #bfbfbf
  }
  
  .list-group-item-dark.list-group-item-action.active {
      color: #fff;
      background-color: #171717;
      border-color: #171717
  }
  
  .list-group-item-white {
      color: #666;
      background-color: #fff
  }
  
  .list-group-item-white.list-group-item-action:focus,.list-group-item-white.list-group-item-action:hover {
      color: #666;
      background-color: #e6e6e6
  }
  
  .list-group-item-white.list-group-item-action.active {
      color: #fff;
      background-color: #666;
      border-color: #666
  }
  
  .list-group-item-black {
      color: #000;
      background-color: #ccc
  }
  
  .list-group-item-black.list-group-item-action:focus,.list-group-item-black.list-group-item-action:hover {
      color: #000;
      background-color: #b8b8b8
  }
  
  .list-group-item-black.list-group-item-action.active {
      color: #fff;
      background-color: #000;
      border-color: #000
  }
  
  .btn-close {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      width: 1em;
      height: 1em;
      padding: .25em;
      color: #000;
      background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
      border: 0;
      border-radius: .25rem;
      opacity: .5
  }
  
  .btn-close:hover {
      color: #000;
      text-decoration: none;
      opacity: .75
  }
  
  .btn-close:focus {
      outline: 0;
      -webkit-box-shadow: 0 0 0 .25rem rgba(18,102,241,.25);
      box-shadow: 0 0 0 .25rem rgba(18,102,241,.25);
      opacity: 1
  }
  
  .btn-close.disabled,.btn-close:disabled {
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      opacity: .25
  }
  
  .btn-close-white {
      -webkit-filter: invert(1) grayscale(100%) brightness(200%);
      filter: invert(1) grayscale(100%) brightness(200%)
  }
  
  .toast {
      width: 350px;
      max-width: 100%;
      font-size: .875rem;
      pointer-events: auto;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.1);
      border-radius: .5rem
  }
  
  .toast:not(.showing):not(.show) {
      opacity: 0
  }
  
  .toast.hide {
      display: none
  }
  
  .toast-container {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      max-width: 100%;
      pointer-events: none
  }
  
  .toast-container>:not(:last-child) {
      margin-bottom: .75rem
  }
  
  .toast-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: .5rem .75rem;
      color: #757575;
      background-clip: padding-box;
      border-bottom: 1px solid rgba(0,0,0,.05);
      border-top-left-radius: calc(.5rem - 1px);
      border-top-right-radius: calc(.5rem - 1px)
  }
  
  .toast-header .btn-close {
      margin-right: -.375rem;
      margin-left: .75rem
  }
  
  .toast-body {
      padding: .75rem;
      word-wrap: break-word
  }
  
  .modal {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1060;
      display: none;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      outline: 0
  }

  .modal-dialog {
      position: relative;
      width: auto;
      margin: .5rem;
      pointer-events: none
  }
  
  .modal.fade .modal-dialog {
      -webkit-transition: -webkit-transform .3s ease-out;
      transition: -webkit-transform .3s ease-out;
      transition: transform .3s ease-out;
      transition: transform .3s ease-out,-webkit-transform .3s ease-out;
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px)
  }
  
  @media(prefers-reduced-motion:reduce) {
      .modal.fade .modal-dialog {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .modal.show .modal-dialog {
      -webkit-transform: none;
      transform: none
  }
  
  .modal.modal-static .modal-dialog {
      -webkit-transform: scale(1.02);
      transform: scale(1.02)
  }
  
  .modal-dialog-scrollable {
      height: calc(100% - 1rem)
  }
  
  .modal-dialog-scrollable .modal-content {
      max-height: 100%;
      overflow: hidden
  }
  
  .modal-dialog-scrollable .modal-body {
      overflow-y: auto
  }
  
  .modal-dialog-centered {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: calc(100% - 1rem)
  }
  
  .modal-content,.modal-dialog-centered {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }
  
  .modal-content {
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.2);
      border-radius: .5rem;
      outline: 0
  }
  
  .modal-backdrop {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1040;
      width: 100vw;
      height: 100vh;
      background-color: #000
  }
  
  .modal-backdrop.fade {
      opacity: 0
  }
  
  .modal-backdrop.show {
      opacity: .5
  }
  
  .modal-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 1rem;
      border-bottom: 1px solid #e0e0e0;
      border-top-left-radius: calc(.5rem - 1px);
      border-top-right-radius: calc(.5rem - 1px)
  }
  
  .modal-header .btn-close {
      padding: .5rem;
      margin: -.5rem -.5rem -.5rem auto
  }
  
  .modal-title {
      margin-bottom: 0;
      line-height: 1.6
  }
  
  .modal-body {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1rem
  }
  
  .modal-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: .75rem;
      border-top: 1px solid #e0e0e0;
      border-bottom-right-radius: calc(.5rem - 1px);
      border-bottom-left-radius: calc(.5rem - 1px)
  }
  
  .modal-footer>* {
      margin: .25rem
  }
  
  @media(min-width: 576px) {
      .modal-dialog {
          max-width:500px;
          margin: 1.75rem auto
      }
  
      .modal-dialog-scrollable {
          height: calc(100% - 3.5rem)
      }
  
      .modal-dialog-centered {
          min-height: calc(100% - 3.5rem)
      }
  
      .modal-sm {
          max-width: 300px
      }
  }
  
  @media(min-width: 992px) {
      .modal-lg,.modal-xl {
          max-width:800px
      }
  }
  
  @media(min-width: 1200px) {
      .modal-xl {
          max-width:1140px
      }
  }
  
  .modal-fullscreen {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0
  }
  
  .modal-fullscreen .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }
  
  .modal-fullscreen .modal-header {
      border-radius: 0
  }
  
  .modal-fullscreen .modal-body {
      overflow-y: auto
  }
  
  .modal-fullscreen .modal-footer {
      border-radius: 0
  }
  
  @media(max-width: 575.98px) {
      .modal-fullscreen-sm-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-sm-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-sm-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-sm-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-sm-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media(max-width: 767.98px) {
      .modal-fullscreen-md-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-md-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-md-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-md-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-md-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media(max-width: 991.98px) {
      .modal-fullscreen-lg-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-lg-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-lg-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-lg-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-lg-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media(max-width: 1199.98px) {
      .modal-fullscreen-xl-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-xl-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-xl-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-xl-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-xl-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media(max-width: 1399.98px) {
      .modal-fullscreen-xxl-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-xxl-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-xxl-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-xxl-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-xxl-down .modal-footer {
          border-radius: 0
      }
  }
  
  .popover {
      position: absolute;
      top: 0;
      /*!rtl:ignore*/
      left: 0;
      z-index: 1080;
      display: block;
      max-width: 276px;
      font-family: var(--mdb-font-roboto);
      font-style: normal;
      font-weight: 400;
      line-height: 1.6;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: .875rem;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.2);
      border-radius: .5rem
  }
  
  .popover .popover-arrow {
      position: absolute;
      display: block;
      width: 1rem;
      height: .5rem
  }
  
  .popover .popover-arrow:after,.popover .popover-arrow:before {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid
  }
  
  .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
      bottom: calc(-.5rem - 1px)
  }
  
  .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
      bottom: 0;
      border-width: .5rem .5rem 0;
      border-top-color: rgba(0,0,0,.25)
  }
  
  .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
      bottom: 1px;
      border-width: .5rem .5rem 0;
      border-top-color: #fff
  }
  
  .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
      left: calc(-.5rem - 1px);
      width: .5rem;
      height: 1rem
  }
  
  .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
      left: 0;
      border-width: .5rem .5rem .5rem 0;
      border-right-color: rgba(0,0,0,.25)
  }
  
  .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
      left: 1px;
      border-width: .5rem .5rem .5rem 0;
      border-right-color: #fff
  }
  
  .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
      top: calc(-.5rem - 1px)
  }
  
  .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
      top: 0;
      border-width: 0 .5rem .5rem;
      border-bottom-color: rgba(0,0,0,.25)
  }
  
  .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
      top: 1px;
      border-width: 0 .5rem .5rem;
      border-bottom-color: #fff
  }
  
  .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      width: 1rem;
      margin-left: -.5rem;
      content: "";
      border-bottom: 1px solid #f0f0f0
  }
  
  .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
      right: calc(-.5rem - 1px);
      width: .5rem;
      height: 1rem
  }
  
  .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
      right: 0;
      border-width: .5rem 0 .5rem .5rem;
      border-left-color: rgba(0,0,0,.25)
  }
  
  .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
      right: 1px;
      border-width: .5rem 0 .5rem .5rem;
      border-left-color: #fff
  }
  
  .popover-header {
      padding: .5rem 1rem;
      margin-bottom: 0;
      font-size: 1rem;
      background-color: #f0f0f0;
      border-bottom: 1px solid #d8d8d8;
      border-top-left-radius: calc(.5rem - 1px);
      border-top-right-radius: calc(.5rem - 1px)
  }
  
  .popover-header:empty {
      display: none
  }
  
  .popover-body {
      padding: 1rem;
      color: #4f4f4f
  }
  
  .carousel {
      position: relative
  }
  
  .carousel.pointer-event {
      -ms-touch-action: pan-y;
      touch-action: pan-y
  }
  
  .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden
  }
  
  .carousel-inner:after {
      display: block;
      clear: both;
      content: ""
  }
  
  .carousel-item {
      position: relative;
      display: none;
      float: left;
      width: 100%;
      margin-right: -100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: -webkit-transform .6s ease-in-out;
      transition: -webkit-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
      transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .carousel-item {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .carousel-item-next,.carousel-item-prev,.carousel-item.active {
      display: block
  }
  
  /*!rtl:begin:ignore*/
  .active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
  
  .active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
  
  /*!rtl:end:ignore*/
  .carousel-fade .carousel-item {
      opacity: 0;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -webkit-transform: none;
      transform: none
  }
  
  .carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
      z-index: 1;
      opacity: 1
  }
  
  .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
      z-index: 0;
      opacity: 0;
      -webkit-transition: opacity 0s .6s;
      transition: opacity 0s .6s
  }
  
  @media(prefers-reduced-motion:reduce) {
      .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .carousel-control-next,.carousel-control-prev {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      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;
      width: 15%;
      padding: 0;
      color: #fff;
      text-align: center;
      background: none;
      border: 0;
      opacity: .5;
      -webkit-transition: opacity .15s ease;
      transition: opacity .15s ease
  }
  
  @media(prefers-reduced-motion:reduce) {
      .carousel-control-next,.carousel-control-prev {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9
  }
  
  .carousel-control-prev {
      left: 0
  }
  
  .carousel-control-next {
      right: 0
  }
  
  .carousel-control-next-icon,.carousel-control-prev-icon {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100% 100%
  }
  
  .icon-circle {
    display: inline-block;
    background-color: transparent;
    border: 1px solid black;  /* Anda bisa mengganti warna ini sesuai kebutuhan */
    border-radius: 50%;
    padding: 3px 7px;
    margin-right: 5px;
    vertical-align: middle;
}

  /*!rtl:options:{
    "autoRename": true,
    "stringMap":[ {
      "name"    : "prev-next",
      "search"  : "prev",
      "replace" : "next"
    } ]
  }*/
  .carousel-control-next-icon,.carousel-control-prev-icon {
      background-image: none
  }
  
  .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0;
      margin-right: 15%;
      margin-bottom: 1rem;
      margin-left: 15%;
      list-style: none
  }
  
  .carousel-indicators [data-mdb-target] {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 30px;
      height: 3px;
      padding: 0;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff;
      background-clip: padding-box;
      border: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: .5;
      -webkit-transition: opacity .6s ease;
      transition: opacity .6s ease
  }
  
  @media(prefers-reduced-motion:reduce) {
      .carousel-indicators [data-mdb-target] {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .carousel-indicators .active {
      opacity: 1
  }
  
  .carousel-caption {
      position: absolute;
      right: 15%;
      bottom: 1.25rem;
      left: 15%;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      color: #fff;
      text-align: center
  }
  
  .carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
      -webkit-filter: invert(1) grayscale(100);
      filter: invert(1) grayscale(100)
  }
  
  .carousel-dark .carousel-indicators [data-mdb-target] {
      background-color: #000
  }
  
  .carousel-dark .carousel-caption {
      color: #000
  }
  
  @-webkit-keyframes spinner-border {
      /*!rtl:ignore*/
      to {
          -webkit-transform: rotate(1turn);
          transform: rotate(1turn)
      }
  }
  
  @keyframes spinner-border {
      /*!rtl:ignore*/
      to {
          -webkit-transform: rotate(1turn);
          transform: rotate(1turn)
      }
  }
  
  .spinner-border {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: -.125em;
      border: .25em solid;
      border-right: .25em solid 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: .2em
  }
  
  @-webkit-keyframes spinner-grow {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0)
      }
  
      50% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }
  
  @keyframes spinner-grow {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0)
      }
  
      50% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }
  
  .spinner-grow {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: -.125em;
      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
  }
  
  @media(prefers-reduced-motion:reduce) {
      .spinner-border,.spinner-grow {
          -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s
      }
  }
  
  .offcanvas {
      position: fixed;
      bottom: 0;
      z-index: 1050;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      visibility: hidden;
      background-color: #fff;
      background-clip: padding-box;
      outline: 0;
      -webkit-transition: -webkit-transform .3s ease-in-out;
      transition: -webkit-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
  }
  
  @media(prefers-reduced-motion:reduce) {
      .offcanvas {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .offcanvas-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 1rem
  }
  
  .offcanvas-header .btn-close {
      padding: .5rem;
      margin: -.5rem -.5rem -.5rem auto
  }
  
  .offcanvas-title {
      margin-bottom: 0;
      line-height: 1.6
  }
  
  .offcanvas-body {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 1rem;
      overflow-y: auto
  }
  
  .offcanvas-start {
      top: 0;
      left: 0;
      width: 400px;
      border-right: 1px solid rgba(0,0,0,.2);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
  
  .offcanvas-end {
      top: 0;
      right: 0;
      width: 400px;
      border-left: 1px solid rgba(0,0,0,.2);
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
  
  .offcanvas-top {
      top: 0;
      border-bottom: 1px solid rgba(0,0,0,.2);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
  
  .offcanvas-bottom,.offcanvas-top {
      right: 0;
      left: 0;
      height: 30vh;
      max-height: 100%
  }
  
  .offcanvas-bottom {
      border-top: 1px solid rgba(0,0,0,.2);
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
  
  .offcanvas.show {
      -webkit-transform: none;
      transform: none
  }
  
  .tooltip {
      position: absolute;
      z-index: 1090;
      display: block;
      margin: 0;
      font-family: var(--mdb-font-roboto);
      font-style: normal;
      font-weight: 400;
      line-height: 1.6;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: .875rem;
      word-wrap: break-word;
      opacity: 0
  }
  
  .tooltip.show {
      opacity: .9
  }
  
  .tooltip .tooltip-arrow {
      position: absolute;
      display: block;
      width: .8rem;
      height: .4rem
  }
  
  .tooltip .tooltip-arrow:before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid
  }
  
  .bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top {
      padding: .4rem 0
  }
  
  .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
      bottom: 0
  }
  
  .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
      top: -1px;
      border-width: .4rem .4rem 0;
      border-top-color: #000
  }
  
  .bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end {
      padding: 0 .4rem
  }
  
  .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
      left: 0;
      width: .4rem;
      height: .8rem
  }
  
  .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
      right: -1px;
      border-width: .4rem .4rem .4rem 0;
      border-right-color: #000
  }
  
  .bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom {
      padding: .4rem 0
  }
  
  .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
      top: 0
  }
  
  .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
      bottom: -1px;
      border-width: 0 .4rem .4rem;
      border-bottom-color: #000
  }
  
  .bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start {
      padding: 0 .4rem
  }
  
  .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
      right: 0;
      width: .4rem;
      height: .8rem
  }
  
  .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
      left: -1px;
      border-width: .4rem 0 .4rem .4rem;
      border-left-color: #000
  }
  
  .tooltip-inner {
      max-width: 200px;
      padding: .25rem .5rem;
      text-align: center;
      background-color: #000
  }
  
  .clearfix:after {
      display: block;
      clear: both;
      content: ""
  }
  
  .link-primary {
      color: #1266f1
  }
  
  .link-primary:focus,.link-primary:hover {
      color: #0e52c1
  }
  
  .link-secondary {
      color: #b23cfd
  }
  
  .link-secondary:focus,.link-secondary:hover {
      color: #c163fd
  }
  
  .link-success {
      color: #00b74a
  }
  
  .link-success:focus,.link-success:hover {
      color: #33c56e
  }
  
  .link-info {
      color: #39c0ed
  }
  
  .link-info:focus,.link-info:hover {
      color: #61cdf1
  }
  
  .link-warning {
      color: #ffa900
  }
  
  .link-warning:focus,.link-warning:hover {
      color: #ffba33
  }
  
  .link-danger {
      color: #f93154
  }
  
  .link-danger:focus,.link-danger:hover {
      color: #fa5a76
  }
  
  .link-light {
      color: #fbfbfb
  }
  
  .link-light:focus,.link-light:hover {
      color: #fcfcfc
  }
  
  .link-dark {
      color: #262626
  }
  
  .link-dark:focus,.link-dark:hover {
      color: #1e1e1e
  }
  
  .link-white,.link-white:focus,.link-white:hover {
      color: #fff
  }
  
  .link-black,.link-black:focus,.link-black:hover {
      color: #000
  }
  
  .ratio {
      position: relative;
      width: 100%
  }
  
  .ratio:before {
      display: block;
      padding-top: var(--mdb-aspect-ratio);
      content: ""
  }
  
  .ratio>* {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
  }
  
  .ratio-1x1 {
      --mdb-aspect-ratio: 100%
  }
  
  .ratio-4x3 {
      --mdb-aspect-ratio: 75%
  }
  
  .ratio-16x9 {
      --mdb-aspect-ratio: 56.25%
  }
  
  .ratio-21x9 {
      --mdb-aspect-ratio: 42.85714%
  }
  
  .fixed-top {
      top: 0
  }
  
  .fixed-bottom,.fixed-top {
      position: fixed;
      right: 0;
      left: 0;
      z-index: 1030
  }
  
  .fixed-bottom {
      bottom: 0
  }
  
  .sticky-top {
      position: sticky;
      top: 0;
      z-index: 1020
  }
  
  @media(min-width: 576px) {
      .sticky-sm-top {
          position:sticky;
          top: 0;
          z-index: 1020
      }
  }
  
  @media(min-width: 768px) {
      .sticky-md-top {
          position:sticky;
          top: 0;
          z-index: 1020
      }
  }
  
  @media(min-width: 992px) {
      .sticky-lg-top {
          position:sticky;
          top: 0;
          z-index: 1020
      }
  }
  
  @media(min-width: 1200px) {
      .sticky-xl-top {
          position:sticky;
          top: 0;
          z-index: 1020
      }
  }
  
  @media(min-width: 1400px) {
      .sticky-xxl-top {
          position:sticky;
          top: 0;
          z-index: 1020
      }
  }
  
  .visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
      position: absolute!important;
      width: 1px!important;
      height: 1px!important;
      padding: 0!important;
      margin: -1px!important;
      overflow: hidden!important;
      clip: rect(0,0,0,0)!important;
      white-space: nowrap!important;
      border: 0!important
  }
  
  .stretched-link:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      content: ""
  }
  
  .text-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }
  
  .align-baseline {
      vertical-align: baseline!important
  }
  
  .align-top {
      vertical-align: top!important
  }
  
  .align-middle {
      vertical-align: middle!important
  }
  
  .align-bottom {
      vertical-align: bottom!important
  }
  
  .align-text-bottom {
      vertical-align: text-bottom!important
  }
  
  .align-text-top {
      vertical-align: text-top!important
  }
  
  .float-start {
      float: left!important
  }
  
  .float-end {
      float: right!important
  }
  
  .float-none {
      float: none!important
  }
  
  .overflow-auto {
      overflow: auto!important
  }
  
  .overflow-hidden {
      overflow: hidden!important
  }
  
  .overflow-visible {
      overflow: visible!important
  }
  
  .overflow-scroll {
      overflow: scroll!important
  }
  
  .d-inline {
      display: inline!important
  }
  
  .d-inline-block {
      display: inline-block!important
  }
  
  .d-block {
      display: block!important
  }
  
  .d-grid {
      display: grid!important
  }
  
  .d-table {
      display: table!important
  }
  
  .d-table-row {
      display: table-row!important
  }
  
  .d-table-cell {
      display: table-cell!important
  }
  
  .d-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }
  
  .d-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }
  
  .d-none {
      display: none!important
  }
  
  .shadow {
      -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
  }
  
  .shadow-sm {
      -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
  }
  
  .shadow-lg {
      -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
      box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
  }
  
  .shadow-0,.shadow-none {
      -webkit-box-shadow: none!important;
      box-shadow: none!important
  }
  
  .shadow-1 {
      -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.07)!important;
      box-shadow: 0 1px 2px 0 rgba(0,0,0,.07)!important
  }
  
  .shadow-2 {
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-3 {
      -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.05)!important;
      box-shadow: 0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.05)!important
  }
  
  .shadow-4 {
      -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05)!important;
      box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05)!important
  }
  
  .shadow-5 {
      -webkit-box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05)!important;
      box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05)!important
  }
  
  .shadow-6 {
      -webkit-box-shadow: 0 25px 50px -12px rgba(0,0,0,.21)!important;
      box-shadow: 0 25px 50px -12px rgba(0,0,0,.21)!important
  }
  
  .shadow-1-soft {
      -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 1px 5px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-2-soft {
      -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-3-soft {
      -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 5px 15px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-4-soft {
      -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 10px 20px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-5-soft {
      -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 15px 30px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-6-soft {
      -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.05)!important;
      box-shadow: 0 20px 40px 0 rgba(0,0,0,.05)!important
  }
  
  .shadow-1-strong {
      -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.21)!important;
      box-shadow: 0 1px 5px 0 rgba(0,0,0,.21)!important
  }
  
  .shadow-2-strong {
      -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.21)!important;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,.21)!important
  }
  
  .shadow-3-strong {
      -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.21)!important;
      box-shadow: 0 5px 15px 0 rgba(0,0,0,.21)!important
  }
  
  .shadow-4-strong {
      -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.21)!important;
      box-shadow: 0 10px 20px 0 rgba(0,0,0,.21)!important
  }
  
  .shadow-5-strong {
      -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.21)!important;
      box-shadow: 0 15px 30px 0 rgba(0,0,0,.21)!important
  }
  
  .shadow-6-strong {
      -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.21)!important;
      box-shadow: 0 20px 40px 0 rgba(0,0,0,.21)!important
  }
  
  .shadow-inner {
      -webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06)!important;
      box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06)!important
  }
  
  .position-static {
      position: static!important
  }
  
  .position-relative {
      position: relative!important
  }
  
  .position-absolute {
      position: absolute!important
  }
  
  .position-fixed {
      position: fixed!important
  }
  
  .position-sticky {
      position: sticky!important
  }
  
  .top-0 {
      top: 0!important
  }
  
  .top-50 {
      top: 50%!important
  }
  
  .top-100 {
      top: 100%!important
  }
  
  .bottom-0 {
      bottom: 0!important
  }
  
  .bottom-50 {
      bottom: 50%!important
  }
  
  .bottom-100 {
      bottom: 100%!important
  }
  
  .start-0 {
      left: 0!important
  }
  
  .start-50 {
      left: 50%!important
  }
  
  .start-100 {
      left: 100%!important
  }
  
  .end-0 {
      right: 0!important
  }
  
  .end-50 {
      right: 50%!important
  }
  
  .end-100 {
      right: 100%!important
  }
  
  .translate-middle {
      -webkit-transform: translate(-50%,-50%)!important;
      transform: translate(-50%,-50%)!important
  }
  
  .translate-middle-x {
      -webkit-transform: translateX(-50%)!important;
      transform: translateX(-50%)!important
  }
  
  .translate-middle-y {
      -webkit-transform: translateY(-50%)!important;
      transform: translateY(-50%)!important
  }
  
  .border {
      border: 1px solid #e0e0e0!important
  }
  
  .border-0 {
      border: 0!important
  }
  
  .border-top {
      border-top: 1px solid #e0e0e0!important
  }
  
  .border-top-0 {
      border-top: 0!important
  }
  
  .border-end {
      border-right: 1px solid #e0e0e0!important
  }
  
  .border-end-0 {
      border-right: 0!important
  }
  
  .border-bottom {
      border-bottom: 1px solid #e0e0e0!important
  }
  
  .border-bottom-0 {
      border-bottom: 0!important
  }
  
  .border-start {
      border-left: 1px solid #e0e0e0!important
  }
  
  .border-start-0 {
      border-left: 0!important
  }
  
  .border-primary {
      border-color: #1266f1!important
  }
  
  .border-secondary {
      border-color: #b23cfd!important
  }
  
  .border-success {
      border-color: #00b74a!important
  }
  
  .border-info {
      border-color: #39c0ed!important
  }
  
  .border-warning {
      border-color: #ffa900!important
  }
  
  .border-danger {
      border-color: #f93154!important
  }
  
  .border-light {
      border-color: #fbfbfb!important
  }
  
  .border-dark {
      border-color: #262626!important
  }
  
  .border-white {
      border-color: #fff!important
  }
  
  .border-black {
      border-color: #000!important
  }
  
  .border-1 {
      border-width: 1px!important
  }
  
  .border-2 {
      border-width: 2px!important
  }
  
  .border-3 {
      border-width: 3px!important
  }
  
  .border-4 {
      border-width: 4px!important
  }
  
  .border-5 {
      border-width: 5px!important
  }
  
  .w-25 {
      width: 25%!important
  }
  
  .w-50 {
      width: 50%!important
  }
  
  .w-75 {
      width: 75%!important
  }
  
  .w-100 {
      width: 100%!important
  }
  
  .w-auto {
      width: auto!important
  }
  
  .mw-100 {
      max-width: 100%!important
  }
  
  .vw-100 {
      width: 100vw!important
  }
  
  .min-vw-100 {
      min-width: 100vw!important
  }
  
  .h-25 {
      height: 25%!important
  }
  
  .h-50 {
      height: 50%!important
  }
  
  .h-75 {
      height: 75%!important
  }
  
  .h-100 {
      height: 100%!important
  }
  
  .h-auto {
      height: auto!important
  }
  
  .mh-100 {
      max-height: 100%!important
  }
  
  .vh-100 {
      height: 100vh!important
  }
  
  .min-vh-100 {
      min-height: 100vh!important
  }
  
  .flex-fill {
      -webkit-box-flex: 1!important;
      -ms-flex: 1 1 auto!important;
      flex: 1 1 auto!important
  }
  
  .flex-row {
      -webkit-box-orient: horizontal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }
  
  .flex-column,.flex-row {
      -webkit-box-direction: normal!important
  }
  
  .flex-column {
      -webkit-box-orient: vertical!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }
  
  .flex-row-reverse {
      -webkit-box-orient: horizontal!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }
  
  .flex-column-reverse,.flex-row-reverse {
      -webkit-box-direction: reverse!important
  }
  
  .flex-column-reverse {
      -webkit-box-orient: vertical!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }
  
  .flex-grow-0 {
      -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
      flex-grow: 0!important
  }
  
  .flex-grow-1 {
      -webkit-box-flex: 1!important;
      -ms-flex-positive: 1!important;
      flex-grow: 1!important
  }
  
  .flex-shrink-0 {
      -ms-flex-negative: 0!important;
      flex-shrink: 0!important
  }
  
  .flex-shrink-1 {
      -ms-flex-negative: 1!important;
      flex-shrink: 1!important
  }
  
  .flex-wrap {
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }
  
  .flex-nowrap {
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }
  
  .flex-wrap-reverse {
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }
  
  .gap-0 {
      gap: 0!important
  }
  
  .gap-1 {
      gap: .25rem!important
  }
  
  .gap-2 {
      gap: .5rem!important
  }
  
  .gap-3 {
      gap: 1rem!important
  }
  
  .gap-4 {
      gap: 1.5rem!important
  }
  
  .gap-5 {
      gap: 3rem!important
  }
  
  .justify-content-start {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }
  
  .justify-content-end {
      -webkit-box-pack: end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }
  
  .justify-content-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }
  
  .justify-content-between {
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }
  
  .justify-content-around {
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }
  
  .justify-content-evenly {
      -webkit-box-pack: space-evenly!important;
      -ms-flex-pack: space-evenly!important;
      justify-content: space-evenly!important
  }
  
  .align-items-start {
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }
  
  .align-items-end {
      -webkit-box-align: end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }
  
  .align-items-center {
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }
  
  .align-items-baseline {
      -webkit-box-align: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }
  
  .align-items-stretch {
      -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }
  
  .align-content-start {
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }
  
  .align-content-end {
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }
  
  .align-content-center {
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }
  
  .align-content-between {
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }
  
  .align-content-around {
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }
  
  .align-content-stretch {
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }
  
  .align-self-auto {
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }
  
  .align-self-start {
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }
  
  .align-self-end {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }
  
  .align-self-center {
      -ms-flex-item-align: center!important;
      align-self: center!important
  }
  
  .align-self-baseline {
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }
  
  .align-self-stretch {
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }
  
  .order-first {
      -webkit-box-ordinal-group: 0!important;
      -ms-flex-order: -1!important;
      order: -1!important
  }
  
  .order-0 {
      -webkit-box-ordinal-group: 1!important;
      -ms-flex-order: 0!important;
      order: 0!important
  }
  
  .order-1 {
      -webkit-box-ordinal-group: 2!important;
      -ms-flex-order: 1!important;
      order: 1!important
  }
  
  .order-2 {
      -webkit-box-ordinal-group: 3!important;
      -ms-flex-order: 2!important;
      order: 2!important
  }
  
  .order-3 {
      -webkit-box-ordinal-group: 4!important;
      -ms-flex-order: 3!important;
      order: 3!important
  }
  
  .order-4 {
      -webkit-box-ordinal-group: 5!important;
      -ms-flex-order: 4!important;
      order: 4!important
  }
  
  .order-5 {
      -webkit-box-ordinal-group: 6!important;
      -ms-flex-order: 5!important;
      order: 5!important
  }
  
  .order-last {
      -webkit-box-ordinal-group: 7!important;
      -ms-flex-order: 6!important;
      order: 6!important
  }
  
  .m-0 {
      margin: 0!important
  }
  
  .m-1 {
      margin: .25rem!important
  }
  
  .m-2 {
      margin: .5rem!important
  }
  
  .m-3 {
      margin: 1rem!important
  }
  
  .m-4 {
      margin: 1.5rem!important
  }
  
  .m-5 {
      margin: 3rem!important
  }
  
  .m-auto {
      margin: auto!important
  }
  
  .mx-0 {
      margin-right: 0!important;
      margin-left: 0!important
  }
  
  .mx-1 {
      margin-right: .25rem!important;
      margin-left: .25rem!important
  }
  
  .mx-2 {
      margin-right: .5rem!important;
      margin-left: .5rem!important
  }
  
  .mx-3 {
      margin-right: 1rem!important;
      margin-left: 1rem!important
  }
  
  .mx-4 {
      margin-right: 1.5rem!important;
      margin-left: 1.5rem!important
  }
  
  .mx-5 {
      margin-right: 3rem!important;
      margin-left: 3rem!important
  }
  
  .mx-auto {
      margin-right: auto!important;
      margin-left: auto!important
  }
  
  .my-0 {
      margin-top: 0!important;
      margin-bottom: 0!important
  }
  
  .my-1 {
      margin-top: .25rem!important;
      margin-bottom: .25rem!important
  }
  
  .my-2 {
      margin-top: .5rem!important;
      margin-bottom: .5rem!important
  }
  
  .my-3 {
      margin-top: 1rem!important;
      margin-bottom: 1rem!important
  }
  
  .my-4 {
      margin-top: 1.5rem!important;
      margin-bottom: 1.5rem!important
  }
  
  .my-5 {
      margin-top: 3rem!important;
      margin-bottom: 3rem!important
  }
  
  .my-auto {
      margin-top: auto!important;
      margin-bottom: auto!important
  }
  
  .mt-0 {
      margin-top: 0!important
  }
  
  .mt-1 {
      margin-top: .25rem!important
  }
  
  .mt-2 {
      margin-top: .5rem!important
  }
  
  .mt-3 {
      margin-top: 1rem!important
  }
  
  .mt-4 {
      margin-top: 1.5rem!important
  }
  
  .mt-5 {
      margin-top: 3rem!important
  }
  
  .mt-auto {
      margin-top: auto!important
  }
  
  .me-0 {
      margin-right: 0!important
  }
  
  .me-1 {
      margin-right: .25rem!important
  }
  
  .me-2 {
      margin-right: .5rem!important
  }
  
  .me-3 {
      margin-right: 1rem!important
  }
  
  .me-4 {
      margin-right: 1.5rem!important
  }
  
  .me-5 {
      margin-right: 3rem!important
  }
  
  .me-auto {
      margin-right: auto!important
  }
  
  .mb-0 {
      margin-bottom: 0!important
  }
  
  .mb-1 {
      margin-bottom: .25rem!important
  }
  
  .mb-2 {
      margin-bottom: .5rem!important
  }
  
  .mb-3 {
      margin-bottom: 1rem!important
  }
  
  .mb-4 {
      margin-bottom: 1.5rem!important
  }
  
  .mb-5 {
      margin-bottom: 3rem!important
  }
  
  .mb-auto {
      margin-bottom: auto!important
  }
  
  .mb-6 {
      margin-bottom: 3.5rem!important
  }
  
  .mb-7 {
      margin-bottom: 4rem!important
  }
  
  .mb-8 {
      margin-bottom: 5rem!important
  }
  
  .mb-9 {
      margin-bottom: 6rem!important
  }
  
  .mb-10 {
      margin-bottom: 8rem!important
  }
  
  .mb-11 {
      margin-bottom: 10rem!important
  }
  
  .mb-12 {
      margin-bottom: 12rem!important
  }
  
  .mb-13 {
      margin-bottom: 14rem!important
  }
  
  .mb-14 {
      margin-bottom: 16rem!important
  }
  
  .ms-0 {
      margin-left: 0!important
  }
  
  .ms-1 {
      margin-left: .25rem!important
  }
  
  .ms-2 {
      margin-left: .5rem!important
  }
  
  .ms-3 {
      margin-left: 1rem!important
  }
  
  .ms-4 {
      margin-left: 1.5rem!important
  }
  
  .ms-5 {
      margin-left: 3rem!important
  }
  
  .ms-auto {
      margin-left: auto!important
  }
  
  .m-n1 {
      margin: -.25rem!important
  }
  
  .m-n2 {
      margin: -.5rem!important
  }
  
  .m-n3 {
      margin: -1rem!important
  }
  
  .m-n4 {
      margin: -1.5rem!important
  }
  
  .m-n5 {
      margin: -3rem!important
  }
  
  .mx-n1 {
      margin-right: -.25rem!important;
      margin-left: -.25rem!important
  }
  
  .mx-n2 {
      margin-right: -.5rem!important;
      margin-left: -.5rem!important
  }
  
  .mx-n3 {
      margin-right: -1rem!important;
      margin-left: -1rem!important
  }
  
  .mx-n4 {
      margin-right: -1.5rem!important;
      margin-left: -1.5rem!important
  }
  
  .mx-n5 {
      margin-right: -3rem!important;
      margin-left: -3rem!important
  }
  
  .my-n1 {
      margin-top: -.25rem!important;
      margin-bottom: -.25rem!important
  }
  
  .my-n2 {
      margin-top: -.5rem!important;
      margin-bottom: -.5rem!important
  }
  
  .my-n3 {
      margin-top: -1rem!important;
      margin-bottom: -1rem!important
  }
  
  .my-n4 {
      margin-top: -1.5rem!important;
      margin-bottom: -1.5rem!important
  }
  
  .my-n5 {
      margin-top: -3rem!important;
      margin-bottom: -3rem!important
  }
  
  .mt-n1 {
      margin-top: -.25rem!important
  }
  
  .mt-n2 {
      margin-top: -.5rem!important
  }
  
  .mt-n3 {
      margin-top: -1rem!important
  }
  
  .mt-n4 {
      margin-top: -1.5rem!important
  }
  
  .mt-n5 {
      margin-top: -3rem!important
  }
  
  .me-n1 {
      margin-right: -.25rem!important
  }
  
  .me-n2 {
      margin-right: -.5rem!important
  }
  
  .me-n3 {
      margin-right: -1rem!important
  }
  
  .me-n4 {
      margin-right: -1.5rem!important
  }
  
  .me-n5 {
      margin-right: -3rem!important
  }
  
  .mb-n1 {
      margin-bottom: -.25rem!important
  }
  
  .mb-n2 {
      margin-bottom: -.5rem!important
  }
  
  .mb-n3 {
      margin-bottom: -1rem!important
  }
  
  .mb-n4 {
      margin-bottom: -1.5rem!important
  }
  
  .mb-n5 {
      margin-bottom: -3rem!important
  }
  
  .ms-n1 {
      margin-left: -.25rem!important
  }
  
  .ms-n2 {
      margin-left: -.5rem!important
  }
  
  .ms-n3 {
      margin-left: -1rem!important
  }
  
  .ms-n4 {
      margin-left: -1.5rem!important
  }
  
  .ms-n5 {
      margin-left: -3rem!important
  }
  
  .p-0 {
      padding: 0!important
  }
  
  .p-1 {
      padding: .25rem!important
  }
  
  .p-2 {
      padding: .5rem!important
  }
  
  .p-3 {
      padding: 1rem!important
  }
  
  .p-4 {
      padding: 1.5rem!important
  }
  
  .p-5 {
      padding: 3rem!important
  }
  
  .px-0 {
      padding-right: 0!important;
      padding-left: 0!important
  }
  
  .px-1 {
      padding-right: .25rem!important;
      padding-left: .25rem!important
  }
  
  .px-2 {
      padding-right: .5rem!important;
      padding-left: .5rem!important
  }
  
  .px-3 {
      padding-right: 1rem!important;
      padding-left: 1rem!important
  }
  
  .px-4 {
      padding-right: 1.5rem!important;
      padding-left: 1.5rem!important
  }
  
  .px-5 {
      padding-right: 3rem!important;
      padding-left: 3rem!important
  }
  
  .py-0 {
      padding-top: 0!important;
      padding-bottom: 0!important
  }
  
  .py-1 {
      padding-top: .25rem!important;
      padding-bottom: .25rem!important
  }
  
  .py-2 {
      padding-top: .5rem!important;
      padding-bottom: .5rem!important
  }
  
  .py-3 {
      padding-top: 1rem!important;
      padding-bottom: 1rem!important
  }
  
  .py-4 {
      padding-top: 1.5rem!important;
      padding-bottom: 1.5rem!important
  }
  
  .py-5 {
      padding-top: 3rem!important;
      padding-bottom: 3rem!important
  }
  
  .pt-0 {
      padding-top: 0!important
  }
  
  .pt-1 {
      padding-top: .25rem!important
  }
  
  .pt-2 {
      padding-top: .5rem!important
  }
  
  .pt-3 {
      padding-top: 1rem!important
  }
  
  .pt-4 {
      padding-top: 1.5rem!important
  }
  
  .pt-5 {
      padding-top: 3rem!important
  }
  
  .pe-0 {
      padding-right: 0!important
  }
  
  .pe-1 {
      padding-right: .25rem!important
  }
  
  .pe-2 {
      padding-right: .5rem!important
  }
  
  .pe-3 {
      padding-right: 1rem!important
  }
  
  .pe-4 {
      padding-right: 1.5rem!important
  }
  
  .pe-5 {
      padding-right: 3rem!important
  }
  
  .pb-0 {
      padding-bottom: 0!important
  }
  
  .pb-1 {
      padding-bottom: .25rem!important
  }
  
  .pb-2 {
      padding-bottom: .5rem!important
  }
  
  .pb-3 {
      padding-bottom: 1rem!important
  }
  
  .pb-4 {
      padding-bottom: 1.5rem!important
  }
  
  .pb-5 {
      padding-bottom: 3rem!important
  }
  
  .ps-0 {
      padding-left: 0!important
  }
  
  .ps-1 {
      padding-left: .25rem!important
  }
  
  .ps-2 {
      padding-left: .5rem!important
  }
  
  .ps-3 {
      padding-left: 1rem!important
  }
  
  .ps-4 {
      padding-left: 1.5rem!important
  }
  
  .ps-5 {
      padding-left: 3rem!important
  }
  
  .font-monospace {
      font-family: "Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif !important;
  }
  
  .fs-1 {
      font-size: calc(1.375rem + 1.5vw)!important
  }
  
  .fs-2 {
      font-size: calc(1.325rem + .9vw)!important
  }
  
  .fs-3 {
      font-size: calc(1.3rem + .6vw)!important
  }
  
  .fs-4 {
      font-size: calc(1.275rem + .3vw)!important
  }
  
  .fs-5 {
      font-size: 1.25rem!important
  }
  
  .fs-6 {
      font-size: 1rem!important
  }
  
  .fst-italic {
      font-style: italic!important
  }
  
  .fst-normal {
      font-style: normal!important
  }
  
  .fw-light {
      font-weight: 300!important
  }
  
  .fw-lighter {
      font-weight: lighter!important
  }
  
  .fw-normal {
      font-weight: 400!important
  }
  
  .fw-bold {
      font-weight: 700!important
  }
  
  .fw-bolder {
      font-weight: bolder!important
  }
  
  .lh-1 {
      line-height: 1!important
  }
  
  .lh-sm {
      line-height: 1.25!important
  }
  
  .lh-base {
      line-height: 1.6!important
  }
  
  .lh-lg {
      line-height: 2!important
  }
  
  .text-start {
      text-align: left!important
  }
  
  .text-end {
      text-align: right!important
  }
  
  .text-center {
      text-align: center!important
  }
  
  .text-decoration-none {
      text-decoration: none!important
  }
  
  .text-decoration-underline {
      text-decoration: underline!important
  }
  
  .text-decoration-line-through {
      text-decoration: line-through!important
  }
  
  .text-lowercase {
      text-transform: lowercase!important
  }
  
  .text-uppercase {
      text-transform: uppercase!important
  }
  
  .text-capitalize {
      text-transform: capitalize!important
  }
  
  .text-wrap {
      white-space: normal!important
  }
  
  .text-nowrap {
      white-space: nowrap!important
  }
  
  /*!rtl:begin:remove*/
  .text-break {
      word-wrap: break-word!important;
      word-break: break-word!important
  }
  
  /*!rtl:end:remove*/
  .text-primary {
      color: #1266f1!important
  }
  
  .text-secondary {
      color: #b23cfd!important
  }
  
  .text-success {
      color: #00b74a!important
  }
  
  .text-info {
      color: #39c0ed!important
  }
  
  .text-warning {
      color: #ffa900!important
  }
  
  .text-danger {
      color: #f93154!important
  }
  
  .text-light {
      color: #fbfbfb!important
  }
  
  .text-dark {
      color: #262626!important
  }
  
  .text-white {
      color: #fff!important
  }
  
  .text-black {
      color: #000!important
  }
  
  .text-body {
      color: #4f4f4f!important
  }
  
  .text-muted {
      color: #757575!important
  }
  
  .text-black-50 {
      color: rgba(0,0,0,.5)!important
  }
  
  .text-white-50 {
      color: hsla(0,0%,100%,.5)!important
  }
  
  .text-reset {
      color: inherit!important
  }
  
  .bg-body {
      background-color: #fff!important
  }
  
  .bg-transparent {
      background-color: transparent!important
  }
  
  .bg-gradient {
      background-image: var(--mdb-gradient)!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
  }
  
  .pe-none {
      pointer-events: none!important
  }
  
  .pe-auto {
      pointer-events: auto!important
  }
  
  .rounded {
      border-radius: .25rem!important
  }
  
  .rounded-0 {
      border-radius: 0!important
  }
  
  .rounded-1 {
      border-radius: .2rem!important
  }
  
  .rounded-2 {
      border-radius: .25rem!important
  }
  
  .rounded-3 {
      border-radius: .3rem!important
  }
  
  .rounded-circle {
      border-radius: 50%!important
  }
  
  .rounded-pill {
      border-radius: 50rem!important
  }
  
  .rounded-4 {
      border-radius: .375rem!important
  }
  
  .rounded-5 {
      border-radius: .5rem!important
  }
  
  .rounded-6 {
      border-radius: .75rem!important
  }
  
  .rounded-7 {
      border-radius: 1rem!important
  }
  
  .rounded-8 {
      border-radius: 1.25rem!important
  }
  
  .rounded-9 {
      border-radius: 1.5rem!important
  }
  
  .rounded-top {
      border-top-left-radius: .25rem!important
  }
  
  .rounded-end,.rounded-top {
      border-top-right-radius: .25rem!important
  }
  
  .rounded-bottom,.rounded-end {
      border-bottom-right-radius: .25rem!important
  }
  
  .rounded-bottom,.rounded-start {
      border-bottom-left-radius: .25rem!important
  }
  
  .rounded-start {
      border-top-left-radius: .25rem!important
  }
  
  .visible {
      visibility: visible!important
  }
  
  .invisible {
      visibility: hidden!important
  }
  
  .opacity-0 {
      opacity: 0!important
  }
  
  .opacity-5 {
      opacity: .05!important
  }
  
  .opacity-10 {
      opacity: .1!important
  }
  
  .opacity-20 {
      opacity: .2!important
  }
  
  .opacity-30 {
      opacity: .3!important
  }
  
  .opacity-40 {
      opacity: .4!important
  }
  
  .opacity-50 {
      opacity: .5!important
  }
  
  .opacity-60 {
      opacity: .6!important
  }
  
  .opacity-70 {
      opacity: .7!important
  }
  
  .opacity-80 {
      opacity: .8!important
  }
  
  .opacity-90 {
      opacity: .9!important
  }
  
  .opacity-95 {
      opacity: .95!important
  }
  
  .opacity-100 {
      opacity: 1!important
  }
  
  .ls-tighter {
      letter-spacing: -.05em!important
  }
  
  .ls-tight {
      letter-spacing: -.025em!important
  }
  
  .ls-normal {
      letter-spacing: 0!important
  }
  
  .ls-wide {
      letter-spacing: .025em!important
  }
  
  .ls-wider {
      letter-spacing: .05em!important
  }
  
  .ls-widest {
      letter-spacing: .1em!important
  }
  
  @media(min-width: 576px) {
      .float-sm-start {
          float:left!important
      }
  
      .float-sm-end {
          float: right!important
      }
  
      .float-sm-none {
          float: none!important
      }
  
      .d-sm-inline {
          display: inline!important
      }
  
      .d-sm-inline-block {
          display: inline-block!important
      }
  
      .d-sm-block {
          display: block!important
      }
  
      .d-sm-grid {
          display: grid!important
      }
  
      .d-sm-table {
          display: table!important
      }
  
      .d-sm-table-row {
          display: table-row!important
      }
  
      .d-sm-table-cell {
          display: table-cell!important
      }
  
      .d-sm-flex {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important
      }
  
      .d-sm-inline-flex {
          display: -webkit-inline-box!important;
          display: -ms-inline-flexbox!important;
          display: inline-flex!important
      }
  
      .d-sm-none {
          display: none!important
      }
  
      .flex-sm-fill {
          -webkit-box-flex: 1!important;
          -ms-flex: 1 1 auto!important;
          flex: 1 1 auto!important
      }
  
      .flex-sm-row {
          -webkit-box-orient: horizontal!important;
          -ms-flex-direction: row!important;
          flex-direction: row!important
      }
  
      .flex-sm-column,.flex-sm-row {
          -webkit-box-direction: normal!important
      }
  
      .flex-sm-column {
          -webkit-box-orient: vertical!important;
          -ms-flex-direction: column!important;
          flex-direction: column!important
      }
  
      .flex-sm-row-reverse {
          -webkit-box-orient: horizontal!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: row-reverse!important;
          flex-direction: row-reverse!important
      }
  
      .flex-sm-column-reverse {
          -webkit-box-orient: vertical!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: column-reverse!important;
          flex-direction: column-reverse!important
      }
  
      .flex-sm-grow-0 {
          -webkit-box-flex: 0!important;
          -ms-flex-positive: 0!important;
          flex-grow: 0!important
      }
  
      .flex-sm-grow-1 {
          -webkit-box-flex: 1!important;
          -ms-flex-positive: 1!important;
          flex-grow: 1!important
      }
  
      .flex-sm-shrink-0 {
          -ms-flex-negative: 0!important;
          flex-shrink: 0!important
      }
  
      .flex-sm-shrink-1 {
          -ms-flex-negative: 1!important;
          flex-shrink: 1!important
      }
  
      .flex-sm-wrap {
          -ms-flex-wrap: wrap!important;
          flex-wrap: wrap!important
      }
  
      .flex-sm-nowrap {
          -ms-flex-wrap: nowrap!important;
          flex-wrap: nowrap!important
      }
  
      .flex-sm-wrap-reverse {
          -ms-flex-wrap: wrap-reverse!important;
          flex-wrap: wrap-reverse!important
      }
  
      .gap-sm-0 {
          gap: 0!important
      }
  
      .gap-sm-1 {
          gap: .25rem!important
      }
  
      .gap-sm-2 {
          gap: .5rem!important
      }
  
      .gap-sm-3 {
          gap: 1rem!important
      }
  
      .gap-sm-4 {
          gap: 1.5rem!important
      }
  
      .gap-sm-5 {
          gap: 3rem!important
      }
  
      .justify-content-sm-start {
          -webkit-box-pack: start!important;
          -ms-flex-pack: start!important;
          justify-content: flex-start!important
      }
  
      .justify-content-sm-end {
          -webkit-box-pack: end!important;
          -ms-flex-pack: end!important;
          justify-content: flex-end!important
      }
  
      .justify-content-sm-center {
          -webkit-box-pack: center!important;
          -ms-flex-pack: center!important;
          justify-content: center!important
      }
  
      .justify-content-sm-between {
          -webkit-box-pack: justify!important;
          -ms-flex-pack: justify!important;
          justify-content: space-between!important
      }
  
      .justify-content-sm-around {
          -ms-flex-pack: distribute!important;
          justify-content: space-around!important
      }
  
      .justify-content-sm-evenly {
          -webkit-box-pack: space-evenly!important;
          -ms-flex-pack: space-evenly!important;
          justify-content: space-evenly!important
      }
  
      .align-items-sm-start {
          -webkit-box-align: start!important;
          -ms-flex-align: start!important;
          align-items: flex-start!important
      }
  
      .align-items-sm-end {
          -webkit-box-align: end!important;
          -ms-flex-align: end!important;
          align-items: flex-end!important
      }
  
      .align-items-sm-center {
          -webkit-box-align: center!important;
          -ms-flex-align: center!important;
          align-items: center!important
      }
  
      .align-items-sm-baseline {
          -webkit-box-align: baseline!important;
          -ms-flex-align: baseline!important;
          align-items: baseline!important
      }
  
      .align-items-sm-stretch {
          -webkit-box-align: stretch!important;
          -ms-flex-align: stretch!important;
          align-items: stretch!important
      }
  
      .align-content-sm-start {
          -ms-flex-line-pack: start!important;
          align-content: flex-start!important
      }
  
      .align-content-sm-end {
          -ms-flex-line-pack: end!important;
          align-content: flex-end!important
      }
  
      .align-content-sm-center {
          -ms-flex-line-pack: center!important;
          align-content: center!important
      }
  
      .align-content-sm-between {
          -ms-flex-line-pack: justify!important;
          align-content: space-between!important
      }
  
      .align-content-sm-around {
          -ms-flex-line-pack: distribute!important;
          align-content: space-around!important
      }
  
      .align-content-sm-stretch {
          -ms-flex-line-pack: stretch!important;
          align-content: stretch!important
      }
  
      .align-self-sm-auto {
          -ms-flex-item-align: auto!important;
          align-self: auto!important
      }
  
      .align-self-sm-start {
          -ms-flex-item-align: start!important;
          align-self: flex-start!important
      }
  
      .align-self-sm-end {
          -ms-flex-item-align: end!important;
          align-self: flex-end!important
      }
  
      .align-self-sm-center {
          -ms-flex-item-align: center!important;
          align-self: center!important
      }
  
      .align-self-sm-baseline {
          -ms-flex-item-align: baseline!important;
          align-self: baseline!important
      }
  
      .align-self-sm-stretch {
          -ms-flex-item-align: stretch!important;
          align-self: stretch!important
      }
  
      .order-sm-first {
          -webkit-box-ordinal-group: 0!important;
          -ms-flex-order: -1!important;
          order: -1!important
      }
  
      .order-sm-0 {
          -webkit-box-ordinal-group: 1!important;
          -ms-flex-order: 0!important;
          order: 0!important
      }
  
      .order-sm-1 {
          -webkit-box-ordinal-group: 2!important;
          -ms-flex-order: 1!important;
          order: 1!important
      }
  
      .order-sm-2 {
          -webkit-box-ordinal-group: 3!important;
          -ms-flex-order: 2!important;
          order: 2!important
      }
  
      .order-sm-3 {
          -webkit-box-ordinal-group: 4!important;
          -ms-flex-order: 3!important;
          order: 3!important
      }
  
      .order-sm-4 {
          -webkit-box-ordinal-group: 5!important;
          -ms-flex-order: 4!important;
          order: 4!important
      }
  
      .order-sm-5 {
          -webkit-box-ordinal-group: 6!important;
          -ms-flex-order: 5!important;
          order: 5!important
      }
  
      .order-sm-last {
          -webkit-box-ordinal-group: 7!important;
          -ms-flex-order: 6!important;
          order: 6!important
      }
  
      .m-sm-0 {
          margin: 0!important
      }
  
      .m-sm-1 {
          margin: .25rem!important
      }
  
      .m-sm-2 {
          margin: .5rem!important
      }
  
      .m-sm-3 {
          margin: 1rem!important
      }
  
      .m-sm-4 {
          margin: 1.5rem!important
      }
  
      .m-sm-5 {
          margin: 3rem!important
      }
  
      .m-sm-auto {
          margin: auto!important
      }
  
      .mx-sm-0 {
          margin-right: 0!important;
          margin-left: 0!important
      }
  
      .mx-sm-1 {
          margin-right: .25rem!important;
          margin-left: .25rem!important
      }
  
      .mx-sm-2 {
          margin-right: .5rem!important;
          margin-left: .5rem!important
      }
  
      .mx-sm-3 {
          margin-right: 1rem!important;
          margin-left: 1rem!important
      }
  
      .mx-sm-4 {
          margin-right: 1.5rem!important;
          margin-left: 1.5rem!important
      }
  
      .mx-sm-5 {
          margin-right: 3rem!important;
          margin-left: 3rem!important
      }
  
      .mx-sm-auto {
          margin-right: auto!important;
          margin-left: auto!important
      }
  
      .my-sm-0 {
          margin-top: 0!important;
          margin-bottom: 0!important
      }
  
      .my-sm-1 {
          margin-top: .25rem!important;
          margin-bottom: .25rem!important
      }
  
      .my-sm-2 {
          margin-top: .5rem!important;
          margin-bottom: .5rem!important
      }
  
      .my-sm-3 {
          margin-top: 1rem!important;
          margin-bottom: 1rem!important
      }
  
      .my-sm-4 {
          margin-top: 1.5rem!important;
          margin-bottom: 1.5rem!important
      }
  
      .my-sm-5 {
          margin-top: 3rem!important;
          margin-bottom: 3rem!important
      }
  
      .my-sm-auto {
          margin-top: auto!important;
          margin-bottom: auto!important
      }
  
      .mt-sm-0 {
          margin-top: 0!important
      }
  
      .mt-sm-1 {
          margin-top: .25rem!important
      }
  
      .mt-sm-2 {
          margin-top: .5rem!important
      }
  
      .mt-sm-3 {
          margin-top: 1rem!important
      }
  
      .mt-sm-4 {
          margin-top: 1.5rem!important
      }
  
      .mt-sm-5 {
          margin-top: 3rem!important
      }
  
      .mt-sm-auto {
          margin-top: auto!important
      }
  
      .me-sm-0 {
          margin-right: 0!important
      }
  
      .me-sm-1 {
          margin-right: .25rem!important
      }
  
      .me-sm-2 {
          margin-right: .5rem!important
      }
  
      .me-sm-3 {
          margin-right: 1rem!important
      }
  
      .me-sm-4 {
          margin-right: 1.5rem!important
      }
  
      .me-sm-5 {
          margin-right: 3rem!important
      }
  
      .me-sm-auto {
          margin-right: auto!important
      }
  
      .mb-sm-0 {
          margin-bottom: 0!important
      }
  
      .mb-sm-1 {
          margin-bottom: .25rem!important
      }
  
      .mb-sm-2 {
          margin-bottom: .5rem!important
      }
  
      .mb-sm-3 {
          margin-bottom: 1rem!important
      }
  
      .mb-sm-4 {
          margin-bottom: 1.5rem!important
      }
  
      .mb-sm-5 {
          margin-bottom: 3rem!important
      }
  
      .mb-sm-auto {
          margin-bottom: auto!important
      }
  
      .mb-sm-6 {
          margin-bottom: 3.5rem!important
      }
  
      .mb-sm-7 {
          margin-bottom: 4rem!important
      }
  
      .mb-sm-8 {
          margin-bottom: 5rem!important
      }
  
      .mb-sm-9 {
          margin-bottom: 6rem!important
      }
  
      .mb-sm-10 {
          margin-bottom: 8rem!important
      }
  
      .mb-sm-11 {
          margin-bottom: 10rem!important
      }
  
      .mb-sm-12 {
          margin-bottom: 12rem!important
      }
  
      .mb-sm-13 {
          margin-bottom: 14rem!important
      }
  
      .mb-sm-14 {
          margin-bottom: 16rem!important
      }
  
      .ms-sm-0 {
          margin-left: 0!important
      }
  
      .ms-sm-1 {
          margin-left: .25rem!important
      }
  
      .ms-sm-2 {
          margin-left: .5rem!important
      }
  
      .ms-sm-3 {
          margin-left: 1rem!important
      }
  
      .ms-sm-4 {
          margin-left: 1.5rem!important
      }
  
      .ms-sm-5 {
          margin-left: 3rem!important
      }
  
      .ms-sm-auto {
          margin-left: auto!important
      }
  
      .m-sm-n1 {
          margin: -.25rem!important
      }
  
      .m-sm-n2 {
          margin: -.5rem!important
      }
  
      .m-sm-n3 {
          margin: -1rem!important
      }
  
      .m-sm-n4 {
          margin: -1.5rem!important
      }
  
      .m-sm-n5 {
          margin: -3rem!important
      }
  
      .mx-sm-n1 {
          margin-right: -.25rem!important;
          margin-left: -.25rem!important
      }
  
      .mx-sm-n2 {
          margin-right: -.5rem!important;
          margin-left: -.5rem!important
      }
  
      .mx-sm-n3 {
          margin-right: -1rem!important;
          margin-left: -1rem!important
      }
  
      .mx-sm-n4 {
          margin-right: -1.5rem!important;
          margin-left: -1.5rem!important
      }
  
      .mx-sm-n5 {
          margin-right: -3rem!important;
          margin-left: -3rem!important
      }
  
      .my-sm-n1 {
          margin-top: -.25rem!important;
          margin-bottom: -.25rem!important
      }
  
      .my-sm-n2 {
          margin-top: -.5rem!important;
          margin-bottom: -.5rem!important
      }
  
      .my-sm-n3 {
          margin-top: -1rem!important;
          margin-bottom: -1rem!important
      }
  
      .my-sm-n4 {
          margin-top: -1.5rem!important;
          margin-bottom: -1.5rem!important
      }
  
      .my-sm-n5 {
          margin-top: -3rem!important;
          margin-bottom: -3rem!important
      }
  
      .mt-sm-n1 {
          margin-top: -.25rem!important
      }
  
      .mt-sm-n2 {
          margin-top: -.5rem!important
      }
  
      .mt-sm-n3 {
          margin-top: -1rem!important
      }
  
      .mt-sm-n4 {
          margin-top: -1.5rem!important
      }
  
      .mt-sm-n5 {
          margin-top: -3rem!important
      }
  
      .me-sm-n1 {
          margin-right: -.25rem!important
      }
  
      .me-sm-n2 {
          margin-right: -.5rem!important
      }
  
      .me-sm-n3 {
          margin-right: -1rem!important
      }
  
      .me-sm-n4 {
          margin-right: -1.5rem!important
      }
  
      .me-sm-n5 {
          margin-right: -3rem!important
      }
  
      .mb-sm-n1 {
          margin-bottom: -.25rem!important
      }
  
      .mb-sm-n2 {
          margin-bottom: -.5rem!important
      }
  
      .mb-sm-n3 {
          margin-bottom: -1rem!important
      }
  
      .mb-sm-n4 {
          margin-bottom: -1.5rem!important
      }
  
      .mb-sm-n5 {
          margin-bottom: -3rem!important
      }
  
      .ms-sm-n1 {
          margin-left: -.25rem!important
      }
  
      .ms-sm-n2 {
          margin-left: -.5rem!important
      }
  
      .ms-sm-n3 {
          margin-left: -1rem!important
      }
  
      .ms-sm-n4 {
          margin-left: -1.5rem!important
      }
  
      .ms-sm-n5 {
          margin-left: -3rem!important
      }
  
      .p-sm-0 {
          padding: 0!important
      }
  
      .p-sm-1 {
          padding: .25rem!important
      }
  
      .p-sm-2 {
          padding: .5rem!important
      }
  
      .p-sm-3 {
          padding: 1rem!important
      }
  
      .p-sm-4 {
          padding: 1.5rem!important
      }
  
      .p-sm-5 {
          padding: 3rem!important
      }
  
      .px-sm-0 {
          padding-right: 0!important;
          padding-left: 0!important
      }
  
      .px-sm-1 {
          padding-right: .25rem!important;
          padding-left: .25rem!important
      }
  
      .px-sm-2 {
          padding-right: .5rem!important;
          padding-left: .5rem!important
      }
  
      .px-sm-3 {
          padding-right: 1rem!important;
          padding-left: 1rem!important
      }
  
      .px-sm-4 {
          padding-right: 1.5rem!important;
          padding-left: 1.5rem!important
      }
  
      .px-sm-5 {
          padding-right: 3rem!important;
          padding-left: 3rem!important
      }
  
      .py-sm-0 {
          padding-top: 0!important;
          padding-bottom: 0!important
      }
  
      .py-sm-1 {
          padding-top: .25rem!important;
          padding-bottom: .25rem!important
      }
  
      .py-sm-2 {
          padding-top: .5rem!important;
          padding-bottom: .5rem!important
      }
  
      .py-sm-3 {
          padding-top: 1rem!important;
          padding-bottom: 1rem!important
      }
  
      .py-sm-4 {
          padding-top: 1.5rem!important;
          padding-bottom: 1.5rem!important
      }
  
      .py-sm-5 {
          padding-top: 3rem!important;
          padding-bottom: 3rem!important
      }
  
      .pt-sm-0 {
          padding-top: 0!important
      }
  
      .pt-sm-1 {
          padding-top: .25rem!important
      }
  
      .pt-sm-2 {
          padding-top: .5rem!important
      }
  
      .pt-sm-3 {
          padding-top: 1rem!important
      }
  
      .pt-sm-4 {
          padding-top: 1.5rem!important
      }
  
      .pt-sm-5 {
          padding-top: 3rem!important
      }
  
      .pe-sm-0 {
          padding-right: 0!important
      }
  
      .pe-sm-1 {
          padding-right: .25rem!important
      }
  
      .pe-sm-2 {
          padding-right: .5rem!important
      }
  
      .pe-sm-3 {
          padding-right: 1rem!important
      }
  
      .pe-sm-4 {
          padding-right: 1.5rem!important
      }
  
      .pe-sm-5 {
          padding-right: 3rem!important
      }
  
      .pb-sm-0 {
          padding-bottom: 0!important
      }
  
      .pb-sm-1 {
          padding-bottom: .25rem!important
      }
  
      .pb-sm-2 {
          padding-bottom: .5rem!important
      }
  
      .pb-sm-3 {
          padding-bottom: 1rem!important
      }
  
      .pb-sm-4 {
          padding-bottom: 1.5rem!important
      }
  
      .pb-sm-5 {
          padding-bottom: 3rem!important
      }
  
      .ps-sm-0 {
          padding-left: 0!important
      }
  
      .ps-sm-1 {
          padding-left: .25rem!important
      }
  
      .ps-sm-2 {
          padding-left: .5rem!important
      }
  
      .ps-sm-3 {
          padding-left: 1rem!important
      }
  
      .ps-sm-4 {
          padding-left: 1.5rem!important
      }
  
      .ps-sm-5 {
          padding-left: 3rem!important
      }
  
      .text-sm-start {
          text-align: left!important
      }
  
      .text-sm-end {
          text-align: right!important
      }
  
      .text-sm-center {
          text-align: center!important
      }
  }
  
  @media(min-width: 768px) {
      .float-md-start {
          float:left!important
      }
  
      .float-md-end {
          float: right!important
      }
  
      .float-md-none {
          float: none!important
      }
  
      .d-md-inline {
          display: inline!important
      }
  
      .d-md-inline-block {
          display: inline-block!important
      }
  
      .d-md-block {
          display: block!important
      }
  
      .d-md-grid {
          display: grid!important
      }
  
      .d-md-table {
          display: table!important
      }
  
      .d-md-table-row {
          display: table-row!important
      }
  
      .d-md-table-cell {
          display: table-cell!important
      }
  
      .d-md-flex {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important
      }
  
      .d-md-inline-flex {
          display: -webkit-inline-box!important;
          display: -ms-inline-flexbox!important;
          display: inline-flex!important
      }
  
      .d-md-none {
          display: none!important
      }
  
      .flex-md-fill {
          -webkit-box-flex: 1!important;
          -ms-flex: 1 1 auto!important;
          flex: 1 1 auto!important
      }
  
      .flex-md-row {
          -webkit-box-orient: horizontal!important;
          -ms-flex-direction: row!important;
          flex-direction: row!important
      }
  
      .flex-md-column,.flex-md-row {
          -webkit-box-direction: normal!important
      }
  
      .flex-md-column {
          -webkit-box-orient: vertical!important;
          -ms-flex-direction: column!important;
          flex-direction: column!important
      }
  
      .flex-md-row-reverse {
          -webkit-box-orient: horizontal!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: row-reverse!important;
          flex-direction: row-reverse!important
      }
  
      .flex-md-column-reverse {
          -webkit-box-orient: vertical!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: column-reverse!important;
          flex-direction: column-reverse!important
      }
  
      .flex-md-grow-0 {
          -webkit-box-flex: 0!important;
          -ms-flex-positive: 0!important;
          flex-grow: 0!important
      }
  
      .flex-md-grow-1 {
          -webkit-box-flex: 1!important;
          -ms-flex-positive: 1!important;
          flex-grow: 1!important
      }
  
      .flex-md-shrink-0 {
          -ms-flex-negative: 0!important;
          flex-shrink: 0!important
      }
  
      .flex-md-shrink-1 {
          -ms-flex-negative: 1!important;
          flex-shrink: 1!important
      }
  
      .flex-md-wrap {
          -ms-flex-wrap: wrap!important;
          flex-wrap: wrap!important
      }
  
      .flex-md-nowrap {
          -ms-flex-wrap: nowrap!important;
          flex-wrap: nowrap!important
      }
  
      .flex-md-wrap-reverse {
          -ms-flex-wrap: wrap-reverse!important;
          flex-wrap: wrap-reverse!important
      }
  
      .gap-md-0 {
          gap: 0!important
      }
  
      .gap-md-1 {
          gap: .25rem!important
      }
  
      .gap-md-2 {
          gap: .5rem!important
      }
  
      .gap-md-3 {
          gap: 1rem!important
      }
  
      .gap-md-4 {
          gap: 1.5rem!important
      }
  
      .gap-md-5 {
          gap: 3rem!important
      }
  
      .justify-content-md-start {
          -webkit-box-pack: start!important;
          -ms-flex-pack: start!important;
          justify-content: flex-start!important
      }
  
      .justify-content-md-end {
          -webkit-box-pack: end!important;
          -ms-flex-pack: end!important;
          justify-content: flex-end!important
      }
  
      .justify-content-md-center {
          -webkit-box-pack: center!important;
          -ms-flex-pack: center!important;
          justify-content: center!important
      }
  
      .justify-content-md-between {
          -webkit-box-pack: justify!important;
          -ms-flex-pack: justify!important;
          justify-content: space-between!important
      }
  
      .justify-content-md-around {
          -ms-flex-pack: distribute!important;
          justify-content: space-around!important
      }
  
      .justify-content-md-evenly {
          -webkit-box-pack: space-evenly!important;
          -ms-flex-pack: space-evenly!important;
          justify-content: space-evenly!important
      }
  
      .align-items-md-start {
          -webkit-box-align: start!important;
          -ms-flex-align: start!important;
          align-items: flex-start!important
      }
  
      .align-items-md-end {
          -webkit-box-align: end!important;
          -ms-flex-align: end!important;
          align-items: flex-end!important
      }
  
      .align-items-md-center {
          -webkit-box-align: center!important;
          -ms-flex-align: center!important;
          align-items: center!important
      }
  
      .align-items-md-baseline {
          -webkit-box-align: baseline!important;
          -ms-flex-align: baseline!important;
          align-items: baseline!important
      }
  
      .align-items-md-stretch {
          -webkit-box-align: stretch!important;
          -ms-flex-align: stretch!important;
          align-items: stretch!important
      }
  
      .align-content-md-start {
          -ms-flex-line-pack: start!important;
          align-content: flex-start!important
      }
  
      .align-content-md-end {
          -ms-flex-line-pack: end!important;
          align-content: flex-end!important
      }
  
      .align-content-md-center {
          -ms-flex-line-pack: center!important;
          align-content: center!important
      }
  
      .align-content-md-between {
          -ms-flex-line-pack: justify!important;
          align-content: space-between!important
      }
  
      .align-content-md-around {
          -ms-flex-line-pack: distribute!important;
          align-content: space-around!important
      }
  
      .align-content-md-stretch {
          -ms-flex-line-pack: stretch!important;
          align-content: stretch!important
      }
  
      .align-self-md-auto {
          -ms-flex-item-align: auto!important;
          align-self: auto!important
      }
  
      .align-self-md-start {
          -ms-flex-item-align: start!important;
          align-self: flex-start!important
      }
  
      .align-self-md-end {
          -ms-flex-item-align: end!important;
          align-self: flex-end!important
      }
  
      .align-self-md-center {
          -ms-flex-item-align: center!important;
          align-self: center!important
      }
  
      .align-self-md-baseline {
          -ms-flex-item-align: baseline!important;
          align-self: baseline!important
      }
  
      .align-self-md-stretch {
          -ms-flex-item-align: stretch!important;
          align-self: stretch!important
      }
  
      .order-md-first {
          -webkit-box-ordinal-group: 0!important;
          -ms-flex-order: -1!important;
          order: -1!important
      }
  
      .order-md-0 {
          -webkit-box-ordinal-group: 1!important;
          -ms-flex-order: 0!important;
          order: 0!important
      }
  
      .order-md-1 {
          -webkit-box-ordinal-group: 2!important;
          -ms-flex-order: 1!important;
          order: 1!important
      }
  
      .order-md-2 {
          -webkit-box-ordinal-group: 3!important;
          -ms-flex-order: 2!important;
          order: 2!important
      }
  
      .order-md-3 {
          -webkit-box-ordinal-group: 4!important;
          -ms-flex-order: 3!important;
          order: 3!important
      }
  
      .order-md-4 {
          -webkit-box-ordinal-group: 5!important;
          -ms-flex-order: 4!important;
          order: 4!important
      }
  
      .order-md-5 {
          -webkit-box-ordinal-group: 6!important;
          -ms-flex-order: 5!important;
          order: 5!important
      }
  
      .order-md-last {
          -webkit-box-ordinal-group: 7!important;
          -ms-flex-order: 6!important;
          order: 6!important
      }
  
      .m-md-0 {
          margin: 0!important
      }
  
      .m-md-1 {
          margin: .25rem!important
      }
  
      .m-md-2 {
          margin: .5rem!important
      }
  
      .m-md-3 {
          margin: 1rem!important
      }
  
      .m-md-4 {
          margin: 1.5rem!important
      }
  
      .m-md-5 {
          margin: 3rem!important
      }
  
      .m-md-auto {
          margin: auto!important
      }
  
      .mx-md-0 {
          margin-right: 0!important;
          margin-left: 0!important
      }
  
      .mx-md-1 {
          margin-right: .25rem!important;
          margin-left: .25rem!important
      }
  
      .mx-md-2 {
          margin-right: .5rem!important;
          margin-left: .5rem!important
      }
  
      .mx-md-3 {
          margin-right: 1rem!important;
          margin-left: 1rem!important
      }
  
      .mx-md-4 {
          margin-right: 1.5rem!important;
          margin-left: 1.5rem!important
      }
  
      .mx-md-5 {
          margin-right: 3rem!important;
          margin-left: 3rem!important
      }
  
      .mx-md-auto {
          margin-right: auto!important;
          margin-left: auto!important
      }
  
      .my-md-0 {
          margin-top: 0!important;
          margin-bottom: 0!important
      }
  
      .my-md-1 {
          margin-top: .25rem!important;
          margin-bottom: .25rem!important
      }
  
      .my-md-2 {
          margin-top: .5rem!important;
          margin-bottom: .5rem!important
      }
  
      .my-md-3 {
          margin-top: 1rem!important;
          margin-bottom: 1rem!important
      }
  
      .my-md-4 {
          margin-top: 1.5rem!important;
          margin-bottom: 1.5rem!important
      }
  
      .my-md-5 {
          margin-top: 3rem!important;
          margin-bottom: 3rem!important
      }
  
      .my-md-auto {
          margin-top: auto!important;
          margin-bottom: auto!important
      }
  
      .mt-md-0 {
          margin-top: 0!important
      }
  
      .mt-md-1 {
          margin-top: .25rem!important
      }
  
      .mt-md-2 {
          margin-top: .5rem!important
      }
  
      .mt-md-3 {
          margin-top: 1rem!important
      }
  
      .mt-md-4 {
          margin-top: 1.5rem!important
      }
  
      .mt-md-5 {
          margin-top: 3rem!important
      }
  
      .mt-md-auto {
          margin-top: auto!important
      }
  
      .me-md-0 {
          margin-right: 0!important
      }
  
      .me-md-1 {
          margin-right: .25rem!important
      }
  
      .me-md-2 {
          margin-right: .5rem!important
      }
  
      .me-md-3 {
          margin-right: 1rem!important
      }
  
      .me-md-4 {
          margin-right: 1.5rem!important
      }
  
      .me-md-5 {
          margin-right: 3rem!important
      }
  
      .me-md-auto {
          margin-right: auto!important
      }
  
      .mb-md-0 {
          margin-bottom: 0!important
      }
  
      .mb-md-1 {
          margin-bottom: .25rem!important
      }
  
      .mb-md-2 {
          margin-bottom: .5rem!important
      }
  
      .mb-md-3 {
          margin-bottom: 1rem!important
      }
  
      .mb-md-4 {
          margin-bottom: 1.5rem!important
      }
  
      .mb-md-5 {
          margin-bottom: 3rem!important
      }
  
      .mb-md-auto {
          margin-bottom: auto!important
      }
  
      .mb-md-6 {
          margin-bottom: 3.5rem!important
      }
  
      .mb-md-7 {
          margin-bottom: 4rem!important
      }
  
      .mb-md-8 {
          margin-bottom: 5rem!important
      }
  
      .mb-md-9 {
          margin-bottom: 6rem!important
      }
  
      .mb-md-10 {
          margin-bottom: 8rem!important
      }
  
      .mb-md-11 {
          margin-bottom: 10rem!important
      }
  
      .mb-md-12 {
          margin-bottom: 12rem!important
      }
  
      .mb-md-13 {
          margin-bottom: 14rem!important
      }
  
      .mb-md-14 {
          margin-bottom: 16rem!important
      }
  
      .ms-md-0 {
          margin-left: 0!important
      }
  
      .ms-md-1 {
          margin-left: .25rem!important
      }
  
      .ms-md-2 {
          margin-left: .5rem!important
      }
  
      .ms-md-3 {
          margin-left: 1rem!important
      }
  
      .ms-md-4 {
          margin-left: 1.5rem!important
      }
  
      .ms-md-5 {
          margin-left: 3rem!important
      }
  
      .ms-md-auto {
          margin-left: auto!important
      }
  
      .m-md-n1 {
          margin: -.25rem!important
      }
  
      .m-md-n2 {
          margin: -.5rem!important
      }
  
      .m-md-n3 {
          margin: -1rem!important
      }
  
      .m-md-n4 {
          margin: -1.5rem!important
      }
  
      .m-md-n5 {
          margin: -3rem!important
      }
  
      .mx-md-n1 {
          margin-right: -.25rem!important;
          margin-left: -.25rem!important
      }
  
      .mx-md-n2 {
          margin-right: -.5rem!important;
          margin-left: -.5rem!important
      }
  
      .mx-md-n3 {
          margin-right: -1rem!important;
          margin-left: -1rem!important
      }
  
      .mx-md-n4 {
          margin-right: -1.5rem!important;
          margin-left: -1.5rem!important
      }
  
      .mx-md-n5 {
          margin-right: -3rem!important;
          margin-left: -3rem!important
      }
  
      .my-md-n1 {
          margin-top: -.25rem!important;
          margin-bottom: -.25rem!important
      }
  
      .my-md-n2 {
          margin-top: -.5rem!important;
          margin-bottom: -.5rem!important
      }
  
      .my-md-n3 {
          margin-top: -1rem!important;
          margin-bottom: -1rem!important
      }
  
      .my-md-n4 {
          margin-top: -1.5rem!important;
          margin-bottom: -1.5rem!important
      }
  
      .my-md-n5 {
          margin-top: -3rem!important;
          margin-bottom: -3rem!important
      }
  
      .mt-md-n1 {
          margin-top: -.25rem!important
      }
  
      .mt-md-n2 {
          margin-top: -.5rem!important
      }
  
      .mt-md-n3 {
          margin-top: -1rem!important
      }
  
      .mt-md-n4 {
          margin-top: -1.5rem!important
      }
  
      .mt-md-n5 {
          margin-top: -3rem!important
      }
  
      .me-md-n1 {
          margin-right: -.25rem!important
      }
  
      .me-md-n2 {
          margin-right: -.5rem!important
      }
  
      .me-md-n3 {
          margin-right: -1rem!important
      }
  
      .me-md-n4 {
          margin-right: -1.5rem!important
      }
  
      .me-md-n5 {
          margin-right: -3rem!important
      }
  
      .mb-md-n1 {
          margin-bottom: -.25rem!important
      }
  
      .mb-md-n2 {
          margin-bottom: -.5rem!important
      }
  
      .mb-md-n3 {
          margin-bottom: -1rem!important
      }
  
      .mb-md-n4 {
          margin-bottom: -1.5rem!important
      }
  
      .mb-md-n5 {
          margin-bottom: -3rem!important
      }
  
      .ms-md-n1 {
          margin-left: -.25rem!important
      }
  
      .ms-md-n2 {
          margin-left: -.5rem!important
      }
  
      .ms-md-n3 {
          margin-left: -1rem!important
      }
  
      .ms-md-n4 {
          margin-left: -1.5rem!important
      }
  
      .ms-md-n5 {
          margin-left: -3rem!important
      }
  
      .p-md-0 {
          padding: 0!important
      }
  
      .p-md-1 {
          padding: .25rem!important
      }
  
      .p-md-2 {
          padding: .5rem!important
      }
  
      .p-md-3 {
          padding: 1rem!important
      }
  
      .p-md-4 {
          padding: 1.5rem!important
      }
  
      .p-md-5 {
          padding: 3rem!important
      }
  
      .px-md-0 {
          padding-right: 0!important;
          padding-left: 0!important
      }
  
      .px-md-1 {
          padding-right: .25rem!important;
          padding-left: .25rem!important
      }
  
      .px-md-2 {
          padding-right: .5rem!important;
          padding-left: .5rem!important
      }
  
      .px-md-3 {
          padding-right: 1rem!important;
          padding-left: 1rem!important
      }
  
      .px-md-4 {
          padding-right: 1.5rem!important;
          padding-left: 1.5rem!important
      }
  
      .px-md-5 {
          padding-right: 3rem!important;
          padding-left: 3rem!important
      }
  
      .py-md-0 {
          padding-top: 0!important;
          padding-bottom: 0!important
      }
  
      .py-md-1 {
          padding-top: .25rem!important;
          padding-bottom: .25rem!important
      }
  
      .py-md-2 {
          padding-top: .5rem!important;
          padding-bottom: .5rem!important
      }
  
      .py-md-3 {
          padding-top: 1rem!important;
          padding-bottom: 1rem!important
      }
  
      .py-md-4 {
          padding-top: 1.5rem!important;
          padding-bottom: 1.5rem!important
      }
  
      .py-md-5 {
          padding-top: 3rem!important;
          padding-bottom: 3rem!important
      }
  
      .pt-md-0 {
          padding-top: 0!important
      }
  
      .pt-md-1 {
          padding-top: .25rem!important
      }
  
      .pt-md-2 {
          padding-top: .5rem!important
      }
  
      .pt-md-3 {
          padding-top: 1rem!important
      }
  
      .pt-md-4 {
          padding-top: 1.5rem!important
      }
  
      .pt-md-5 {
          padding-top: 3rem!important
      }
  
      .pe-md-0 {
          padding-right: 0!important
      }
  
      .pe-md-1 {
          padding-right: .25rem!important
      }
  
      .pe-md-2 {
          padding-right: .5rem!important
      }
  
      .pe-md-3 {
          padding-right: 1rem!important
      }
  
      .pe-md-4 {
          padding-right: 1.5rem!important
      }
  
      .pe-md-5 {
          padding-right: 3rem!important
      }
  
      .pb-md-0 {
          padding-bottom: 0!important
      }
  
      .pb-md-1 {
          padding-bottom: .25rem!important
      }
  
      .pb-md-2 {
          padding-bottom: .5rem!important
      }
  
      .pb-md-3 {
          padding-bottom: 1rem!important
      }
  
      .pb-md-4 {
          padding-bottom: 1.5rem!important
      }
  
      .pb-md-5 {
          padding-bottom: 3rem!important
      }
  
      .ps-md-0 {
          padding-left: 0!important
      }
  
      .ps-md-1 {
          padding-left: .25rem!important
      }
  
      .ps-md-2 {
          padding-left: .5rem!important
      }
  
      .ps-md-3 {
          padding-left: 1rem!important
      }
  
      .ps-md-4 {
          padding-left: 1.5rem!important
      }
  
      .ps-md-5 {
          padding-left: 3rem!important
      }
  
      .text-md-start {
          text-align: left!important
      }
  
      .text-md-end {
          text-align: right!important
      }
  
      .text-md-center {
          text-align: center!important
      }
  }
  
  @media(min-width: 992px) {
      .float-lg-start {
          float:left!important
      }
  
      .float-lg-end {
          float: right!important
      }
  
      .float-lg-none {
          float: none!important
      }
  
      .d-lg-inline {
          display: inline!important
      }
  
      .d-lg-inline-block {
          display: inline-block!important
      }
  
      .d-lg-block {
          display: block!important
      }
  
      .d-lg-grid {
          display: grid!important
      }
  
      .d-lg-table {
          display: table!important
      }
  
      .d-lg-table-row {
          display: table-row!important
      }
  
      .d-lg-table-cell {
          display: table-cell!important
      }
  
      .d-lg-flex {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important
      }
  
      .d-lg-inline-flex {
          display: -webkit-inline-box!important;
          display: -ms-inline-flexbox!important;
          display: inline-flex!important
      }
  
      .d-lg-none {
          display: none!important
      }
  
      .flex-lg-fill {
          -webkit-box-flex: 1!important;
          -ms-flex: 1 1 auto!important;
          flex: 1 1 auto!important
      }
  
      .flex-lg-row {
          -webkit-box-orient: horizontal!important;
          -ms-flex-direction: row!important;
          flex-direction: row!important
      }
  
      .flex-lg-column,.flex-lg-row {
          -webkit-box-direction: normal!important
      }
  
      .flex-lg-column {
          -webkit-box-orient: vertical!important;
          -ms-flex-direction: column!important;
          flex-direction: column!important
      }
  
      .flex-lg-row-reverse {
          -webkit-box-orient: horizontal!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: row-reverse!important;
          flex-direction: row-reverse!important
      }
  
      .flex-lg-column-reverse {
          -webkit-box-orient: vertical!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: column-reverse!important;
          flex-direction: column-reverse!important
      }
  
      .flex-lg-grow-0 {
          -webkit-box-flex: 0!important;
          -ms-flex-positive: 0!important;
          flex-grow: 0!important
      }
  
      .flex-lg-grow-1 {
          -webkit-box-flex: 1!important;
          -ms-flex-positive: 1!important;
          flex-grow: 1!important
      }
  
      .flex-lg-shrink-0 {
          -ms-flex-negative: 0!important;
          flex-shrink: 0!important
      }
  
      .flex-lg-shrink-1 {
          -ms-flex-negative: 1!important;
          flex-shrink: 1!important
      }
  
      .flex-lg-wrap {
          -ms-flex-wrap: wrap!important;
          flex-wrap: wrap!important
      }
  
      .flex-lg-nowrap {
          -ms-flex-wrap: nowrap!important;
          flex-wrap: nowrap!important
      }
  
      .flex-lg-wrap-reverse {
          -ms-flex-wrap: wrap-reverse!important;
          flex-wrap: wrap-reverse!important
      }
  
      .gap-lg-0 {
          gap: 0!important
      }
  
      .gap-lg-1 {
          gap: .25rem!important
      }
  
      .gap-lg-2 {
          gap: .5rem!important
      }
  
      .gap-lg-3 {
          gap: 1rem!important
      }
  
      .gap-lg-4 {
          gap: 1.5rem!important
      }
  
      .gap-lg-5 {
          gap: 3rem!important
      }
  
      .justify-content-lg-start {
          -webkit-box-pack: start!important;
          -ms-flex-pack: start!important;
          justify-content: flex-start!important
      }
  
      .justify-content-lg-end {
          -webkit-box-pack: end!important;
          -ms-flex-pack: end!important;
          justify-content: flex-end!important
      }
  
      .justify-content-lg-center {
          -webkit-box-pack: center!important;
          -ms-flex-pack: center!important;
          justify-content: center!important
      }
  
      .justify-content-lg-between {
          -webkit-box-pack: justify!important;
          -ms-flex-pack: justify!important;
          justify-content: space-between!important
      }
  
      .justify-content-lg-around {
          -ms-flex-pack: distribute!important;
          justify-content: space-around!important
      }
  
      .justify-content-lg-evenly {
          -webkit-box-pack: space-evenly!important;
          -ms-flex-pack: space-evenly!important;
          justify-content: space-evenly!important
      }
  
      .align-items-lg-start {
          -webkit-box-align: start!important;
          -ms-flex-align: start!important;
          align-items: flex-start!important
      }
  
      .align-items-lg-end {
          -webkit-box-align: end!important;
          -ms-flex-align: end!important;
          align-items: flex-end!important
      }
  
      .align-items-lg-center {
          -webkit-box-align: center!important;
          -ms-flex-align: center!important;
          align-items: center!important
      }
  
      .align-items-lg-baseline {
          -webkit-box-align: baseline!important;
          -ms-flex-align: baseline!important;
          align-items: baseline!important
      }
  
      .align-items-lg-stretch {
          -webkit-box-align: stretch!important;
          -ms-flex-align: stretch!important;
          align-items: stretch!important
      }
  
      .align-content-lg-start {
          -ms-flex-line-pack: start!important;
          align-content: flex-start!important
      }
  
      .align-content-lg-end {
          -ms-flex-line-pack: end!important;
          align-content: flex-end!important
      }
  
      .align-content-lg-center {
          -ms-flex-line-pack: center!important;
          align-content: center!important
      }
  
      .align-content-lg-between {
          -ms-flex-line-pack: justify!important;
          align-content: space-between!important
      }
  
      .align-content-lg-around {
          -ms-flex-line-pack: distribute!important;
          align-content: space-around!important
      }
  
      .align-content-lg-stretch {
          -ms-flex-line-pack: stretch!important;
          align-content: stretch!important
      }
  
      .align-self-lg-auto {
          -ms-flex-item-align: auto!important;
          align-self: auto!important
      }
  
      .align-self-lg-start {
          -ms-flex-item-align: start!important;
          align-self: flex-start!important
      }
  
      .align-self-lg-end {
          -ms-flex-item-align: end!important;
          align-self: flex-end!important
      }
  
      .align-self-lg-center {
          -ms-flex-item-align: center!important;
          align-self: center!important
      }
  
      .align-self-lg-baseline {
          -ms-flex-item-align: baseline!important;
          align-self: baseline!important
      }
  
      .align-self-lg-stretch {
          -ms-flex-item-align: stretch!important;
          align-self: stretch!important
      }
  
      .order-lg-first {
          -webkit-box-ordinal-group: 0!important;
          -ms-flex-order: -1!important;
          order: -1!important
      }
  
      .order-lg-0 {
          -webkit-box-ordinal-group: 1!important;
          -ms-flex-order: 0!important;
          order: 0!important
      }
  
      .order-lg-1 {
          -webkit-box-ordinal-group: 2!important;
          -ms-flex-order: 1!important;
          order: 1!important
      }
  
      .order-lg-2 {
          -webkit-box-ordinal-group: 3!important;
          -ms-flex-order: 2!important;
          order: 2!important
      }
  
      .order-lg-3 {
          -webkit-box-ordinal-group: 4!important;
          -ms-flex-order: 3!important;
          order: 3!important
      }
  
      .order-lg-4 {
          -webkit-box-ordinal-group: 5!important;
          -ms-flex-order: 4!important;
          order: 4!important
      }
  
      .order-lg-5 {
          -webkit-box-ordinal-group: 6!important;
          -ms-flex-order: 5!important;
          order: 5!important
      }
  
      .order-lg-last {
          -webkit-box-ordinal-group: 7!important;
          -ms-flex-order: 6!important;
          order: 6!important
      }
  
      .m-lg-0 {
          margin: 0!important
      }
  
      .m-lg-1 {
          margin: .25rem!important
      }
  
      .m-lg-2 {
          margin: .5rem!important
      }
  
      .m-lg-3 {
          margin: 1rem!important
      }
  
      .m-lg-4 {
          margin: 1.5rem!important
      }
  
      .m-lg-5 {
          margin: 3rem!important
      }
  
      .m-lg-auto {
          margin: auto!important
      }
  
      .mx-lg-0 {
          margin-right: 0!important;
          margin-left: 0!important
      }
  
      .mx-lg-1 {
          margin-right: .25rem!important;
          margin-left: .25rem!important
      }
  
      .mx-lg-2 {
          margin-right: .5rem!important;
          margin-left: .5rem!important
      }
  
      .mx-lg-3 {
          margin-right: 1rem!important;
          margin-left: 1rem!important
      }
  
      .mx-lg-4 {
          margin-right: 1.5rem!important;
          margin-left: 1.5rem!important
      }
  
      .mx-lg-5 {
          margin-right: 3rem!important;
          margin-left: 3rem!important
      }
  
      .mx-lg-auto {
          margin-right: auto!important;
          margin-left: auto!important
      }
  
      .my-lg-0 {
          margin-top: 0!important;
          margin-bottom: 0!important
      }
  
      .my-lg-1 {
          margin-top: .25rem!important;
          margin-bottom: .25rem!important
      }
  
      .my-lg-2 {
          margin-top: .5rem!important;
          margin-bottom: .5rem!important
      }
  
      .my-lg-3 {
          margin-top: 1rem!important;
          margin-bottom: 1rem!important
      }
  
      .my-lg-4 {
          margin-top: 1.5rem!important;
          margin-bottom: 1.5rem!important
      }
  
      .my-lg-5 {
          margin-top: 3rem!important;
          margin-bottom: 3rem!important
      }
  
      .my-lg-auto {
          margin-top: auto!important;
          margin-bottom: auto!important
      }
  
      .mt-lg-0 {
          margin-top: 0!important
      }
  
      .mt-lg-1 {
          margin-top: .25rem!important
      }
  
      .mt-lg-2 {
          margin-top: .5rem!important
      }
  
      .mt-lg-3 {
          margin-top: 1rem!important
      }
  
      .mt-lg-4 {
          margin-top: 1.5rem!important
      }
  
      .mt-lg-5 {
          margin-top: 3rem!important
      }
  
      .mt-lg-auto {
          margin-top: auto!important
      }
  
      .me-lg-0 {
          margin-right: 0!important
      }
  
      .me-lg-1 {
          margin-right: .25rem!important
      }
  
      .me-lg-2 {
          margin-right: .5rem!important
      }
  
      .me-lg-3 {
          margin-right: 1rem!important
      }
  
      .me-lg-4 {
          margin-right: 1.5rem!important
      }
  
      .me-lg-5 {
          margin-right: 3rem!important
      }
  
      .me-lg-auto {
          margin-right: auto!important
      }
  
      .mb-lg-0 {
          margin-bottom: 0!important
      }
  
      .mb-lg-1 {
          margin-bottom: .25rem!important
      }
  
      .mb-lg-2 {
          margin-bottom: .5rem!important
      }
  
      .mb-lg-3 {
          margin-bottom: 1rem!important
      }
  
      .mb-lg-4 {
          margin-bottom: 1.5rem!important
      }
  
      .mb-lg-5 {
          margin-bottom: 3rem!important
      }
  
      .mb-lg-auto {
          margin-bottom: auto!important
      }
  
      .mb-lg-6 {
          margin-bottom: 3.5rem!important
      }
  
      .mb-lg-7 {
          margin-bottom: 4rem!important
      }
  
      .mb-lg-8 {
          margin-bottom: 5rem!important
      }
  
      .mb-lg-9 {
          margin-bottom: 6rem!important
      }
  
      .mb-lg-10 {
          margin-bottom: 8rem!important
      }
  
      .mb-lg-11 {
          margin-bottom: 10rem!important
      }
  
      .mb-lg-12 {
          margin-bottom: 12rem!important
      }
  
      .mb-lg-13 {
          margin-bottom: 14rem!important
      }
  
      .mb-lg-14 {
          margin-bottom: 16rem!important
      }
  
      .ms-lg-0 {
          margin-left: 0!important
      }
  
      .ms-lg-1 {
          margin-left: .25rem!important
      }
  
      .ms-lg-2 {
          margin-left: .5rem!important
      }
  
      .ms-lg-3 {
          margin-left: 1rem!important
      }
  
      .ms-lg-4 {
          margin-left: 1.5rem!important
      }
  
      .ms-lg-5 {
          margin-left: 3rem!important
      }
  
      .ms-lg-auto {
          margin-left: auto!important
      }
  
      .m-lg-n1 {
          margin: -.25rem!important
      }
  
      .m-lg-n2 {
          margin: -.5rem!important
      }
  
      .m-lg-n3 {
          margin: -1rem!important
      }
  
      .m-lg-n4 {
          margin: -1.5rem!important
      }
  
      .m-lg-n5 {
          margin: -3rem!important
      }
  
      .mx-lg-n1 {
          margin-right: -.25rem!important;
          margin-left: -.25rem!important
      }
  
      .mx-lg-n2 {
          margin-right: -.5rem!important;
          margin-left: -.5rem!important
      }
  
      .mx-lg-n3 {
          margin-right: -1rem!important;
          margin-left: -1rem!important
      }
  
      .mx-lg-n4 {
          margin-right: -1.5rem!important;
          margin-left: -1.5rem!important
      }
  
      .mx-lg-n5 {
          margin-right: -3rem!important;
          margin-left: -3rem!important
      }
  
      .my-lg-n1 {
          margin-top: -.25rem!important;
          margin-bottom: -.25rem!important
      }
  
      .my-lg-n2 {
          margin-top: -.5rem!important;
          margin-bottom: -.5rem!important
      }
  
      .my-lg-n3 {
          margin-top: -1rem!important;
          margin-bottom: -1rem!important
      }
  
      .my-lg-n4 {
          margin-top: -1.5rem!important;
          margin-bottom: -1.5rem!important
      }
  
      .my-lg-n5 {
          margin-top: -3rem!important;
          margin-bottom: -3rem!important
      }
  
      .mt-lg-n1 {
          margin-top: -.25rem!important
      }
  
      .mt-lg-n2 {
          margin-top: -.5rem!important
      }
  
      .mt-lg-n3 {
          margin-top: -1rem!important
      }
  
      .mt-lg-n4 {
          margin-top: -1.5rem!important
      }
  
      .mt-lg-n5 {
          margin-top: -3rem!important
      }
  
      .me-lg-n1 {
          margin-right: -.25rem!important
      }
  
      .me-lg-n2 {
          margin-right: -.5rem!important
      }
  
      .me-lg-n3 {
          margin-right: -1rem!important
      }
  
      .me-lg-n4 {
          margin-right: -1.5rem!important
      }
  
      .me-lg-n5 {
          margin-right: -3rem!important
      }
  
      .mb-lg-n1 {
          margin-bottom: -.25rem!important
      }
  
      .mb-lg-n2 {
          margin-bottom: -.5rem!important
      }
  
      .mb-lg-n3 {
          margin-bottom: -1rem!important
      }
  
      .mb-lg-n4 {
          margin-bottom: -1.5rem!important
      }
  
      .mb-lg-n5 {
          margin-bottom: -3rem!important
      }
  
      .ms-lg-n1 {
          margin-left: -.25rem!important
      }
  
      .ms-lg-n2 {
          margin-left: -.5rem!important
      }
  
      .ms-lg-n3 {
          margin-left: -1rem!important
      }
  
      .ms-lg-n4 {
          margin-left: -1.5rem!important
      }
  
      .ms-lg-n5 {
          margin-left: -3rem!important
      }
  
      .p-lg-0 {
          padding: 0!important
      }
  
      .p-lg-1 {
          padding: .25rem!important
      }
  
      .p-lg-2 {
          padding: .5rem!important
      }
  
      .p-lg-3 {
          padding: 1rem!important
      }
  
      .p-lg-4 {
          padding: 1.5rem!important
      }
  
      .p-lg-5 {
          padding: 3rem!important
      }
  
      .px-lg-0 {
          padding-right: 0!important;
          padding-left: 0!important
      }
  
      .px-lg-1 {
          padding-right: .25rem!important;
          padding-left: .25rem!important
      }
  
      .px-lg-2 {
          padding-right: .5rem!important;
          padding-left: .5rem!important
      }
  
      .px-lg-3 {
          padding-right: 1rem!important;
          padding-left: 1rem!important
      }
  
      .px-lg-4 {
          padding-right: 1.5rem!important;
          padding-left: 1.5rem!important
      }
  
      .px-lg-5 {
          padding-right: 3rem!important;
          padding-left: 3rem!important
      }
  
      .py-lg-0 {
          padding-top: 0!important;
          padding-bottom: 0!important
      }
  
      .py-lg-1 {
          padding-top: .25rem!important;
          padding-bottom: .25rem!important
      }
  
      .py-lg-2 {
          padding-top: .5rem!important;
          padding-bottom: .5rem!important
      }
  
      .py-lg-3 {
          padding-top: 1rem!important;
          padding-bottom: 1rem!important
      }
  
      .py-lg-4 {
          padding-top: 1.5rem!important;
          padding-bottom: 1.5rem!important
      }
  
      .py-lg-5 {
          padding-top: 3rem!important;
          padding-bottom: 3rem!important
      }
  
      .pt-lg-0 {
          padding-top: 0!important
      }
  
      .pt-lg-1 {
          padding-top: .25rem!important
      }
  
      .pt-lg-2 {
          padding-top: .5rem!important
      }
  
      .pt-lg-3 {
          padding-top: 1rem!important
      }
  
      .pt-lg-4 {
          padding-top: 1.5rem!important
      }
  
      .pt-lg-5 {
          padding-top: 3rem!important
      }
  
      .pe-lg-0 {
          padding-right: 0!important
      }
  
      .pe-lg-1 {
          padding-right: .25rem!important
      }
  
      .pe-lg-2 {
          padding-right: .5rem!important
      }
  
      .pe-lg-3 {
          padding-right: 1rem!important
      }
  
      .pe-lg-4 {
          padding-right: 1.5rem!important
      }
  
      .pe-lg-5 {
          padding-right: 3rem!important
      }
  
      .pb-lg-0 {
          padding-bottom: 0!important
      }
  
      .pb-lg-1 {
          padding-bottom: .25rem!important
      }
  
      .pb-lg-2 {
          padding-bottom: .5rem!important
      }
  
      .pb-lg-3 {
          padding-bottom: 1rem!important
      }
  
      .pb-lg-4 {
          padding-bottom: 1.5rem!important
      }
  
      .pb-lg-5 {
          padding-bottom: 3rem!important
      }
  
      .ps-lg-0 {
          padding-left: 0!important
      }
  
      .ps-lg-1 {
          padding-left: .25rem!important
      }
  
      .ps-lg-2 {
          padding-left: .5rem!important
      }
  
      .ps-lg-3 {
          padding-left: 1rem!important
      }
  
      .ps-lg-4 {
          padding-left: 1.5rem!important
      }
  
      .ps-lg-5 {
          padding-left: 3rem!important
      }
  
      .text-lg-start {
          text-align: left!important
      }
  
      .text-lg-end {
          text-align: right!important
      }
  
      .text-lg-center {
          text-align: center!important
      }
  }
  
  @media(min-width: 1200px) {
      .float-xl-start {
          float:left!important
      }
  
      .float-xl-end {
          float: right!important
      }
  
      .float-xl-none {
          float: none!important
      }
  
      .d-xl-inline {
          display: inline!important
      }
  
      .d-xl-inline-block {
          display: inline-block!important
      }
  
      .d-xl-block {
          display: block!important
      }
  
      .d-xl-grid {
          display: grid!important
      }
  
      .d-xl-table {
          display: table!important
      }
  
      .d-xl-table-row {
          display: table-row!important
      }
  
      .d-xl-table-cell {
          display: table-cell!important
      }
  
      .d-xl-flex {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important
      }
  
      .d-xl-inline-flex {
          display: -webkit-inline-box!important;
          display: -ms-inline-flexbox!important;
          display: inline-flex!important
      }
  
      .d-xl-none {
          display: none!important
      }
  
      .flex-xl-fill {
          -webkit-box-flex: 1!important;
          -ms-flex: 1 1 auto!important;
          flex: 1 1 auto!important
      }
  
      .flex-xl-row {
          -webkit-box-orient: horizontal!important;
          -ms-flex-direction: row!important;
          flex-direction: row!important
      }
  
      .flex-xl-column,.flex-xl-row {
          -webkit-box-direction: normal!important
      }
  
      .flex-xl-column {
          -webkit-box-orient: vertical!important;
          -ms-flex-direction: column!important;
          flex-direction: column!important
      }
  
      .flex-xl-row-reverse {
          -webkit-box-orient: horizontal!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: row-reverse!important;
          flex-direction: row-reverse!important
      }
  
      .flex-xl-column-reverse {
          -webkit-box-orient: vertical!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: column-reverse!important;
          flex-direction: column-reverse!important
      }
  
      .flex-xl-grow-0 {
          -webkit-box-flex: 0!important;
          -ms-flex-positive: 0!important;
          flex-grow: 0!important
      }
  
      .flex-xl-grow-1 {
          -webkit-box-flex: 1!important;
          -ms-flex-positive: 1!important;
          flex-grow: 1!important
      }
  
      .flex-xl-shrink-0 {
          -ms-flex-negative: 0!important;
          flex-shrink: 0!important
      }
  
      .flex-xl-shrink-1 {
          -ms-flex-negative: 1!important;
          flex-shrink: 1!important
      }
  
      .flex-xl-wrap {
          -ms-flex-wrap: wrap!important;
          flex-wrap: wrap!important
      }
  
      .flex-xl-nowrap {
          -ms-flex-wrap: nowrap!important;
          flex-wrap: nowrap!important
      }
  
      .flex-xl-wrap-reverse {
          -ms-flex-wrap: wrap-reverse!important;
          flex-wrap: wrap-reverse!important
      }
  
      .gap-xl-0 {
          gap: 0!important
      }
  
      .gap-xl-1 {
          gap: .25rem!important
      }
  
      .gap-xl-2 {
          gap: .5rem!important
      }
  
      .gap-xl-3 {
          gap: 1rem!important
      }
  
      .gap-xl-4 {
          gap: 1.5rem!important
      }
  
      .gap-xl-5 {
          gap: 3rem!important
      }
  
      .justify-content-xl-start {
          -webkit-box-pack: start!important;
          -ms-flex-pack: start!important;
          justify-content: flex-start!important
      }
  
      .justify-content-xl-end {
          -webkit-box-pack: end!important;
          -ms-flex-pack: end!important;
          justify-content: flex-end!important
      }
  
      .justify-content-xl-center {
          -webkit-box-pack: center!important;
          -ms-flex-pack: center!important;
          justify-content: center!important
      }
  
      .justify-content-xl-between {
          -webkit-box-pack: justify!important;
          -ms-flex-pack: justify!important;
          justify-content: space-between!important
      }
  
      .justify-content-xl-around {
          -ms-flex-pack: distribute!important;
          justify-content: space-around!important
      }
  
      .justify-content-xl-evenly {
          -webkit-box-pack: space-evenly!important;
          -ms-flex-pack: space-evenly!important;
          justify-content: space-evenly!important
      }
  
      .align-items-xl-start {
          -webkit-box-align: start!important;
          -ms-flex-align: start!important;
          align-items: flex-start!important
      }
  
      .align-items-xl-end {
          -webkit-box-align: end!important;
          -ms-flex-align: end!important;
          align-items: flex-end!important
      }
  
      .align-items-xl-center {
          -webkit-box-align: center!important;
          -ms-flex-align: center!important;
          align-items: center!important
      }
  
      .align-items-xl-baseline {
          -webkit-box-align: baseline!important;
          -ms-flex-align: baseline!important;
          align-items: baseline!important
      }
  
      .align-items-xl-stretch {
          -webkit-box-align: stretch!important;
          -ms-flex-align: stretch!important;
          align-items: stretch!important
      }
  
      .align-content-xl-start {
          -ms-flex-line-pack: start!important;
          align-content: flex-start!important
      }
  
      .align-content-xl-end {
          -ms-flex-line-pack: end!important;
          align-content: flex-end!important
      }
  
      .align-content-xl-center {
          -ms-flex-line-pack: center!important;
          align-content: center!important
      }
  
      .align-content-xl-between {
          -ms-flex-line-pack: justify!important;
          align-content: space-between!important
      }
  
      .align-content-xl-around {
          -ms-flex-line-pack: distribute!important;
          align-content: space-around!important
      }
  
      .align-content-xl-stretch {
          -ms-flex-line-pack: stretch!important;
          align-content: stretch!important
      }
  
      .align-self-xl-auto {
          -ms-flex-item-align: auto!important;
          align-self: auto!important
      }
  
      .align-self-xl-start {
          -ms-flex-item-align: start!important;
          align-self: flex-start!important
      }
  
      .align-self-xl-end {
          -ms-flex-item-align: end!important;
          align-self: flex-end!important
      }
  
      .align-self-xl-center {
          -ms-flex-item-align: center!important;
          align-self: center!important
      }
  
      .align-self-xl-baseline {
          -ms-flex-item-align: baseline!important;
          align-self: baseline!important
      }
  
      .align-self-xl-stretch {
          -ms-flex-item-align: stretch!important;
          align-self: stretch!important
      }
  
      .order-xl-first {
          -webkit-box-ordinal-group: 0!important;
          -ms-flex-order: -1!important;
          order: -1!important
      }
  
      .order-xl-0 {
          -webkit-box-ordinal-group: 1!important;
          -ms-flex-order: 0!important;
          order: 0!important
      }
  
      .order-xl-1 {
          -webkit-box-ordinal-group: 2!important;
          -ms-flex-order: 1!important;
          order: 1!important
      }
  
      .order-xl-2 {
          -webkit-box-ordinal-group: 3!important;
          -ms-flex-order: 2!important;
          order: 2!important
      }
  
      .order-xl-3 {
          -webkit-box-ordinal-group: 4!important;
          -ms-flex-order: 3!important;
          order: 3!important
      }
  
      .order-xl-4 {
          -webkit-box-ordinal-group: 5!important;
          -ms-flex-order: 4!important;
          order: 4!important
      }
  
      .order-xl-5 {
          -webkit-box-ordinal-group: 6!important;
          -ms-flex-order: 5!important;
          order: 5!important
      }
  
      .order-xl-last {
          -webkit-box-ordinal-group: 7!important;
          -ms-flex-order: 6!important;
          order: 6!important
      }
  
      .m-xl-0 {
          margin: 0!important
      }
  
      .m-xl-1 {
          margin: .25rem!important
      }
  
      .m-xl-2 {
          margin: .5rem!important
      }
  
      .m-xl-3 {
          margin: 1rem!important
      }
  
      .m-xl-4 {
          margin: 1.5rem!important
      }
  
      .m-xl-5 {
          margin: 3rem!important
      }
  
      .m-xl-auto {
          margin: auto!important
      }
  
      .mx-xl-0 {
          margin-right: 0!important;
          margin-left: 0!important
      }
  
      .mx-xl-1 {
          margin-right: .25rem!important;
          margin-left: .25rem!important
      }
  
      .mx-xl-2 {
          margin-right: .5rem!important;
          margin-left: .5rem!important
      }
  
      .mx-xl-3 {
          margin-right: 1rem!important;
          margin-left: 1rem!important
      }
  
      .mx-xl-4 {
          margin-right: 1.5rem!important;
          margin-left: 1.5rem!important
      }
  
      .mx-xl-5 {
          margin-right: 3rem!important;
          margin-left: 3rem!important
      }
  
      .mx-xl-auto {
          margin-right: auto!important;
          margin-left: auto!important
      }
  
      .my-xl-0 {
          margin-top: 0!important;
          margin-bottom: 0!important
      }
  
      .my-xl-1 {
          margin-top: .25rem!important;
          margin-bottom: .25rem!important
      }
  
      .my-xl-2 {
          margin-top: .5rem!important;
          margin-bottom: .5rem!important
      }
  
      .my-xl-3 {
          margin-top: 1rem!important;
          margin-bottom: 1rem!important
      }
  
      .my-xl-4 {
          margin-top: 1.5rem!important;
          margin-bottom: 1.5rem!important
      }
  
      .my-xl-5 {
          margin-top: 3rem!important;
          margin-bottom: 3rem!important
      }
  
      .my-xl-auto {
          margin-top: auto!important;
          margin-bottom: auto!important
      }
  
      .mt-xl-0 {
          margin-top: 0!important
      }
  
      .mt-xl-1 {
          margin-top: .25rem!important
      }
  
      .mt-xl-2 {
          margin-top: .5rem!important
      }
  
      .mt-xl-3 {
          margin-top: 1rem!important
      }
  
      .mt-xl-4 {
          margin-top: 1.5rem!important
      }
  
      .mt-xl-5 {
          margin-top: 3rem!important
      }
  
      .mt-xl-auto {
          margin-top: auto!important
      }
  
      .me-xl-0 {
          margin-right: 0!important
      }
  
      .me-xl-1 {
          margin-right: .25rem!important
      }
  
      .me-xl-2 {
          margin-right: .5rem!important
      }
  
      .me-xl-3 {
          margin-right: 1rem!important
      }
  
      .me-xl-4 {
          margin-right: 1.5rem!important
      }
  
      .me-xl-5 {
          margin-right: 3rem!important
      }
  
      .me-xl-auto {
          margin-right: auto!important
      }
  
      .mb-xl-0 {
          margin-bottom: 0!important
      }
  
      .mb-xl-1 {
          margin-bottom: .25rem!important
      }
  
      .mb-xl-2 {
          margin-bottom: .5rem!important
      }
  
      .mb-xl-3 {
          margin-bottom: 1rem!important
      }
  
      .mb-xl-4 {
          margin-bottom: 1.5rem!important
      }
  
      .mb-xl-5 {
          margin-bottom: 3rem!important
      }
  
      .mb-xl-auto {
          margin-bottom: auto!important
      }
  
      .mb-xl-6 {
          margin-bottom: 3.5rem!important
      }
  
      .mb-xl-7 {
          margin-bottom: 4rem!important
      }
  
      .mb-xl-8 {
          margin-bottom: 5rem!important
      }
  
      .mb-xl-9 {
          margin-bottom: 6rem!important
      }
  
      .mb-xl-10 {
          margin-bottom: 8rem!important
      }
  
      .mb-xl-11 {
          margin-bottom: 10rem!important
      }
  
      .mb-xl-12 {
          margin-bottom: 12rem!important
      }
  
      .mb-xl-13 {
          margin-bottom: 14rem!important
      }
  
      .mb-xl-14 {
          margin-bottom: 16rem!important
      }
  
      .ms-xl-0 {
          margin-left: 0!important
      }
  
      .ms-xl-1 {
          margin-left: .25rem!important
      }
  
      .ms-xl-2 {
          margin-left: .5rem!important
      }
  
      .ms-xl-3 {
          margin-left: 1rem!important
      }
  
      .ms-xl-4 {
          margin-left: 1.5rem!important
      }
  
      .ms-xl-5 {
          margin-left: 3rem!important
      }
  
      .ms-xl-auto {
          margin-left: auto!important
      }
  
      .m-xl-n1 {
          margin: -.25rem!important
      }
  
      .m-xl-n2 {
          margin: -.5rem!important
      }
  
      .m-xl-n3 {
          margin: -1rem!important
      }
  
      .m-xl-n4 {
          margin: -1.5rem!important
      }
  
      .m-xl-n5 {
          margin: -3rem!important
      }
  
      .mx-xl-n1 {
          margin-right: -.25rem!important;
          margin-left: -.25rem!important
      }
  
      .mx-xl-n2 {
          margin-right: -.5rem!important;
          margin-left: -.5rem!important
      }
  
      .mx-xl-n3 {
          margin-right: -1rem!important;
          margin-left: -1rem!important
      }
  
      .mx-xl-n4 {
          margin-right: -1.5rem!important;
          margin-left: -1.5rem!important
      }
  
      .mx-xl-n5 {
          margin-right: -3rem!important;
          margin-left: -3rem!important
      }
  
      .my-xl-n1 {
          margin-top: -.25rem!important;
          margin-bottom: -.25rem!important
      }
  
      .my-xl-n2 {
          margin-top: -.5rem!important;
          margin-bottom: -.5rem!important
      }
  
      .my-xl-n3 {
          margin-top: -1rem!important;
          margin-bottom: -1rem!important
      }
  
      .my-xl-n4 {
          margin-top: -1.5rem!important;
          margin-bottom: -1.5rem!important
      }
  
      .my-xl-n5 {
          margin-top: -3rem!important;
          margin-bottom: -3rem!important
      }
  
      .mt-xl-n1 {
          margin-top: -.25rem!important
      }
  
      .mt-xl-n2 {
          margin-top: -.5rem!important
      }
  
      .mt-xl-n3 {
          margin-top: -1rem!important
      }
  
      .mt-xl-n4 {
          margin-top: -1.5rem!important
      }
  
      .mt-xl-n5 {
          margin-top: -3rem!important
      }
  
      .me-xl-n1 {
          margin-right: -.25rem!important
      }
  
      .me-xl-n2 {
          margin-right: -.5rem!important
      }
  
      .me-xl-n3 {
          margin-right: -1rem!important
      }
  
      .me-xl-n4 {
          margin-right: -1.5rem!important
      }
  
      .me-xl-n5 {
          margin-right: -3rem!important
      }
  
      .mb-xl-n1 {
          margin-bottom: -.25rem!important
      }
  
      .mb-xl-n2 {
          margin-bottom: -.5rem!important
      }
  
      .mb-xl-n3 {
          margin-bottom: -1rem!important
      }
  
      .mb-xl-n4 {
          margin-bottom: -1.5rem!important
      }
  
      .mb-xl-n5 {
          margin-bottom: -3rem!important
      }
  
      .ms-xl-n1 {
          margin-left: -.25rem!important
      }
  
      .ms-xl-n2 {
          margin-left: -.5rem!important
      }
  
      .ms-xl-n3 {
          margin-left: -1rem!important
      }
  
      .ms-xl-n4 {
          margin-left: -1.5rem!important
      }
  
      .ms-xl-n5 {
          margin-left: -3rem!important
      }
  
      .p-xl-0 {
          padding: 0!important
      }
  
      .p-xl-1 {
          padding: .25rem!important
      }
  
      .p-xl-2 {
          padding: .5rem!important
      }
  
      .p-xl-3 {
          padding: 1rem!important
      }
  
      .p-xl-4 {
          padding: 1.5rem!important
      }
  
      .p-xl-5 {
          padding: 3rem!important
      }
  
      .px-xl-0 {
          padding-right: 0!important;
          padding-left: 0!important
      }
  
      .px-xl-1 {
          padding-right: .25rem!important;
          padding-left: .25rem!important
      }
  
      .px-xl-2 {
          padding-right: .5rem!important;
          padding-left: .5rem!important
      }
  
      .px-xl-3 {
          padding-right: 1rem!important;
          padding-left: 1rem!important
      }
  
      .px-xl-4 {
          padding-right: 1.5rem!important;
          padding-left: 1.5rem!important
      }
  
      .px-xl-5 {
          padding-right: 3rem!important;
          padding-left: 3rem!important
      }
  
      .py-xl-0 {
          padding-top: 0!important;
          padding-bottom: 0!important
      }
  
      .py-xl-1 {
          padding-top: .25rem!important;
          padding-bottom: .25rem!important
      }
  
      .py-xl-2 {
          padding-top: .5rem!important;
          padding-bottom: .5rem!important
      }
  
      .py-xl-3 {
          padding-top: 1rem!important;
          padding-bottom: 1rem!important
      }
  
      .py-xl-4 {
          padding-top: 1.5rem!important;
          padding-bottom: 1.5rem!important
      }
  
      .py-xl-5 {
          padding-top: 3rem!important;
          padding-bottom: 3rem!important
      }
  
      .pt-xl-0 {
          padding-top: 0!important
      }
  
      .pt-xl-1 {
          padding-top: .25rem!important
      }
  
      .pt-xl-2 {
          padding-top: .5rem!important
      }
  
      .pt-xl-3 {
          padding-top: 1rem!important
      }
  
      .pt-xl-4 {
          padding-top: 1.5rem!important
      }
  
      .pt-xl-5 {
          padding-top: 3rem!important
      }
  
      .pe-xl-0 {
          padding-right: 0!important
      }
  
      .pe-xl-1 {
          padding-right: .25rem!important
      }
  
      .pe-xl-2 {
          padding-right: .5rem!important
      }
  
      .pe-xl-3 {
          padding-right: 1rem!important
      }
  
      .pe-xl-4 {
          padding-right: 1.5rem!important
      }
  
      .pe-xl-5 {
          padding-right: 3rem!important
      }
  
      .pb-xl-0 {
          padding-bottom: 0!important
      }
  
      .pb-xl-1 {
          padding-bottom: .25rem!important
      }
  
      .pb-xl-2 {
          padding-bottom: .5rem!important
      }
  
      .pb-xl-3 {
          padding-bottom: 1rem!important
      }
  
      .pb-xl-4 {
          padding-bottom: 1.5rem!important
      }
  
      .pb-xl-5 {
          padding-bottom: 3rem!important
      }
  
      .ps-xl-0 {
          padding-left: 0!important
      }
  
      .ps-xl-1 {
          padding-left: .25rem!important
      }
  
      .ps-xl-2 {
          padding-left: .5rem!important
      }
  
      .ps-xl-3 {
          padding-left: 1rem!important
      }
  
      .ps-xl-4 {
          padding-left: 1.5rem!important
      }
  
      .ps-xl-5 {
          padding-left: 3rem!important
      }
  
      .text-xl-start {
          text-align: left!important
      }
  
      .text-xl-end {
          text-align: right!important
      }
  
      .text-xl-center {
          text-align: center!important
      }
  }
  
  @media(min-width: 1400px) {
      .float-xxl-start {
          float:left!important
      }
  
      .float-xxl-end {
          float: right!important
      }
  
      .float-xxl-none {
          float: none!important
      }
  
      .d-xxl-inline {
          display: inline!important
      }
  
      .d-xxl-inline-block {
          display: inline-block!important
      }
  
      .d-xxl-block {
          display: block!important
      }
  
      .d-xxl-grid {
          display: grid!important
      }
  
      .d-xxl-table {
          display: table!important
      }
  
      .d-xxl-table-row {
          display: table-row!important
      }
  
      .d-xxl-table-cell {
          display: table-cell!important
      }
  
      .d-xxl-flex {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important
      }
  
      .d-xxl-inline-flex {
          display: -webkit-inline-box!important;
          display: -ms-inline-flexbox!important;
          display: inline-flex!important
      }
  
      .d-xxl-none {
          display: none!important
      }
  
      .flex-xxl-fill {
          -webkit-box-flex: 1!important;
          -ms-flex: 1 1 auto!important;
          flex: 1 1 auto!important
      }
  
      .flex-xxl-row {
          -webkit-box-orient: horizontal!important;
          -ms-flex-direction: row!important;
          flex-direction: row!important
      }
  
      .flex-xxl-column,.flex-xxl-row {
          -webkit-box-direction: normal!important
      }
  
      .flex-xxl-column {
          -webkit-box-orient: vertical!important;
          -ms-flex-direction: column!important;
          flex-direction: column!important
      }
  
      .flex-xxl-row-reverse {
          -webkit-box-orient: horizontal!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: row-reverse!important;
          flex-direction: row-reverse!important
      }
  
      .flex-xxl-column-reverse {
          -webkit-box-orient: vertical!important;
          -webkit-box-direction: reverse!important;
          -ms-flex-direction: column-reverse!important;
          flex-direction: column-reverse!important
      }
  
      .flex-xxl-grow-0 {
          -webkit-box-flex: 0!important;
          -ms-flex-positive: 0!important;
          flex-grow: 0!important
      }
  
      .flex-xxl-grow-1 {
          -webkit-box-flex: 1!important;
          -ms-flex-positive: 1!important;
          flex-grow: 1!important
      }
  
      .flex-xxl-shrink-0 {
          -ms-flex-negative: 0!important;
          flex-shrink: 0!important
      }
  
      .flex-xxl-shrink-1 {
          -ms-flex-negative: 1!important;
          flex-shrink: 1!important
      }
  
      .flex-xxl-wrap {
          -ms-flex-wrap: wrap!important;
          flex-wrap: wrap!important
      }
  
      .flex-xxl-nowrap {
          -ms-flex-wrap: nowrap!important;
          flex-wrap: nowrap!important
      }
  
      .flex-xxl-wrap-reverse {
          -ms-flex-wrap: wrap-reverse!important;
          flex-wrap: wrap-reverse!important
      }
  
      .gap-xxl-0 {
          gap: 0!important
      }
  
      .gap-xxl-1 {
          gap: .25rem!important
      }
  
      .gap-xxl-2 {
          gap: .5rem!important
      }
  
      .gap-xxl-3 {
          gap: 1rem!important
      }
  
      .gap-xxl-4 {
          gap: 1.5rem!important
      }
  
      .gap-xxl-5 {
          gap: 3rem!important
      }
  
      .justify-content-xxl-start {
          -webkit-box-pack: start!important;
          -ms-flex-pack: start!important;
          justify-content: flex-start!important
      }
  
      .justify-content-xxl-end {
          -webkit-box-pack: end!important;
          -ms-flex-pack: end!important;
          justify-content: flex-end!important
      }
  
      .justify-content-xxl-center {
          -webkit-box-pack: center!important;
          -ms-flex-pack: center!important;
          justify-content: center!important
      }
  
      .justify-content-xxl-between {
          -webkit-box-pack: justify!important;
          -ms-flex-pack: justify!important;
          justify-content: space-between!important
      }
  
      .justify-content-xxl-around {
          -ms-flex-pack: distribute!important;
          justify-content: space-around!important
      }
  
      .justify-content-xxl-evenly {
          -webkit-box-pack: space-evenly!important;
          -ms-flex-pack: space-evenly!important;
          justify-content: space-evenly!important
      }
  
      .align-items-xxl-start {
          -webkit-box-align: start!important;
          -ms-flex-align: start!important;
          align-items: flex-start!important
      }
  
      .align-items-xxl-end {
          -webkit-box-align: end!important;
          -ms-flex-align: end!important;
          align-items: flex-end!important
      }
  
      .align-items-xxl-center {
          -webkit-box-align: center!important;
          -ms-flex-align: center!important;
          align-items: center!important
      }
  
      .align-items-xxl-baseline {
          -webkit-box-align: baseline!important;
          -ms-flex-align: baseline!important;
          align-items: baseline!important
      }
  
      .align-items-xxl-stretch {
          -webkit-box-align: stretch!important;
          -ms-flex-align: stretch!important;
          align-items: stretch!important
      }
  
      .align-content-xxl-start {
          -ms-flex-line-pack: start!important;
          align-content: flex-start!important
      }
  
      .align-content-xxl-end {
          -ms-flex-line-pack: end!important;
          align-content: flex-end!important
      }
  
      .align-content-xxl-center {
          -ms-flex-line-pack: center!important;
          align-content: center!important
      }
  
      .align-content-xxl-between {
          -ms-flex-line-pack: justify!important;
          align-content: space-between!important
      }
  
      .align-content-xxl-around {
          -ms-flex-line-pack: distribute!important;
          align-content: space-around!important
      }
  
      .align-content-xxl-stretch {
          -ms-flex-line-pack: stretch!important;
          align-content: stretch!important
      }
  
      .align-self-xxl-auto {
          -ms-flex-item-align: auto!important;
          align-self: auto!important
      }
  
      .align-self-xxl-start {
          -ms-flex-item-align: start!important;
          align-self: flex-start!important
      }
  
      .align-self-xxl-end {
          -ms-flex-item-align: end!important;
          align-self: flex-end!important
      }
  
      .align-self-xxl-center {
          -ms-flex-item-align: center!important;
          align-self: center!important
      }
  
      .align-self-xxl-baseline {
          -ms-flex-item-align: baseline!important;
          align-self: baseline!important
      }
  
      .align-self-xxl-stretch {
          -ms-flex-item-align: stretch!important;
          align-self: stretch!important
      }
  
      .order-xxl-first {
          -webkit-box-ordinal-group: 0!important;
          -ms-flex-order: -1!important;
          order: -1!important
      }
  
      .order-xxl-0 {
          -webkit-box-ordinal-group: 1!important;
          -ms-flex-order: 0!important;
          order: 0!important
      }
  
      .order-xxl-1 {
          -webkit-box-ordinal-group: 2!important;
          -ms-flex-order: 1!important;
          order: 1!important
      }
  
      .order-xxl-2 {
          -webkit-box-ordinal-group: 3!important;
          -ms-flex-order: 2!important;
          order: 2!important
      }
  
      .order-xxl-3 {
          -webkit-box-ordinal-group: 4!important;
          -ms-flex-order: 3!important;
          order: 3!important
      }
  
      .order-xxl-4 {
          -webkit-box-ordinal-group: 5!important;
          -ms-flex-order: 4!important;
          order: 4!important
      }
  
      .order-xxl-5 {
          -webkit-box-ordinal-group: 6!important;
          -ms-flex-order: 5!important;
          order: 5!important
      }
  
      .order-xxl-last {
          -webkit-box-ordinal-group: 7!important;
          -ms-flex-order: 6!important;
          order: 6!important
      }
  
      .m-xxl-0 {
          margin: 0!important
      }
  
      .m-xxl-1 {
          margin: .25rem!important
      }
  
      .m-xxl-2 {
          margin: .5rem!important
      }
  
      .m-xxl-3 {
          margin: 1rem!important
      }
  
      .m-xxl-4 {
          margin: 1.5rem!important
      }
  
      .m-xxl-5 {
          margin: 3rem!important
      }
  
      .m-xxl-auto {
          margin: auto!important
      }
  
      .mx-xxl-0 {
          margin-right: 0!important;
          margin-left: 0!important
      }
  
      .mx-xxl-1 {
          margin-right: .25rem!important;
          margin-left: .25rem!important
      }
  
      .mx-xxl-2 {
          margin-right: .5rem!important;
          margin-left: .5rem!important
      }
  
      .mx-xxl-3 {
          margin-right: 1rem!important;
          margin-left: 1rem!important
      }
  
      .mx-xxl-4 {
          margin-right: 1.5rem!important;
          margin-left: 1.5rem!important
      }
  
      .mx-xxl-5 {
          margin-right: 3rem!important;
          margin-left: 3rem!important
      }
  
      .mx-xxl-auto {
          margin-right: auto!important;
          margin-left: auto!important
      }
  
      .my-xxl-0 {
          margin-top: 0!important;
          margin-bottom: 0!important
      }
  
      .my-xxl-1 {
          margin-top: .25rem!important;
          margin-bottom: .25rem!important
      }
  
      .my-xxl-2 {
          margin-top: .5rem!important;
          margin-bottom: .5rem!important
      }
  
      .my-xxl-3 {
          margin-top: 1rem!important;
          margin-bottom: 1rem!important
      }
  
      .my-xxl-4 {
          margin-top: 1.5rem!important;
          margin-bottom: 1.5rem!important
      }
  
      .my-xxl-5 {
          margin-top: 3rem!important;
          margin-bottom: 3rem!important
      }
  
      .my-xxl-auto {
          margin-top: auto!important;
          margin-bottom: auto!important
      }
  
      .mt-xxl-0 {
          margin-top: 0!important
      }
  
      .mt-xxl-1 {
          margin-top: .25rem!important
      }
  
      .mt-xxl-2 {
          margin-top: .5rem!important
      }
  
      .mt-xxl-3 {
          margin-top: 1rem!important
      }
  
      .mt-xxl-4 {
          margin-top: 1.5rem!important
      }
  
      .mt-xxl-5 {
          margin-top: 3rem!important
      }
  
      .mt-xxl-auto {
          margin-top: auto!important
      }
  
      .me-xxl-0 {
          margin-right: 0!important
      }
  
      .me-xxl-1 {
          margin-right: .25rem!important
      }
  
      .me-xxl-2 {
          margin-right: .5rem!important
      }
  
      .me-xxl-3 {
          margin-right: 1rem!important
      }
  
      .me-xxl-4 {
          margin-right: 1.5rem!important
      }
  
      .me-xxl-5 {
          margin-right: 3rem!important
      }
  
      .me-xxl-auto {
          margin-right: auto!important
      }
  
      .mb-xxl-0 {
          margin-bottom: 0!important
      }
  
      .mb-xxl-1 {
          margin-bottom: .25rem!important
      }
  
      .mb-xxl-2 {
          margin-bottom: .5rem!important
      }
  
      .mb-xxl-3 {
          margin-bottom: 1rem!important
      }
  
      .mb-xxl-4 {
          margin-bottom: 1.5rem!important
      }
  
      .mb-xxl-5 {
          margin-bottom: 3rem!important
      }
  
      .mb-xxl-auto {
          margin-bottom: auto!important
      }
  
      .mb-xxl-6 {
          margin-bottom: 3.5rem!important
      }
  
      .mb-xxl-7 {
          margin-bottom: 4rem!important
      }
  
      .mb-xxl-8 {
          margin-bottom: 5rem!important
      }
  
      .mb-xxl-9 {
          margin-bottom: 6rem!important
      }
  
      .mb-xxl-10 {
          margin-bottom: 8rem!important
      }
  
      .mb-xxl-11 {
          margin-bottom: 10rem!important
      }
  
      .mb-xxl-12 {
          margin-bottom: 12rem!important
      }
  
      .mb-xxl-13 {
          margin-bottom: 14rem!important
      }
  
      .mb-xxl-14 {
          margin-bottom: 16rem!important
      }
  
      .ms-xxl-0 {
          margin-left: 0!important
      }
  
      .ms-xxl-1 {
          margin-left: .25rem!important
      }
  
      .ms-xxl-2 {
          margin-left: .5rem!important
      }
  
      .ms-xxl-3 {
          margin-left: 1rem!important
      }
  
      .ms-xxl-4 {
          margin-left: 1.5rem!important
      }
  
      .ms-xxl-5 {
          margin-left: 3rem!important
      }
  
      .ms-xxl-auto {
          margin-left: auto!important
      }
  
      .m-xxl-n1 {
          margin: -.25rem!important
      }
  
      .m-xxl-n2 {
          margin: -.5rem!important
      }
  
      .m-xxl-n3 {
          margin: -1rem!important
      }
  
      .m-xxl-n4 {
          margin: -1.5rem!important
      }
  
      .m-xxl-n5 {
          margin: -3rem!important
      }
  
      .mx-xxl-n1 {
          margin-right: -.25rem!important;
          margin-left: -.25rem!important
      }
  
      .mx-xxl-n2 {
          margin-right: -.5rem!important;
          margin-left: -.5rem!important
      }
  
      .mx-xxl-n3 {
          margin-right: -1rem!important;
          margin-left: -1rem!important
      }
  
      .mx-xxl-n4 {
          margin-right: -1.5rem!important;
          margin-left: -1.5rem!important
      }
  
      .mx-xxl-n5 {
          margin-right: -3rem!important;
          margin-left: -3rem!important
      }
  
      .my-xxl-n1 {
          margin-top: -.25rem!important;
          margin-bottom: -.25rem!important
      }
  
      .my-xxl-n2 {
          margin-top: -.5rem!important;
          margin-bottom: -.5rem!important
      }
  
      .my-xxl-n3 {
          margin-top: -1rem!important;
          margin-bottom: -1rem!important
      }
  
      .my-xxl-n4 {
          margin-top: -1.5rem!important;
          margin-bottom: -1.5rem!important
      }
  
      .my-xxl-n5 {
          margin-top: -3rem!important;
          margin-bottom: -3rem!important
      }
  
      .mt-xxl-n1 {
          margin-top: -.25rem!important
      }
  
      .mt-xxl-n2 {
          margin-top: -.5rem!important
      }
  
      .mt-xxl-n3 {
          margin-top: -1rem!important
      }
  
      .mt-xxl-n4 {
          margin-top: -1.5rem!important
      }
  
      .mt-xxl-n5 {
          margin-top: -3rem!important
      }
  
      .me-xxl-n1 {
          margin-right: -.25rem!important
      }
  
      .me-xxl-n2 {
          margin-right: -.5rem!important
      }
  
      .me-xxl-n3 {
          margin-right: -1rem!important
      }
  
      .me-xxl-n4 {
          margin-right: -1.5rem!important
      }
  
      .me-xxl-n5 {
          margin-right: -3rem!important
      }
  
      .mb-xxl-n1 {
          margin-bottom: -.25rem!important
      }
  
      .mb-xxl-n2 {
          margin-bottom: -.5rem!important
      }
  
      .mb-xxl-n3 {
          margin-bottom: -1rem!important
      }
  
      .mb-xxl-n4 {
          margin-bottom: -1.5rem!important
      }
  
      .mb-xxl-n5 {
          margin-bottom: -3rem!important
      }
  
      .ms-xxl-n1 {
          margin-left: -.25rem!important
      }
  
      .ms-xxl-n2 {
          margin-left: -.5rem!important
      }
  
      .ms-xxl-n3 {
          margin-left: -1rem!important
      }
  
      .ms-xxl-n4 {
          margin-left: -1.5rem!important
      }
  
      .ms-xxl-n5 {
          margin-left: -3rem!important
      }
  
      .p-xxl-0 {
          padding: 0!important
      }
  
      .p-xxl-1 {
          padding: .25rem!important
      }
  
      .p-xxl-2 {
          padding: .5rem!important
      }
  
      .p-xxl-3 {
          padding: 1rem!important
      }
  
      .p-xxl-4 {
          padding: 1.5rem!important
      }
  
      .p-xxl-5 {
          padding: 3rem!important
      }
  
      .px-xxl-0 {
          padding-right: 0!important;
          padding-left: 0!important
      }
  
      .px-xxl-1 {
          padding-right: .25rem!important;
          padding-left: .25rem!important
      }
  
      .px-xxl-2 {
          padding-right: .5rem!important;
          padding-left: .5rem!important
      }
  
      .px-xxl-3 {
          padding-right: 1rem!important;
          padding-left: 1rem!important
      }
  
      .px-xxl-4 {
          padding-right: 1.5rem!important;
          padding-left: 1.5rem!important
      }
  
      .px-xxl-5 {
          padding-right: 3rem!important;
          padding-left: 3rem!important
      }
  
      .py-xxl-0 {
          padding-top: 0!important;
          padding-bottom: 0!important
      }
  
      .py-xxl-1 {
          padding-top: .25rem!important;
          padding-bottom: .25rem!important
      }
  
      .py-xxl-2 {
          padding-top: .5rem!important;
          padding-bottom: .5rem!important
      }
  
      .py-xxl-3 {
          padding-top: 1rem!important;
          padding-bottom: 1rem!important
      }
  
      .py-xxl-4 {
          padding-top: 1.5rem!important;
          padding-bottom: 1.5rem!important
      }
  
      .py-xxl-5 {
          padding-top: 3rem!important;
          padding-bottom: 3rem!important
      }
  
      .pt-xxl-0 {
          padding-top: 0!important
      }
  
      .pt-xxl-1 {
          padding-top: .25rem!important
      }
  
      .pt-xxl-2 {
          padding-top: .5rem!important
      }
  
      .pt-xxl-3 {
          padding-top: 1rem!important
      }
  
      .pt-xxl-4 {
          padding-top: 1.5rem!important
      }
  
      .pt-xxl-5 {
          padding-top: 3rem!important
      }
  
      .pe-xxl-0 {
          padding-right: 0!important
      }
  
      .pe-xxl-1 {
          padding-right: .25rem!important
      }
  
      .pe-xxl-2 {
          padding-right: .5rem!important
      }
  
      .pe-xxl-3 {
          padding-right: 1rem!important
      }
  
      .pe-xxl-4 {
          padding-right: 1.5rem!important
      }
  
      .pe-xxl-5 {
          padding-right: 3rem!important
      }
  
      .pb-xxl-0 {
          padding-bottom: 0!important
      }
  
      .pb-xxl-1 {
          padding-bottom: .25rem!important
      }
  
      .pb-xxl-2 {
          padding-bottom: .5rem!important
      }
  
      .pb-xxl-3 {
          padding-bottom: 1rem!important
      }
  
      .pb-xxl-4 {
          padding-bottom: 1.5rem!important
      }
  
      .pb-xxl-5 {
          padding-bottom: 3rem!important
      }
  
      .ps-xxl-0 {
          padding-left: 0!important
      }
  
      .ps-xxl-1 {
          padding-left: .25rem!important
      }
  
      .ps-xxl-2 {
          padding-left: .5rem!important
      }
  
      .ps-xxl-3 {
          padding-left: 1rem!important
      }
  
      .ps-xxl-4 {
          padding-left: 1.5rem!important
      }
  
      .ps-xxl-5 {
          padding-left: 3rem!important
      }
  
      .text-xxl-start {
          text-align: left!important
      }
  
      .text-xxl-end {
          text-align: right!important
      }
  
      .text-xxl-center {
          text-align: center!important
      }
  }
  
  @media(min-width: 1200px) {
      .fs-1 {
          font-size:2.5rem!important
      }
  
      .fs-2 {
          font-size: 2rem!important
      }
  
      .fs-3 {
          font-size: 1.75rem!important
      }
  
      .fs-4 {
          font-size: 1.5rem!important
      }
  }
  
  @media print {
      .d-print-inline {
          display: inline!important
      }
  
      .d-print-inline-block {
          display: inline-block!important
      }
  
      .d-print-block {
          display: block!important
      }
  
      .d-print-grid {
          display: grid!important
      }
  
      .d-print-table {
          display: table!important
      }
  
      .d-print-table-row {
          display: table-row!important
      }
  
      .d-print-table-cell {
          display: table-cell!important
      }
  
      .d-print-flex {
          display: -webkit-box!important;
          display: -ms-flexbox!important;
          display: flex!important
      }
  
      .d-print-inline-flex {
          display: -webkit-inline-box!important;
          display: -ms-inline-flexbox!important;
          display: inline-flex!important
      }
  
      .d-print-none {
          display: none!important
      }
  }
  
  .diagonal-fractions {
      font-variant-numeric: diagonal-fractions
  }
  
  .bg-super-light {
      background-color: #fbfbfb
  }
  
  .bg-local {
      background-attachment: local
  }
  
  .bg-scroll {
      background-attachment: scroll
  }
  
  .overflow-y-scroll {
      overflow-y: scroll
  }
  
  .overflow-x-scroll {
      overflow-x: scroll
  }
  
  .table-fixed {
      table-layout: fixed
  }
  
  .table-auto {
      table-layout: auto
  }
  
  :root {
      --mdb-font-times: "Times", "Georgia", "Garamond", "Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue", sans-serif;
  }
  
  body {
      font-family: var(--mdb-font-roboto);
      line-height: 1.6;
      color: black
  }
  
  a {
      text-decoration: none
  }
  
  button:focus {
      outline: 0
  }
  
  .note {
      padding: 10px;
      border-left: 6px solid;
      border-radius: 5px
  }
  
  .note strong {
      font-weight: 600
  }
  
  .note p {
      font-weight: 500
  }
  
  .note-primary {
      background-color: #e1ecfd;
      border-color: #1266f1
  }
  
  .note-secondary {
      background-color: #f4e3ff;
      border-color: #b23cfd
  }
  
  .note-success {
      background-color: #c6ffdd;
      border-color: #00b74a
  }
  
  .note-danger {
      background-color: #fee3e8;
      border-color: #f93154
  }
  
  .note-warning {
      background-color: #fff1d6;
      border-color: #ffa900
  }
  
  .note-info {
      background-color: #e1f6fc;
      border-color: #39c0ed
  }
  
  .note-light {
      background-color: #fbfbfb;
      border-color: #262626
  }
  
  @media(min-width: 1199px) {
      .w-responsive {
          width:75%
      }
  }
  
  .bg-primary {
      background-color: #1266f1!important
  }
  
  .bg-secondary {
      background-color: #9E9E9E!important
  }
  
  .bg-success {
      background-color: #00b74a!important
  }
  
  .bg-info {
      background-color: #39c0ed!important
  }
  
  .bg-warning {
      background-color: #ffa900!important
  }
  
  .bg-danger {
      background-color: #f93154!important
  }
  
  .bg-light {
      background-color: #fbfbfb!important
  }
  
  .bg-dark {
      background-color: #262626!important
  }
  
  .bg-white {
      background-color: #fff!important
  }
  
  .bg-black {
      background-color: #000!important
  }
  
  /*!
   * # Semantic UI 2.4.2 - Flag
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
  #mdb-table-flag tr {
      cursor: pointer
  }
  
  .mdb-flag-selected {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      text-align: center;
      max-width: 150px;
      margin: 10px auto 0
  }
  
  .mdb-selected-flag-text {
      margin: 0 auto;
      max-width: 150px
  }
  
  i.flag:before {
      display: inline-block;
      width: 16px;
      height: 11px;
      content: "";
      background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px
  }
  
  i.flag-ad:before,i.flag-andorra:before {
      background-position: 0 0!important
  }
  
  i.flag-ae:before,i.flag-uae:before,i.flag-united-arab-emirates:before {
      background-position: 0 -26px!important
  }
  
  i.flag-af:before,i.flag-afghanistan:before {
      background-position: 0 -52px!important
  }
  
  i.flag-ag:before,i.flag-antigua:before {
      background-position: 0 -78px!important
  }
  
  i.flag-ai:before,i.flag-anguilla:before {
      background-position: 0 -104px!important
  }
  
  i.flag-al:before,i.flag-albania:before {
      background-position: 0 -130px!important
  }
  
  i.flag-am:before,i.flag-armenia:before {
      background-position: 0 -156px!important
  }
  
  i.flag-an:before,i.flag-netherlands-antilles:before {
      background-position: 0 -182px!important
  }
  
  i.flag-angola:before,i.flag-ao:before {
      background-position: 0 -208px!important
  }
  
  i.flag-ar:before,i.flag-argentina:before {
      background-position: 0 -234px!important
  }
  
  i.flag-american-samoa:before,i.flag-as:before {
      background-position: 0 -260px!important
  }
  
  i.flag-at:before,i.flag-austria:before {
      background-position: 0 -286px!important
  }
  
  i.flag-au:before,i.flag-australia:before {
      background-position: 0 -312px!important
  }
  
  i.flag-aruba:before,i.flag-aw:before {
      background-position: 0 -338px!important
  }
  
  i.flag-aland-islands:before,i.flag-ax:before {
      background-position: 0 -364px!important
  }
  
  i.flag-az:before,i.flag-azerbaijan:before {
      background-position: 0 -390px!important
  }
  
  i.flag-ba:before,i.flag-bosnia:before {
      background-position: 0 -416px!important
  }
  
  i.flag-barbados:before,i.flag-bb:before {
      background-position: 0 -442px!important
  }
  
  i.flag-bangladesh:before,i.flag-bd:before {
      background-position: 0 -468px!important
  }
  
  i.flag-be:before,i.flag-belgium:before {
      background-position: 0 -494px!important
  }
  
  i.flag-bf:before,i.flag-burkina-faso:before {
      background-position: 0 -520px!important
  }
  
  i.flag-bg:before,i.flag-bulgaria:before {
      background-position: 0 -546px!important
  }
  
  i.flag-bahrain:before,i.flag-bh:before {
      background-position: 0 -572px!important
  }
  
  i.flag-bi:before,i.flag-burundi:before {
      background-position: 0 -598px!important
  }
  
  i.flag-benin:before,i.flag-bj:before {
      background-position: 0 -624px!important
  }
  
  i.flag-bermuda:before,i.flag-bm:before {
      background-position: 0 -650px!important
  }
  
  i.flag-bn:before,i.flag-brunei:before {
      background-position: 0 -676px!important
  }
  
  i.flag-bo:before,i.flag-bolivia:before {
      background-position: 0 -702px!important
  }
  
  i.flag-br:before,i.flag-brazil:before {
      background-position: 0 -728px!important
  }
  
  i.flag-bahamas:before,i.flag-bs:before {
      background-position: 0 -754px!important
  }
  
  i.flag-bhutan:before,i.flag-bt:before {
      background-position: 0 -780px!important
  }
  
  i.flag-bouvet-island:before,i.flag-bv:before {
      background-position: 0 -806px!important
  }
  
  i.flag-botswana:before,i.flag-bw:before {
      background-position: 0 -832px!important
  }
  
  i.flag-belarus:before,i.flag-by:before {
      background-position: 0 -858px!important
  }
  
  i.flag-belize:before,i.flag-bz:before {
      background-position: 0 -884px!important
  }
  
  i.flag-ca:before,i.flag-canada:before {
      background-position: 0 -910px!important
  }
  
  i.flag-cc:before,i.flag-cocos-islands:before {
      background-position: 0 -962px!important
  }
  
  i.flag-cd:before,i.flag-congo:before {
      background-position: 0 -988px!important
  }
  
  i.flag-central-african-republic:before,i.flag-cf:before {
      background-position: 0 -1014px!important
  }
  
  i.flag-cg:before,i.flag-congo-brazzaville:before {
      background-position: 0 -1040px!important
  }
  
  i.flag-ch:before,i.flag-switzerland:before {
      background-position: 0 -1066px!important
  }
  
  i.flag-ci:before,i.flag-cote-divoire:before {
      background-position: 0 -1092px!important
  }
  
  i.flag-ck:before,i.flag-cook-islands:before {
      background-position: 0 -1118px!important
  }
  
  i.flag-chile:before,i.flag-cl:before {
      background-position: 0 -1144px!important
  }
  
  i.flag-cameroon:before,i.flag-cm:before {
      background-position: 0 -1170px!important
  }
  
  i.flag-china:before,i.flag-cn:before {
      background-position: 0 -1196px!important
  }
  
  i.flag-co:before,i.flag-colombia:before {
      background-position: 0 -1222px!important
  }
  
  i.flag-costa-rica:before,i.flag-cr:before {
      background-position: 0 -1248px!important
  }
  
  i.flag-cs:before,i.flag-serbia:before {
      background-position: 0 -1274px!important
  }
  
  i.flag-cu:before,i.flag-cuba:before {
      background-position: 0 -1300px!important
  }
  
  i.flag-cape-verde:before,i.flag-cv:before {
      background-position: 0 -1326px!important
  }
  
  i.flag-christmas-island:before,i.flag-cx:before {
      background-position: 0 -1352px!important
  }
  
  i.flag-cy:before,i.flag-cyprus:before {
      background-position: 0 -1378px!important
  }
  
  i.flag-cz:before,i.flag-czech-republic:before {
      background-position: 0 -1404px!important
  }
  
  i.flag-de:before,i.flag-germany:before {
      background-position: 0 -1430px!important
  }
  
  i.flag-dj:before,i.flag-djibouti:before {
      background-position: 0 -1456px!important
  }
  
  i.flag-denmark:before,i.flag-dk:before {
      background-position: 0 -1482px!important
  }
  
  i.flag-dm:before,i.flag-dominica:before {
      background-position: 0 -1508px!important
  }
  
  i.flag-do:before,i.flag-dominican-republic:before {
      background-position: 0 -1534px!important
  }
  
  i.flag-algeria:before,i.flag-dz:before {
      background-position: 0 -1560px!important
  }
  
  i.flag-ec:before,i.flag-ecuador:before {
      background-position: 0 -1586px!important
  }
  
  i.flag-ee:before,i.flag-estonia:before {
      background-position: 0 -1612px!important
  }
  
  i.flag-eg:before,i.flag-egypt:before {
      background-position: 0 -1638px!important
  }
  
  i.flag-eh:before,i.flag-western-sahara:before {
      background-position: 0 -1664px!important
  }
  
  i.flag-england:before,i.flag-gb-eng:before {
      background-position: 0 -1690px!important
  }
  
  i.flag-er:before,i.flag-eritrea:before {
      background-position: 0 -1716px!important
  }
  
  i.flag-es:before,i.flag-spain:before {
      background-position: 0 -1742px!important
  }
  
  i.flag-et:before,i.flag-ethiopia:before {
      background-position: 0 -1768px!important
  }
  
  i.flag-eu:before,i.flag-european-union:before {
      background-position: 0 -1794px!important
  }
  
  i.flag-fi:before,i.flag-finland:before {
      background-position: 0 -1846px!important
  }
  
  i.flag-fiji:before,i.flag-fj:before {
      background-position: 0 -1872px!important
  }
  
  i.flag-falkland-islands:before,i.flag-fk:before {
      background-position: 0 -1898px!important
  }
  
  i.flag-fm:before,i.flag-micronesia:before {
      background-position: 0 -1924px!important
  }
  
  i.flag-faroe-islands:before,i.flag-fo:before {
      background-position: 0 -1950px!important
  }
  
  i.flag-fr:before,i.flag-france:before {
      background-position: 0 -1976px!important
  }
  
  i.flag-ga:before,i.flag-gabon:before {
      background-position: -36px 0!important
  }
  
  i.flag-gb:before,i.flag-uk:before,i.flag-united-kingdom:before {
      background-position: -36px -26px!important
  }
  
  i.flag-gd:before,i.flag-grenada:before {
      background-position: -36px -52px!important
  }
  
  i.flag-ge:before,i.flag-georgia:before {
      background-position: -36px -78px!important
  }
  
  i.flag-french-guiana:before,i.flag-gf:before {
      background-position: -36px -104px!important
  }
  
  i.flag-gh:before,i.flag-ghana:before {
      background-position: -36px -130px!important
  }
  
  i.flag-gi:before,i.flag-gibraltar:before {
      background-position: -36px -156px!important
  }
  
  i.flag-gl:before,i.flag-greenland:before {
      background-position: -36px -182px!important
  }
  
  i.flag-gambia:before,i.flag-gm:before {
      background-position: -36px -208px!important
  }
  
  i.flag-gn:before,i.flag-guinea:before {
      background-position: -36px -234px!important
  }
  
  i.flag-gp:before,i.flag-guadeloupe:before {
      background-position: -36px -260px!important
  }
  
  i.flag-equatorial-guinea:before,i.flag-gq:before {
      background-position: -36px -286px!important
  }
  
  i.flag-gr:before,i.flag-greece:before {
      background-position: -36px -312px!important
  }
  
  i.flag-gs:before,i.flag-sandwich-islands:before {
      background-position: -36px -338px!important
  }
  
  i.flag-gt:before,i.flag-guatemala:before {
      background-position: -36px -364px!important
  }
  
  i.flag-gu:before,i.flag-guam:before {
      background-position: -36px -390px!important
  }
  
  i.flag-guinea-bissau:before,i.flag-gw:before {
      background-position: -36px -416px!important
  }
  
  i.flag-guyana:before,i.flag-gy:before {
      background-position: -36px -442px!important
  }
  
  i.flag-hk:before,i.flag-hong-kong:before {
      background-position: -36px -468px!important
  }
  
  i.flag-heard-island:before,i.flag-hm:before {
      background-position: -36px -494px!important
  }
  
  i.flag-hn:before,i.flag-honduras:before {
      background-position: -36px -520px!important
  }
  
  i.flag-croatia:before,i.flag-hr:before {
      background-position: -36px -546px!important
  }
  
  i.flag-haiti:before,i.flag-ht:before {
      background-position: -36px -572px!important
  }
  
  i.flag-hu:before,i.flag-hungary:before {
      background-position: -36px -598px!important
  }
  
  i.flag-id:before,i.flag-indonesia:before {
      background-position: -36px -624px!important
  }
  
  i.flag-ie:before,i.flag-ireland:before {
      background-position: -36px -650px!important
  }
  
  i.flag-il:before,i.flag-israel:before {
      background-position: -36px -676px!important
  }
  
  i.flag-in:before,i.flag-india:before {
      background-position: -36px -702px!important
  }
  
  i.flag-indian-ocean-territory:before,i.flag-io:before {
      background-position: -36px -728px!important
  }
  
  i.flag-iq:before,i.flag-iraq:before {
      background-position: -36px -754px!important
  }
  
  i.flag-ir:before,i.flag-iran:before {
      background-position: -36px -780px!important
  }
  
  i.flag-iceland:before,i.flag-is:before {
      background-position: -36px -806px!important
  }
  
  i.flag-it:before,i.flag-italy:before {
      background-position: -36px -832px!important
  }
  
  i.flag-jamaica:before,i.flag-jm:before {
      background-position: -36px -858px!important
  }
  
  i.flag-jo:before,i.flag-jordan:before {
      background-position: -36px -884px!important
  }
  
  i.flag-japan:before,i.flag-jp:before {
      background-position: -36px -910px!important
  }
  
  i.flag-ke:before,i.flag-kenya:before {
      background-position: -36px -936px!important
  }
  
  i.flag-kg:before,i.flag-kyrgyzstan:before {
      background-position: -36px -962px!important
  }
  
  i.flag-cambodia:before,i.flag-kh:before {
      background-position: -36px -988px!important
  }
  
  i.flag-ki:before,i.flag-kiribati:before {
      background-position: -36px -1014px!important
  }
  
  i.flag-comoros:before,i.flag-km:before {
      background-position: -36px -1040px!important
  }
  
  i.flag-kn:before,i.flag-saint-kitts-and-nevis:before {
      background-position: -36px -1066px!important
  }
  
  i.flag-kp:before,i.flag-north-korea:before {
      background-position: -36px -1092px!important
  }
  
  i.flag-kr:before,i.flag-south-korea:before {
      background-position: -36px -1118px!important
  }
  
  i.flag-kuwait:before,i.flag-kw:before {
      background-position: -36px -1144px!important
  }
  
  i.flag-cayman-islands:before,i.flag-ky:before {
      background-position: -36px -1170px!important
  }
  
  i.flag-kazakhstan:before,i.flag-kz:before {
      background-position: -36px -1196px!important
  }
  
  i.flag-la:before,i.flag-laos:before {
      background-position: -36px -1222px!important
  }
  
  i.flag-lb:before,i.flag-lebanon:before {
      background-position: -36px -1248px!important
  }
  
  i.flag-lc:before,i.flag-saint-lucia:before {
      background-position: -36px -1274px!important
  }
  
  i.flag-li:before,i.flag-liechtenstein:before {
      background-position: -36px -1300px!important
  }
  
  i.flag-lk:before,i.flag-sri-lanka:before {
      background-position: -36px -1326px!important
  }
  
  i.flag-liberia:before,i.flag-lr:before {
      background-position: -36px -1352px!important
  }
  
  i.flag-lesotho:before,i.flag-ls:before {
      background-position: -36px -1378px!important
  }
  
  i.flag-lithuania:before,i.flag-lt:before {
      background-position: -36px -1404px!important
  }
  
  i.flag-lu:before,i.flag-luxembourg:before {
      background-position: -36px -1430px!important
  }
  
  i.flag-latvia:before,i.flag-lv:before {
      background-position: -36px -1456px!important
  }
  
  i.flag-libya:before,i.flag-ly:before {
      background-position: -36px -1482px!important
  }
  
  i.flag-ma:before,i.flag-morocco:before {
      background-position: -36px -1508px!important
  }
  
  i.flag-mc:before,i.flag-monaco:before {
      background-position: -36px -1534px!important
  }
  
  i.flag-md:before,i.flag-moldova:before {
      background-position: -36px -1560px!important
  }
  
  i.flag-me:before,i.flag-montenegro:before {
      background-position: -36px -1586px!important
  }
  
  i.flag-madagascar:before,i.flag-mg:before {
      background-position: -36px -1613px!important
  }
  
  i.flag-marshall-islands:before,i.flag-mh:before {
      background-position: -36px -1639px!important
  }
  
  i.flag-macedonia:before,i.flag-mk:before {
      background-position: -36px -1665px!important
  }
  
  i.flag-mali:before,i.flag-ml:before {
      background-position: -36px -1691px!important
  }
  
  i.flag-burma:before,i.flag-mm:before,i.flag-myanmar:before {
      background-position: -73px -1821px!important
  }
  
  i.flag-mn:before,i.flag-mongolia:before {
      background-position: -36px -1743px!important
  }
  
  i.flag-macau:before,i.flag-mo:before {
      background-position: -36px -1769px!important
  }
  
  i.flag-mp:before,i.flag-northern-mariana-islands:before {
      background-position: -36px -1795px!important
  }
  
  i.flag-martinique:before,i.flag-mq:before {
      background-position: -36px -1821px!important
  }
  
  i.flag-mauritania:before,i.flag-mr:before {
      background-position: -36px -1847px!important
  }
  
  i.flag-montserrat:before,i.flag-ms:before {
      background-position: -36px -1873px!important
  }
  
  i.flag-malta:before,i.flag-mt:before {
      background-position: -36px -1899px!important
  }
  
  i.flag-mauritius:before,i.flag-mu:before {
      background-position: -36px -1925px!important
  }
  
  i.flag-maldives:before,i.flag-mv:before {
      background-position: -36px -1951px!important
  }
  
  i.flag-malawi:before,i.flag-mw:before {
      background-position: -36px -1977px!important
  }
  
  i.flag-mexico:before,i.flag-mx:before {
      background-position: -72px 0!important
  }
  
  i.flag-malaysia:before,i.flag-my:before {
      background-position: -72px -26px!important
  }
  
  i.flag-mozambique:before,i.flag-mz:before {
      background-position: -72px -52px!important
  }
  
  i.flag-na:before,i.flag-namibia:before {
      background-position: -72px -78px!important
  }
  
  i.flag-nc:before,i.flag-new-caledonia:before {
      background-position: -72px -104px!important
  }
  
  i.flag-ne:before,i.flag-niger:before {
      background-position: -72px -130px!important
  }
  
  i.flag-nf:before,i.flag-norfolk-island:before {
      background-position: -72px -156px!important
  }
  
  i.flag-ng:before,i.flag-nigeria:before {
      background-position: -72px -182px!important
  }
  
  i.flag-ni:before,i.flag-nicaragua:before {
      background-position: -72px -208px!important
  }
  
  i.flag-netherlands:before,i.flag-nl:before {
      background-position: -72px -234px!important
  }
  
  i.flag-no:before,i.flag-norway:before {
      background-position: -72px -260px!important
  }
  
  i.flag-nepal:before,i.flag-np:before {
      background-position: -72px -286px!important
  }
  
  i.flag-nauru:before,i.flag-nr:before {
      background-position: -72px -312px!important
  }
  
  i.flag-niue:before,i.flag-nu:before {
      background-position: -72px -338px!important
  }
  
  i.flag-new-zealand:before,i.flag-nz:before {
      background-position: -72px -364px!important
  }
  
  i.flag-om:before,i.flag-oman:before {
      background-position: -72px -390px!important
  }
  
  i.flag-pa:before,i.flag-panama:before {
      background-position: -72px -416px!important
  }
  
  i.flag-pe:before,i.flag-peru:before {
      background-position: -72px -442px!important
  }
  
  i.flag-french-polynesia:before,i.flag-pf:before {
      background-position: -72px -468px!important
  }
  
  i.flag-new-guinea:before,i.flag-pg:before {
      background-position: -72px -494px!important
  }
  
  i.flag-ph:before,i.flag-philippines:before {
      background-position: -72px -520px!important
  }
  
  i.flag-pakistan:before,i.flag-pk:before {
      background-position: -72px -546px!important
  }
  
  i.flag-pl:before,i.flag-poland:before {
      background-position: -72px -572px!important
  }
  
  i.flag-pm:before,i.flag-saint-pierre:before {
      background-position: -72px -598px!important
  }
  
  i.flag-pitcairn-islands:before,i.flag-pn:before {
      background-position: -72px -624px!important
  }
  
  i.flag-pr:before,i.flag-puerto-rico:before {
      background-position: -72px -650px!important
  }
  
  i.flag-palestine:before,i.flag-ps:before {
      background-position: -72px -676px!important
  }
  
  i.flag-portugal:before,i.flag-pt:before {
      background-position: -72px -702px!important
  }
  
  i.flag-palau:before,i.flag-pw:before {
      background-position: -72px -728px!important
  }
  
  i.flag-paraguay:before,i.flag-py:before {
      background-position: -72px -754px!important
  }
  
  i.flag-qa:before,i.flag-qatar:before {
      background-position: -72px -780px!important
  }
  
  i.flag-re:before,i.flag-reunion:before {
      background-position: -72px -806px!important
  }
  
  i.flag-ro:before,i.flag-romania:before {
      background-position: -72px -832px!important
  }
  
  i.flag-rs:before,i.flag-serbia:before {
      background-position: -72px -858px!important
  }
  
  i.flag-ru:before,i.flag-russia:before {
      background-position: -72px -884px!important
  }
  
  i.flag-rw:before,i.flag-rwanda:before {
      background-position: -72px -910px!important
  }
  
  i.flag-sa:before,i.flag-saudi-arabia:before {
      background-position: -72px -936px!important
  }
  
  i.flag-sb:before,i.flag-solomon-islands:before {
      background-position: -72px -962px!important
  }
  
  i.flag-sc:before,i.flag-seychelles:before {
      background-position: -72px -988px!important
  }
  
  i.flag-gb-sct:before,i.flag-scotland:before {
      background-position: -72px -1014px!important
  }
  
  i.flag-sd:before,i.flag-sudan:before {
      background-position: -72px -1040px!important
  }
  
  i.flag-se:before,i.flag-sweden:before {
      background-position: -72px -1066px!important
  }
  
  i.flag-sg:before,i.flag-singapore:before {
      background-position: -72px -1092px!important
  }
  
  i.flag-saint-helena:before,i.flag-sh:before {
      background-position: -72px -1118px!important
  }
  
  i.flag-si:before,i.flag-slovenia:before {
      background-position: -72px -1144px!important
  }
  
  i.flag-jan-mayen:before,i.flag-sj:before,i.flag-svalbard:before {
      background-position: -72px -1170px!important
  }
  
  i.flag-sk:before,i.flag-slovakia:before {
      background-position: -72px -1196px!important
  }
  
  i.flag-sierra-leone:before,i.flag-sl:before {
      background-position: -72px -1222px!important
  }
  
  i.flag-san-marino:before,i.flag-sm:before {
      background-position: -72px -1248px!important
  }
  
  i.flag-senegal:before,i.flag-sn:before {
      background-position: -72px -1274px!important
  }
  
  i.flag-so:before,i.flag-somalia:before {
      background-position: -72px -1300px!important
  }
  
  i.flag-sr:before,i.flag-suriname:before {
      background-position: -72px -1326px!important
  }
  
  i.flag-sao-tome:before,i.flag-st:before {
      background-position: -72px -1352px!important
  }
  
  i.flag-el-salvador:before,i.flag-sv:before {
      background-position: -72px -1378px!important
  }
  
  i.flag-sy:before,i.flag-syria:before {
      background-position: -72px -1404px!important
  }
  
  i.flag-swaziland:before,i.flag-sz:before {
      background-position: -72px -1430px!important
  }
  
  i.flag-caicos-islands:before,i.flag-tc:before {
      background-position: -72px -1456px!important
  }
  
  i.flag-chad:before,i.flag-td:before {
      background-position: -72px -1482px!important
  }
  
  i.flag-french-territories:before,i.flag-tf:before {
      background-position: -72px -1508px!important
  }
  
  i.flag-tg:before,i.flag-togo:before {
      background-position: -72px -1534px!important
  }
  
  i.flag-th:before,i.flag-thailand:before {
      background-position: -72px -1560px!important
  }
  
  i.flag-tajikistan:before,i.flag-tj:before {
      background-position: -72px -1586px!important
  }
  
  i.flag-tk:before,i.flag-tokelau:before {
      background-position: -72px -1612px!important
  }
  
  i.flag-timorleste:before,i.flag-tl:before {
      background-position: -72px -1638px!important
  }
  
  i.flag-tm:before,i.flag-turkmenistan:before {
      background-position: -72px -1664px!important
  }
  
  i.flag-tn:before,i.flag-tunisia:before {
      background-position: -72px -1690px!important
  }
  
  i.flag-to:before,i.flag-tonga:before {
      background-position: -72px -1716px!important
  }
  
  i.flag-tr:before,i.flag-turkey:before {
      background-position: -72px -1742px!important
  }
  
  i.flag-trinidad:before,i.flag-tt:before {
      background-position: -72px -1768px!important
  }
  
  i.flag-tuvalu:before,i.flag-tv:before {
      background-position: -72px -1794px!important
  }
  
  i.flag-taiwan:before,i.flag-tw:before {
      background-position: -72px -1820px!important
  }
  
  i.flag-tanzania:before,i.flag-tz:before {
      background-position: -72px -1846px!important
  }
  
  i.flag-ua:before,i.flag-ukraine:before {
      background-position: -72px -1872px!important
  }
  
  i.flag-ug:before,i.flag-uganda:before {
      background-position: -72px -1898px!important
  }
  
  i.flag-um:before,i.flag-us-minor-islands:before {
      background-position: -72px -1924px!important
  }
  
  i.flag-america:before,i.flag-united-states:before,i.flag-us:before {
      background-position: -72px -1950px!important
  }
  
  i.flag-uruguay:before,i.flag-uy:before {
      background-position: -72px -1976px!important
  }
  
  i.flag-uz:before,i.flag-uzbekistan:before {
      background-position: -108px 0!important
  }
  
  i.flag-va:before,i.flag-vatican-city:before {
      background-position: -108px -26px!important
  }
  
  i.flag-saint-vincent:before,i.flag-vc:before {
      background-position: -108px -52px!important
  }
  
  i.flag-ve:before,i.flag-venezuela:before {
      background-position: -108px -78px!important
  }
  
  i.flag-british-virgin-islands:before,i.flag-vg:before {
      background-position: -108px -104px!important
  }
  
  i.flag-us-virgin-islands:before,i.flag-vi:before {
      background-position: -108px -130px!important
  }
  
  i.flag-vietnam:before,i.flag-vn:before {
      background-position: -108px -156px!important
  }
  
  i.flag-vanuatu:before,i.flag-vu:before {
      background-position: -108px -182px!important
  }
  
  i.flag-gb-wls:before,i.flag-wales:before {
      background-position: -108px -208px!important
  }
  
  i.flag-wallis-and-futuna:before,i.flag-wf:before {
      background-position: -108px -234px!important
  }
  
  i.flag-samoa:before,i.flag-ws:before {
      background-position: -108px -260px!important
  }
  
  i.flag-ye:before,i.flag-yemen:before {
      background-position: -108px -286px!important
  }
  
  i.flag-mayotte:before,i.flag-yt:before {
      background-position: -108px -312px!important
  }
  
  i.flag-south-africa:before,i.flag-za:before {
      background-position: -108px -338px!important
  }
  
  i.flag-zambia:before,i.flag-zm:before {
      background-position: -108px -364px!important
  }
  
  i.flag-zimbabwe:before,i.flag-zw:before {
      background-position: -108px -390px!important
  }
  
  .bg-image {
      position: relative;
      overflow: hidden;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50%
  }
  
  .mask {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-attachment: fixed
  }
  
  .hover-overlay .mask {
      opacity: 0;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }
  
  .hover-overlay .mask:hover {
      opacity: 1
  }
  
  .hover-zoom img,.hover-zoom video {
      -webkit-transition: all .3s linear;
      transition: all .3s linear
  }
  
  .hover-zoom:hover img,.hover-zoom:hover video {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
  }
  
  .card.hover-shadow,.hover-shadow {
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }
  
  .card.hover-shadow:hover,.hover-shadow:hover {
      -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.21);
      box-shadow: 0 10px 20px 0 rgba(0,0,0,.21);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }
  
  .bg-fixed {
      background-attachment: fixed
  }
  
  .card.hover-shadow-soft,.hover-shadow-soft {
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }
  
  .card.hover-shadow-soft:hover,.hover-shadow-soft:hover {
      -webkit-box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05);
      box-shadow: 0 20px 25px -5px rgba(0,0,0,.07),0 10px 10px -5px rgba(0,0,0,.05);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }
  
  .form-control {
      min-height: auto;
      padding-top: 4px;
      padding-bottom: 3.28px
  }
  
  .form-control,.form-control:focus {
      -webkit-transition: all .1s linear;
      transition: all .1s linear
  }
  
  .form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #1266f1;
      -webkit-box-shadow: inset 0 0 0 1px #1266f1;
      box-shadow: inset 0 0 0 1px #1266f1
  }
  
  .form-control.form-control-sm {
      font-size: .775rem;
      line-height: 1.5
  }
  
  .form-control.form-control-lg {
      line-height: 2.15;
      border-radius: .25rem
  }
  
  .form-outline {
      position: relative
  }
  
  .form-outline .form-helper {
      width: 100%;
      position: absolute;
      font-size: .875em;
      color: #757575
  }
  
  .form-outline .form-helper .form-counter {
      text-align: right
  }
  
  .form-outline .trailing {
      position: absolute;
      right: 10px;
      left: auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      pointer-events: none
  }
  
  .form-outline .form-icon-trailing {
      padding-right: 2rem!important
  }
  
  .form-outline .form-control {
      min-height: auto;
      padding: .33em .75em;
      border: 0;
      background: transparent;
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  .form-outline .form-control~.form-label {
      position: absolute;
      top: 0;
      max-width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      left: .75rem;
      padding-top: .37rem;
      pointer-events: none;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
      color: rgba(0,0,0,.6);
      margin-bottom: 0
  }
  
  .form-outline .form-control~.form-notch {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      max-width: 100%;
      height: 100%;
      text-align: left;
      pointer-events: none
  }
  
  .form-outline .form-control~.form-notch div {
      pointer-events: none;
      border: 1px solid #bdbdbd;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: transparent
  }
  
  .form-outline .form-control~.form-notch .form-notch-leading {
      left: 0;
      top: 0;
      height: 100%;
      width: .5rem;
      border-right: none;
      border-radius: .25rem 0 0 .25rem
  }
  
  .form-outline .form-control~.form-notch .form-notch-middle {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: calc(100% - 1rem);
      height: 100%;
      border-right: none;
      border-left: none
  }
  
  .form-outline .form-control~.form-notch .form-notch-trailing {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      height: 100%;
      border-left: none;
      border-radius: 0 .25rem .25rem 0
  }
  
  .form-outline .form-control:not(.placeholder-active)::-webkit-input-placeholder {
      opacity: 0
  }
  
  .form-outline .form-control:not(.placeholder-active)::-moz-placeholder {
      opacity: 0
  }
  
  .form-outline .form-control:not(.placeholder-active):-ms-input-placeholder {
      opacity: 0
  }
  
  .form-outline .form-control:not(.placeholder-active)::-ms-input-placeholder {
      opacity: 0
  }
  
  .form-outline .form-control:not(.placeholder-active)::placeholder {
      opacity: 0
  }
  
  .form-outline .form-control.active::-webkit-input-placeholder,.form-outline .form-control:focus::-webkit-input-placeholder {
      opacity: 1
  }
  
  .form-outline .form-control.active::-moz-placeholder,.form-outline .form-control:focus::-moz-placeholder {
      opacity: 1
  }
  
  .form-outline .form-control.active:-ms-input-placeholder,.form-outline .form-control:focus:-ms-input-placeholder {
      opacity: 1
  }
  
  .form-outline .form-control.active::-ms-input-placeholder,.form-outline .form-control:focus::-ms-input-placeholder {
      opacity: 1
  }
  
  .form-outline .form-control.active::placeholder,.form-outline .form-control:focus::placeholder {
      opacity: 1
  }
  
  .form-outline .form-control:focus {
      -webkit-box-shadow: none!important;
      box-shadow: none!important
  }
  
  .form-outline .form-control.active~.form-label,.form-outline .form-control:focus~.form-label {
      -webkit-transform: translateY(-1rem) translateY(.1rem) scale(.8);
      transform: translateY(-1rem) translateY(.1rem) scale(.8)
  }
  
  .form-outline .form-control:focus~.form-label {
      color: #1266f1
  }
  
  .form-outline .form-control.active~.form-notch .form-notch-middle,.form-outline .form-control:focus~.form-notch .form-notch-middle {
      border-top: none;
      border-right: none;
      border-left: none;
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  .form-outline .form-control:focus~.form-notch .form-notch-middle {
      border-bottom: .125rem solid;
      border-color: #1266f1
  }
  
  .form-outline .form-control.active~.form-notch .form-notch-leading,.form-outline .form-control:focus~.form-notch .form-notch-leading {
      border-right: none;
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  .form-outline .form-control:focus~.form-notch .form-notch-leading {
      border-top: .125rem solid #1266f1;
      border-bottom: .125rem solid #1266f1;
      border-left: .125rem solid #1266f1
  }
  
  .form-outline .form-control.active~.form-notch .form-notch-trailing,.form-outline .form-control:focus~.form-notch .form-notch-trailing {
      border-left: none;
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  .form-outline .form-control:focus~.form-notch .form-notch-trailing {
      border-top: .125rem solid #1266f1;
      border-bottom: .125rem solid #1266f1;
      border-right: .125rem solid #1266f1
  }
  
  .form-outline .form-control.disabled,.form-outline .form-control:disabled,.form-outline .form-control[readonly] {
      background-color: #e9ecef
  }
  
  .form-outline .form-control.form-control-lg {
      font-size: 1rem;
      line-height: 2.15;
      padding-left: .75em;
      padding-right: .75em
  }
  
  .form-outline .form-control.form-control-lg~.form-label {
      padding-top: .7rem
  }
  
  .form-outline .form-control.form-control-lg.active~.form-label,.form-outline .form-control.form-control-lg:focus~.form-label {
      -webkit-transform: translateY(-1.25rem) translateY(.1rem) scale(.8);
      transform: translateY(-1.25rem) translateY(.1rem) scale(.8)
  }
  
  .form-outline .form-control.form-control-sm {
      padding: .43em .99em .35em;
      font-size: .775rem;
      line-height: 1.6
  }
  
  .form-outline .form-control.form-control-sm~.form-label {
      padding-top: .33rem;
      font-size: .775rem
  }
  
  .form-outline .form-control.form-control-sm.active~.form-label,.form-outline .form-control.form-control-sm:focus~.form-label {
      -webkit-transform: translateY(-.85rem) translateY(.1rem) scale(.8);
      transform: translateY(-.85rem) translateY(.1rem) scale(.8)
  }
  
  .form-outline.form-white .form-control {
      color: #fff
  }
  
  .form-outline.form-white .form-control~.form-label {
      color: #fbfbfb
  }
  
  .form-outline.form-white .form-control~.form-notch div {
      border-color: #fbfbfb
  }
  
  .form-outline.form-white .form-control:focus~.form-label {
      color: #fff
  }
  
  .form-outline.form-white .form-control:focus~.form-notch .form-notch-middle {
      border-color: #fff
  }
  
  .form-outline.form-white .form-control:focus~.form-notch .form-notch-leading {
      border-top: .125rem solid #fff;
      border-bottom: .125rem solid #fff;
      border-left: .125rem solid #fff
  }
  
  .form-outline.form-white .form-control:focus~.form-notch .form-notch-trailing {
      border-color: #fff
  }
  
  .select-input.form-control[readonly]:not([disabled]) {
      background-color: transparent
  }
  
  .form-check {
      min-height: 1.5rem
  }
  
  .form-check-input {
      position: relative;
      width: 1.125rem;
      height: 1.125rem;
      background-color: #fff;
      border: .125rem solid #757575
  }
  
  .form-check-input:before {
      content: "";
      position: absolute;
      -webkit-box-shadow: 0 0 0 13px transparent;
      box-shadow: 0 0 0 13px transparent;
      border-radius: 50%;
      width: .875rem;
      height: .875rem;
      background-color: transparent;
      opacity: 0;
      pointer-events: none;
      -webkit-transform: scale(0);
      transform: scale(0)
  }
  
  .form-check-input:hover {
      cursor: pointer
  }
  
  .form-check-input:hover:before {
      opacity: .04;
      -webkit-box-shadow: 0 0 0 13px rgba(0,0,0,.6);
      box-shadow: 0 0 0 13px rgba(0,0,0,.6)
  }
  
  .form-check-input:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #757575;
      -webkit-transition: border-color .2s;
      transition: border-color .2s
  }
  
  .form-check-input:focus:before {
      opacity: .12;
      -webkit-box-shadow: 0 0 0 13px rgba(0,0,0,.6);
      box-shadow: 0 0 0 13px rgba(0,0,0,.6);
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: box-shadow .2s,transform .2s;
      transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s
  }
  
  .form-check-input:checked {
      border-color: #1266f1
  }
  
  .form-check-input:checked:before {
      opacity: .16
  }
  
  .form-check-input:checked:after {
      content: "";
      position: absolute
  }
  
  .form-check-input:checked:focus {
      border-color: #1266f1
  }
  
  .form-check-input:checked:focus:before {
      -webkit-box-shadow: 0 0 0 13px #1266f1;
      box-shadow: 0 0 0 13px #1266f1;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: box-shadow .2s,transform .2s;
      transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s
  }
  
  .form-check-input:indeterminate:focus:before {
      -webkit-box-shadow: 0 0 0 13px #1266f1;
      box-shadow: 0 0 0 13px #1266f1
  }
  
  .form-check-input[type=checkbox] {
      border-radius: .125rem;
      margin-top: .19em;
      margin-right: 8px
  }
  
  .form-check-input[type=checkbox]:focus:after {
      content: "";
      position: absolute;
      width: .875rem;
      height: .875rem;
      z-index: 1;
      display: block;
      border-radius: 0;
      background-color: #fff
  }
  
  .form-check-input[type=checkbox]:checked {
      background-image: none;
      background-color: #1266f1
  }
  
  .form-check-input[type=checkbox]:checked:after {
      display: block;
      -webkit-transform: rotate(45deg) /*!rtl:ignore*/;
      transform: rotate(45deg) /*!rtl:ignore*/;
      width: .375rem;
      height: .8125rem;
      border: .125rem solid #fff;
      border-top: 0;
      border-left: 0 /*!rtl:ignore*/;
      margin-left: .25rem;
      margin-top: -1px;
      background-color: transparent
  }
  
  .form-check-input[type=checkbox]:checked:focus {
      background-color: #1266f1
  }
  
  .form-check-input[type=checkbox]:indeterminate {
      background-image: none;
      background-color: transparent;
      border-color: #757575
  }
  
  .form-check-input[type=checkbox]:indeterminate:after {
      display: block;
      -webkit-transform: rotate(90deg) /*!rtl:ignore*/;
      transform: rotate(90deg) /*!rtl:ignore*/;
      width: .125rem;
      height: .875rem;
      border: .125rem solid #fff;
      border-top: 0;
      border-left: 0 /*!rtl:ignore*/;
      margin-left: .375rem;
      margin-top: 0
  }
  
  .form-check-input[type=checkbox]:indeterminate:focus {
      background-color: #1266f1;
      border-color: #1266f1
  }
  
  .form-check-input[type=radio] {
      border-radius: 50%;
      width: 1.25rem;
      height: 1.25rem;
      margin-top: .125em;
      margin-right: 6px
  }
  
  .form-check-input[type=radio]:before {
      width: 1rem;
      height: 1rem
  }
  
  .form-check-input[type=radio]:after {
      content: "";
      position: absolute;
      width: 1rem;
      height: 1rem;
      z-index: 1;
      display: block;
      border-radius: 50%;
      background-color: #fff
  }
  
  .form-check-input[type=radio]:checked {
      background-image: none;
      background-color: #fff
  }
  
  .form-check-input[type=radio]:checked:after {
      border-radius: 50%;
      width: .625rem;
      height: .625rem;
      border-color: #1266f1;
      background-color: #1266f1;
      -webkit-transition: border-color;
      transition: border-color;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      position: absolute;
      left: 50%;
      top: 50%
  }
  
  .form-check-input[type=radio]:checked:focus {
      background-color: #fff
  }
  
  .form-check-label:hover {
      cursor: pointer
  }
  
  .form-switch .form-check-input {
      background-image: none;
      border-width: 0;
      border-radius: .4375rem;
      width: 2.25rem;
      height: .875rem;
      background-color: rgba(0,0,0,.38);
      margin-top: .3em;
      margin-right: 8px
  }
  
  .form-switch .form-check-input:after {
      content: "";
      position: absolute;
      border: none;
      z-index: 2;
      border-radius: 50%;
      width: 1.25rem;
      height: 1.25rem;
      background-color: #fff;
      margin-top: -.1875rem;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05);
      -webkit-transition: background-color .2s,-webkit-transform .2s;
      transition: background-color .2s,-webkit-transform .2s;
      transition: background-color .2s,transform .2s;
      transition: background-color .2s,transform .2s,-webkit-transform .2s
  }
  
  .form-switch .form-check-input:focus {
      background-image: none
  }
  
  .form-switch .form-check-input:focus:before {
      -webkit-box-shadow: 3px -1px 0 13px rgba(0,0,0,.6);
      box-shadow: 3px -1px 0 13px rgba(0,0,0,.6);
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: box-shadow .2s,transform .2s;
      transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s
  }
  
  .form-switch .form-check-input:focus:after {
      border-radius: 50%;
      width: 1.25rem;
      height: 1.25rem
  }
  
  .form-switch .form-check-input:checked,.form-switch .form-check-input:checked:focus {
      background-image: none
  }
  
  .form-switch .form-check-input:checked:focus:before {
      margin-left: 1.0625rem;
      -webkit-box-shadow: 3px -1px 0 13px #1266f1;
      box-shadow: 3px -1px 0 13px #1266f1;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: -webkit-box-shadow .2s,-webkit-transform .2s;
      transition: box-shadow .2s,transform .2s;
      transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s
  }
  
  .form-switch .form-check-input:checked[type=checkbox] {
      background-image: none
  }
  
  .form-switch .form-check-input:checked[type=checkbox]:after {
      content: "";
      position: absolute;
      border: none;
      z-index: 2;
      border-radius: 50%;
      width: 1.25rem;
      height: 1.25rem;
      background-color: #1266f1;
      margin-top: -3px;
      margin-left: 1.0625rem;
      -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
      box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
      -webkit-transition: background-color .2s,-webkit-transform .2s;
      transition: background-color .2s,-webkit-transform .2s;
      transition: background-color .2s,transform .2s;
      transition: background-color .2s,transform .2s,-webkit-transform .2s
  }
  
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,.form-control[type=file]::-webkit-file-upload-button {
      background-color: transparent
  }
  
  .input-group>.form-control {
      min-height: calc(2.08rem + 2px);
      height: calc(2.08rem + 2px);
      padding-top: .27rem;
      padding-bottom: .27rem;
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  .input-group>.form-control:focus {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      border-color: #1266f1;
      outline: 0;
      -webkit-box-shadow: inset 0 0 0 1px #1266f1;
      box-shadow: inset 0 0 0 1px #1266f1
  }
  
  .input-group-text {
      background-color: transparent;
      padding-top: .26rem;
      padding-bottom: .26rem
  }
  
  .input-group-text>.form-check-input[type=checkbox] {
      margin-left: 1px;
      margin-right: 1px
  }
  
  .input-group-text>.form-check-input[type=radio] {
      margin-right: 0
  }
  
  .input-group-lg>.form-control {
      height: calc(2.645rem + 2px);
      font-size: 1rem;
      padding-top: .33rem;
      padding-bottom: .33rem
  }
  
  .input-group-lg .input-group-text {
      font-size: 1rem
  }
  
  .input-group-sm>.form-control {
      min-height: calc(1.66rem + 2px);
      height: calc(1.66rem + 2px);
      font-size: .775rem;
      padding-top: .33rem;
      padding-bottom: .33rem
  }
  
  .input-group-sm .input-group-text {
      font-size: .775rem;
      line-height: 1.5
  }
  
  .input-group.form-outline .input-group-text {
      border-left: 0
  }
  
  .input-group.form-outline input+.input-group-text {
      border: 0;
      border-left: 1px solid #bdbdbd
  }
  
  .input-group .form-outline:not(:first-child),.input-group .form-outline:not(:first-child) .form-notch-leading,.input-group .select-wrapper:not(:first-child),.input-group .select-wrapper:not(:first-child) .form-notch-leading {
      border-top-left-radius: 0!important;
      border-bottom-left-radius: 0!important
  }
  
  .input-group .form-outline:not(:last-child),.input-group .form-outline:not(:last-child) .form-notch-trailing,.input-group .select-wrapper:not(:last-child),.input-group .select-wrapper:not(:last-child) .form-notch-trailing {
      border-top-right-radius: 0!important;
      border-bottom-right-radius: 0!important
  }
  
  .input-group>[class*=btn-outline-]+[class*=btn-outline-] {
      border-left: 0
  }
  
  .input-group>.btn[class*=btn-outline-] {
      padding-top: .47rem
  }
  
  .input-group>.btn {
      padding-top: .59rem
  }
  
  .input-group .invalid-feedback,.input-group .valid-feedback,.was-validated .input-group .invalid-feedback,.was-validated .input-group .valid-feedback {
      margin-top: 2.5rem
  }
  
  .valid-feedback {
      width: auto;
      color: #00b74a;
      margin-top: -.75rem
  }
  
  .valid-feedback,.valid-tooltip {
      position: absolute;
      display: none;
      font-size: .875rem
  }
  
  .valid-tooltip {
      top: 100%;
      z-index: 5;
      max-width: 100%;
      padding: .25rem .5rem;
      margin-top: .1rem;
      background-color: rgba(0,183,74,.9);
      border-radius: .25rem!important;
      color: #fff
  }
  
  .is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
      display: block
  }
  
  .form-control.is-valid,.was-validated .form-control:valid {
      margin-bottom: 1rem;
      background-image: none;
      border-color: #00b74a
  }
  
  .form-control.is-valid:focus,.was-validated .form-control:valid:focus {
      border-color: #00b74a;
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,183,74,.25);
      box-shadow: 0 0 0 .25rem rgba(0,183,74,.25)
  }
  
  .form-outline .form-control.is-valid~.form-label,.was-validated .form-outline .form-control:valid~.form-label {
      color: #00b74a
  }
  
  .form-outline .form-control.is-valid~.form-notch .form-notch-leading,.form-outline .form-control.is-valid~.form-notch .form-notch-middle,.form-outline .form-control.is-valid~.form-notch .form-notch-trailing,.form-select.is-valid,.was-validated .form-outline .form-control:valid~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:valid~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:valid~.form-notch .form-notch-trailing,.was-validated .form-select:valid {
      border-color: #00b74a
  }
  
  .form-select.is-valid:focus,.was-validated .form-select:valid:focus {
      border-color: #00b74a;
      -webkit-box-shadow: 0 0 0 .25rem rgba(0,183,74,.25);
      box-shadow: 0 0 0 .25rem rgba(0,183,74,.25)
  }
  
  .form-select.is-valid~.valid-feedback,.was-validated .form-select:valid~.valid-feedback {
      margin-top: 0
  }
  
  .input-group .form-control.is-valid,.was-validated .input-group .form-control:valid {
      margin-bottom: 0
  }
  
  .was-validated input[type=file].form-control:valid .valid-feedback,input[type=file].form-control.is-valid .valid-feedback {
      margin-top: 0
  }
  
  .was-validated input[type=file].form-control:valid:focus,input[type=file].form-control.is-valid:focus {
      -webkit-box-shadow: inset 0 0 0 1px #00b74a;
      box-shadow: inset 0 0 0 1px #00b74a;
      border-color: #00b74a
  }
  
  .was-validated input[type=file].form-control:valid:focus~.form-file-label,input[type=file].form-control.is-valid:focus~.form-file-label {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-button,.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-text,input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-button,input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-text {
      border-color: #00b74a
  }
  
  .form-check-input.is-valid,.was-validated .form-check-input:valid {
      border-color: #00b74a
  }
  
  .form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
      background-color: #00b74a
  }
  
  .form-check-input.is-valid:checked:focus:before,.was-validated .form-check-input:valid:checked:focus:before {
      -webkit-box-shadow: 0 0 0 13px #00b74a;
      box-shadow: 0 0 0 13px #00b74a
  }
  
  .form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .form-check-input.is-valid:focus:before,.was-validated .form-check-input:valid:focus:before {
      -webkit-box-shadow: 0 0 0 13px #00b74a;
      box-shadow: 0 0 0 13px #00b74a
  }
  
  .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
      color: #00b74a;
      margin-bottom: 1rem
  }
  
  .form-check-input.is-valid[type=checkbox]:checked:focus,.was-validated .form-check-input:valid[type=checkbox]:checked:focus {
      background-color: #00b74a;
      border-color: #00b74a
  }
  
  .form-check-input.is-valid[type=radio]:checked,.was-validated .form-check-input:valid[type=radio]:checked {
      border-color: #00b74a;
      background-color: #fff
  }
  
  .form-check-input.is-valid[type=radio]:checked:focus:before,.was-validated .form-check-input:valid[type=radio]:checked:focus:before {
      -webkit-box-shadow: 0 0 0 13px #00b74a;
      box-shadow: 0 0 0 13px #00b74a
  }
  
  .form-check-input.is-valid[type=radio]:checked:after,.was-validated .form-check-input:valid[type=radio]:checked:after {
      border-color: #00b74a;
      background-color: #00b74a
  }
  
  .form-check-inline .form-check-input~.valid-feedback {
      margin-left: .5em
  }
  
  .invalid-feedback {
      width: auto;
      color: #f93154;
      margin-top: -.75rem
  }
  
  .invalid-feedback,.invalid-tooltip {
      position: absolute;
      display: none;
      font-size: .875rem
  }
  
  .invalid-tooltip {
      top: 100%;
      z-index: 5;
      max-width: 100%;
      padding: .25rem .5rem;
      margin-top: .1rem;
      background-color: rgba(249,49,84,.9);
      border-radius: .25rem!important;
      color: #fff
  }
  
  .is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
      display: block
  }
  
  .form-control.is-invalid,.was-validated .form-control:invalid {
      margin-bottom: 1rem;
      background-image: none;
      border-color: #f93154
  }
  
  .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
      border-color: #f93154;
      -webkit-box-shadow: 0 0 0 .25rem rgba(249,49,84,.25);
      box-shadow: 0 0 0 .25rem rgba(249,49,84,.25)
  }
  
  .form-outline .form-control.is-invalid~.form-label,.was-validated .form-outline .form-control:invalid~.form-label {
      color: #f93154
  }
  
  .form-outline .form-control.is-invalid~.form-notch .form-notch-leading,.form-outline .form-control.is-invalid~.form-notch .form-notch-middle,.form-outline .form-control.is-invalid~.form-notch .form-notch-trailing,.form-select.is-invalid,.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-trailing,.was-validated .form-select:invalid {
      border-color: #f93154
  }
  
  .form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
      border-color: #f93154;
      -webkit-box-shadow: 0 0 0 .25rem rgba(249,49,84,.25);
      box-shadow: 0 0 0 .25rem rgba(249,49,84,.25)
  }
  
  .form-select.is-invalid~.invalid-feedback,.was-validated .form-select:invalid~.invalid-feedback {
      margin-top: 0
  }
  
  .input-group .form-control.is-invalid,.was-validated .input-group .form-control:invalid {
      margin-bottom: 0
  }
  
  .was-validated input[type=file].form-control:invalid .invalid-feedback,input[type=file].form-control.is-invalid .invalid-feedback {
      margin-top: 0
  }
  
  .was-validated input[type=file].form-control:invalid:focus,input[type=file].form-control.is-invalid:focus {
      -webkit-box-shadow: inset 0 0 0 1px #f93154;
      box-shadow: inset 0 0 0 1px #f93154;
      border-color: #f93154
  }
  
  .was-validated input[type=file].form-control:invalid:focus~.form-file-label,input[type=file].form-control.is-invalid:focus~.form-file-label {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-button,.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-text,input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-button,input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-text {
      border-color: #f93154
  }
  
  .form-check-input.is-invalid,.was-validated .form-check-input:invalid {
      border-color: #f93154
  }
  
  .form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
      background-color: #f93154
  }
  
  .form-check-input.is-invalid:checked:focus:before,.was-validated .form-check-input:invalid:checked:focus:before {
      -webkit-box-shadow: 0 0 0 13px #f93154;
      box-shadow: 0 0 0 13px #f93154
  }
  
  .form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .form-check-input.is-invalid:focus:before,.was-validated .form-check-input:invalid:focus:before {
      -webkit-box-shadow: 0 0 0 13px #f93154;
      box-shadow: 0 0 0 13px #f93154
  }
  
  .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
      color: #f93154;
      margin-bottom: 1rem
  }
  
  .form-check-input.is-invalid[type=checkbox]:checked:focus,.was-validated .form-check-input:invalid[type=checkbox]:checked:focus {
      background-color: #f93154;
      border-color: #f93154
  }
  
  .form-check-input.is-invalid[type=radio]:checked,.was-validated .form-check-input:invalid[type=radio]:checked {
      border-color: #f93154;
      background-color: #fff
  }
  
  .form-check-input.is-invalid[type=radio]:checked:focus:before,.was-validated .form-check-input:invalid[type=radio]:checked:focus:before {
      -webkit-box-shadow: 0 0 0 13px #f93154;
      box-shadow: 0 0 0 13px #f93154
  }
  
  .form-check-input.is-invalid[type=radio]:checked:after,.was-validated .form-check-input:invalid[type=radio]:checked:after {
      border-color: #f93154;
      background-color: #f93154
  }
  
  .form-check-inline .form-check-input~.invalid-feedback {
      margin-left: .5em
  }
  
  .form-range:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .form-range:focus::-webkit-slider-thumb {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .form-range:focus::-moz-range-thumb {
      box-shadow: none
  }
  
  .form-range:focus::-ms-thumb {
      box-shadow: none
  }
  
  .form-range::-moz-focus-outer {
      border: 0
  }
  
  .form-range::-webkit-slider-thumb {
      margin-top: -6px;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none
  }
  
  .form-range::-webkit-slider-runnable-track {
      height: 4px;
      border-radius: 0
  }
  
  .form-range::-moz-range-thumb {
      box-shadow: none;
      -moz-appearance: none;
      appearance: none
  }
  
  .table {
      font-size: .9rem
  }
  
  .table>:not(caption)>*>* {
      padding: 1rem 1.4rem
  }
  
  .table th {
      font-weight: 500
  }
  
  .table tbody {
      font-weight: 300
  }
  
  .table>:not(:last-child)>:last-child>* {
      border-bottom-color: inherit
  }
  
  .table-sm>:not(caption)>*>* {
      padding: .5rem 1.4rem
  }
  
  .table-primary {
      background-color: #d0e0fc
  }
  
  .table-secondary {
      background-color: #f0d8ff
  }
  
  .table-success {
      background-color: #ccf1db
  }
  
  .table-info {
      background-color: #d7f2fb
  }
  
  .table-warning {
      background-color: #fec
  }
  
  .table-danger {
      background-color: #fed6dd
  }
  
  .table-light {
      background-color: #fbfbfb
  }
  
  .table-dark {
      background-color: #262626
  }
  
  .table-hover>tbody>tr {
      -webkit-transition: .5s;
      transition: .5s
  }
  
  .table-hover>tbody>tr:hover {
      --mdb-table-accent-bg: transparent;
      color: var(--mdb-table-hover-color);
      background-color: var(--mdb-table-hover-bg)
  }
  
  .btn {
      text-transform: uppercase;
      vertical-align: bottom;
      border: 0;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      font-weight: 500;
      padding: .625rem 1.5rem .5rem;
      font-size: .75rem;
      line-height: 1.5
  }
  
  .btn.active,.btn.active:focus,.btn.focus,.btn:active,.btn:active:focus,.btn:focus,.btn:hover {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn.disabled,.btn:disabled,fieldset:disabled .btn {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      border: 0
  }
  
  .btn-check:focus+.btn,.btn:focus {
      outline: 0;
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-block {
      display: block;
      width: 100%
  }
  
  .btn-block+.btn-block {
      margin-top: .5rem
  }
  
  [class*=btn-outline-] {
      border-width: .125rem;
      border-style: solid;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: .5rem 1.375rem .375rem
  }
  
  [class*=btn-outline-].focus,[class*=btn-outline-]:focus,[class*=btn-outline-]:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      text-decoration: none
  }
  
  [class*=btn-outline-].active,[class*=btn-outline-].active:focus,[class*=btn-outline-].disabled,[class*=btn-outline-]:active,[class*=btn-outline-]:active:focus,[class*=btn-outline-]:disabled,fieldset:disabled [class*=btn-outline-] {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-group-lg>[class*=btn-outline-].btn,[class*=btn-outline-].btn-lg {
      padding: .625rem 1.5625rem .5625rem
  }
  
  .btn-group-sm>[class*=btn-outline-].btn,[class*=btn-outline-].btn-sm {
      padding: .25rem .875rem .1875rem
  }
  
  .btn-primary {
      color: #fff;
      background-color: #97180f
  }
  
  .btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
      color: #fff;
      background-color: #F44336
  }
  
  .btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
      color: #fff;
      background-color: #961107
  }
  
  .btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-primary.disabled,.btn-primary:disabled {
      color: #fff;
      background-color: #3a3b3d
  }
  
  .btn-secondary {
      color: #fff;
      background-color: #b23cfd
  }
  
  .btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {
      color: #fff;
      background-color: #a316fd
  }
  
  .btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
      color: #fff;
      background-color: #8102d1
  }
  
  .btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-secondary.disabled,.btn-secondary:disabled {
      color: #fff;
      background-color: #b23cfd
  }
  
  .btn-success {
      color: #fff;
      background-color: #00b74a
  }
  
  .btn-success.focus,.btn-success:focus,.btn-success:hover {
      color: #fff;
      background-color: #00913b
  }
  
  .btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
      color: #fff;
      background-color: #005121
  }
  
  .btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-success.disabled,.btn-success:disabled {
      color: #fff;
      background-color: #00b74a
  }
  
  .btn-info {
      color: #fff;
      background-color: #39c0ed
  }
  
  .btn-info.focus,.btn-info:focus,.btn-info:hover {
      color: #fff;
      background-color: #16b5ea
  }
  
  .btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
      color: #fff;
      background-color: #1088b0
  }
  
  .btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-info.disabled,.btn-info:disabled {
      color: #fff;
      background-color: #39c0ed
  }
  
  .btn-warning {
      color: #fff;
      background-color: #ffa900
  }
  
  .btn-warning.focus,.btn-warning:focus,.btn-warning:hover {
      color: #fff;
      background-color: #d99000
  }
  
  .btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
      color: #fff;
      background-color: #996500
  }
  
  .btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-warning.disabled,.btn-warning:disabled {
      color: #fff;
      background-color: #ffa900
  }
  
  .btn-danger {
      color: #fff;
      background-color: #f93154
  }
  
  .btn-danger.focus,.btn-danger:focus,.btn-danger:hover {
      color: #fff;
      background-color: #f80c35
  }
  
  .btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
      color: #fff;
      background-color: #be0626
  }
  
  .btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-danger.disabled,.btn-danger:disabled {
      color: #fff;
      background-color: #f93154
  }
  
  .btn-light {
      color: #4f4f4f;
      background-color: #fbfbfb
  }
  
  .btn-light.focus,.btn-light:focus,.btn-light:hover {
      color: #4f4f4f;
      background-color: #e8e8e8
  }
  
  .btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
      color: #4f4f4f;
      background-color: #c8c8c8
  }
  
  .btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-light.disabled,.btn-light:disabled {
      color: #4f4f4f;
      background-color: #fbfbfb
  }
  
  .btn-dark {
      color: #fff;
      background-color: #262626
  }
  
  .btn-dark.focus,.btn-dark:focus,.btn-dark:hover {
      color: #fff;
      background-color: #131313
  }
  
  .btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
      color: #fff;
      background-color: #000
  }
  
  .btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-dark.disabled,.btn-dark:disabled {
      color: #fff;
      background-color: #262626
  }
  
  .btn-white {
      color: #4f4f4f;
      background-color: #fff
  }
  
  .btn-white.focus,.btn-white:focus,.btn-white:hover {
      color: #4f4f4f;
      background-color: #ececec
  }
  
  .btn-check:active+.btn-white,.btn-check:checked+.btn-white,.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle {
      color: #4f4f4f;
      background-color: #ccc
  }
  
  .btn-check:active+.btn-white:focus,.btn-check:checked+.btn-white:focus,.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-white.disabled,.btn-white:disabled {
      color: #4f4f4f;
      background-color: #fff
  }
  
  .btn-black,.btn-black.active,.btn-black.focus,.btn-black:active,.btn-black:focus,.btn-black:hover,.btn-check:active+.btn-black,.btn-check:checked+.btn-black,.show>.btn-black.dropdown-toggle {
      color: #fff;
      background-color: #000
  }
  
  .btn-black.active:focus,.btn-black:active:focus,.btn-check:active+.btn-black:focus,.btn-check:checked+.btn-black:focus,.show>.btn-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-black.disabled,.btn-black:disabled {
      color: #fff;
      background-color: #000
  }
  
  .btn-outline-primary {
      color: #931910;
      border-color: #b1b5bb
  }
  
  .btn-outline-primary:hover {
      color: #830a01;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary.focus,.btn-outline-primary:active,.btn-outline-primary:focus {
      color: #940a00;
      background-color: transparent
  }
  
  .btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-primary.disabled,.btn-outline-primary:disabled {
      color: #1266f1
  }
  
  .btn-outline-secondary {
      color: #b23cfd;
      border-color: #b23cfd
  }
  
  .btn-outline-secondary:hover {
      color: #b23cfd;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary.focus,.btn-outline-secondary:active,.btn-outline-secondary:focus {
      color: #b23cfd;
      background-color: transparent
  }
  
  .btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
      color: #b23cfd
  }
  
  .btn-outline-success {
      color: #00b74a;
      border-color: #00b74a
  }
  
  .btn-outline-success:hover {
      color: #00b74a;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success.focus,.btn-outline-success:active,.btn-outline-success:focus {
      color: #00b74a;
      background-color: transparent
  }
  
  .btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-success.disabled,.btn-outline-success:disabled {
      color: #00b74a
  }
  
  .btn-outline-info {
      color: #39c0ed;
      border-color: #39c0ed
  }
  
  .btn-outline-info:hover {
      color: #39c0ed;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info.focus,.btn-outline-info:active,.btn-outline-info:focus {
      color: #39c0ed;
      background-color: transparent
  }
  
  .btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-info.disabled,.btn-outline-info:disabled {
      color: #39c0ed
  }
  
  .btn-outline-warning {
      color: #ffa900;
      border-color: #ffa900
  }
  
  .btn-outline-warning:hover {
      color: #ffa900;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning.focus,.btn-outline-warning:active,.btn-outline-warning:focus {
      color: #ffa900;
      background-color: transparent
  }
  
  .btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-warning.disabled,.btn-outline-warning:disabled {
      color: #ffa900
  }
  
  .btn-outline-danger {
      color: #f93154;
      border-color: #f93154
  }
  
  .btn-outline-danger:hover {
      color: #f93154;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger.focus,.btn-outline-danger:active,.btn-outline-danger:focus {
      color: #f93154;
      background-color: transparent
  }
  
  .btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-danger.disabled,.btn-outline-danger:disabled {
      color: #f93154
  }
  
  .btn-outline-light {
      color: #fbfbfb;
      border-color: #fbfbfb
  }
  
  .btn-outline-light:hover {
      color: #fbfbfb;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light.focus,.btn-outline-light:active,.btn-outline-light:focus {
      color: #fbfbfb;
      background-color: transparent
  }
  
  .btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-light.disabled,.btn-outline-light:disabled {
      color: #fbfbfb
  }
  
  .btn-outline-dark {
      color: #262626;
      border-color: #262626
  }
  
  .btn-outline-dark:hover {
      color: #262626;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark.focus,.btn-outline-dark:active,.btn-outline-dark:focus {
      color: #262626;
      background-color: transparent
  }
  
  .btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-dark.disabled,.btn-outline-dark:disabled {
      color: #262626
  }
  
  .btn-outline-white {
      color: #fff;
      border-color: #fff;
      background-color: #323a72;
  }
  
  .btn-outline-white:hover {
      color: #fff;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-white.active,.btn-outline-white.dropdown-toggle.show,.btn-outline-white.focus,.btn-outline-white:active,.btn-outline-white:focus {
      color: #fff;
      background-color: transparent
  }
  
  .btn-outline-white.active:focus,.btn-outline-white.dropdown-toggle.show:focus,.btn-outline-white:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-white.disabled,.btn-outline-white:disabled {
      color: #fff
  }
  
  .btn-outline-black {
      color: #000;
      border-color: #000
  }
  
  .btn-outline-black:hover {
      color: #000;
      background-color: rgba(0,0,0,.02)
  }
  
  .btn-outline-black.active,.btn-outline-black.dropdown-toggle.show,.btn-outline-black.focus,.btn-outline-black:active,.btn-outline-black:focus {
      color: #000;
      background-color: transparent
  }
  
  .btn-outline-black.active:focus,.btn-outline-black.dropdown-toggle.show:focus,.btn-outline-black:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-outline-black.disabled,.btn-outline-black:disabled {
      color: #000
  }
  
  .btn-group-lg>.btn,.btn-lg {
      padding: .75rem 1.6875rem .6875rem;
      font-size: .875rem;
      line-height: 1.6
  }
  
  .btn-group-sm>.btn,.btn-sm {
      padding: .375rem 1rem .3125rem;
      font-size: .75rem;
      line-height: 1.5
  }
  
  .btn-link {
      -webkit-box-shadow: none;
      box-shadow: none;
      text-decoration: none
  }
  
  .btn-link.focus,.btn-link:focus,.btn-link:hover {
      text-decoration: none
  }
  
  .btn-link.active,.btn-link.active:focus,.btn-link.focus,.btn-link:active,.btn-link:active:focus,.btn-link:focus,.btn-link:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: #f5f5f5
  }
  
  .btn-link.disabled,.btn-link:disabled,fieldset:disabled .btn-link {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-rounded {
      border-radius: 10rem
  }
  
  .btn-floating,[class*=btn-outline-].btn-floating {
      border-radius: 50%;
      padding: 0;
      position: relative
  }
  
  .btn-floating {
      width: 2.3125rem;
      height: 2.3125rem
  }
  
  .btn-floating .fab,.btn-floating .far,.btn-floating .fas {
      width: 2.3125rem;
      line-height: 2.3125rem
  }
  
  .btn-floating.btn-lg,.btn-group-lg>.btn-floating.btn {
      width: 2.8125rem;
      height: 2.8125rem
  }
  
  .btn-floating.btn-lg .fab,.btn-floating.btn-lg .far,.btn-floating.btn-lg .fas,.btn-group-lg>.btn-floating.btn .fab,.btn-group-lg>.btn-floating.btn .far,.btn-group-lg>.btn-floating.btn .fas {
      width: 2.8125rem;
      line-height: 2.8125rem
  }
  
  .btn-floating.btn-sm,.btn-group-sm>.btn-floating.btn {
      width: 1.8125rem;
      height: 1.8125rem
  }
  
  .btn-floating.btn-sm .fab,.btn-floating.btn-sm .far,.btn-floating.btn-sm .fas,.btn-group-sm>.btn-floating.btn .fab,.btn-group-sm>.btn-floating.btn .far,.btn-group-sm>.btn-floating.btn .fas {
      width: 1.8125rem;
      line-height: 1.8125rem
  }
  
  [class*=btn-outline-].btn-floating .fab,[class*=btn-outline-].btn-floating .far,[class*=btn-outline-].btn-floating .fas {
      width: 2.0625rem;
      line-height: 2.0625rem
  }
  
  .btn-group-lg>[class*=btn-outline-].btn-floating.btn .fab,.btn-group-lg>[class*=btn-outline-].btn-floating.btn .far,.btn-group-lg>[class*=btn-outline-].btn-floating.btn .fas,[class*=btn-outline-].btn-floating.btn-lg .fab,[class*=btn-outline-].btn-floating.btn-lg .far,[class*=btn-outline-].btn-floating.btn-lg .fas {
      width: 2.5625rem;
      line-height: 2.5625rem
  }
  
  .btn-group-sm>[class*=btn-outline-].btn-floating.btn .fab,.btn-group-sm>[class*=btn-outline-].btn-floating.btn .far,.btn-group-sm>[class*=btn-outline-].btn-floating.btn .fas,[class*=btn-outline-].btn-floating.btn-sm .fab,[class*=btn-outline-].btn-floating.btn-sm .far,[class*=btn-outline-].btn-floating.btn-sm .fas {
      width: 1.5625rem;
      line-height: 1.5625rem
  }
  
  .fixed-action-btn {
      position: fixed;
      right: 2.1875rem;
      bottom: 2.1875rem;
      z-index: 1030;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse nowrap;
      flex-flow: column-reverse nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: .9375rem 20px 20px;
      margin-bottom: 0;
      height: auto;
      overflow: hidden
  }
  
  .fixed-action-btn>.btn-floating {
      position: relative;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      z-index: 10
  }
  
  .fixed-action-btn ul {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0;
      margin: 0;
      text-align: center;
      opacity: 0;
      -webkit-transition: opacity .4s,-webkit-transform .4s;
      transition: opacity .4s,-webkit-transform .4s;
      transition: transform .4s,opacity .4s;
      transition: transform .4s,opacity .4s,-webkit-transform .4s;
      z-index: -1
  }
  
  .fixed-action-btn ul,.fixed-action-btn ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }
  
  .fixed-action-btn ul li {
      z-index: 0;
      margin-right: auto;
      margin-bottom: 1.5rem;
      margin-left: auto
  }
  
  .fixed-action-btn ul li:first-of-type {
      margin-top: .75rem
  }
  
  .fixed-action-btn ul a.btn {
      opacity: 0;
      -webkit-transition: opacity .4s ease-in;
      transition: opacity .4s ease-in
  }
  
  .fixed-action-btn.active ul,.fixed-action-btn ul a.btn.shown {
      opacity: 1
  }
  
  .close {
      font-size: calc(1.275rem + .3vw);
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5
  }
  
  .close:hover {
      color: #000;
      text-decoration: none
  }
  
  .close:focus,.close:hover {
      opacity: .75
  }
  
  .close.disabled,.close:disabled {
      pointer-events: none
  }
  
  button.close {
      padding: 0;
      background-color: transparent;
      border: 0
  }
  
  .embed-responsive {
      position: relative;
      width: 100%
  }
  
  .embed-responsive:before {
      display: block;
      content: ""
  }
  
  .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
  }
  
  .embed-responsive-21by9:before {
      padding-top: 42.85714%
  }
  
  .embed-responsive-16by9:before {
      padding-top: 56.25%
  }
  
  .embed-responsive-4by3:before {
      padding-top: 75%
  }
  
  .embed-responsive-1by1:before {
      padding-top: 100%
  }
  
  .sr-only,.sr-only-focusable:not(:focus) {
      position: absolute!important;
      width: 1px!important;
      height: 1px!important;
      padding: 0!important;
      margin: -1px!important;
      overflow: hidden!important;
      clip: rect(0,0,0,0)!important;
      white-space: nowrap!important;
      border: 0!important
  }
  
  /*!
   * # Semantic UI 2.4.2 - Flag
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
  i.flag:not(.icon) {
      margin: 0 .5em 0 0;
      line-height: 11px;
      text-decoration: inherit;
      vertical-align: baseline;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
  }
  
  i.flag:not(.icon),i.flag:not(.icon):before {
      display: inline-block;
      width: 16px;
      height: 11px
  }
  
  i.flag:not(.icon):before {
      content: "";
      background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px
  }
  
  i.flag.ad:before,i.flag.andorra:before {
      background-position: 0 0
  }
  
  i.flag.ae:before,i.flag.uae:before,i.flag.united.arab.emirates:before {
      background-position: 0 -26px
  }
  
  i.flag.af:before,i.flag.afghanistan:before {
      background-position: 0 -52px
  }
  
  i.flag.ag:before,i.flag.antigua:before {
      background-position: 0 -78px
  }
  
  i.flag.ai:before,i.flag.anguilla:before {
      background-position: 0 -104px
  }
  
  i.flag.al:before,i.flag.albania:before {
      background-position: 0 -130px
  }
  
  i.flag.am:before,i.flag.armenia:before {
      background-position: 0 -156px
  }
  
  i.flag.an:before,i.flag.netherlands.antilles:before {
      background-position: 0 -182px
  }
  
  i.flag.angola:before,i.flag.ao:before {
      background-position: 0 -208px
  }
  
  i.flag.ar:before,i.flag.argentina:before {
      background-position: 0 -234px
  }
  
  i.flag.american.samoa:before,i.flag.as:before {
      background-position: 0 -260px
  }
  
  i.flag.at:before,i.flag.austria:before {
      background-position: 0 -286px
  }
  
  i.flag.au:before,i.flag.australia:before {
      background-position: 0 -312px
  }
  
  i.flag.aruba:before,i.flag.aw:before {
      background-position: 0 -338px
  }
  
  i.flag.aland.islands:before,i.flag.ax:before {
      background-position: 0 -364px
  }
  
  i.flag.az:before,i.flag.azerbaijan:before {
      background-position: 0 -390px
  }
  
  i.flag.ba:before,i.flag.bosnia:before {
      background-position: 0 -416px
  }
  
  i.flag.barbados:before,i.flag.bb:before {
      background-position: 0 -442px
  }
  
  i.flag.bangladesh:before,i.flag.bd:before {
      background-position: 0 -468px
  }
  
  i.flag.be:before,i.flag.belgium:before {
      background-position: 0 -494px
  }
  
  i.flag.bf:before,i.flag.burkina.faso:before {
      background-position: 0 -520px
  }
  
  i.flag.bg:before,i.flag.bulgaria:before {
      background-position: 0 -546px
  }
  
  i.flag.bahrain:before,i.flag.bh:before {
      background-position: 0 -572px
  }
  
  i.flag.bi:before,i.flag.burundi:before {
      background-position: 0 -598px
  }
  
  i.flag.benin:before,i.flag.bj:before {
      background-position: 0 -624px
  }
  
  i.flag.bermuda:before,i.flag.bm:before {
      background-position: 0 -650px
  }
  
  i.flag.bn:before,i.flag.brunei:before {
      background-position: 0 -676px
  }
  
  i.flag.bo:before,i.flag.bolivia:before {
      background-position: 0 -702px
  }
  
  i.flag.br:before,i.flag.brazil:before {
      background-position: 0 -728px
  }
  
  i.flag.bahamas:before,i.flag.bs:before {
      background-position: 0 -754px
  }
  
  i.flag.bhutan:before,i.flag.bt:before {
      background-position: 0 -780px
  }
  
  i.flag.bouvet.island:before,i.flag.bv:before {
      background-position: 0 -806px
  }
  
  i.flag.botswana:before,i.flag.bw:before {
      background-position: 0 -832px
  }
  
  i.flag.belarus:before,i.flag.by:before {
      background-position: 0 -858px
  }
  
  i.flag.belize:before,i.flag.bz:before {
      background-position: 0 -884px
  }
  
  i.flag.ca:before,i.flag.canada:before {
      background-position: 0 -910px
  }
  
  i.flag.cc:before,i.flag.cocos.islands:before {
      background-position: 0 -962px
  }
  
  i.flag.cd:before,i.flag.congo:before {
      background-position: 0 -988px
  }
  
  i.flag.central.african.republic:before,i.flag.cf:before {
      background-position: 0 -1014px
  }
  
  i.flag.cg:before,i.flag.congo.brazzaville:before {
      background-position: 0 -1040px
  }
  
  i.flag.ch:before,i.flag.switzerland:before {
      background-position: 0 -1066px
  }
  
  i.flag.ci:before,i.flag.cote.divoire:before {
      background-position: 0 -1092px
  }
  
  i.flag.ck:before,i.flag.cook.islands:before {
      background-position: 0 -1118px
  }
  
  i.flag.chile:before,i.flag.cl:before {
      background-position: 0 -1144px
  }
  
  i.flag.cameroon:before,i.flag.cm:before {
      background-position: 0 -1170px
  }
  
  i.flag.china:before,i.flag.cn:before {
      background-position: 0 -1196px
  }
  
  i.flag.co:before,i.flag.colombia:before {
      background-position: 0 -1222px
  }
  
  i.flag.costa.rica:before,i.flag.cr:before {
      background-position: 0 -1248px
  }
  
  i.flag.cs:before,i.flag.serbia:before {
      background-position: 0 -1274px
  }
  
  i.flag.cu:before,i.flag.cuba:before {
      background-position: 0 -1300px
  }
  
  i.flag.cape.verde:before,i.flag.cv:before {
      background-position: 0 -1326px
  }
  
  i.flag.christmas.island:before,i.flag.cx:before {
      background-position: 0 -1352px
  }
  
  i.flag.cy:before,i.flag.cyprus:before {
      background-position: 0 -1378px
  }
  
  i.flag.cz:before,i.flag.czech.republic:before {
      background-position: 0 -1404px
  }
  
  i.flag.de:before,i.flag.germany:before {
      background-position: 0 -1430px
  }
  
  i.flag.dj:before,i.flag.djibouti:before {
      background-position: 0 -1456px
  }
  
  i.flag.denmark:before,i.flag.dk:before {
      background-position: 0 -1482px
  }
  
  i.flag.dm:before,i.flag.dominica:before {
      background-position: 0 -1508px
  }
  
  i.flag.do:before,i.flag.dominican.republic:before {
      background-position: 0 -1534px
  }
  
  i.flag.algeria:before,i.flag.dz:before {
      background-position: 0 -1560px
  }
  
  i.flag.ec:before,i.flag.ecuador:before {
      background-position: 0 -1586px
  }
  
  i.flag.ee:before,i.flag.estonia:before {
      background-position: 0 -1612px
  }
  
  i.flag.eg:before,i.flag.egypt:before {
      background-position: 0 -1638px
  }
  
  i.flag.eh:before,i.flag.western.sahara:before {
      background-position: 0 -1664px
  }
  
  i.flag.england:before,i.flag.gb.eng:before {
      background-position: 0 -1690px
  }
  
  i.flag.er:before,i.flag.eritrea:before {
      background-position: 0 -1716px
  }
  
  i.flag.es:before,i.flag.spain:before {
      background-position: 0 -1742px
  }
  
  i.flag.et:before,i.flag.ethiopia:before {
      background-position: 0 -1768px
  }
  
  i.flag.eu:before,i.flag.european.union:before {
      background-position: 0 -1794px
  }
  
  i.flag.fi:before,i.flag.finland:before {
      background-position: 0 -1846px
  }
  
  i.flag.fiji:before,i.flag.fj:before {
      background-position: 0 -1872px
  }
  
  i.flag.falkland.islands:before,i.flag.fk:before {
      background-position: 0 -1898px
  }
  
  i.flag.fm:before,i.flag.micronesia:before {
      background-position: 0 -1924px
  }
  
  i.flag.faroe.islands:before,i.flag.fo:before {
      background-position: 0 -1950px
  }
  
  i.flag.fr:before,i.flag.france:before {
      background-position: 0 -1976px
  }
  
  i.flag.ga:before,i.flag.gabon:before {
      background-position: -36px 0
  }
  
  i.flag.gb:before,i.flag.uk:before,i.flag.united.kingdom:before {
      background-position: -36px -26px
  }
  
  i.flag.gd:before,i.flag.grenada:before {
      background-position: -36px -52px
  }
  
  i.flag.ge:before,i.flag.georgia:before {
      background-position: -36px -78px
  }
  
  i.flag.french.guiana:before,i.flag.gf:before {
      background-position: -36px -104px
  }
  
  i.flag.gh:before,i.flag.ghana:before {
      background-position: -36px -130px
  }
  
  i.flag.gi:before,i.flag.gibraltar:before {
      background-position: -36px -156px
  }
  
  i.flag.gl:before,i.flag.greenland:before {
      background-position: -36px -182px
  }
  
  i.flag.gambia:before,i.flag.gm:before {
      background-position: -36px -208px
  }
  
  i.flag.gn:before,i.flag.guinea:before {
      background-position: -36px -234px
  }
  
  i.flag.gp:before,i.flag.guadeloupe:before {
      background-position: -36px -260px
  }
  
  i.flag.equatorial.guinea:before,i.flag.gq:before {
      background-position: -36px -286px
  }
  
  i.flag.gr:before,i.flag.greece:before {
      background-position: -36px -312px
  }
  
  i.flag.gs:before,i.flag.sandwich.islands:before {
      background-position: -36px -338px
  }
  
  i.flag.gt:before,i.flag.guatemala:before {
      background-position: -36px -364px
  }
  
  i.flag.gu:before,i.flag.guam:before {
      background-position: -36px -390px
  }
  
  i.flag.guinea-bissau:before,i.flag.gw:before {
      background-position: -36px -416px
  }
  
  i.flag.guyana:before,i.flag.gy:before {
      background-position: -36px -442px
  }
  
  i.flag.hk:before,i.flag.hong.kong:before {
      background-position: -36px -468px
  }
  
  i.flag.heard.island:before,i.flag.hm:before {
      background-position: -36px -494px
  }
  
  i.flag.hn:before,i.flag.honduras:before {
      background-position: -36px -520px
  }
  
  i.flag.croatia:before,i.flag.hr:before {
      background-position: -36px -546px
  }
  
  i.flag.haiti:before,i.flag.ht:before {
      background-position: -36px -572px
  }
  
  i.flag.hu:before,i.flag.hungary:before {
      background-position: -36px -598px
  }
  
  i.flag.id:before,i.flag.indonesia:before {
      background-position: -36px -624px
  }
  
  i.flag.ie:before,i.flag.ireland:before {
      background-position: -36px -650px
  }
  
  i.flag.il:before,i.flag.israel:before {
      background-position: -36px -676px
  }
  
  i.flag.in:before,i.flag.india:before {
      background-position: -36px -702px
  }
  
  i.flag.indian.ocean.territory:before,i.flag.io:before {
      background-position: -36px -728px
  }
  
  i.flag.iq:before,i.flag.iraq:before {
      background-position: -36px -754px
  }
  
  i.flag.ir:before,i.flag.iran:before {
      background-position: -36px -780px
  }
  
  i.flag.iceland:before,i.flag.is:before {
      background-position: -36px -806px
  }
  
  i.flag.it:before,i.flag.italy:before {
      background-position: -36px -832px
  }
  
  i.flag.jamaica:before,i.flag.jm:before {
      background-position: -36px -858px
  }
  
  i.flag.jo:before,i.flag.jordan:before {
      background-position: -36px -884px
  }
  
  i.flag.japan:before,i.flag.jp:before {
      background-position: -36px -910px
  }
  
  i.flag.ke:before,i.flag.kenya:before {
      background-position: -36px -936px
  }
  
  i.flag.kg:before,i.flag.kyrgyzstan:before {
      background-position: -36px -962px
  }
  
  i.flag.cambodia:before,i.flag.kh:before {
      background-position: -36px -988px
  }
  
  i.flag.ki:before,i.flag.kiribati:before {
      background-position: -36px -1014px
  }
  
  i.flag.comoros:before,i.flag.km:before {
      background-position: -36px -1040px
  }
  
  i.flag.kn:before,i.flag.saint.kitts.and.nevis:before {
      background-position: -36px -1066px
  }
  
  i.flag.kp:before,i.flag.north.korea:before {
      background-position: -36px -1092px
  }
  
  i.flag.kr:before,i.flag.south.korea:before {
      background-position: -36px -1118px
  }
  
  i.flag.kuwait:before,i.flag.kw:before {
      background-position: -36px -1144px
  }
  
  i.flag.cayman.islands:before,i.flag.ky:before {
      background-position: -36px -1170px
  }
  
  i.flag.kazakhstan:before,i.flag.kz:before {
      background-position: -36px -1196px
  }
  
  i.flag.la:before,i.flag.laos:before {
      background-position: -36px -1222px
  }
  
  i.flag.lb:before,i.flag.lebanon:before {
      background-position: -36px -1248px
  }
  
  i.flag.lc:before,i.flag.saint.lucia:before {
      background-position: -36px -1274px
  }
  
  i.flag.li:before,i.flag.liechtenstein:before {
      background-position: -36px -1300px
  }
  
  i.flag.lk:before,i.flag.sri.lanka:before {
      background-position: -36px -1326px
  }
  
  i.flag.liberia:before,i.flag.lr:before {
      background-position: -36px -1352px
  }
  
  i.flag.lesotho:before,i.flag.ls:before {
      background-position: -36px -1378px
  }
  
  i.flag.lithuania:before,i.flag.lt:before {
      background-position: -36px -1404px
  }
  
  i.flag.lu:before,i.flag.luxembourg:before {
      background-position: -36px -1430px
  }
  
  i.flag.latvia:before,i.flag.lv:before {
      background-position: -36px -1456px
  }
  
  i.flag.libya:before,i.flag.ly:before {
      background-position: -36px -1482px
  }
  
  i.flag.ma:before,i.flag.morocco:before {
      background-position: -36px -1508px
  }
  
  i.flag.mc:before,i.flag.monaco:before {
      background-position: -36px -1534px
  }
  
  i.flag.md:before,i.flag.moldova:before {
      background-position: -36px -1560px
  }
  
  i.flag.me:before,i.flag.montenegro:before {
      background-position: -36px -1586px
  }
  
  i.flag.madagascar:before,i.flag.mg:before {
      background-position: -36px -1613px
  }
  
  i.flag.marshall.islands:before,i.flag.mh:before {
      background-position: -36px -1639px
  }
  
  i.flag.macedonia:before,i.flag.mk:before {
      background-position: -36px -1665px
  }
  
  i.flag.mali:before,i.flag.ml:before {
      background-position: -36px -1691px
  }
  
  i.flag.burma:before,i.flag.mm:before,i.flag.myanmar:before {
      background-position: -73px -1821px
  }
  
  i.flag.mn:before,i.flag.mongolia:before {
      background-position: -36px -1743px
  }
  
  i.flag.macau:before,i.flag.mo:before {
      background-position: -36px -1769px
  }
  
  i.flag.mp:before,i.flag.northern.mariana.islands:before {
      background-position: -36px -1795px
  }
  
  i.flag.martinique:before,i.flag.mq:before {
      background-position: -36px -1821px
  }
  
  i.flag.mauritania:before,i.flag.mr:before {
      background-position: -36px -1847px
  }
  
  i.flag.montserrat:before,i.flag.ms:before {
      background-position: -36px -1873px
  }
  
  i.flag.malta:before,i.flag.mt:before {
      background-position: -36px -1899px
  }
  
  i.flag.mauritius:before,i.flag.mu:before {
      background-position: -36px -1925px
  }
  
  i.flag.maldives:before,i.flag.mv:before {
      background-position: -36px -1951px
  }
  
  i.flag.malawi:before,i.flag.mw:before {
      background-position: -36px -1977px
  }
  
  i.flag.mexico:before,i.flag.mx:before {
      background-position: -72px 0
  }
  
  i.flag.malaysia:before,i.flag.my:before {
      background-position: -72px -26px
  }
  
  i.flag.mozambique:before,i.flag.mz:before {
      background-position: -72px -52px
  }
  
  i.flag.na:before,i.flag.namibia:before {
      background-position: -72px -78px
  }
  
  i.flag.nc:before,i.flag.new.caledonia:before {
      background-position: -72px -104px
  }
  
  i.flag.ne:before,i.flag.niger:before {
      background-position: -72px -130px
  }
  
  i.flag.nf:before,i.flag.norfolk.island:before {
      background-position: -72px -156px
  }
  
  i.flag.ng:before,i.flag.nigeria:before {
      background-position: -72px -182px
  }
  
  i.flag.ni:before,i.flag.nicaragua:before {
      background-position: -72px -208px
  }
  
  i.flag.netherlands:before,i.flag.nl:before {
      background-position: -72px -234px
  }
  
  i.flag.no:before,i.flag.norway:before {
      background-position: -72px -260px
  }
  
  i.flag.nepal:before,i.flag.np:before {
      background-position: -72px -286px
  }
  
  i.flag.nauru:before,i.flag.nr:before {
      background-position: -72px -312px
  }
  
  i.flag.niue:before,i.flag.nu:before {
      background-position: -72px -338px
  }
  
  i.flag.new.zealand:before,i.flag.nz:before {
      background-position: -72px -364px
  }
  
  i.flag.om:before,i.flag.oman:before {
      background-position: -72px -390px
  }
  
  i.flag.pa:before,i.flag.panama:before {
      background-position: -72px -416px
  }
  
  i.flag.pe:before,i.flag.peru:before {
      background-position: -72px -442px
  }
  
  i.flag.french.polynesia:before,i.flag.pf:before {
      background-position: -72px -468px
  }
  
  i.flag.new.guinea:before,i.flag.pg:before {
      background-position: -72px -494px
  }
  
  i.flag.ph:before,i.flag.philippines:before {
      background-position: -72px -520px
  }
  
  i.flag.pakistan:before,i.flag.pk:before {
      background-position: -72px -546px
  }
  
  i.flag.pl:before,i.flag.poland:before {
      background-position: -72px -572px
  }
  
  i.flag.pm:before,i.flag.saint.pierre:before {
      background-position: -72px -598px
  }
  
  i.flag.pitcairn.islands:before,i.flag.pn:before {
      background-position: -72px -624px
  }
  
  i.flag.pr:before,i.flag.puerto.rico:before {
      background-position: -72px -650px
  }
  
  i.flag.palestine:before,i.flag.ps:before {
      background-position: -72px -676px
  }
  
  i.flag.portugal:before,i.flag.pt:before {
      background-position: -72px -702px
  }
  
  i.flag.palau:before,i.flag.pw:before {
      background-position: -72px -728px
  }
  
  i.flag.paraguay:before,i.flag.py:before {
      background-position: -72px -754px
  }
  
  i.flag.qa:before,i.flag.qatar:before {
      background-position: -72px -780px
  }
  
  i.flag.re:before,i.flag.reunion:before {
      background-position: -72px -806px
  }
  
  i.flag.ro:before,i.flag.romania:before {
      background-position: -72px -832px
  }
  
  i.flag.rs:before,i.flag.serbia:before {
      background-position: -72px -858px
  }
  
  i.flag.ru:before,i.flag.russia:before {
      background-position: -72px -884px
  }
  
  i.flag.rw:before,i.flag.rwanda:before {
      background-position: -72px -910px
  }
  
  i.flag.sa:before,i.flag.saudi.arabia:before {
      background-position: -72px -936px
  }
  
  i.flag.sb:before,i.flag.solomon.islands:before {
      background-position: -72px -962px
  }
  
  i.flag.sc:before,i.flag.seychelles:before {
      background-position: -72px -988px
  }
  
  i.flag.gb.sct:before,i.flag.scotland:before {
      background-position: -72px -1014px
  }
  
  i.flag.sd:before,i.flag.sudan:before {
      background-position: -72px -1040px
  }
  
  i.flag.se:before,i.flag.sweden:before {
      background-position: -72px -1066px
  }
  
  i.flag.sg:before,i.flag.singapore:before {
      background-position: -72px -1092px
  }
  
  i.flag.saint.helena:before,i.flag.sh:before {
      background-position: -72px -1118px
  }
  
  i.flag.si:before,i.flag.slovenia:before {
      background-position: -72px -1144px
  }
  
  i.flag.jan.mayen:before,i.flag.sj:before,i.flag.svalbard:before {
      background-position: -72px -1170px
  }
  
  i.flag.sk:before,i.flag.slovakia:before {
      background-position: -72px -1196px
  }
  
  i.flag.sierra.leone:before,i.flag.sl:before {
      background-position: -72px -1222px
  }
  
  i.flag.san.marino:before,i.flag.sm:before {
      background-position: -72px -1248px
  }
  
  i.flag.senegal:before,i.flag.sn:before {
      background-position: -72px -1274px
  }
  
  i.flag.so:before,i.flag.somalia:before {
      background-position: -72px -1300px
  }
  
  i.flag.sr:before,i.flag.suriname:before {
      background-position: -72px -1326px
  }
  
  i.flag.sao.tome:before,i.flag.st:before {
      background-position: -72px -1352px
  }
  
  i.flag.el.salvador:before,i.flag.sv:before {
      background-position: -72px -1378px
  }
  
  i.flag.sy:before,i.flag.syria:before {
      background-position: -72px -1404px
  }
  
  i.flag.swaziland:before,i.flag.sz:before {
      background-position: -72px -1430px
  }
  
  i.flag.caicos.islands:before,i.flag.tc:before {
      background-position: -72px -1456px
  }
  
  i.flag.chad:before,i.flag.td:before {
      background-position: -72px -1482px
  }
  
  i.flag.french.territories:before,i.flag.tf:before {
      background-position: -72px -1508px
  }
  
  i.flag.tg:before,i.flag.togo:before {
      background-position: -72px -1534px
  }
  
  i.flag.th:before,i.flag.thailand:before {
      background-position: -72px -1560px
  }
  
  i.flag.tajikistan:before,i.flag.tj:before {
      background-position: -72px -1586px
  }
  
  i.flag.tk:before,i.flag.tokelau:before {
      background-position: -72px -1612px
  }
  
  i.flag.timorleste:before,i.flag.tl:before {
      background-position: -72px -1638px
  }
  
  i.flag.tm:before,i.flag.turkmenistan:before {
      background-position: -72px -1664px
  }
  
  i.flag.tn:before,i.flag.tunisia:before {
      background-position: -72px -1690px
  }
  
  i.flag.to:before,i.flag.tonga:before {
      background-position: -72px -1716px
  }
  
  i.flag.tr:before,i.flag.turkey:before {
      background-position: -72px -1742px
  }
  
  i.flag.trinidad:before,i.flag.tt:before {
      background-position: -72px -1768px
  }
  
  i.flag.tuvalu:before,i.flag.tv:before {
      background-position: -72px -1794px
  }
  
  i.flag.taiwan:before,i.flag.tw:before {
      background-position: -72px -1820px
  }
  
  i.flag.tanzania:before,i.flag.tz:before {
      background-position: -72px -1846px
  }
  
  i.flag.ua:before,i.flag.ukraine:before {
      background-position: -72px -1872px
  }
  
  i.flag.ug:before,i.flag.uganda:before {
      background-position: -72px -1898px
  }
  
  i.flag.um:before,i.flag.us.minor.islands:before {
      background-position: -72px -1924px
  }
  
  i.flag.america:before,i.flag.united.states:before,i.flag.us:before {
      background-position: -72px -1950px
  }
  
  i.flag.uruguay:before,i.flag.uy:before {
      background-position: -72px -1976px
  }
  
  i.flag.uz:before,i.flag.uzbekistan:before {
      background-position: -108px 0
  }
  
  i.flag.va:before,i.flag.vatican.city:before {
      background-position: -108px -26px
  }
  
  i.flag.saint.vincent:before,i.flag.vc:before {
      background-position: -108px -52px
  }
  
  i.flag.ve:before,i.flag.venezuela:before {
      background-position: -108px -78px
  }
  
  i.flag.british.virgin.islands:before,i.flag.vg:before {
      background-position: -108px -104px
  }
  
  i.flag.us.virgin.islands:before,i.flag.vi:before {
      background-position: -108px -130px
  }
  
  i.flag.vietnam:before,i.flag.vn:before {
      background-position: -108px -156px
  }
  
  i.flag.vanuatu:before,i.flag.vu:before {
      background-position: -108px -182px
  }
  
  i.flag.gb.wls:before,i.flag.wales:before {
      background-position: -108px -208px
  }
  
  i.flag.wallis.and.futuna:before,i.flag.wf:before {
      background-position: -108px -234px
  }
  
  i.flag.samoa:before,i.flag.ws:before {
      background-position: -108px -260px
  }
  
  i.flag.ye:before,i.flag.yemen:before {
      background-position: -108px -286px
  }
  
  i.flag.mayotte:before,i.flag.yt:before {
      background-position: -108px -312px
  }
  
  i.flag.south.africa:before,i.flag.za:before {
      background-position: -108px -338px
  }
  
  i.flag.zambia:before,i.flag.zm:before {
      background-position: -108px -364px
  }
  
  i.flag.zimbabwe:before,i.flag.zw:before {
      background-position: -108px -390px
  }
  
  .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
  }
  
  .font-normal {
      font-style: normal!important
  }
  
  .carousel-indicators li {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 30px;
      height: 3px;
      padding: 0;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff;
      background-clip: padding-box;
      border: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: .5;
      -webkit-transition: opacity .6s ease;
      transition: opacity .6s ease
  }
  
  @media(prefers-reduced-motion:reduce) {
      .carousel-indicators li {
          -webkit-transition: none;
          transition: none
      }
  }
  
  .carousel-dark .carousel-indicators li {
      background-color: #000
  }
  
  .dropdown-menu {
      color: #212529;
      margin: 0;
      padding-top: 0;
      padding-bottom: 0;
      border: 0;
      -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
      box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
      font-size: .875rem
  }
  
  .dropdown-menu>li {
      border-radius: 0
  }
  
  .dropdown-menu>li:first-child,.dropdown-menu>li:first-child .dropdown-item {
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0
  }
  
  .dropdown-menu>li:not(:first-child):not(:last-child) .dropdown-item {
      border-radius: 0
  }
  
  .dropdown-menu>li:last-child,.dropdown-menu>li:last-child .dropdown-item {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: .5rem;
      border-bottom-right-radius: .5rem
  }
  
  .dropdown-menu.animation {
      display: block;
      -webkit-animation-duration: .55s;
      animation-duration: .55s;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
  }
  
  .dropdown-item {
      padding: .5rem 1rem;
      color: #212529;
      border-radius: 0
  }
  
  .dropdown-item.active,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover {
      color: #16181b;
      background-color: #eee
  }
  
  .hidden-arrow.dropdown-toggle:after {
      display: none
  }
  
  .animation {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      padding: auto
  }
  
  @media(prefers-reduced-motion) {
      .animation {
          -webkit-transition: none!important;
          transition: none!important;
          -webkit-animation: unset!important;
          animation: unset!important
      }
  }
  
  @-webkit-keyframes fade-in {
      0% {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  @keyframes fade-in {
      0% {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  .fade-in {
      -webkit-animation-name: fade-in;
      animation-name: fade-in
  }
  
  @-webkit-keyframes fade-out {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0
      }
  }
  
  @keyframes fade-out {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0
      }
  }
  
  .fade-out {
      -webkit-animation-name: fade-out;
      animation-name: fade-out
  }
  
  .btn-group,.btn-group-vertical {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      border-radius: 3px;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
  }
  
  .btn-group-vertical.active,.btn-group-vertical.active:focus,.btn-group-vertical.focus,.btn-group-vertical:active,.btn-group-vertical:active:focus,.btn-group-vertical:focus,.btn-group-vertical:hover,.btn-group.active,.btn-group.active:focus,.btn-group.focus,.btn-group:active,.btn-group:active:focus,.btn-group:focus,.btn-group:hover {
      -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
      box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1)
  }
  
  .btn-group-vertical.disabled,.btn-group-vertical:disabled,.btn-group.disabled,.btn-group:disabled,fieldset:disabled .btn-group,fieldset:disabled .btn-group-vertical {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      border: 0
  }
  
  .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group>.btn,.btn-group>.btn-group {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-group-vertical>.btn-link:first-child,.btn-group>.btn-link:first-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }
  
  .btn-group-vertical>.btn-link:last-child,.btn-group>.btn-link:last-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }
  
  .nav-tabs {
      border-bottom: 0
  }
  
  .nav-tabs .nav-link {
      border: solid transparent;
      border-width: 0 0 2px;
      border-radius: 0;
      text-transform: uppercase;
      line-height: 1;
      font-weight: 500;
      font-size: 16px;
      color: rgba(0,0,0,.6);
      padding: 17px 29px 16px
  }
  
  .nav-tabs .nav-link:hover {
      background-color: #f5f5f5;
      border-color: transparent
  }
  
  .nav-tabs .nav-link:focus {
      border-color: transparent
  }
  
  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
      color: #1266f1;
      border-color: #1266f1
  }
  
  .nav-pills {
      margin-left: -.5rem
  }
  
  .nav-pills .nav-link {
      border-radius: .25rem;
      font-size: 16px;
      text-transform: uppercase;
      padding: 17px 29px 16px;
      line-height: 1;
      background-color: #f5f5f5;
      font-weight: 500;
      color: rgba(0,0,0,.6);
      margin: .5rem
  }
  
  .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
      color: #fff;
      background-color: #1266f1;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1)
  }
  
  .nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
      width: auto
  }
  
  .navbar {
      -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);
      box-shadow: 0 4px 12px 0 rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);
      padding-top: .5625rem
  }
  
  .navbar-toggler {
      border: 0
  }
  
  .navbar-toggler:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .navbar-dark .navbar-toggler,.navbar-light .navbar-toggler {
      border: 0
  }
  
  .navbar-brand {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }
  
  .navbar-brand img {
      margin-right: .25rem
  }
  
  .navbar-nav .dropdown-menu {
      position: absolute
  }
  
  .navbar-dark .navbar-toggler-icon,.navbar-light .navbar-toggler-icon {
      background-image: none
  }
  
  .card {
      border: 0;
      -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
      box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05)
  }
  
  .card .bg-image {
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem
  }
  
  .card-header {
      background-color: hsla(0,0%,100%,0)
  }
  
  .card-body[class*=bg-] {
      border-bottom-left-radius: .5rem;
      border-bottom-right-radius: .5rem
  }
  
  .card-footer {
      background-color: hsla(0,0%,100%,0)
  }
  
  .card-img-left {
      border-top-left-radius: .5rem;
      border-bottom-left-radius: .5rem
  }
  
  .navbar .breadcrumb {
      background-color: transparent;
      margin-bottom: 0
  }
  
  .navbar .breadcrumb .breadcrumb-item a {
      color: rgba(0,0,0,.55);
      -webkit-transition: color .15s ease-in-out;
      transition: color .15s ease-in-out
  }
  
  .navbar .breadcrumb .breadcrumb-item a:focus,.navbar .breadcrumb .breadcrumb-item a:hover {
      color: rgba(0,0,0,.7)
  }
  
  .navbar .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
      color: rgba(0,0,0,.55)
  }
  
  .page-link {
      font-size: .9rem;
      background-color: transparent;
      border: 0;
      outline: 0;
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      border-radius: .25rem
  }
  
  .page-link,.page-link:hover {
      color: #212529
  }
  
  .page-link:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .page-item.active .page-link {
      background-color: #1266f1;
      border: 0;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
      -webkit-transition: all .2s linear;
      transition: all .2s linear
  }
  
  .page-item:first-child .page-link {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem
  }
  
  .page-item:last-child .page-link {
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem
  }
  
  .page-item:not(:first-child) .page-link {
      margin-left: 0
  }
  
  .pagination-lg .page-item:first-child .page-link,.pagination-sm .page-item:first-child .page-link {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem
  }
  
  .pagination-lg .page-item:last-child .page-link,.pagination-sm .page-item:last-child .page-link {
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem
  }
  
  .pagination-circle .page-item:first-child .page-link,.pagination-circle .page-item:last-child .page-link {
      border-radius: 50%
  }
  
  .pagination-circle .page-link {
      border-radius: 50%;
      padding-left: .841rem;
      padding-right: .841rem
  }
  
  .pagination-circle.pagination-lg .page-link {
      padding-left: 1.399414rem;
      padding-right: 1.399415rem
  }
  
  .pagination-circle.pagination-sm .page-link {
      padding-left: .696rem;
      padding-right: .688rem
  }
  
  .badge {
      border-radius: .27rem
  }
  
  .badge-dot {
      position: absolute;
      border-radius: 4.5px;
      height: 9px;
      min-width: 0;
      padding: 0;
      width: 9px;
      margin-left: -.3125rem
  }
  
  .badge-dot:empty {
      display: inline-block
  }
  
  .badge-notification {
      position: absolute;
      font-size: .6rem;
      margin-top: -.1rem;
      margin-left: -.5rem;
      padding: .2em .45em
  }
  
  .badge-primary {
      background-color: #cfe0fc;
      color: #0a47a9
  }
  
  .badge-primary i {
      color: #5693f5
  }
  
  .badge-secondary {
      background-color: #ebcdfe;
      color: #6e02b1
  }
  
  .badge-secondary i {
      color: #a61cfd
  }
  
  .badge-success {
      background-color: #c7f5d9;
      color: #0b4121
  }
  
  .badge-success i {
      color: #1b984d
  }
  
  .badge-danger {
      background-color: #fdd8de;
      color: #790619
  }
  
  .badge-danger i {
      color: #f42547
  }
  
  .badge-warning {
      background-color: #ffebc2;
      color: #453008
  }
  
  .badge-warning i {
      color: #c80
  }
  
  .badge-info {
      background-color: #d0f0fb;
      color: #084154
  }
  
  .badge-info i {
      color: #13a3d2
  }
  
  .badge-light {
      background-color: #f5f5f5;
      color: #404040
  }
  
  .badge-light i {
      color: #8c8c8c
  }
  
  .badge-dark {
      background-color: #292929;
      color: #f5f5f5
  }
  
  .badge-dark i {
      color: #d9d9d9
  }
  
  .alert {
      border: 0;
      border-radius: .5rem
  }
  
  .alert-absolute {
      position: absolute
  }
  
  .alert-fixed {
      position: fixed;
      z-index: 1070
  }
  
  .parent-alert-relative {
      position: relative
  }
  
  .progress {
      border-radius: 0
  }
  
  .list-group-item-action,.list-group-item-action:hover {
      -webkit-transition: .5s;
      transition: .5s
  }
  
  .btn-close:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .modal-content,.toast {
      border: 0;
      -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
      box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05)
  }
  
  .toast {
      background-color: #fff
  }
  
  .toast .btn-close {
      width: 1.3em
  }
  
  .toast-header {
      background-color: #fff
  }
  
  .parent-toast-relative {
      position: relative
  }
  
  .toast-absolute {
      position: absolute
  }
  
  .toast-fixed {
      position: fixed;
      z-index: 1060
  }
  
  .tooltip.show {
      opacity: 1
  }
  
  .tooltip .tooltip-arrow {
      display: none
  }
  
  .tooltip-inner {
      color: #fff;
      padding: 6px 16px;
      font-size: 14px;
      background-color: #6d6d6d;
      border-radius: .25rem
  }
  
  .popover {
      border: 0;
      -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
      box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05)
  }
  
  .popover .popover-arrow {
      display: none
  }
  
  .popover-header {
      background-color: #fff
  }
  
  .nav-pills.menu-sidebar .nav-link {
      font-size: .8rem;
      background-color: transparent;
      color: #262626;
      line-height: 1rem;
      padding: 0 5px;
      font-weight: 400;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      text-transform: none;
      margin-top: 3px;
      margin-bottom: 3px
  }
  
  .nav-pills.menu-sidebar .nav-link.active,.nav-pills.menu-sidebar .show>.nav-link {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #1266f1;
      font-weight: 600;
      border-left: .125rem solid #1266f1;
      border-radius: 0
  }
  
  .ripple-surface {
      position: relative;
      overflow: hidden;
      display: inline-block;
      vertical-align: bottom
  }
  
  .ripple-surface-unbound {
      overflow: visible
  }
  
  .ripple-wave {
      background-image: radial-gradient(circle,rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,transparent 70%);
      border-radius: 50%;
      opacity: .5;
      pointer-events: none;
      position: absolute;
      -ms-touch-action: none;
      touch-action: none;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition-property: opacity,-webkit-transform;
      transition-property: opacity,-webkit-transform;
      transition-property: transform,opacity;
      transition-property: transform,opacity,-webkit-transform;
      -webkit-transition-timing-function: cubic-bezier(0,0,.15,1),cubic-bezier(0,0,.15,1);
      transition-timing-function: cubic-bezier(0,0,.15,1),cubic-bezier(0,0,.15,1);
      z-index: 999
  }
  
  .ripple-wave.active {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0
  }
  
  .btn .ripple-wave {
      background-image: radial-gradient(circle,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0) 70%)
  }
  
  .ripple-surface-primary .ripple-wave {
      background-image: radial-gradient(circle,rgba(18,102,241,.2) 0,rgba(18,102,241,.3) 40%,rgba(18,102,241,.4) 50%,rgba(18,102,241,.5) 60%,rgba(18,102,241,0) 70%)
  }
  
  .ripple-surface-secondary .ripple-wave {
      background-image: radial-gradient(circle,rgba(178,60,253,.2) 0,rgba(178,60,253,.3) 40%,rgba(178,60,253,.4) 50%,rgba(178,60,253,.5) 60%,rgba(178,60,253,0) 70%)
  }
  
  .ripple-surface-success .ripple-wave {
      background-image: radial-gradient(circle,rgba(0,183,74,.2) 0,rgba(0,183,74,.3) 40%,rgba(0,183,74,.4) 50%,rgba(0,183,74,.5) 60%,rgba(0,183,74,0) 70%)
  }
  
  .ripple-surface-info .ripple-wave {
      background-image: radial-gradient(circle,rgba(57,192,237,.2) 0,rgba(57,192,237,.3) 40%,rgba(57,192,237,.4) 50%,rgba(57,192,237,.5) 60%,rgba(57,192,237,0) 70%)
  }
  
  .ripple-surface-warning .ripple-wave {
      background-image: radial-gradient(circle,rgba(255,169,0,.2) 0,rgba(255,169,0,.3) 40%,rgba(255,169,0,.4) 50%,rgba(255,169,0,.5) 60%,rgba(255,169,0,0) 70%)
  }
  
  .ripple-surface-danger .ripple-wave {
      background-image: radial-gradient(circle,rgba(249,49,84,.2) 0,rgba(249,49,84,.3) 40%,rgba(249,49,84,.4) 50%,rgba(249,49,84,.5) 60%,rgba(249,49,84,0) 70%)
  }
  
  .ripple-surface-light .ripple-wave {
      background-image: radial-gradient(circle,hsla(0,0%,98.4%,.2) 0,hsla(0,0%,98.4%,.3) 40%,hsla(0,0%,98.4%,.4) 50%,hsla(0,0%,98.4%,.5) 60%,hsla(0,0%,98.4%,0) 70%)
  }
  
  .ripple-surface-dark .ripple-wave {
      background-image: radial-gradient(circle,rgba(38,38,38,.2) 0,rgba(38,38,38,.3) 40%,rgba(38,38,38,.4) 50%,rgba(38,38,38,.5) 60%,rgba(38,38,38,0) 70%)
  }
  
  .ripple-surface-white .ripple-wave {
      background-image: radial-gradient(circle,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0) 70%)
  }
  
  .ripple-surface-black .ripple-wave {
      background-image: radial-gradient(circle,rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,transparent 70%)
  }
  
  .range {
      position: relative
  }
  
  .range .thumb {
      height: 30px;
      width: 30px;
      top: -35px;
      margin-left: -15px;
      text-align: center;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
  }
  
  .range .thumb,.range .thumb:after {
      position: absolute;
      display: block;
      border-radius: 50% 50% 50% 0
  }
  
  .range .thumb:after {
      content: "";
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 100%;
      height: 100%;
      top: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      background: #1266f1;
      z-index: -1
  }
  
  .range .thumb .thumb-value {
      display: block;
      font-size: 12px;
      line-height: 30px;
      color: #fff;
      font-weight: 500;
      z-index: 2
  }
  
  .range .thumb.thumb-active {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
  
  .accordion-button:not(.collapsed):focus {
      -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
      box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
  }
  
  .accordion-button:focus {
      border-color: #1266f1;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .carousel-control-prev-icon:after {
      content: "ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“"
  }
  
  .carousel-control-next-icon:after,.carousel-control-prev-icon:after {
      font-weight: 700;
      font-family: Font Awesome\ 5 Pro,Font Awesome\ 5 Free;
      font-size: 1.7rem
  }
  
  .carousel-control-next-icon:after {
      content: "ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â"
  }
  
  @keyframes marquee {
      0% { transform: translateX(0); }
      100% { transform: translateX(-100%); }
    }
  
  @media screen and (max-width: 680px) {
      .col-md-4 {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }
  