@charset "utf-8";
/* CSS Document */

@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url(bootstrap-icons.6fdf98f9eb97d9e7.woff2?8d200481aa7f02a2d63a331fc782cfaf) format("woff2"),url(bootstrap-icons.dba5e3b77b478961.woff?8d200481aa7f02a2d63a331fc782cfaf) format("woff")
}

.bi:before,[class^=bi-]:before,[class*=" bi-"]:before {
    display: inline-block;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bi-123:before {
    content: "\f67f"
}

.bi-alarm-fill:before {
    content: "\f101"
}

.bi-alarm:before {
    content: "\f102"
}

.bi-align-bottom:before {
    content: "\f103"
}

.bi-align-center:before {
    content: "\f104"
}

.bi-align-end:before {
    content: "\f105"
}

.bi-align-middle:before {
    content: "\f106"
}

.bi-align-start:before {
    content: "\f107"
}

.bi-align-top:before {
    content: "\f108"
}

.bi-alt:before {
    content: "\f109"
}

.bi-app-indicator:before {
    content: "\f10a"
}

.bi-app:before {
    content: "\f10b"
}

.bi-archive-fill:before {
    content: "\f10c"
}

.bi-archive:before {
    content: "\f10d"
}

.bi-arrow-90deg-down:before {
    content: "\f10e"
}

.bi-arrow-90deg-left:before {
    content: "\f10f"
}

.bi-arrow-90deg-right:before {
    content: "\f110"
}

.bi-arrow-90deg-up:before {
    content: "\f111"
}

.bi-arrow-bar-down:before {
    content: "\f112"
}

.bi-arrow-bar-left:before {
    content: "\f113"
}

.bi-arrow-bar-right:before {
    content: "\f114"
}

.bi-arrow-bar-up:before {
    content: "\f115"
}

.bi-arrow-clockwise:before {
    content: "\f116"
}

.bi-arrow-counterclockwise:before {
    content: "\f117"
}

.bi-arrow-down-circle-fill:before {
    content: "\f118"
}

.bi-arrow-down-circle:before {
    content: "\f119"
}

.bi-arrow-down-left-circle-fill:before {
    content: "\f11a"
}

.bi-arrow-down-left-circle:before {
    content: "\f11b"
}

.bi-arrow-down-left-square-fill:before {
    content: "\f11c"
}

.bi-arrow-down-left-square:before {
    content: "\f11d"
}

.bi-arrow-down-left:before {
    content: "\f11e"
}

.bi-arrow-down-right-circle-fill:before {
    content: "\f11f"
}

.bi-arrow-down-right-circle:before {
    content: "\f120"
}

.bi-arrow-down-right-square-fill:before {
    content: "\f121"
}

.bi-arrow-down-right-square:before {
    content: "\f122"
}

.bi-arrow-down-right:before {
    content: "\f123"
}

.bi-arrow-down-short:before {
    content: "\f124"
}

.bi-arrow-down-square-fill:before {
    content: "\f125"
}

.bi-arrow-down-square:before {
    content: "\f126"
}

.bi-arrow-down-up:before {
    content: "\f127"
}

.bi-arrow-down:before {
    content: "\f128"
}

.bi-arrow-left-circle-fill:before {
    content: "\f129"
}

.bi-arrow-left-circle:before {
    content: "\f12a"
}

.bi-arrow-left-right:before {
    content: "\f12b"
}

.bi-arrow-left-short:before {
    content: "\f12c"
}

.bi-arrow-left-square-fill:before {
    content: "\f12d"
}

.bi-arrow-left-square:before {
    content: "\f12e"
}

.bi-arrow-left:before {
    content: "\f12f"
}

.bi-arrow-repeat:before {
    content: "\f130"
}

.bi-arrow-return-left:before {
    content: "\f131"
}

.bi-arrow-return-right:before {
    content: "\f132"
}

.bi-arrow-right-circle-fill:before {
    content: "\f133"
}

.bi-arrow-right-circle:before {
    content: "\f134"
}

.bi-arrow-right-short:before {
    content: "\f135"
}

.bi-arrow-right-square-fill:before {
    content: "\f136"
}

.bi-arrow-right-square:before {
    content: "\f137"
}

.bi-arrow-right:before {
    content: "\f138"
}

.bi-arrow-up-circle-fill:before {
    content: "\f139"
}

.bi-arrow-up-circle:before {
    content: "\f13a"
}

.bi-arrow-up-left-circle-fill:before {
    content: "\f13b"
}

.bi-arrow-up-left-circle:before {
    content: "\f13c"
}

.bi-arrow-up-left-square-fill:before {
    content: "\f13d"
}

.bi-arrow-up-left-square:before {
    content: "\f13e"
}

.bi-arrow-up-left:before {
    content: "\f13f"
}

.bi-arrow-up-right-circle-fill:before {
    content: "\f140"
}

.bi-arrow-up-right-circle:before {
    content: "\f141"
}

.bi-arrow-up-right-square-fill:before {
    content: "\f142"
}

.bi-arrow-up-right-square:before {
    content: "\f143"
}

.bi-arrow-up-right:before {
    content: "\f144"
}

.bi-arrow-up-short:before {
    content: "\f145"
}

.bi-arrow-up-square-fill:before {
    content: "\f146"
}

.bi-arrow-up-square:before {
    content: "\f147"
}

.bi-arrow-up:before {
    content: "\f148"
}

.bi-arrows-angle-contract:before {
    content: "\f149"
}

.bi-arrows-angle-expand:before {
    content: "\f14a"
}

.bi-arrows-collapse:before {
    content: "\f14b"
}

.bi-arrows-expand:before {
    content: "\f14c"
}

.bi-arrows-fullscreen:before {
    content: "\f14d"
}

.bi-arrows-move:before {
    content: "\f14e"
}

.bi-aspect-ratio-fill:before {
    content: "\f14f"
}

.bi-aspect-ratio:before {
    content: "\f150"
}

.bi-asterisk:before {
    content: "\f151"
}

.bi-at:before {
    content: "\f152"
}

.bi-award-fill:before {
    content: "\f153"
}

.bi-award:before {
    content: "\f154"
}

.bi-back:before {
    content: "\f155"
}

.bi-backspace-fill:before {
    content: "\f156"
}

.bi-backspace-reverse-fill:before {
    content: "\f157"
}

.bi-backspace-reverse:before {
    content: "\f158"
}

.bi-backspace:before {
    content: "\f159"
}

.bi-badge-3d-fill:before {
    content: "\f15a"
}

.bi-badge-3d:before {
    content: "\f15b"
}

.bi-badge-4k-fill:before {
    content: "\f15c"
}

.bi-badge-4k:before {
    content: "\f15d"
}

.bi-badge-8k-fill:before {
    content: "\f15e"
}

.bi-badge-8k:before {
    content: "\f15f"
}

.bi-badge-ad-fill:before {
    content: "\f160"
}

.bi-badge-ad:before {
    content: "\f161"
}

.bi-badge-ar-fill:before {
    content: "\f162"
}

.bi-badge-ar:before {
    content: "\f163"
}

.bi-badge-cc-fill:before {
    content: "\f164"
}

.bi-badge-cc:before {
    content: "\f165"
}

.bi-badge-hd-fill:before {
    content: "\f166"
}

.bi-badge-hd:before {
    content: "\f167"
}

.bi-badge-tm-fill:before {
    content: "\f168"
}

.bi-badge-tm:before {
    content: "\f169"
}

.bi-badge-vo-fill:before {
    content: "\f16a"
}

.bi-badge-vo:before {
    content: "\f16b"
}

.bi-badge-vr-fill:before {
    content: "\f16c"
}

.bi-badge-vr:before {
    content: "\f16d"
}

.bi-badge-wc-fill:before {
    content: "\f16e"
}

.bi-badge-wc:before {
    content: "\f16f"
}

.bi-bag-check-fill:before {
    content: "\f170"
}

.bi-bag-check:before {
    content: "\f171"
}

.bi-bag-dash-fill:before {
    content: "\f172"
}

.bi-bag-dash:before {
    content: "\f173"
}

.bi-bag-fill:before {
    content: "\f174"
}

.bi-bag-plus-fill:before {
    content: "\f175"
}

.bi-bag-plus:before {
    content: "\f176"
}

.bi-bag-x-fill:before {
    content: "\f177"
}

.bi-bag-x:before {
    content: "\f178"
}

.bi-bag:before {
    content: "\f179"
}

.bi-bar-chart-fill:before {
    content: "\f17a"
}

.bi-bar-chart-line-fill:before {
    content: "\f17b"
}

.bi-bar-chart-line:before {
    content: "\f17c"
}

.bi-bar-chart-steps:before {
    content: "\f17d"
}

.bi-bar-chart:before {
    content: "\f17e"
}

.bi-basket-fill:before {
    content: "\f17f"
}

.bi-basket:before {
    content: "\f180"
}

.bi-basket2-fill:before {
    content: "\f181"
}

.bi-basket2:before {
    content: "\f182"
}

.bi-basket3-fill:before {
    content: "\f183"
}

.bi-basket3:before {
    content: "\f184"
}

.bi-battery-charging:before {
    content: "\f185"
}

.bi-battery-full:before {
    content: "\f186"
}

.bi-battery-half:before {
    content: "\f187"
}

.bi-battery:before {
    content: "\f188"
}

.bi-bell-fill:before {
    content: "\f189"
}

.bi-bell:before {
    content: "\f18a"
}

.bi-bezier:before {
    content: "\f18b"
}

.bi-bezier2:before {
    content: "\f18c"
}

.bi-bicycle:before {
    content: "\f18d"
}

.bi-binoculars-fill:before {
    content: "\f18e"
}

.bi-binoculars:before {
    content: "\f18f"
}

.bi-blockquote-left:before {
    content: "\f190"
}

.bi-blockquote-right:before {
    content: "\f191"
}

.bi-book-fill:before {
    content: "\f192"
}

.bi-book-half:before {
    content: "\f193"
}

.bi-book:before {
    content: "\f194"
}

.bi-bookmark-check-fill:before {
    content: "\f195"
}

.bi-bookmark-check:before {
    content: "\f196"
}

.bi-bookmark-dash-fill:before {
    content: "\f197"
}

.bi-bookmark-dash:before {
    content: "\f198"
}

.bi-bookmark-fill:before {
    content: "\f199"
}

.bi-bookmark-heart-fill:before {
    content: "\f19a"
}

.bi-bookmark-heart:before {
    content: "\f19b"
}

.bi-bookmark-plus-fill:before {
    content: "\f19c"
}

.bi-bookmark-plus:before {
    content: "\f19d"
}

.bi-bookmark-star-fill:before {
    content: "\f19e"
}

.bi-bookmark-star:before {
    content: "\f19f"
}

.bi-bookmark-x-fill:before {
    content: "\f1a0"
}

.bi-bookmark-x:before {
    content: "\f1a1"
}

.bi-bookmark:before {
    content: "\f1a2"
}

.bi-bookmarks-fill:before {
    content: "\f1a3"
}

.bi-bookmarks:before {
    content: "\f1a4"
}

.bi-bookshelf:before {
    content: "\f1a5"
}

.bi-bootstrap-fill:before {
    content: "\f1a6"
}

.bi-bootstrap-reboot:before {
    content: "\f1a7"
}

.bi-bootstrap:before {
    content: "\f1a8"
}

.bi-border-all:before {
    content: "\f1a9"
}

.bi-border-bottom:before {
    content: "\f1aa"
}

.bi-border-center:before {
    content: "\f1ab"
}

.bi-border-inner:before {
    content: "\f1ac"
}

.bi-border-left:before {
    content: "\f1ad"
}

.bi-border-middle:before {
    content: "\f1ae"
}

.bi-border-outer:before {
    content: "\f1af"
}

.bi-border-right:before {
    content: "\f1b0"
}

.bi-border-style:before {
    content: "\f1b1"
}

.bi-border-top:before {
    content: "\f1b2"
}

.bi-border-width:before {
    content: "\f1b3"
}

.bi-border:before {
    content: "\f1b4"
}

.bi-bounding-box-circles:before {
    content: "\f1b5"
}

.bi-bounding-box:before {
    content: "\f1b6"
}

.bi-box-arrow-down-left:before {
    content: "\f1b7"
}

.bi-box-arrow-down-right:before {
    content: "\f1b8"
}

.bi-box-arrow-down:before {
    content: "\f1b9"
}

.bi-box-arrow-in-down-left:before {
    content: "\f1ba"
}

.bi-box-arrow-in-down-right:before {
    content: "\f1bb"
}

.bi-box-arrow-in-down:before {
    content: "\f1bc"
}

.bi-box-arrow-in-left:before {
    content: "\f1bd"
}

.bi-box-arrow-in-right:before {
    content: "\f1be"
}

.bi-box-arrow-in-up-left:before {
    content: "\f1bf"
}

.bi-box-arrow-in-up-right:before {
    content: "\f1c0"
}

.bi-box-arrow-in-up:before {
    content: "\f1c1"
}

.bi-box-arrow-left:before {
    content: "\f1c2"
}

.bi-box-arrow-right:before {
    content: "\f1c3"
}

.bi-box-arrow-up-left:before {
    content: "\f1c4"
}

.bi-box-arrow-up-right:before {
    content: "\f1c5"
}

.bi-box-arrow-up:before {
    content: "\f1c6"
}

.bi-box-seam:before {
    content: "\f1c7"
}

.bi-box:before {
    content: "\f1c8"
}

.bi-braces:before {
    content: "\f1c9"
}

.bi-bricks:before {
    content: "\f1ca"
}

.bi-briefcase-fill:before {
    content: "\f1cb"
}

.bi-briefcase:before {
    content: "\f1cc"
}

.bi-brightness-alt-high-fill:before {
    content: "\f1cd"
}

.bi-brightness-alt-high:before {
    content: "\f1ce"
}

.bi-brightness-alt-low-fill:before {
    content: "\f1cf"
}

.bi-brightness-alt-low:before {
    content: "\f1d0"
}

.bi-brightness-high-fill:before {
    content: "\f1d1"
}

.bi-brightness-high:before {
    content: "\f1d2"
}

.bi-brightness-low-fill:before {
    content: "\f1d3"
}

.bi-brightness-low:before {
    content: "\f1d4"
}

.bi-broadcast-pin:before {
    content: "\f1d5"
}

.bi-broadcast:before {
    content: "\f1d6"
}

.bi-brush-fill:before {
    content: "\f1d7"
}

.bi-brush:before {
    content: "\f1d8"
}

.bi-bucket-fill:before {
    content: "\f1d9"
}

.bi-bucket:before {
    content: "\f1da"
}

.bi-bug-fill:before {
    content: "\f1db"
}

.bi-bug:before {
    content: "\f1dc"
}

.bi-building:before {
    content: "\f1dd"
}

.bi-bullseye:before {
    content: "\f1de"
}

.bi-calculator-fill:before {
    content: "\f1df"
}

.bi-calculator:before {
    content: "\f1e0"
}

.bi-calendar-check-fill:before {
    content: "\f1e1"
}

.bi-calendar-check:before {
    content: "\f1e2"
}

.bi-calendar-date-fill:before {
    content: "\f1e3"
}

.bi-calendar-date:before {
    content: "\f1e4"
}

.bi-calendar-day-fill:before {
    content: "\f1e5"
}

.bi-calendar-day:before {
    content: "\f1e6"
}

.bi-calendar-event-fill:before {
    content: "\f1e7"
}

.bi-calendar-event:before {
    content: "\f1e8"
}

.bi-calendar-fill:before {
    content: "\f1e9"
}

.bi-calendar-minus-fill:before {
    content: "\f1ea"
}

.bi-calendar-minus:before {
    content: "\f1eb"
}

.bi-calendar-month-fill:before {
    content: "\f1ec"
}

.bi-calendar-month:before {
    content: "\f1ed"
}

.bi-calendar-plus-fill:before {
    content: "\f1ee"
}

.bi-calendar-plus:before {
    content: "\f1ef"
}

.bi-calendar-range-fill:before {
    content: "\f1f0"
}

.bi-calendar-range:before {
    content: "\f1f1"
}

.bi-calendar-week-fill:before {
    content: "\f1f2"
}

.bi-calendar-week:before {
    content: "\f1f3"
}

.bi-calendar-x-fill:before {
    content: "\f1f4"
}

.bi-calendar-x:before {
    content: "\f1f5"
}

.bi-calendar:before {
    content: "\f1f6"
}

.bi-calendar2-check-fill:before {
    content: "\f1f7"
}

.bi-calendar2-check:before {
    content: "\f1f8"
}

.bi-calendar2-date-fill:before {
    content: "\f1f9"
}

.bi-calendar2-date:before {
    content: "\f1fa"
}

.bi-calendar2-day-fill:before {
    content: "\f1fb"
}

.bi-calendar2-day:before {
    content: "\f1fc"
}

.bi-calendar2-event-fill:before {
    content: "\f1fd"
}

.bi-calendar2-event:before {
    content: "\f1fe"
}

.bi-calendar2-fill:before {
    content: "\f1ff"
}

.bi-calendar2-minus-fill:before {
    content: "\f200"
}

.bi-calendar2-minus:before {
    content: "\f201"
}

.bi-calendar2-month-fill:before {
    content: "\f202"
}

.bi-calendar2-month:before {
    content: "\f203"
}

.bi-calendar2-plus-fill:before {
    content: "\f204"
}

.bi-calendar2-plus:before {
    content: "\f205"
}

.bi-calendar2-range-fill:before {
    content: "\f206"
}

.bi-calendar2-range:before {
    content: "\f207"
}

.bi-calendar2-week-fill:before {
    content: "\f208"
}

.bi-calendar2-week:before {
    content: "\f209"
}

.bi-calendar2-x-fill:before {
    content: "\f20a"
}

.bi-calendar2-x:before {
    content: "\f20b"
}

.bi-calendar2:before {
    content: "\f20c"
}

.bi-calendar3-event-fill:before {
    content: "\f20d"
}

.bi-calendar3-event:before {
    content: "\f20e"
}

.bi-calendar3-fill:before {
    content: "\f20f"
}

.bi-calendar3-range-fill:before {
    content: "\f210"
}

.bi-calendar3-range:before {
    content: "\f211"
}

.bi-calendar3-week-fill:before {
    content: "\f212"
}

.bi-calendar3-week:before {
    content: "\f213"
}

.bi-calendar3:before {
    content: "\f214"
}

.bi-calendar4-event:before {
    content: "\f215"
}

.bi-calendar4-range:before {
    content: "\f216"
}

.bi-calendar4-week:before {
    content: "\f217"
}

.bi-calendar4:before {
    content: "\f218"
}

.bi-camera-fill:before {
    content: "\f219"
}

.bi-camera-reels-fill:before {
    content: "\f21a"
}

.bi-camera-reels:before {
    content: "\f21b"
}

.bi-camera-video-fill:before {
    content: "\f21c"
}

.bi-camera-video-off-fill:before {
    content: "\f21d"
}

.bi-camera-video-off:before {
    content: "\f21e"
}

.bi-camera-video:before {
    content: "\f21f"
}

.bi-camera:before {
    content: "\f220"
}

.bi-camera2:before {
    content: "\f221"
}

.bi-capslock-fill:before {
    content: "\f222"
}

.bi-capslock:before {
    content: "\f223"
}

.bi-card-checklist:before {
    content: "\f224"
}

.bi-card-heading:before {
    content: "\f225"
}

.bi-card-image:before {
    content: "\f226"
}

.bi-card-list:before {
    content: "\f227"
}

.bi-card-text:before {
    content: "\f228"
}

.bi-caret-down-fill:before {
    content: "\f229"
}

.bi-caret-down-square-fill:before {
    content: "\f22a"
}

.bi-caret-down-square:before {
    content: "\f22b"
}

.bi-caret-down:before {
    content: "\f22c"
}

.bi-caret-left-fill:before {
    content: "\f22d"
}

.bi-caret-left-square-fill:before {
    content: "\f22e"
}

.bi-caret-left-square:before {
    content: "\f22f"
}

.bi-caret-left:before {
    content: "\f230"
}

.bi-caret-right-fill:before {
    content: "\f231"
}

.bi-caret-right-square-fill:before {
    content: "\f232"
}

.bi-caret-right-square:before {
    content: "\f233"
}

.bi-caret-right:before {
    content: "\f234"
}

.bi-caret-up-fill:before {
    content: "\f235"
}

.bi-caret-up-square-fill:before {
    content: "\f236"
}

.bi-caret-up-square:before {
    content: "\f237"
}

.bi-caret-up:before {
    content: "\f238"
}

.bi-cart-check-fill:before {
    content: "\f239"
}

.bi-cart-check:before {
    content: "\f23a"
}

.bi-cart-dash-fill:before {
    content: "\f23b"
}

.bi-cart-dash:before {
    content: "\f23c"
}

.bi-cart-fill:before {
    content: "\f23d"
}

.bi-cart-plus-fill:before {
    content: "\f23e"
}

.bi-cart-plus:before {
    content: "\f23f"
}

.bi-cart-x-fill:before {
    content: "\f240"
}

.bi-cart-x:before {
    content: "\f241"
}

.bi-cart:before {
    content: "\f242"
}

.bi-cart2:before {
    content: "\f243"
}

.bi-cart3:before {
    content: "\f244"
}

.bi-cart4:before {
    content: "\f245"
}

.bi-cash-stack:before {
    content: "\f246"
}

.bi-cash:before {
    content: "\f247"
}

.bi-cast:before {
    content: "\f248"
}

.bi-chat-dots-fill:before {
    content: "\f249"
}

.bi-chat-dots:before {
    content: "\f24a"
}

.bi-chat-fill:before {
    content: "\f24b"
}

.bi-chat-left-dots-fill:before {
    content: "\f24c"
}

.bi-chat-left-dots:before {
    content: "\f24d"
}

.bi-chat-left-fill:before {
    content: "\f24e"
}

.bi-chat-left-quote-fill:before {
    content: "\f24f"
}

.bi-chat-left-quote:before {
    content: "\f250"
}

.bi-chat-left-text-fill:before {
    content: "\f251"
}

.bi-chat-left-text:before {
    content: "\f252"
}

.bi-chat-left:before {
    content: "\f253"
}

.bi-chat-quote-fill:before {
    content: "\f254"
}

.bi-chat-quote:before {
    content: "\f255"
}

.bi-chat-right-dots-fill:before {
    content: "\f256"
}

.bi-chat-right-dots:before {
    content: "\f257"
}

.bi-chat-right-fill:before {
    content: "\f258"
}

.bi-chat-right-quote-fill:before {
    content: "\f259"
}

.bi-chat-right-quote:before {
    content: "\f25a"
}

.bi-chat-right-text-fill:before {
    content: "\f25b"
}

.bi-chat-right-text:before {
    content: "\f25c"
}

.bi-chat-right:before {
    content: "\f25d"
}

.bi-chat-square-dots-fill:before {
    content: "\f25e"
}

.bi-chat-square-dots:before {
    content: "\f25f"
}

.bi-chat-square-fill:before {
    content: "\f260"
}

.bi-chat-square-quote-fill:before {
    content: "\f261"
}

.bi-chat-square-quote:before {
    content: "\f262"
}

.bi-chat-square-text-fill:before {
    content: "\f263"
}

.bi-chat-square-text:before {
    content: "\f264"
}

.bi-chat-square:before {
    content: "\f265"
}

.bi-chat-text-fill:before {
    content: "\f266"
}

.bi-chat-text:before {
    content: "\f267"
}

.bi-chat:before {
    content: "\f268"
}

.bi-check-all:before {
    content: "\f269"
}

.bi-check-circle-fill:before {
    content: "\f26a"
}

.bi-check-circle:before {
    content: "\f26b"
}

.bi-check-square-fill:before {
    content: "\f26c"
}

.bi-check-square:before {
    content: "\f26d"
}

.bi-check:before {
    content: "\f26e"
}

.bi-check2-all:before {
    content: "\f26f"
}

.bi-check2-circle:before {
    content: "\f270"
}

.bi-check2-square:before {
    content: "\f271"
}

.bi-check2:before {
    content: "\f272"
}

.bi-chevron-bar-contract:before {
    content: "\f273"
}

.bi-chevron-bar-down:before {
    content: "\f274"
}

.bi-chevron-bar-expand:before {
    content: "\f275"
}

.bi-chevron-bar-left:before {
    content: "\f276"
}

.bi-chevron-bar-right:before {
    content: "\f277"
}

.bi-chevron-bar-up:before {
    content: "\f278"
}

.bi-chevron-compact-down:before {
    content: "\f279"
}

.bi-chevron-compact-left:before {
    content: "\f27a"
}

.bi-chevron-compact-right:before {
    content: "\f27b"
}

.bi-chevron-compact-up:before {
    content: "\f27c"
}

.bi-chevron-contract:before {
    content: "\f27d"
}

.bi-chevron-double-down:before {
    content: "\f27e"
}

.bi-chevron-double-left:before {
    content: "\f27f"
}

.bi-chevron-double-right:before {
    content: "\f280"
}

.bi-chevron-double-up:before {
    content: "\f281"
}

.bi-chevron-down:before {
    content: "\f282"
}

.bi-chevron-expand:before {
    content: "\f283"
}

.bi-chevron-left:before {
    content: "\f284"
}

.bi-chevron-right:before {
    content: "\f285"
}

.bi-chevron-up:before {
    content: "\f286"
}

.bi-circle-fill:before {
    content: "\f287"
}

.bi-circle-half:before {
    content: "\f288"
}

.bi-circle-square:before {
    content: "\f289"
}

.bi-circle:before {
    content: "\f28a"
}

.bi-clipboard-check:before {
    content: "\f28b"
}

.bi-clipboard-data:before {
    content: "\f28c"
}

.bi-clipboard-minus:before {
    content: "\f28d"
}

.bi-clipboard-plus:before {
    content: "\f28e"
}

.bi-clipboard-x:before {
    content: "\f28f"
}

.bi-clipboard:before {
    content: "\f290"
}

.bi-clock-fill:before {
    content: "\f291"
}

.bi-clock-history:before {
    content: "\f292"
}

.bi-clock:before {
    content: "\f293"
}

.bi-cloud-arrow-down-fill:before {
    content: "\f294"
}

.bi-cloud-arrow-down:before {
    content: "\f295"
}

.bi-cloud-arrow-up-fill:before {
    content: "\f296"
}

.bi-cloud-arrow-up:before {
    content: "\f297"
}

.bi-cloud-check-fill:before {
    content: "\f298"
}

.bi-cloud-check:before {
    content: "\f299"
}

.bi-cloud-download-fill:before {
    content: "\f29a"
}

.bi-cloud-download:before {
    content: "\f29b"
}

.bi-cloud-drizzle-fill:before {
    content: "\f29c"
}

.bi-cloud-drizzle:before {
    content: "\f29d"
}

.bi-cloud-fill:before {
    content: "\f29e"
}

.bi-cloud-fog-fill:before {
    content: "\f29f"
}

.bi-cloud-fog:before {
    content: "\f2a0"
}

.bi-cloud-fog2-fill:before {
    content: "\f2a1"
}

.bi-cloud-fog2:before {
    content: "\f2a2"
}

.bi-cloud-hail-fill:before {
    content: "\f2a3"
}

.bi-cloud-hail:before {
    content: "\f2a4"
}

.bi-cloud-haze-1:before {
    content: "\f2a5"
}

.bi-cloud-haze-fill:before {
    content: "\f2a6"
}

.bi-cloud-haze:before {
    content: "\f2a7"
}

.bi-cloud-haze2-fill:before {
    content: "\f2a8"
}

.bi-cloud-lightning-fill:before {
    content: "\f2a9"
}

.bi-cloud-lightning-rain-fill:before {
    content: "\f2aa"
}

.bi-cloud-lightning-rain:before {
    content: "\f2ab"
}

.bi-cloud-lightning:before {
    content: "\f2ac"
}

.bi-cloud-minus-fill:before {
    content: "\f2ad"
}

.bi-cloud-minus:before {
    content: "\f2ae"
}

.bi-cloud-moon-fill:before {
    content: "\f2af"
}

.bi-cloud-moon:before {
    content: "\f2b0"
}

.bi-cloud-plus-fill:before {
    content: "\f2b1"
}

.bi-cloud-plus:before {
    content: "\f2b2"
}

.bi-cloud-rain-fill:before {
    content: "\f2b3"
}

.bi-cloud-rain-heavy-fill:before {
    content: "\f2b4"
}

.bi-cloud-rain-heavy:before {
    content: "\f2b5"
}

.bi-cloud-rain:before {
    content: "\f2b6"
}

.bi-cloud-slash-fill:before {
    content: "\f2b7"
}

.bi-cloud-slash:before {
    content: "\f2b8"
}

.bi-cloud-sleet-fill:before {
    content: "\f2b9"
}

.bi-cloud-sleet:before {
    content: "\f2ba"
}

.bi-cloud-snow-fill:before {
    content: "\f2bb"
}

.bi-cloud-snow:before {
    content: "\f2bc"
}

.bi-cloud-sun-fill:before {
    content: "\f2bd"
}

.bi-cloud-sun:before {
    content: "\f2be"
}

.bi-cloud-upload-fill:before {
    content: "\f2bf"
}

.bi-cloud-upload:before {
    content: "\f2c0"
}

.bi-cloud:before {
    content: "\f2c1"
}

.bi-clouds-fill:before {
    content: "\f2c2"
}

.bi-clouds:before {
    content: "\f2c3"
}

.bi-cloudy-fill:before {
    content: "\f2c4"
}

.bi-cloudy:before {
    content: "\f2c5"
}

.bi-code-slash:before {
    content: "\f2c6"
}

.bi-code-square:before {
    content: "\f2c7"
}

.bi-code:before {
    content: "\f2c8"
}

.bi-collection-fill:before {
    content: "\f2c9"
}

.bi-collection-play-fill:before {
    content: "\f2ca"
}

.bi-collection-play:before {
    content: "\f2cb"
}

.bi-collection:before {
    content: "\f2cc"
}

.bi-columns-gap:before {
    content: "\f2cd"
}

.bi-columns:before {
    content: "\f2ce"
}

.bi-command:before {
    content: "\f2cf"
}

.bi-compass-fill:before {
    content: "\f2d0"
}

.bi-compass:before {
    content: "\f2d1"
}

.bi-cone-striped:before {
    content: "\f2d2"
}

.bi-cone:before {
    content: "\f2d3"
}

.bi-controller:before {
    content: "\f2d4"
}

.bi-cpu-fill:before {
    content: "\f2d5"
}

.bi-cpu:before {
    content: "\f2d6"
}

.bi-credit-card-2-back-fill:before {
    content: "\f2d7"
}

.bi-credit-card-2-back:before {
    content: "\f2d8"
}

.bi-credit-card-2-front-fill:before {
    content: "\f2d9"
}

.bi-credit-card-2-front:before {
    content: "\f2da"
}

.bi-credit-card-fill:before {
    content: "\f2db"
}

.bi-credit-card:before {
    content: "\f2dc"
}

.bi-crop:before {
    content: "\f2dd"
}

.bi-cup-fill:before {
    content: "\f2de"
}

.bi-cup-straw:before {
    content: "\f2df"
}

.bi-cup:before {
    content: "\f2e0"
}

.bi-cursor-fill:before {
    content: "\f2e1"
}

.bi-cursor-text:before {
    content: "\f2e2"
}

.bi-cursor:before {
    content: "\f2e3"
}

.bi-dash-circle-dotted:before {
    content: "\f2e4"
}

.bi-dash-circle-fill:before {
    content: "\f2e5"
}

.bi-dash-circle:before {
    content: "\f2e6"
}

.bi-dash-square-dotted:before {
    content: "\f2e7"
}

.bi-dash-square-fill:before {
    content: "\f2e8"
}

.bi-dash-square:before {
    content: "\f2e9"
}

.bi-dash:before {
    content: "\f2ea"
}

.bi-diagram-2-fill:before {
    content: "\f2eb"
}

.bi-diagram-2:before {
    content: "\f2ec"
}

.bi-diagram-3-fill:before {
    content: "\f2ed"
}

.bi-diagram-3:before {
    content: "\f2ee"
}

.bi-diamond-fill:before {
    content: "\f2ef"
}

.bi-diamond-half:before {
    content: "\f2f0"
}

.bi-diamond:before {
    content: "\f2f1"
}

.bi-dice-1-fill:before {
    content: "\f2f2"
}

.bi-dice-1:before {
    content: "\f2f3"
}

.bi-dice-2-fill:before {
    content: "\f2f4"
}

.bi-dice-2:before {
    content: "\f2f5"
}

.bi-dice-3-fill:before {
    content: "\f2f6"
}

.bi-dice-3:before {
    content: "\f2f7"
}

.bi-dice-4-fill:before {
    content: "\f2f8"
}

.bi-dice-4:before {
    content: "\f2f9"
}

.bi-dice-5-fill:before {
    content: "\f2fa"
}

.bi-dice-5:before {
    content: "\f2fb"
}

.bi-dice-6-fill:before {
    content: "\f2fc"
}

.bi-dice-6:before {
    content: "\f2fd"
}

.bi-disc-fill:before {
    content: "\f2fe"
}

.bi-disc:before {
    content: "\f2ff"
}

.bi-discord:before {
    content: "\f300"
}

.bi-display-fill:before {
    content: "\f301"
}

.bi-display:before {
    content: "\f302"
}

.bi-distribute-horizontal:before {
    content: "\f303"
}

.bi-distribute-vertical:before {
    content: "\f304"
}

.bi-door-closed-fill:before {
    content: "\f305"
}

.bi-door-closed:before {
    content: "\f306"
}

.bi-door-open-fill:before {
    content: "\f307"
}

.bi-door-open:before {
    content: "\f308"
}

.bi-dot:before {
    content: "\f309"
}

.bi-download:before {
    content: "\f30a"
}

.bi-droplet-fill:before {
    content: "\f30b"
}

.bi-droplet-half:before {
    content: "\f30c"
}

.bi-droplet:before {
    content: "\f30d"
}

.bi-earbuds:before {
    content: "\f30e"
}

.bi-easel-fill:before {
    content: "\f30f"
}

.bi-easel:before {
    content: "\f310"
}

.bi-egg-fill:before {
    content: "\f311"
}

.bi-egg-fried:before {
    content: "\f312"
}

.bi-egg:before {
    content: "\f313"
}

.bi-eject-fill:before {
    content: "\f314"
}

.bi-eject:before {
    content: "\f315"
}

.bi-emoji-angry-fill:before {
    content: "\f316"
}

.bi-emoji-angry:before {
    content: "\f317"
}

.bi-emoji-dizzy-fill:before {
    content: "\f318"
}

.bi-emoji-dizzy:before {
    content: "\f319"
}

.bi-emoji-expressionless-fill:before {
    content: "\f31a"
}

.bi-emoji-expressionless:before {
    content: "\f31b"
}

.bi-emoji-frown-fill:before {
    content: "\f31c"
}

.bi-emoji-frown:before {
    content: "\f31d"
}

.bi-emoji-heart-eyes-fill:before {
    content: "\f31e"
}

.bi-emoji-heart-eyes:before {
    content: "\f31f"
}

.bi-emoji-laughing-fill:before {
    content: "\f320"
}

.bi-emoji-laughing:before {
    content: "\f321"
}

.bi-emoji-neutral-fill:before {
    content: "\f322"
}

.bi-emoji-neutral:before {
    content: "\f323"
}

.bi-emoji-smile-fill:before {
    content: "\f324"
}

.bi-emoji-smile-upside-down-fill:before {
    content: "\f325"
}

.bi-emoji-smile-upside-down:before {
    content: "\f326"
}

.bi-emoji-smile:before {
    content: "\f327"
}

.bi-emoji-sunglasses-fill:before {
    content: "\f328"
}

.bi-emoji-sunglasses:before {
    content: "\f329"
}

.bi-emoji-wink-fill:before {
    content: "\f32a"
}

.bi-emoji-wink:before {
    content: "\f32b"
}

.bi-envelope-fill:before {
    content: "\f32c"
}

.bi-envelope-open-fill:before {
    content: "\f32d"
}

.bi-envelope-open:before {
    content: "\f32e"
}

.bi-envelope:before {
    content: "\f32f"
}

.bi-eraser-fill:before {
    content: "\f330"
}

.bi-eraser:before {
    content: "\f331"
}

.bi-exclamation-circle-fill:before {
    content: "\f332"
}

.bi-exclamation-circle:before {
    content: "\f333"
}

.bi-exclamation-diamond-fill:before {
    content: "\f334"
}

.bi-exclamation-diamond:before {
    content: "\f335"
}

.bi-exclamation-octagon-fill:before {
    content: "\f336"
}

.bi-exclamation-octagon:before {
    content: "\f337"
}

.bi-exclamation-square-fill:before {
    content: "\f338"
}

.bi-exclamation-square:before {
    content: "\f339"
}

.bi-exclamation-triangle-fill:before {
    content: "\f33a"
}

.bi-exclamation-triangle:before {
    content: "\f33b"
}

.bi-exclamation:before {
    content: "\f33c"
}

.bi-exclude:before {
    content: "\f33d"
}

.bi-eye-fill:before {
    content: "\f33e"
}

.bi-eye-slash-fill:before {
    content: "\f33f"
}

.bi-eye-slash:before {
    content: "\f340"
}

.bi-eye:before {
    content: "\f341"
}

.bi-eyedropper:before {
    content: "\f342"
}

.bi-eyeglasses:before {
    content: "\f343"
}

.bi-facebook:before {
    content: "\f344"
}

.bi-file-arrow-down-fill:before {
    content: "\f345"
}

.bi-file-arrow-down:before {
    content: "\f346"
}

.bi-file-arrow-up-fill:before {
    content: "\f347"
}

.bi-file-arrow-up:before {
    content: "\f348"
}

.bi-file-bar-graph-fill:before {
    content: "\f349"
}

.bi-file-bar-graph:before {
    content: "\f34a"
}

.bi-file-binary-fill:before {
    content: "\f34b"
}

.bi-file-binary:before {
    content: "\f34c"
}

.bi-file-break-fill:before {
    content: "\f34d"
}

.bi-file-break:before {
    content: "\f34e"
}

.bi-file-check-fill:before {
    content: "\f34f"
}

.bi-file-check:before {
    content: "\f350"
}

.bi-file-code-fill:before {
    content: "\f351"
}

.bi-file-code:before {
    content: "\f352"
}

.bi-file-diff-fill:before {
    content: "\f353"
}

.bi-file-diff:before {
    content: "\f354"
}

.bi-file-earmark-arrow-down-fill:before {
    content: "\f355"
}

.bi-file-earmark-arrow-down:before {
    content: "\f356"
}

.bi-file-earmark-arrow-up-fill:before {
    content: "\f357"
}

.bi-file-earmark-arrow-up:before {
    content: "\f358"
}

.bi-file-earmark-bar-graph-fill:before {
    content: "\f359"
}

.bi-file-earmark-bar-graph:before {
    content: "\f35a"
}

.bi-file-earmark-binary-fill:before {
    content: "\f35b"
}

.bi-file-earmark-binary:before {
    content: "\f35c"
}

.bi-file-earmark-break-fill:before {
    content: "\f35d"
}

.bi-file-earmark-break:before {
    content: "\f35e"
}

.bi-file-earmark-check-fill:before {
    content: "\f35f"
}

.bi-file-earmark-check:before {
    content: "\f360"
}

.bi-file-earmark-code-fill:before {
    content: "\f361"
}

.bi-file-earmark-code:before {
    content: "\f362"
}

.bi-file-earmark-diff-fill:before {
    content: "\f363"
}

.bi-file-earmark-diff:before {
    content: "\f364"
}

.bi-file-earmark-easel-fill:before {
    content: "\f365"
}

.bi-file-earmark-easel:before {
    content: "\f366"
}

.bi-file-earmark-excel-fill:before {
    content: "\f367"
}

.bi-file-earmark-excel:before {
    content: "\f368"
}

.bi-file-earmark-fill:before {
    content: "\f369"
}

.bi-file-earmark-font-fill:before {
    content: "\f36a"
}

.bi-file-earmark-font:before {
    content: "\f36b"
}

.bi-file-earmark-image-fill:before {
    content: "\f36c"
}

.bi-file-earmark-image:before {
    content: "\f36d"
}

.bi-file-earmark-lock-fill:before {
    content: "\f36e"
}

.bi-file-earmark-lock:before {
    content: "\f36f"
}

.bi-file-earmark-lock2-fill:before {
    content: "\f370"
}

.bi-file-earmark-lock2:before {
    content: "\f371"
}

.bi-file-earmark-medical-fill:before {
    content: "\f372"
}

.bi-file-earmark-medical:before {
    content: "\f373"
}

.bi-file-earmark-minus-fill:before {
    content: "\f374"
}

.bi-file-earmark-minus:before {
    content: "\f375"
}

.bi-file-earmark-music-fill:before {
    content: "\f376"
}

.bi-file-earmark-music:before {
    content: "\f377"
}

.bi-file-earmark-person-fill:before {
    content: "\f378"
}

.bi-file-earmark-person:before {
    content: "\f379"
}

.bi-file-earmark-play-fill:before {
    content: "\f37a"
}

.bi-file-earmark-play:before {
    content: "\f37b"
}

.bi-file-earmark-plus-fill:before {
    content: "\f37c"
}

.bi-file-earmark-plus:before {
    content: "\f37d"
}

.bi-file-earmark-post-fill:before {
    content: "\f37e"
}

.bi-file-earmark-post:before {
    content: "\f37f"
}

.bi-file-earmark-ppt-fill:before {
    content: "\f380"
}

.bi-file-earmark-ppt:before {
    content: "\f381"
}

.bi-file-earmark-richtext-fill:before {
    content: "\f382"
}

.bi-file-earmark-richtext:before {
    content: "\f383"
}

.bi-file-earmark-ruled-fill:before {
    content: "\f384"
}

.bi-file-earmark-ruled:before {
    content: "\f385"
}

.bi-file-earmark-slides-fill:before {
    content: "\f386"
}

.bi-file-earmark-slides:before {
    content: "\f387"
}

.bi-file-earmark-spreadsheet-fill:before {
    content: "\f388"
}

.bi-file-earmark-spreadsheet:before {
    content: "\f389"
}

.bi-file-earmark-text-fill:before {
    content: "\f38a"
}

.bi-file-earmark-text:before {
    content: "\f38b"
}

.bi-file-earmark-word-fill:before {
    content: "\f38c"
}

.bi-file-earmark-word:before {
    content: "\f38d"
}

.bi-file-earmark-x-fill:before {
    content: "\f38e"
}

.bi-file-earmark-x:before {
    content: "\f38f"
}

.bi-file-earmark-zip-fill:before {
    content: "\f390"
}

.bi-file-earmark-zip:before {
    content: "\f391"
}

.bi-file-earmark:before {
    content: "\f392"
}

.bi-file-easel-fill:before {
    content: "\f393"
}

.bi-file-easel:before {
    content: "\f394"
}

.bi-file-excel-fill:before {
    content: "\f395"
}

.bi-file-excel:before {
    content: "\f396"
}

.bi-file-fill:before {
    content: "\f397"
}

.bi-file-font-fill:before {
    content: "\f398"
}

.bi-file-font:before {
    content: "\f399"
}

.bi-file-image-fill:before {
    content: "\f39a"
}

.bi-file-image:before {
    content: "\f39b"
}

.bi-file-lock-fill:before {
    content: "\f39c"
}

.bi-file-lock:before {
    content: "\f39d"
}

.bi-file-lock2-fill:before {
    content: "\f39e"
}

.bi-file-lock2:before {
    content: "\f39f"
}

.bi-file-medical-fill:before {
    content: "\f3a0"
}

.bi-file-medical:before {
    content: "\f3a1"
}

.bi-file-minus-fill:before {
    content: "\f3a2"
}

.bi-file-minus:before {
    content: "\f3a3"
}

.bi-file-music-fill:before {
    content: "\f3a4"
}

.bi-file-music:before {
    content: "\f3a5"
}

.bi-file-person-fill:before {
    content: "\f3a6"
}

.bi-file-person:before {
    content: "\f3a7"
}

.bi-file-play-fill:before {
    content: "\f3a8"
}

.bi-file-play:before {
    content: "\f3a9"
}

.bi-file-plus-fill:before {
    content: "\f3aa"
}

.bi-file-plus:before {
    content: "\f3ab"
}

.bi-file-post-fill:before {
    content: "\f3ac"
}

.bi-file-post:before {
    content: "\f3ad"
}

.bi-file-ppt-fill:before {
    content: "\f3ae"
}

.bi-file-ppt:before {
    content: "\f3af"
}

.bi-file-richtext-fill:before {
    content: "\f3b0"
}

.bi-file-richtext:before {
    content: "\f3b1"
}

.bi-file-ruled-fill:before {
    content: "\f3b2"
}

.bi-file-ruled:before {
    content: "\f3b3"
}

.bi-file-slides-fill:before {
    content: "\f3b4"
}

.bi-file-slides:before {
    content: "\f3b5"
}

.bi-file-spreadsheet-fill:before {
    content: "\f3b6"
}

.bi-file-spreadsheet:before {
    content: "\f3b7"
}

.bi-file-text-fill:before {
    content: "\f3b8"
}

.bi-file-text:before {
    content: "\f3b9"
}

.bi-file-word-fill:before {
    content: "\f3ba"
}

.bi-file-word:before {
    content: "\f3bb"
}

.bi-file-x-fill:before {
    content: "\f3bc"
}

.bi-file-x:before {
    content: "\f3bd"
}

.bi-file-zip-fill:before {
    content: "\f3be"
}

.bi-file-zip:before {
    content: "\f3bf"
}

.bi-file:before {
    content: "\f3c0"
}

.bi-files-alt:before {
    content: "\f3c1"
}

.bi-files:before {
    content: "\f3c2"
}

.bi-film:before {
    content: "\f3c3"
}

.bi-filter-circle-fill:before {
    content: "\f3c4"
}

.bi-filter-circle:before {
    content: "\f3c5"
}

.bi-filter-left:before {
    content: "\f3c6"
}

.bi-filter-right:before {
    content: "\f3c7"
}

.bi-filter-square-fill:before {
    content: "\f3c8"
}

.bi-filter-square:before {
    content: "\f3c9"
}

.bi-filter:before {
    content: "\f3ca"
}

.bi-flag-fill:before {
    content: "\f3cb"
}

.bi-flag:before {
    content: "\f3cc"
}

.bi-flower1:before {
    content: "\f3cd"
}

.bi-flower2:before {
    content: "\f3ce"
}

.bi-flower3:before {
    content: "\f3cf"
}

.bi-folder-check:before {
    content: "\f3d0"
}

.bi-folder-fill:before {
    content: "\f3d1"
}

.bi-folder-minus:before {
    content: "\f3d2"
}

.bi-folder-plus:before {
    content: "\f3d3"
}

.bi-folder-symlink-fill:before {
    content: "\f3d4"
}

.bi-folder-symlink:before {
    content: "\f3d5"
}

.bi-folder-x:before {
    content: "\f3d6"
}

.bi-folder:before {
    content: "\f3d7"
}

.bi-folder2-open:before {
    content: "\f3d8"
}

.bi-folder2:before {
    content: "\f3d9"
}

.bi-fonts:before {
    content: "\f3da"
}

.bi-forward-fill:before {
    content: "\f3db"
}

.bi-forward:before {
    content: "\f3dc"
}

.bi-front:before {
    content: "\f3dd"
}

.bi-fullscreen-exit:before {
    content: "\f3de"
}

.bi-fullscreen:before {
    content: "\f3df"
}

.bi-funnel-fill:before {
    content: "\f3e0"
}

.bi-funnel:before {
    content: "\f3e1"
}

.bi-gear-fill:before {
    content: "\f3e2"
}

.bi-gear-wide-connected:before {
    content: "\f3e3"
}

.bi-gear-wide:before {
    content: "\f3e4"
}

.bi-gear:before {
    content: "\f3e5"
}

.bi-gem:before {
    content: "\f3e6"
}

.bi-geo-alt-fill:before {
    content: "\f3e7"
}

.bi-geo-alt:before {
    content: "\f3e8"
}

.bi-geo-fill:before {
    content: "\f3e9"
}

.bi-geo:before {
    content: "\f3ea"
}

.bi-gift-fill:before {
    content: "\f3eb"
}

.bi-gift:before {
    content: "\f3ec"
}

.bi-github:before {
    content: "\f3ed"
}

.bi-globe:before {
    content: "\f3ee"
}

.bi-globe2:before {
    content: "\f3ef"
}

.bi-google:before {
    content: "\f3f0"
}

.bi-graph-down:before {
    content: "\f3f1"
}

.bi-graph-up:before {
    content: "\f3f2"
}

.bi-grid-1x2-fill:before {
    content: "\f3f3"
}

.bi-grid-1x2:before {
    content: "\f3f4"
}

.bi-grid-3x2-gap-fill:before {
    content: "\f3f5"
}

.bi-grid-3x2-gap:before {
    content: "\f3f6"
}

.bi-grid-3x2:before {
    content: "\f3f7"
}

.bi-grid-3x3-gap-fill:before {
    content: "\f3f8"
}

.bi-grid-3x3-gap:before {
    content: "\f3f9"
}

.bi-grid-3x3:before {
    content: "\f3fa"
}

.bi-grid-fill:before {
    content: "\f3fb"
}

.bi-grid:before {
    content: "\f3fc"
}

.bi-grip-horizontal:before {
    content: "\f3fd"
}

.bi-grip-vertical:before {
    content: "\f3fe"
}

.bi-hammer:before {
    content: "\f3ff"
}

.bi-hand-index-fill:before {
    content: "\f400"
}

.bi-hand-index-thumb-fill:before {
    content: "\f401"
}

.bi-hand-index-thumb:before {
    content: "\f402"
}

.bi-hand-index:before {
    content: "\f403"
}

.bi-hand-thumbs-down-fill:before {
    content: "\f404"
}

.bi-hand-thumbs-down:before {
    content: "\f405"
}

.bi-hand-thumbs-up-fill:before {
    content: "\f406"
}

.bi-hand-thumbs-up:before {
    content: "\f407"
}

.bi-handbag-fill:before {
    content: "\f408"
}

.bi-handbag:before {
    content: "\f409"
}

.bi-hash:before {
    content: "\f40a"
}

.bi-hdd-fill:before {
    content: "\f40b"
}

.bi-hdd-network-fill:before {
    content: "\f40c"
}

.bi-hdd-network:before {
    content: "\f40d"
}

.bi-hdd-rack-fill:before {
    content: "\f40e"
}

.bi-hdd-rack:before {
    content: "\f40f"
}

.bi-hdd-stack-fill:before {
    content: "\f410"
}

.bi-hdd-stack:before {
    content: "\f411"
}

.bi-hdd:before {
    content: "\f412"
}

.bi-headphones:before {
    content: "\f413"
}

.bi-headset:before {
    content: "\f414"
}

.bi-heart-fill:before {
    content: "\f415"
}

.bi-heart-half:before {
    content: "\f416"
}

.bi-heart:before {
    content: "\f417"
}

.bi-heptagon-fill:before {
    content: "\f418"
}

.bi-heptagon-half:before {
    content: "\f419"
}

.bi-heptagon:before {
    content: "\f41a"
}

.bi-hexagon-fill:before {
    content: "\f41b"
}

.bi-hexagon-half:before {
    content: "\f41c"
}

.bi-hexagon:before {
    content: "\f41d"
}

.bi-hourglass-bottom:before {
    content: "\f41e"
}

.bi-hourglass-split:before {
    content: "\f41f"
}

.bi-hourglass-top:before {
    content: "\f420"
}

.bi-hourglass:before {
    content: "\f421"
}

.bi-house-door-fill:before {
    content: "\f422"
}

.bi-house-door:before {
    content: "\f423"
}

.bi-house-fill:before {
    content: "\f424"
}

.bi-house:before {
    content: "\f425"
}

.bi-hr:before {
    content: "\f426"
}

.bi-hurricane:before {
    content: "\f427"
}

.bi-image-alt:before {
    content: "\f428"
}

.bi-image-fill:before {
    content: "\f429"
}

.bi-image:before {
    content: "\f42a"
}

.bi-images:before {
    content: "\f42b"
}

.bi-inbox-fill:before {
    content: "\f42c"
}

.bi-inbox:before {
    content: "\f42d"
}

.bi-inboxes-fill:before {
    content: "\f42e"
}

.bi-inboxes:before {
    content: "\f42f"
}

.bi-info-circle-fill:before {
    content: "\f430"
}

.bi-info-circle:before {
    content: "\f431"
}

.bi-info-square-fill:before {
    content: "\f432"
}

.bi-info-square:before {
    content: "\f433"
}

.bi-info:before {
    content: "\f434"
}

.bi-input-cursor-text:before {
    content: "\f435"
}

.bi-input-cursor:before {
    content: "\f436"
}

.bi-instagram:before {
    content: "\f437"
}

.bi-intersect:before {
    content: "\f438"
}

.bi-journal-album:before {
    content: "\f439"
}

.bi-journal-arrow-down:before {
    content: "\f43a"
}

.bi-journal-arrow-up:before {
    content: "\f43b"
}

.bi-journal-bookmark-fill:before {
    content: "\f43c"
}

.bi-journal-bookmark:before {
    content: "\f43d"
}

.bi-journal-check:before {
    content: "\f43e"
}

.bi-journal-code:before {
    content: "\f43f"
}

.bi-journal-medical:before {
    content: "\f440"
}

.bi-journal-minus:before {
    content: "\f441"
}

.bi-journal-plus:before {
    content: "\f442"
}

.bi-journal-richtext:before {
    content: "\f443"
}

.bi-journal-text:before {
    content: "\f444"
}

.bi-journal-x:before {
    content: "\f445"
}

.bi-journal:before {
    content: "\f446"
}

.bi-journals:before {
    content: "\f447"
}

.bi-joystick:before {
    content: "\f448"
}

.bi-justify-left:before {
    content: "\f449"
}

.bi-justify-right:before {
    content: "\f44a"
}

.bi-justify:before {
    content: "\f44b"
}

.bi-kanban-fill:before {
    content: "\f44c"
}

.bi-kanban:before {
    content: "\f44d"
}

.bi-key-fill:before {
    content: "\f44e"
}

.bi-key:before {
    content: "\f44f"
}

.bi-keyboard-fill:before {
    content: "\f450"
}

.bi-keyboard:before {
    content: "\f451"
}

.bi-ladder:before {
    content: "\f452"
}

.bi-lamp-fill:before {
    content: "\f453"
}

.bi-lamp:before {
    content: "\f454"
}

.bi-laptop-fill:before {
    content: "\f455"
}

.bi-laptop:before {
    content: "\f456"
}

.bi-layer-backward:before {
    content: "\f457"
}

.bi-layer-forward:before {
    content: "\f458"
}

.bi-layers-fill:before {
    content: "\f459"
}

.bi-layers-half:before {
    content: "\f45a"
}

.bi-layers:before {
    content: "\f45b"
}

.bi-layout-sidebar-inset-reverse:before {
    content: "\f45c"
}

.bi-layout-sidebar-inset:before {
    content: "\f45d"
}

.bi-layout-sidebar-reverse:before {
    content: "\f45e"
}

.bi-layout-sidebar:before {
    content: "\f45f"
}

.bi-layout-split:before {
    content: "\f460"
}

.bi-layout-text-sidebar-reverse:before {
    content: "\f461"
}

.bi-layout-text-sidebar:before {
    content: "\f462"
}

.bi-layout-text-window-reverse:before {
    content: "\f463"
}

.bi-layout-text-window:before {
    content: "\f464"
}

.bi-layout-three-columns:before {
    content: "\f465"
}

.bi-layout-wtf:before {
    content: "\f466"
}

.bi-life-preserver:before {
    content: "\f467"
}

.bi-lightbulb-fill:before {
    content: "\f468"
}

.bi-lightbulb-off-fill:before {
    content: "\f469"
}

.bi-lightbulb-off:before {
    content: "\f46a"
}

.bi-lightbulb:before {
    content: "\f46b"
}

.bi-lightning-charge-fill:before {
    content: "\f46c"
}

.bi-lightning-charge:before {
    content: "\f46d"
}

.bi-lightning-fill:before {
    content: "\f46e"
}

.bi-lightning:before {
    content: "\f46f"
}

.bi-link-45deg:before {
    content: "\f470"
}

.bi-link:before {
    content: "\f471"
}

.bi-linkedin:before {
    content: "\f472"
}

.bi-list-check:before {
    content: "\f473"
}

.bi-list-nested:before {
    content: "\f474"
}

.bi-list-ol:before {
    content: "\f475"
}

.bi-list-stars:before {
    content: "\f476"
}

.bi-list-task:before {
    content: "\f477"
}

.bi-list-ul:before {
    content: "\f478"
}

.bi-list:before {
    content: "\f479"
}

.bi-lock-fill:before {
    content: "\f47a"
}

.bi-lock:before {
    content: "\f47b"
}

.bi-mailbox:before {
    content: "\f47c"
}

.bi-mailbox2:before {
    content: "\f47d"
}

.bi-map-fill:before {
    content: "\f47e"
}

.bi-map:before {
    content: "\f47f"
}

.bi-markdown-fill:before {
    content: "\f480"
}

.bi-markdown:before {
    content: "\f481"
}

.bi-mask:before {
    content: "\f482"
}

.bi-megaphone-fill:before {
    content: "\f483"
}

.bi-megaphone:before {
    content: "\f484"
}

.bi-menu-app-fill:before {
    content: "\f485"
}

.bi-menu-app:before {
    content: "\f486"
}

.bi-menu-button-fill:before {
    content: "\f487"
}

.bi-menu-button-wide-fill:before {
    content: "\f488"
}

.bi-menu-button-wide:before {
    content: "\f489"
}

.bi-menu-button:before {
    content: "\f48a"
}

.bi-menu-down:before {
    content: "\f48b"
}

.bi-menu-up:before {
    content: "\f48c"
}

.bi-mic-fill:before {
    content: "\f48d"
}

.bi-mic-mute-fill:before {
    content: "\f48e"
}

.bi-mic-mute:before {
    content: "\f48f"
}

.bi-mic:before {
    content: "\f490"
}

.bi-minecart-loaded:before {
    content: "\f491"
}

.bi-minecart:before {
    content: "\f492"
}

.bi-moisture:before {
    content: "\f493"
}

.bi-moon-fill:before {
    content: "\f494"
}

.bi-moon-stars-fill:before {
    content: "\f495"
}

.bi-moon-stars:before {
    content: "\f496"
}

.bi-moon:before {
    content: "\f497"
}

.bi-mouse-fill:before {
    content: "\f498"
}

.bi-mouse:before {
    content: "\f499"
}

.bi-mouse2-fill:before {
    content: "\f49a"
}

.bi-mouse2:before {
    content: "\f49b"
}

.bi-mouse3-fill:before {
    content: "\f49c"
}

.bi-mouse3:before {
    content: "\f49d"
}

.bi-music-note-beamed:before {
    content: "\f49e"
}

.bi-music-note-list:before {
    content: "\f49f"
}

.bi-music-note:before {
    content: "\f4a0"
}

.bi-music-player-fill:before {
    content: "\f4a1"
}

.bi-music-player:before {
    content: "\f4a2"
}

.bi-newspaper:before {
    content: "\f4a3"
}

.bi-node-minus-fill:before {
    content: "\f4a4"
}

.bi-node-minus:before {
    content: "\f4a5"
}

.bi-node-plus-fill:before {
    content: "\f4a6"
}

.bi-node-plus:before {
    content: "\f4a7"
}

.bi-nut-fill:before {
    content: "\f4a8"
}

.bi-nut:before {
    content: "\f4a9"
}

.bi-octagon-fill:before {
    content: "\f4aa"
}

.bi-octagon-half:before {
    content: "\f4ab"
}

.bi-octagon:before {
    content: "\f4ac"
}

.bi-option:before {
    content: "\f4ad"
}

.bi-outlet:before {
    content: "\f4ae"
}

.bi-paint-bucket:before {
    content: "\f4af"
}

.bi-palette-fill:before {
    content: "\f4b0"
}

.bi-palette:before {
    content: "\f4b1"
}

.bi-palette2:before {
    content: "\f4b2"
}

.bi-paperclip:before {
    content: "\f4b3"
}

.bi-paragraph:before {
    content: "\f4b4"
}

.bi-patch-check-fill:before {
    content: "\f4b5"
}

.bi-patch-check:before {
    content: "\f4b6"
}

.bi-patch-exclamation-fill:before {
    content: "\f4b7"
}

.bi-patch-exclamation:before {
    content: "\f4b8"
}

.bi-patch-minus-fill:before {
    content: "\f4b9"
}

.bi-patch-minus:before {
    content: "\f4ba"
}

.bi-patch-plus-fill:before {
    content: "\f4bb"
}

.bi-patch-plus:before {
    content: "\f4bc"
}

.bi-patch-question-fill:before {
    content: "\f4bd"
}

.bi-patch-question:before {
    content: "\f4be"
}

.bi-pause-btn-fill:before {
    content: "\f4bf"
}

.bi-pause-btn:before {
    content: "\f4c0"
}

.bi-pause-circle-fill:before {
    content: "\f4c1"
}

.bi-pause-circle:before {
    content: "\f4c2"
}

.bi-pause-fill:before {
    content: "\f4c3"
}

.bi-pause:before {
    content: "\f4c4"
}

.bi-peace-fill:before {
    content: "\f4c5"
}

.bi-peace:before {
    content: "\f4c6"
}

.bi-pen-fill:before {
    content: "\f4c7"
}

.bi-pen:before {
    content: "\f4c8"
}

.bi-pencil-fill:before {
    content: "\f4c9"
}

.bi-pencil-square:before {
    content: "\f4ca"
}

.bi-pencil:before {
    content: "\f4cb"
}

.bi-pentagon-fill:before {
    content: "\f4cc"
}

.bi-pentagon-half:before {
    content: "\f4cd"
}

.bi-pentagon:before {
    content: "\f4ce"
}

.bi-people-fill:before {
    content: "\f4cf"
}

.bi-people:before {
    content: "\f4d0"
}

.bi-percent:before {
    content: "\f4d1"
}

.bi-person-badge-fill:before {
    content: "\f4d2"
}

.bi-person-badge:before {
    content: "\f4d3"
}

.bi-person-bounding-box:before {
    content: "\f4d4"
}

.bi-person-check-fill:before {
    content: "\f4d5"
}

.bi-person-check:before {
    content: "\f4d6"
}

.bi-person-circle:before {
    content: "\f4d7"
}

.bi-person-dash-fill:before {
    content: "\f4d8"
}

.bi-person-dash:before {
    content: "\f4d9"
}

.bi-person-fill:before {
    content: "\f4da"
}

.bi-person-lines-fill:before {
    content: "\f4db"
}

.bi-person-plus-fill:before {
    content: "\f4dc"
}

.bi-person-plus:before {
    content: "\f4dd"
}

.bi-person-square:before {
    content: "\f4de"
}

.bi-person-x-fill:before {
    content: "\f4df"
}

.bi-person-x:before {
    content: "\f4e0"
}

.bi-person:before {
    content: "\f4e1"
}

.bi-phone-fill:before {
    content: "\f4e2"
}

.bi-phone-landscape-fill:before {
    content: "\f4e3"
}

.bi-phone-landscape:before {
    content: "\f4e4"
}

.bi-phone-vibrate-fill:before {
    content: "\f4e5"
}

.bi-phone-vibrate:before {
    content: "\f4e6"
}

.bi-phone:before {
    content: "\f4e7"
}

.bi-pie-chart-fill:before {
    content: "\f4e8"
}

.bi-pie-chart:before {
    content: "\f4e9"
}

.bi-pin-angle-fill:before {
    content: "\f4ea"
}

.bi-pin-angle:before {
    content: "\f4eb"
}

.bi-pin-fill:before {
    content: "\f4ec"
}

.bi-pin:before {
    content: "\f4ed"
}

.bi-pip-fill:before {
    content: "\f4ee"
}

.bi-pip:before {
    content: "\f4ef"
}

.bi-play-btn-fill:before {
    content: "\f4f0"
}

.bi-play-btn:before {
    content: "\f4f1"
}

.bi-play-circle-fill:before {
    content: "\f4f2"
}

.bi-play-circle:before {
    content: "\f4f3"
}

.bi-play-fill:before {
    content: "\f4f4"
}

.bi-play:before {
    content: "\f4f5"
}

.bi-plug-fill:before {
    content: "\f4f6"
}

.bi-plug:before {
    content: "\f4f7"
}

.bi-plus-circle-dotted:before {
    content: "\f4f8"
}

.bi-plus-circle-fill:before {
    content: "\f4f9"
}

.bi-plus-circle:before {
    content: "\f4fa"
}

.bi-plus-square-dotted:before {
    content: "\f4fb"
}

.bi-plus-square-fill:before {
    content: "\f4fc"
}

.bi-plus-square:before {
    content: "\f4fd"
}

.bi-plus:before {
    content: "\f4fe"
}

.bi-power:before {
    content: "\f4ff"
}

.bi-printer-fill:before {
    content: "\f500"
}

.bi-printer:before {
    content: "\f501"
}

.bi-puzzle-fill:before {
    content: "\f502"
}

.bi-puzzle:before {
    content: "\f503"
}

.bi-question-circle-fill:before {
    content: "\f504"
}

.bi-question-circle:before {
    content: "\f505"
}

.bi-question-diamond-fill:before {
    content: "\f506"
}

.bi-question-diamond:before {
    content: "\f507"
}

.bi-question-octagon-fill:before {
    content: "\f508"
}

.bi-question-octagon:before {
    content: "\f509"
}

.bi-question-square-fill:before {
    content: "\f50a"
}

.bi-question-square:before {
    content: "\f50b"
}

.bi-question:before {
    content: "\f50c"
}

.bi-rainbow:before {
    content: "\f50d"
}

.bi-receipt-cutoff:before {
    content: "\f50e"
}

.bi-receipt:before {
    content: "\f50f"
}

.bi-reception-0:before {
    content: "\f510"
}

.bi-reception-1:before {
    content: "\f511"
}

.bi-reception-2:before {
    content: "\f512"
}

.bi-reception-3:before {
    content: "\f513"
}

.bi-reception-4:before {
    content: "\f514"
}

.bi-record-btn-fill:before {
    content: "\f515"
}

.bi-record-btn:before {
    content: "\f516"
}

.bi-record-circle-fill:before {
    content: "\f517"
}

.bi-record-circle:before {
    content: "\f518"
}

.bi-record-fill:before {
    content: "\f519"
}

.bi-record:before {
    content: "\f51a"
}

.bi-record2-fill:before {
    content: "\f51b"
}

.bi-record2:before {
    content: "\f51c"
}

.bi-reply-all-fill:before {
    content: "\f51d"
}

.bi-reply-all:before {
    content: "\f51e"
}

.bi-reply-fill:before {
    content: "\f51f"
}

.bi-reply:before {
    content: "\f520"
}

.bi-rss-fill:before {
    content: "\f521"
}

.bi-rss:before {
    content: "\f522"
}

.bi-rulers:before {
    content: "\f523"
}

.bi-save-fill:before {
    content: "\f524"
}

.bi-save:before {
    content: "\f525"
}

.bi-save2-fill:before {
    content: "\f526"
}

.bi-save2:before {
    content: "\f527"
}

.bi-scissors:before {
    content: "\f528"
}

.bi-screwdriver:before {
    content: "\f529"
}

.bi-search:before {
    content: "\f52a"
}

.bi-segmented-nav:before {
    content: "\f52b"
}

.bi-server:before {
    content: "\f52c"
}

.bi-share-fill:before {
    content: "\f52d"
}

.bi-share:before {
    content: "\f52e"
}

.bi-shield-check:before {
    content: "\f52f"
}

.bi-shield-exclamation:before {
    content: "\f530"
}

.bi-shield-fill-check:before {
    content: "\f531"
}

.bi-shield-fill-exclamation:before {
    content: "\f532"
}

.bi-shield-fill-minus:before {
    content: "\f533"
}

.bi-shield-fill-plus:before {
    content: "\f534"
}

.bi-shield-fill-x:before {
    content: "\f535"
}

.bi-shield-fill:before {
    content: "\f536"
}

.bi-shield-lock-fill:before {
    content: "\f537"
}

.bi-shield-lock:before {
    content: "\f538"
}

.bi-shield-minus:before {
    content: "\f539"
}

.bi-shield-plus:before {
    content: "\f53a"
}

.bi-shield-shaded:before {
    content: "\f53b"
}

.bi-shield-slash-fill:before {
    content: "\f53c"
}

.bi-shield-slash:before {
    content: "\f53d"
}

.bi-shield-x:before {
    content: "\f53e"
}

.bi-shield:before {
    content: "\f53f"
}

.bi-shift-fill:before {
    content: "\f540"
}

.bi-shift:before {
    content: "\f541"
}

.bi-shop-window:before {
    content: "\f542"
}

.bi-shop:before {
    content: "\f543"
}

.bi-shuffle:before {
    content: "\f544"
}

.bi-signpost-2-fill:before {
    content: "\f545"
}

.bi-signpost-2:before {
    content: "\f546"
}

.bi-signpost-fill:before {
    content: "\f547"
}

.bi-signpost-split-fill:before {
    content: "\f548"
}

.bi-signpost-split:before {
    content: "\f549"
}

.bi-signpost:before {
    content: "\f54a"
}

.bi-sim-fill:before {
    content: "\f54b"
}

.bi-sim:before {
    content: "\f54c"
}

.bi-skip-backward-btn-fill:before {
    content: "\f54d"
}

.bi-skip-backward-btn:before {
    content: "\f54e"
}

.bi-skip-backward-circle-fill:before {
    content: "\f54f"
}

.bi-skip-backward-circle:before {
    content: "\f550"
}

.bi-skip-backward-fill:before {
    content: "\f551"
}

.bi-skip-backward:before {
    content: "\f552"
}

.bi-skip-end-btn-fill:before {
    content: "\f553"
}

.bi-skip-end-btn:before {
    content: "\f554"
}

.bi-skip-end-circle-fill:before {
    content: "\f555"
}

.bi-skip-end-circle:before {
    content: "\f556"
}

.bi-skip-end-fill:before {
    content: "\f557"
}

.bi-skip-end:before {
    content: "\f558"
}

.bi-skip-forward-btn-fill:before {
    content: "\f559"
}

.bi-skip-forward-btn:before {
    content: "\f55a"
}

.bi-skip-forward-circle-fill:before {
    content: "\f55b"
}

.bi-skip-forward-circle:before {
    content: "\f55c"
}

.bi-skip-forward-fill:before {
    content: "\f55d"
}

.bi-skip-forward:before {
    content: "\f55e"
}

.bi-skip-start-btn-fill:before {
    content: "\f55f"
}

.bi-skip-start-btn:before {
    content: "\f560"
}

.bi-skip-start-circle-fill:before {
    content: "\f561"
}

.bi-skip-start-circle:before {
    content: "\f562"
}

.bi-skip-start-fill:before {
    content: "\f563"
}

.bi-skip-start:before {
    content: "\f564"
}

.bi-slack:before {
    content: "\f565"
}

.bi-slash-circle-fill:before {
    content: "\f566"
}

.bi-slash-circle:before {
    content: "\f567"
}

.bi-slash-square-fill:before {
    content: "\f568"
}

.bi-slash-square:before {
    content: "\f569"
}

.bi-slash:before {
    content: "\f56a"
}

.bi-sliders:before {
    content: "\f56b"
}

.bi-smartwatch:before {
    content: "\f56c"
}

.bi-snow:before {
    content: "\f56d"
}

.bi-snow2:before {
    content: "\f56e"
}

.bi-snow3:before {
    content: "\f56f"
}

.bi-sort-alpha-down-alt:before {
    content: "\f570"
}

.bi-sort-alpha-down:before {
    content: "\f571"
}

.bi-sort-alpha-up-alt:before {
    content: "\f572"
}

.bi-sort-alpha-up:before {
    content: "\f573"
}

.bi-sort-down-alt:before {
    content: "\f574"
}

.bi-sort-down:before {
    content: "\f575"
}

.bi-sort-numeric-down-alt:before {
    content: "\f576"
}

.bi-sort-numeric-down:before {
    content: "\f577"
}

.bi-sort-numeric-up-alt:before {
    content: "\f578"
}

.bi-sort-numeric-up:before {
    content: "\f579"
}

.bi-sort-up-alt:before {
    content: "\f57a"
}

.bi-sort-up:before {
    content: "\f57b"
}

.bi-soundwave:before {
    content: "\f57c"
}

.bi-speaker-fill:before {
    content: "\f57d"
}

.bi-speaker:before {
    content: "\f57e"
}

.bi-speedometer:before {
    content: "\f57f"
}

.bi-speedometer2:before {
    content: "\f580"
}

.bi-spellcheck:before {
    content: "\f581"
}

.bi-square-fill:before {
    content: "\f582"
}

.bi-square-half:before {
    content: "\f583"
}

.bi-square:before {
    content: "\f584"
}

.bi-stack:before {
    content: "\f585"
}

.bi-star-fill:before {
    content: "\f586"
}

.bi-star-half:before {
    content: "\f587"
}

.bi-star:before {
    content: "\f588"
}

.bi-stars:before {
    content: "\f589"
}

.bi-stickies-fill:before {
    content: "\f58a"
}

.bi-stickies:before {
    content: "\f58b"
}

.bi-sticky-fill:before {
    content: "\f58c"
}

.bi-sticky:before {
    content: "\f58d"
}

.bi-stop-btn-fill:before {
    content: "\f58e"
}

.bi-stop-btn:before {
    content: "\f58f"
}

.bi-stop-circle-fill:before {
    content: "\f590"
}

.bi-stop-circle:before {
    content: "\f591"
}

.bi-stop-fill:before {
    content: "\f592"
}

.bi-stop:before {
    content: "\f593"
}

.bi-stoplights-fill:before {
    content: "\f594"
}

.bi-stoplights:before {
    content: "\f595"
}

.bi-stopwatch-fill:before {
    content: "\f596"
}

.bi-stopwatch:before {
    content: "\f597"
}

.bi-subtract:before {
    content: "\f598"
}

.bi-suit-club-fill:before {
    content: "\f599"
}

.bi-suit-club:before {
    content: "\f59a"
}

.bi-suit-diamond-fill:before {
    content: "\f59b"
}

.bi-suit-diamond:before {
    content: "\f59c"
}

.bi-suit-heart-fill:before {
    content: "\f59d"
}

.bi-suit-heart:before {
    content: "\f59e"
}

.bi-suit-spade-fill:before {
    content: "\f59f"
}

.bi-suit-spade:before {
    content: "\f5a0"
}

.bi-sun-fill:before {
    content: "\f5a1"
}

.bi-sun:before {
    content: "\f5a2"
}

.bi-sunglasses:before {
    content: "\f5a3"
}

.bi-sunrise-fill:before {
    content: "\f5a4"
}

.bi-sunrise:before {
    content: "\f5a5"
}

.bi-sunset-fill:before {
    content: "\f5a6"
}

.bi-sunset:before {
    content: "\f5a7"
}

.bi-symmetry-horizontal:before {
    content: "\f5a8"
}

.bi-symmetry-vertical:before {
    content: "\f5a9"
}

.bi-table:before {
    content: "\f5aa"
}

.bi-tablet-fill:before {
    content: "\f5ab"
}

.bi-tablet-landscape-fill:before {
    content: "\f5ac"
}

.bi-tablet-landscape:before {
    content: "\f5ad"
}

.bi-tablet:before {
    content: "\f5ae"
}

.bi-tag-fill:before {
    content: "\f5af"
}

.bi-tag:before {
    content: "\f5b0"
}

.bi-tags-fill:before {
    content: "\f5b1"
}

.bi-tags:before {
    content: "\f5b2"
}

.bi-telegram:before {
    content: "\f5b3"
}

.bi-telephone-fill:before {
    content: "\f5b4"
}

.bi-telephone-forward-fill:before {
    content: "\f5b5"
}

.bi-telephone-forward:before {
    content: "\f5b6"
}

.bi-telephone-inbound-fill:before {
    content: "\f5b7"
}

.bi-telephone-inbound:before {
    content: "\f5b8"
}

.bi-telephone-minus-fill:before {
    content: "\f5b9"
}

.bi-telephone-minus:before {
    content: "\f5ba"
}

.bi-telephone-outbound-fill:before {
    content: "\f5bb"
}

.bi-telephone-outbound:before {
    content: "\f5bc"
}

.bi-telephone-plus-fill:before {
    content: "\f5bd"
}

.bi-telephone-plus:before {
    content: "\f5be"
}

.bi-telephone-x-fill:before {
    content: "\f5bf"
}

.bi-telephone-x:before {
    content: "\f5c0"
}

.bi-telephone:before {
    content: "\f5c1"
}

.bi-terminal-fill:before {
    content: "\f5c2"
}

.bi-terminal:before {
    content: "\f5c3"
}

.bi-text-center:before {
    content: "\f5c4"
}

.bi-text-indent-left:before {
    content: "\f5c5"
}

.bi-text-indent-right:before {
    content: "\f5c6"
}

.bi-text-left:before {
    content: "\f5c7"
}

.bi-text-paragraph:before {
    content: "\f5c8"
}

.bi-text-right:before {
    content: "\f5c9"
}

.bi-textarea-resize:before {
    content: "\f5ca"
}

.bi-textarea-t:before {
    content: "\f5cb"
}

.bi-textarea:before {
    content: "\f5cc"
}

.bi-thermometer-half:before {
    content: "\f5cd"
}

.bi-thermometer-high:before {
    content: "\f5ce"
}

.bi-thermometer-low:before {
    content: "\f5cf"
}

.bi-thermometer-snow:before {
    content: "\f5d0"
}

.bi-thermometer-sun:before {
    content: "\f5d1"
}

.bi-thermometer:before {
    content: "\f5d2"
}

.bi-three-dots-vertical:before {
    content: "\f5d3"
}

.bi-three-dots:before {
    content: "\f5d4"
}

.bi-toggle-off:before {
    content: "\f5d5"
}

.bi-toggle-on:before {
    content: "\f5d6"
}

.bi-toggle2-off:before {
    content: "\f5d7"
}

.bi-toggle2-on:before {
    content: "\f5d8"
}

.bi-toggles:before {
    content: "\f5d9"
}

.bi-toggles2:before {
    content: "\f5da"
}

.bi-tools:before {
    content: "\f5db"
}

.bi-tornado:before {
    content: "\f5dc"
}

.bi-trash-fill:before {
    content: "\f5dd"
}

.bi-trash:before {
    content: "\f5de"
}

.bi-trash2-fill:before {
    content: "\f5df"
}

.bi-trash2:before {
    content: "\f5e0"
}

.bi-tree-fill:before {
    content: "\f5e1"
}

.bi-tree:before {
    content: "\f5e2"
}

.bi-triangle-fill:before {
    content: "\f5e3"
}

.bi-triangle-half:before {
    content: "\f5e4"
}

.bi-triangle:before {
    content: "\f5e5"
}

.bi-trophy-fill:before {
    content: "\f5e6"
}

.bi-trophy:before {
    content: "\f5e7"
}

.bi-tropical-storm:before {
    content: "\f5e8"
}

.bi-truck-flatbed:before {
    content: "\f5e9"
}

.bi-truck:before {
    content: "\f5ea"
}

.bi-tsunami:before {
    content: "\f5eb"
}

.bi-tv-fill:before {
    content: "\f5ec"
}

.bi-tv:before {
    content: "\f5ed"
}

.bi-twitch:before {
    content: "\f5ee"
}

.bi-twitter:before {
    content: "\f5ef"
}

.bi-type-bold:before {
    content: "\f5f0"
}

.bi-type-h1:before {
    content: "\f5f1"
}

.bi-type-h2:before {
    content: "\f5f2"
}

.bi-type-h3:before {
    content: "\f5f3"
}

.bi-type-italic:before {
    content: "\f5f4"
}

.bi-type-strikethrough:before {
    content: "\f5f5"
}

.bi-type-underline:before {
    content: "\f5f6"
}

.bi-type:before {
    content: "\f5f7"
}

.bi-ui-checks-grid:before {
    content: "\f5f8"
}

.bi-ui-checks:before {
    content: "\f5f9"
}

.bi-ui-radios-grid:before {
    content: "\f5fa"
}

.bi-ui-radios:before {
    content: "\f5fb"
}

.bi-umbrella-fill:before {
    content: "\f5fc"
}

.bi-umbrella:before {
    content: "\f5fd"
}

.bi-union:before {
    content: "\f5fe"
}

.bi-unlock-fill:before {
    content: "\f5ff"
}

.bi-unlock:before {
    content: "\f600"
}

.bi-upc-scan:before {
    content: "\f601"
}

.bi-upc:before {
    content: "\f602"
}

.bi-upload:before {
    content: "\f603"
}

.bi-vector-pen:before {
    content: "\f604"
}

.bi-view-list:before {
    content: "\f605"
}

.bi-view-stacked:before {
    content: "\f606"
}

.bi-vinyl-fill:before {
    content: "\f607"
}

.bi-vinyl:before {
    content: "\f608"
}

.bi-voicemail:before {
    content: "\f609"
}

.bi-volume-down-fill:before {
    content: "\f60a"
}

.bi-volume-down:before {
    content: "\f60b"
}

.bi-volume-mute-fill:before {
    content: "\f60c"
}

.bi-volume-mute:before {
    content: "\f60d"
}

.bi-volume-off-fill:before {
    content: "\f60e"
}

.bi-volume-off:before {
    content: "\f60f"
}

.bi-volume-up-fill:before {
    content: "\f610"
}

.bi-volume-up:before {
    content: "\f611"
}

.bi-vr:before {
    content: "\f612"
}

.bi-wallet-fill:before {
    content: "\f613"
}

.bi-wallet:before {
    content: "\f614"
}

.bi-wallet2:before {
    content: "\f615"
}

.bi-watch:before {
    content: "\f616"
}

.bi-water:before {
    content: "\f617"
}

.bi-whatsapp:before {
    content: "\f618"
}

.bi-wifi-1:before {
    content: "\f619"
}

.bi-wifi-2:before {
    content: "\f61a"
}

.bi-wifi-off:before {
    content: "\f61b"
}

.bi-wifi:before {
    content: "\f61c"
}

.bi-wind:before {
    content: "\f61d"
}

.bi-window-dock:before {
    content: "\f61e"
}

.bi-window-sidebar:before {
    content: "\f61f"
}

.bi-window:before {
    content: "\f620"
}

.bi-wrench:before {
    content: "\f621"
}

.bi-x-circle-fill:before {
    content: "\f622"
}

.bi-x-circle:before {
    content: "\f623"
}

.bi-x-diamond-fill:before {
    content: "\f624"
}

.bi-x-diamond:before {
    content: "\f625"
}

.bi-x-octagon-fill:before {
    content: "\f626"
}

.bi-x-octagon:before {
    content: "\f627"
}

.bi-x-square-fill:before {
    content: "\f628"
}

.bi-x-square:before {
    content: "\f629"
}

.bi-x:before {
    content: "\f62a"
}

.bi-youtube:before {
    content: "\f62b"
}

.bi-zoom-in:before {
    content: "\f62c"
}

.bi-zoom-out:before {
    content: "\f62d"
}

.bi-bank:before {
    content: "\f62e"
}

.bi-bank2:before {
    content: "\f62f"
}

.bi-bell-slash-fill:before {
    content: "\f630"
}

.bi-bell-slash:before {
    content: "\f631"
}

.bi-cash-coin:before {
    content: "\f632"
}

.bi-check-lg:before {
    content: "\f633"
}

.bi-coin:before {
    content: "\f634"
}

.bi-currency-bitcoin:before {
    content: "\f635"
}

.bi-currency-dollar:before {
    content: "\f636"
}

.bi-currency-euro:before {
    content: "\f637"
}

.bi-currency-exchange:before {
    content: "\f638"
}

.bi-currency-pound:before {
    content: "\f639"
}

.bi-currency-yen:before {
    content: "\f63a"
}

.bi-dash-lg:before {
    content: "\f63b"
}

.bi-exclamation-lg:before {
    content: "\f63c"
}

.bi-file-earmark-pdf-fill:before {
    content: "\f63d"
}

.bi-file-earmark-pdf:before {
    content: "\f63e"
}

.bi-file-pdf-fill:before {
    content: "\f63f"
}

.bi-file-pdf:before {
    content: "\f640"
}

.bi-gender-ambiguous:before {
    content: "\f641"
}

.bi-gender-female:before {
    content: "\f642"
}

.bi-gender-male:before {
    content: "\f643"
}

.bi-gender-trans:before {
    content: "\f644"
}

.bi-headset-vr:before {
    content: "\f645"
}

.bi-info-lg:before {
    content: "\f646"
}

.bi-mastodon:before {
    content: "\f647"
}

.bi-messenger:before {
    content: "\f648"
}

.bi-piggy-bank-fill:before {
    content: "\f649"
}

.bi-piggy-bank:before {
    content: "\f64a"
}

.bi-pin-map-fill:before {
    content: "\f64b"
}

.bi-pin-map:before {
    content: "\f64c"
}

.bi-plus-lg:before {
    content: "\f64d"
}

.bi-question-lg:before {
    content: "\f64e"
}

.bi-recycle:before {
    content: "\f64f"
}

.bi-reddit:before {
    content: "\f650"
}

.bi-safe-fill:before {
    content: "\f651"
}

.bi-safe2-fill:before {
    content: "\f652"
}

.bi-safe2:before {
    content: "\f653"
}

.bi-sd-card-fill:before {
    content: "\f654"
}

.bi-sd-card:before {
    content: "\f655"
}

.bi-skype:before {
    content: "\f656"
}

.bi-slash-lg:before {
    content: "\f657"
}

.bi-translate:before {
    content: "\f658"
}

.bi-x-lg:before {
    content: "\f659"
}

.bi-safe:before {
    content: "\f65a"
}

.bi-apple:before {
    content: "\f65b"
}

.bi-microsoft:before {
    content: "\f65d"
}

.bi-windows:before {
    content: "\f65e"
}

.bi-behance:before {
    content: "\f65c"
}

.bi-dribbble:before {
    content: "\f65f"
}

.bi-line:before {
    content: "\f660"
}

.bi-medium:before {
    content: "\f661"
}

.bi-paypal:before {
    content: "\f662"
}

.bi-pinterest:before {
    content: "\f663"
}

.bi-signal:before {
    content: "\f664"
}

.bi-snapchat:before {
    content: "\f665"
}

.bi-spotify:before {
    content: "\f666"
}

.bi-stack-overflow:before {
    content: "\f667"
}

.bi-strava:before {
    content: "\f668"
}

.bi-wordpress:before {
    content: "\f669"
}

.bi-vimeo:before {
    content: "\f66a"
}

.bi-activity:before {
    content: "\f66b"
}

.bi-easel2-fill:before {
    content: "\f66c"
}

.bi-easel2:before {
    content: "\f66d"
}

.bi-easel3-fill:before {
    content: "\f66e"
}

.bi-easel3:before {
    content: "\f66f"
}

.bi-fan:before {
    content: "\f670"
}

.bi-fingerprint:before {
    content: "\f671"
}

.bi-graph-down-arrow:before {
    content: "\f672"
}

.bi-graph-up-arrow:before {
    content: "\f673"
}

.bi-hypnotize:before {
    content: "\f674"
}

.bi-magic:before {
    content: "\f675"
}

.bi-person-rolodex:before {
    content: "\f676"
}

.bi-person-video:before {
    content: "\f677"
}

.bi-person-video2:before {
    content: "\f678"
}

.bi-person-video3:before {
    content: "\f679"
}

.bi-person-workspace:before {
    content: "\f67a"
}

.bi-radioactive:before {
    content: "\f67b"
}

.bi-webcam-fill:before {
    content: "\f67c"
}

.bi-webcam:before {
    content: "\f67d"
}

.bi-yin-yang:before {
    content: "\f67e"
}

.bi-bandaid-fill:before {
    content: "\f680"
}

.bi-bandaid:before {
    content: "\f681"
}

.bi-bluetooth:before {
    content: "\f682"
}

.bi-body-text:before {
    content: "\f683"
}

.bi-boombox:before {
    content: "\f684"
}

.bi-boxes:before {
    content: "\f685"
}

.bi-dpad-fill:before {
    content: "\f686"
}

.bi-dpad:before {
    content: "\f687"
}

.bi-ear-fill:before {
    content: "\f688"
}

.bi-ear:before {
    content: "\f689"
}

.bi-envelope-check-1:before {
    content: "\f68a"
}

.bi-envelope-check-fill:before {
    content: "\f68b"
}

.bi-envelope-check:before {
    content: "\f68c"
}

.bi-envelope-dash-1:before {
    content: "\f68d"
}

.bi-envelope-dash-fill:before {
    content: "\f68e"
}

.bi-envelope-dash:before {
    content: "\f68f"
}

.bi-envelope-exclamation-1:before {
    content: "\f690"
}

.bi-envelope-exclamation-fill:before {
    content: "\f691"
}

.bi-envelope-exclamation:before {
    content: "\f692"
}

.bi-envelope-plus-fill:before {
    content: "\f693"
}

.bi-envelope-plus:before {
    content: "\f694"
}

.bi-envelope-slash-1:before {
    content: "\f695"
}

.bi-envelope-slash-fill:before {
    content: "\f696"
}

.bi-envelope-slash:before {
    content: "\f697"
}

.bi-envelope-x-1:before {
    content: "\f698"
}

.bi-envelope-x-fill:before {
    content: "\f699"
}

.bi-envelope-x:before {
    content: "\f69a"
}

.bi-explicit-fill:before {
    content: "\f69b"
}

.bi-explicit:before {
    content: "\f69c"
}

.bi-git:before {
    content: "\f69d"
}

.bi-infinity:before {
    content: "\f69e"
}

.bi-list-columns-reverse:before {
    content: "\f69f"
}

.bi-list-columns:before {
    content: "\f6a0"
}

.bi-meta:before {
    content: "\f6a1"
}

.bi-mortorboard-fill:before {
    content: "\f6a2"
}

.bi-mortorboard:before {
    content: "\f6a3"
}

.bi-nintendo-switch:before {
    content: "\f6a4"
}

.bi-pc-display-horizontal:before {
    content: "\f6a5"
}

.bi-pc-display:before {
    content: "\f6a6"
}

.bi-pc-horizontal:before {
    content: "\f6a7"
}

.bi-pc:before {
    content: "\f6a8"
}

.bi-playstation:before {
    content: "\f6a9"
}

.bi-plus-slash-minus:before {
    content: "\f6aa"
}

.bi-projector-fill:before {
    content: "\f6ab"
}

.bi-projector:before {
    content: "\f6ac"
}

.bi-qr-code-scan:before {
    content: "\f6ad"
}

.bi-qr-code:before {
    content: "\f6ae"
}

.bi-quora:before {
    content: "\f6af"
}

.bi-quote:before {
    content: "\f6b0"
}

.bi-robot:before {
    content: "\f6b1"
}

.bi-send-check-fill:before {
    content: "\f6b2"
}

.bi-send-check:before {
    content: "\f6b3"
}

.bi-send-dash-fill:before {
    content: "\f6b4"
}

.bi-send-dash:before {
    content: "\f6b5"
}

.bi-send-exclamation-1:before {
    content: "\f6b6"
}

.bi-send-exclamation-fill:before {
    content: "\f6b7"
}

.bi-send-exclamation:before {
    content: "\f6b8"
}

.bi-send-fill:before {
    content: "\f6b9"
}

.bi-send-plus-fill:before {
    content: "\f6ba"
}

.bi-send-plus:before {
    content: "\f6bb"
}

.bi-send-slash-fill:before {
    content: "\f6bc"
}

.bi-send-slash:before {
    content: "\f6bd"
}

.bi-send-x-fill:before {
    content: "\f6be"
}

.bi-send-x:before {
    content: "\f6bf"
}

.bi-send:before {
    content: "\f6c0"
}

.bi-steam:before {
    content: "\f6c1"
}

.bi-terminal-dash-1:before {
    content: "\f6c2"
}

.bi-terminal-dash:before {
    content: "\f6c3"
}

.bi-terminal-plus:before {
    content: "\f6c4"
}

.bi-terminal-split:before {
    content: "\f6c5"
}

.bi-ticket-detailed-fill:before {
    content: "\f6c6"
}

.bi-ticket-detailed:before {
    content: "\f6c7"
}

.bi-ticket-fill:before {
    content: "\f6c8"
}

.bi-ticket-perforated-fill:before {
    content: "\f6c9"
}

.bi-ticket-perforated:before {
    content: "\f6ca"
}

.bi-ticket:before {
    content: "\f6cb"
}

.bi-tiktok:before {
    content: "\f6cc"
}

.bi-window-dash:before {
    content: "\f6cd"
}

.bi-window-desktop:before {
    content: "\f6ce"
}

.bi-window-fullscreen:before {
    content: "\f6cf"
}

.bi-window-plus:before {
    content: "\f6d0"
}

.bi-window-split:before {
    content: "\f6d1"
}

.bi-window-stack:before {
    content: "\f6d2"
}

.bi-window-x:before {
    content: "\f6d3"
}

.bi-xbox:before {
    content: "\f6d4"
}

.bi-ethernet:before {
    content: "\f6d5"
}

.bi-hdmi-fill:before {
    content: "\f6d6"
}

.bi-hdmi:before {
    content: "\f6d7"
}

.bi-usb-c-fill:before {
    content: "\f6d8"
}

.bi-usb-c:before {
    content: "\f6d9"
}

.bi-usb-fill:before {
    content: "\f6da"
}

.bi-usb-plug-fill:before {
    content: "\f6db"
}

.bi-usb-plug:before {
    content: "\f6dc"
}

.bi-usb-symbol:before {
    content: "\f6dd"
}

.bi-usb:before {
    content: "\f6de"
}

.bi-boombox-fill:before {
    content: "\f6df"
}

.bi-displayport-1:before {
    content: "\f6e0"
}

.bi-displayport:before {
    content: "\f6e1"
}

.bi-gpu-card:before {
    content: "\f6e2"
}

.bi-memory:before {
    content: "\f6e3"
}

.bi-modem-fill:before {
    content: "\f6e4"
}

.bi-modem:before {
    content: "\f6e5"
}

.bi-motherboard-fill:before {
    content: "\f6e6"
}

.bi-motherboard:before {
    content: "\f6e7"
}

.bi-optical-audio-fill:before {
    content: "\f6e8"
}

.bi-optical-audio:before {
    content: "\f6e9"
}

.bi-pci-card:before {
    content: "\f6ea"
}

.bi-router-fill:before {
    content: "\f6eb"
}

.bi-router:before {
    content: "\f6ec"
}

.bi-ssd-fill:before {
    content: "\f6ed"
}

.bi-ssd:before {
    content: "\f6ee"
}

.bi-thunderbolt-fill:before {
    content: "\f6ef"
}

.bi-thunderbolt:before {
    content: "\f6f0"
}

.bi-usb-drive-fill:before {
    content: "\f6f1"
}

.bi-usb-drive:before {
    content: "\f6f2"
}

.bi-usb-micro-fill:before {
    content: "\f6f3"
}

.bi-usb-micro:before {
    content: "\f6f4"
}

.bi-usb-mini-fill:before {
    content: "\f6f5"
}

.bi-usb-mini:before {
    content: "\f6f6"
}

.bi-cloud-haze2:before {
    content: "\f6f7"
}

.bi-device-hdd-fill:before {
    content: "\f6f8"
}

.bi-device-hdd:before {
    content: "\f6f9"
}

.bi-device-ssd-fill:before {
    content: "\f6fa"
}

.bi-device-ssd:before {
    content: "\f6fb"
}

.bi-displayport-fill:before {
    content: "\f6fc"
}

.bi-mortarboard-fill:before {
    content: "\f6fd"
}

.bi-mortarboard:before {
    content: "\f6fe"
}

.bi-terminal-x:before {
    content: "\f6ff"
}

.bi-arrow-through-heart-fill:before {
    content: "\f700"
}

.bi-arrow-through-heart:before {
    content: "\f701"
}

.bi-badge-sd-fill:before {
    content: "\f702"
}

.bi-badge-sd:before {
    content: "\f703"
}

.bi-bag-heart-fill:before {
    content: "\f704"
}

.bi-bag-heart:before {
    content: "\f705"
}

.bi-balloon-fill:before {
    content: "\f706"
}

.bi-balloon-heart-fill:before {
    content: "\f707"
}

.bi-balloon-heart:before {
    content: "\f708"
}

.bi-balloon:before {
    content: "\f709"
}

.bi-box2-fill:before {
    content: "\f70a"
}

.bi-box2-heart-fill:before {
    content: "\f70b"
}

.bi-box2-heart:before {
    content: "\f70c"
}

.bi-box2:before {
    content: "\f70d"
}

.bi-braces-asterisk:before {
    content: "\f70e"
}

.bi-calendar-heart-fill:before {
    content: "\f70f"
}

.bi-calendar-heart:before {
    content: "\f710"
}

.bi-calendar2-heart-fill:before {
    content: "\f711"
}

.bi-calendar2-heart:before {
    content: "\f712"
}

.bi-chat-heart-fill:before {
    content: "\f713"
}

.bi-chat-heart:before {
    content: "\f714"
}

.bi-chat-left-heart-fill:before {
    content: "\f715"
}

.bi-chat-left-heart:before {
    content: "\f716"
}

.bi-chat-right-heart-fill:before {
    content: "\f717"
}

.bi-chat-right-heart:before {
    content: "\f718"
}

.bi-chat-square-heart-fill:before {
    content: "\f719"
}

.bi-chat-square-heart:before {
    content: "\f71a"
}

.bi-clipboard-check-fill:before {
    content: "\f71b"
}

.bi-clipboard-data-fill:before {
    content: "\f71c"
}

.bi-clipboard-fill:before {
    content: "\f71d"
}

.bi-clipboard-heart-fill:before {
    content: "\f71e"
}

.bi-clipboard-heart:before {
    content: "\f71f"
}

.bi-clipboard-minus-fill:before {
    content: "\f720"
}

.bi-clipboard-plus-fill:before {
    content: "\f721"
}

.bi-clipboard-pulse:before {
    content: "\f722"
}

.bi-clipboard-x-fill:before {
    content: "\f723"
}

.bi-clipboard2-check-fill:before {
    content: "\f724"
}

.bi-clipboard2-check:before {
    content: "\f725"
}

.bi-clipboard2-data-fill:before {
    content: "\f726"
}

.bi-clipboard2-data:before {
    content: "\f727"
}

.bi-clipboard2-fill:before {
    content: "\f728"
}

.bi-clipboard2-heart-fill:before {
    content: "\f729"
}

.bi-clipboard2-heart:before {
    content: "\f72a"
}

.bi-clipboard2-minus-fill:before {
    content: "\f72b"
}

.bi-clipboard2-minus:before {
    content: "\f72c"
}

.bi-clipboard2-plus-fill:before {
    content: "\f72d"
}

.bi-clipboard2-plus:before {
    content: "\f72e"
}

.bi-clipboard2-pulse-fill:before {
    content: "\f72f"
}

.bi-clipboard2-pulse:before {
    content: "\f730"
}

.bi-clipboard2-x-fill:before {
    content: "\f731"
}

.bi-clipboard2-x:before {
    content: "\f732"
}

.bi-clipboard2:before {
    content: "\f733"
}

.bi-emoji-kiss-fill:before {
    content: "\f734"
}

.bi-emoji-kiss:before {
    content: "\f735"
}

.bi-envelope-heart-fill:before {
    content: "\f736"
}

.bi-envelope-heart:before {
    content: "\f737"
}

.bi-envelope-open-heart-fill:before {
    content: "\f738"
}

.bi-envelope-open-heart:before {
    content: "\f739"
}

.bi-envelope-paper-fill:before {
    content: "\f73a"
}

.bi-envelope-paper-heart-fill:before {
    content: "\f73b"
}

.bi-envelope-paper-heart:before {
    content: "\f73c"
}

.bi-envelope-paper:before {
    content: "\f73d"
}

.bi-filetype-aac:before {
    content: "\f73e"
}

.bi-filetype-ai:before {
    content: "\f73f"
}

.bi-filetype-bmp:before {
    content: "\f740"
}

.bi-filetype-cs:before {
    content: "\f741"
}

.bi-filetype-css:before {
    content: "\f742"
}

.bi-filetype-csv:before {
    content: "\f743"
}

.bi-filetype-doc:before {
    content: "\f744"
}

.bi-filetype-docx:before {
    content: "\f745"
}

.bi-filetype-exe:before {
    content: "\f746"
}

.bi-filetype-gif:before {
    content: "\f747"
}

.bi-filetype-heic:before {
    content: "\f748"
}

.bi-filetype-html:before {
    content: "\f749"
}

.bi-filetype-java:before {
    content: "\f74a"
}

.bi-filetype-jpg:before {
    content: "\f74b"
}

.bi-filetype-js:before {
    content: "\f74c"
}

.bi-filetype-jsx:before {
    content: "\f74d"
}

.bi-filetype-key:before {
    content: "\f74e"
}

.bi-filetype-m4p:before {
    content: "\f74f"
}

.bi-filetype-md:before {
    content: "\f750"
}

.bi-filetype-mdx:before {
    content: "\f751"
}

.bi-filetype-mov:before {
    content: "\f752"
}

.bi-filetype-mp3:before {
    content: "\f753"
}

.bi-filetype-mp4:before {
    content: "\f754"
}

.bi-filetype-otf:before {
    content: "\f755"
}

.bi-filetype-pdf:before {
    content: "\f756"
}

.bi-filetype-php:before {
    content: "\f757"
}

.bi-filetype-png:before {
    content: "\f758"
}

.bi-filetype-ppt-1:before {
    content: "\f759"
}

.bi-filetype-ppt:before {
    content: "\f75a"
}

.bi-filetype-psd:before {
    content: "\f75b"
}

.bi-filetype-py:before {
    content: "\f75c"
}

.bi-filetype-raw:before {
    content: "\f75d"
}

.bi-filetype-rb:before {
    content: "\f75e"
}

.bi-filetype-sass:before {
    content: "\f75f"
}

.bi-filetype-scss:before {
    content: "\f760"
}

.bi-filetype-sh:before {
    content: "\f761"
}

.bi-filetype-svg:before {
    content: "\f762"
}

.bi-filetype-tiff:before {
    content: "\f763"
}

.bi-filetype-tsx:before {
    content: "\f764"
}

.bi-filetype-ttf:before {
    content: "\f765"
}

.bi-filetype-txt:before {
    content: "\f766"
}

.bi-filetype-wav:before {
    content: "\f767"
}

.bi-filetype-woff:before {
    content: "\f768"
}

.bi-filetype-xls-1:before {
    content: "\f769"
}

.bi-filetype-xls:before {
    content: "\f76a"
}

.bi-filetype-xml:before {
    content: "\f76b"
}

.bi-filetype-yml:before {
    content: "\f76c"
}

.bi-heart-arrow:before {
    content: "\f76d"
}

.bi-heart-pulse-fill:before {
    content: "\f76e"
}

.bi-heart-pulse:before {
    content: "\f76f"
}

.bi-heartbreak-fill:before {
    content: "\f770"
}

.bi-heartbreak:before {
    content: "\f771"
}

.bi-hearts:before {
    content: "\f772"
}

.bi-hospital-fill:before {
    content: "\f773"
}

.bi-hospital:before {
    content: "\f774"
}

.bi-house-heart-fill:before {
    content: "\f775"
}

.bi-house-heart:before {
    content: "\f776"
}

.bi-incognito:before {
    content: "\f777"
}

.bi-magnet-fill:before {
    content: "\f778"
}

.bi-magnet:before {
    content: "\f779"
}

.bi-person-heart:before {
    content: "\f77a"
}

.bi-person-hearts:before {
    content: "\f77b"
}

.bi-phone-flip:before {
    content: "\f77c"
}

.bi-plugin:before {
    content: "\f77d"
}

.bi-postage-fill:before {
    content: "\f77e"
}

.bi-postage-heart-fill:before {
    content: "\f77f"
}

.bi-postage-heart:before {
    content: "\f780"
}

.bi-postage:before {
    content: "\f781"
}

.bi-postcard-fill:before {
    content: "\f782"
}

.bi-postcard-heart-fill:before {
    content: "\f783"
}

.bi-postcard-heart:before {
    content: "\f784"
}

.bi-postcard:before {
    content: "\f785"
}

.bi-search-heart-fill:before {
    content: "\f786"
}

.bi-search-heart:before {
    content: "\f787"
}

.bi-sliders2-vertical:before {
    content: "\f788"
}

.bi-sliders2:before {
    content: "\f789"
}

.bi-trash3-fill:before {
    content: "\f78a"
}

.bi-trash3:before {
    content: "\f78b"
}

.bi-valentine:before {
    content: "\f78c"
}

.bi-valentine2:before {
    content: "\f78d"
}

.bi-wrench-adjustable-circle-fill:before {
    content: "\f78e"
}

.bi-wrench-adjustable-circle:before {
    content: "\f78f"
}

.bi-wrench-adjustable:before {
    content: "\f790"
}

.bi-filetype-json:before {
    content: "\f791"
}

.bi-filetype-pptx:before {
    content: "\f792"
}

.bi-filetype-xlsx:before {
    content: "\f793"
}

.bi-1-circle-1:before {
    content: "\f794"
}

.bi-1-circle-fill-1:before {
    content: "\f795"
}

.bi-1-circle-fill:before {
    content: "\f796"
}

.bi-1-circle:before {
    content: "\f797"
}

.bi-1-square-fill:before {
    content: "\f798"
}

.bi-1-square:before {
    content: "\f799"
}

.bi-2-circle-1:before {
    content: "\f79a"
}

.bi-2-circle-fill-1:before {
    content: "\f79b"
}

.bi-2-circle-fill:before {
    content: "\f79c"
}

.bi-2-circle:before {
    content: "\f79d"
}

.bi-2-square-fill:before {
    content: "\f79e"
}

.bi-2-square:before {
    content: "\f79f"
}

.bi-3-circle-1:before {
    content: "\f7a0"
}

.bi-3-circle-fill-1:before {
    content: "\f7a1"
}

.bi-3-circle-fill:before {
    content: "\f7a2"
}

.bi-3-circle:before {
    content: "\f7a3"
}

.bi-3-square-fill:before {
    content: "\f7a4"
}

.bi-3-square:before {
    content: "\f7a5"
}

.bi-4-circle-1:before {
    content: "\f7a6"
}

.bi-4-circle-fill-1:before {
    content: "\f7a7"
}

.bi-4-circle-fill:before {
    content: "\f7a8"
}

.bi-4-circle:before {
    content: "\f7a9"
}

.bi-4-square-fill:before {
    content: "\f7aa"
}

.bi-4-square:before {
    content: "\f7ab"
}

.bi-5-circle-1:before {
    content: "\f7ac"
}

.bi-5-circle-fill-1:before {
    content: "\f7ad"
}

.bi-5-circle-fill:before {
    content: "\f7ae"
}

.bi-5-circle:before {
    content: "\f7af"
}

.bi-5-square-fill:before {
    content: "\f7b0"
}

.bi-5-square:before {
    content: "\f7b1"
}

.bi-6-circle-1:before {
    content: "\f7b2"
}

.bi-6-circle-fill-1:before {
    content: "\f7b3"
}

.bi-6-circle-fill:before {
    content: "\f7b4"
}

.bi-6-circle:before {
    content: "\f7b5"
}

.bi-6-square-fill:before {
    content: "\f7b6"
}

.bi-6-square:before {
    content: "\f7b7"
}

.bi-7-circle-1:before {
    content: "\f7b8"
}

.bi-7-circle-fill-1:before {
    content: "\f7b9"
}

.bi-7-circle-fill:before {
    content: "\f7ba"
}

.bi-7-circle:before {
    content: "\f7bb"
}

.bi-7-square-fill:before {
    content: "\f7bc"
}

.bi-7-square:before {
    content: "\f7bd"
}

.bi-8-circle-1:before {
    content: "\f7be"
}

.bi-8-circle-fill-1:before {
    content: "\f7bf"
}

.bi-8-circle-fill:before {
    content: "\f7c0"
}

.bi-8-circle:before {
    content: "\f7c1"
}

.bi-8-square-fill:before {
    content: "\f7c2"
}

.bi-8-square:before {
    content: "\f7c3"
}

.bi-9-circle-1:before {
    content: "\f7c4"
}

.bi-9-circle-fill-1:before {
    content: "\f7c5"
}

.bi-9-circle-fill:before {
    content: "\f7c6"
}

.bi-9-circle:before {
    content: "\f7c7"
}

.bi-9-square-fill:before {
    content: "\f7c8"
}

.bi-9-square:before {
    content: "\f7c9"
}

.bi-airplane-engines-fill:before {
    content: "\f7ca"
}

.bi-airplane-engines:before {
    content: "\f7cb"
}

.bi-airplane-fill:before {
    content: "\f7cc"
}

.bi-airplane:before {
    content: "\f7cd"
}

.bi-alexa:before {
    content: "\f7ce"
}

.bi-alipay:before {
    content: "\f7cf"
}

.bi-android:before {
    content: "\f7d0"
}

.bi-android2:before {
    content: "\f7d1"
}

.bi-box-fill:before {
    content: "\f7d2"
}

.bi-box-seam-fill:before {
    content: "\f7d3"
}

.bi-browser-chrome:before {
    content: "\f7d4"
}

.bi-browser-edge:before {
    content: "\f7d5"
}

.bi-browser-firefox:before {
    content: "\f7d6"
}

.bi-browser-safari:before {
    content: "\f7d7"
}

.bi-c-circle-1:before {
    content: "\f7d8"
}

.bi-c-circle-fill-1:before {
    content: "\f7d9"
}

.bi-c-circle-fill:before {
    content: "\f7da"
}

.bi-c-circle:before {
    content: "\f7db"
}

.bi-c-square-fill:before {
    content: "\f7dc"
}

.bi-c-square:before {
    content: "\f7dd"
}

.bi-capsule-pill:before {
    content: "\f7de"
}

.bi-capsule:before {
    content: "\f7df"
}

.bi-car-front-fill:before {
    content: "\f7e0"
}

.bi-car-front:before {
    content: "\f7e1"
}

.bi-cassette-fill:before {
    content: "\f7e2"
}

.bi-cassette:before {
    content: "\f7e3"
}

.bi-cc-circle-1:before {
    content: "\f7e4"
}

.bi-cc-circle-fill-1:before {
    content: "\f7e5"
}

.bi-cc-circle-fill:before {
    content: "\f7e6"
}

.bi-cc-circle:before {
    content: "\f7e7"
}

.bi-cc-square-fill:before {
    content: "\f7e8"
}

.bi-cc-square:before {
    content: "\f7e9"
}

.bi-cup-hot-fill:before {
    content: "\f7ea"
}

.bi-cup-hot:before {
    content: "\f7eb"
}

.bi-currency-rupee:before {
    content: "\f7ec"
}

.bi-dropbox:before {
    content: "\f7ed"
}

.bi-escape:before {
    content: "\f7ee"
}

.bi-fast-forward-btn-fill:before {
    content: "\f7ef"
}

.bi-fast-forward-btn:before {
    content: "\f7f0"
}

.bi-fast-forward-circle-fill:before {
    content: "\f7f1"
}

.bi-fast-forward-circle:before {
    content: "\f7f2"
}

.bi-fast-forward-fill:before {
    content: "\f7f3"
}

.bi-fast-forward:before {
    content: "\f7f4"
}

.bi-filetype-sql:before {
    content: "\f7f5"
}

.bi-fire:before {
    content: "\f7f6"
}

.bi-google-play:before {
    content: "\f7f7"
}

.bi-h-circle-1:before {
    content: "\f7f8"
}

.bi-h-circle-fill-1:before {
    content: "\f7f9"
}

.bi-h-circle-fill:before {
    content: "\f7fa"
}

.bi-h-circle:before {
    content: "\f7fb"
}

.bi-h-square-fill:before {
    content: "\f7fc"
}

.bi-h-square:before {
    content: "\f7fd"
}

.bi-indent:before {
    content: "\f7fe"
}

.bi-lungs-fill:before {
    content: "\f7ff"
}

.bi-lungs:before {
    content: "\f800"
}

.bi-microsoft-teams:before {
    content: "\f801"
}

.bi-p-circle-1:before {
    content: "\f802"
}

.bi-p-circle-fill-1:before {
    content: "\f803"
}

.bi-p-circle-fill:before {
    content: "\f804"
}

.bi-p-circle:before {
    content: "\f805"
}

.bi-p-square-fill:before {
    content: "\f806"
}

.bi-p-square:before {
    content: "\f807"
}

.bi-pass-fill:before {
    content: "\f808"
}

.bi-pass:before {
    content: "\f809"
}

.bi-prescription:before {
    content: "\f80a"
}

.bi-prescription2:before {
    content: "\f80b"
}

.bi-r-circle-1:before {
    content: "\f80c"
}

.bi-r-circle-fill-1:before {
    content: "\f80d"
}

.bi-r-circle-fill:before {
    content: "\f80e"
}

.bi-r-circle:before {
    content: "\f80f"
}

.bi-r-square-fill:before {
    content: "\f810"
}

.bi-r-square:before {
    content: "\f811"
}

.bi-repeat-1:before {
    content: "\f812"
}

.bi-repeat:before {
    content: "\f813"
}

.bi-rewind-btn-fill:before {
    content: "\f814"
}

.bi-rewind-btn:before {
    content: "\f815"
}

.bi-rewind-circle-fill:before {
    content: "\f816"
}

.bi-rewind-circle:before {
    content: "\f817"
}

.bi-rewind-fill:before {
    content: "\f818"
}

.bi-rewind:before {
    content: "\f819"
}

.bi-train-freight-front-fill:before {
    content: "\f81a"
}

.bi-train-freight-front:before {
    content: "\f81b"
}

.bi-train-front-fill:before {
    content: "\f81c"
}

.bi-train-front:before {
    content: "\f81d"
}

.bi-train-lightrail-front-fill:before {
    content: "\f81e"
}

.bi-train-lightrail-front:before {
    content: "\f81f"
}

.bi-truck-front-fill:before {
    content: "\f820"
}

.bi-truck-front:before {
    content: "\f821"
}

.bi-ubuntu:before {
    content: "\f822"
}

.bi-unindent:before {
    content: "\f823"
}

.bi-unity:before {
    content: "\f824"
}

.bi-universal-access-circle:before {
    content: "\f825"
}

.bi-universal-access:before {
    content: "\f826"
}

.bi-virus:before {
    content: "\f827"
}

.bi-virus2:before {
    content: "\f828"
}

.bi-wechat:before {
    content: "\f829"
}

.bi-yelp:before {
    content: "\f82a"
}

.bi-sign-stop-fill:before {
    content: "\f82b"
}

.bi-sign-stop-lights-fill:before {
    content: "\f82c"
}

.bi-sign-stop-lights:before {
    content: "\f82d"
}

.bi-sign-stop:before {
    content: "\f82e"
}

.bi-sign-turn-left-fill:before {
    content: "\f82f"
}

.bi-sign-turn-left:before {
    content: "\f830"
}

.bi-sign-turn-right-fill:before {
    content: "\f831"
}

.bi-sign-turn-right:before {
    content: "\f832"
}

.bi-sign-turn-slight-left-fill:before {
    content: "\f833"
}

.bi-sign-turn-slight-left:before {
    content: "\f834"
}

.bi-sign-turn-slight-right-fill:before {
    content: "\f835"
}

.bi-sign-turn-slight-right:before {
    content: "\f836"
}

.bi-sign-yield-fill:before {
    content: "\f837"
}

.bi-sign-yield:before {
    content: "\f838"
}

.bi-ev-station-fill:before {
    content: "\f839"
}

.bi-ev-station:before {
    content: "\f83a"
}

.bi-fuel-pump-diesel-fill:before {
    content: "\f83b"
}

.bi-fuel-pump-diesel:before {
    content: "\f83c"
}

.bi-fuel-pump-fill:before {
    content: "\f83d"
}

.bi-fuel-pump:before {
    content: "\f83e"
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow:auto!important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto!important
    }
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: "Noto Sans Thai", sans-serif;
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1 {
    font: 400 24px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2 {
    font: 500 20px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3 {
    font: 400 16px/28px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4 {
    font: 400 15px/24px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5 {
    font: 400 11.62px/20px "Noto Sans Thai",sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6 {
    font: 400 9.38px/20px "Noto Sans Thai",sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2 {
    font: 500 14px/24px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography {
    font: 400 14px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p {
    margin: 0 0 12px
}

.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption {
    font: 400 12px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-display-4,.mat-typography .mat-display-4 {
    font: 300 112px/112px "Noto Sans Thai",sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,.mat-typography .mat-display-3 {
    font: 400 56px/56px "Noto Sans Thai",sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,.mat-typography .mat-display-2 {
    font: 400 45px/48px "Noto Sans Thai",sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,.mat-typography .mat-display-1 {
    font: 400 34px/40px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab {
     font-family: "Noto Sans Thai", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle,.mat-card {
     font-family: "Noto Sans Thai", sans-serif;
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid rgba(0,0,0,0)
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 12px
}

.mat-radio-button,.mat-select {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-slider-thumb-label-text {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,.mat-stepper-horizontal {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-tab-label,.mat-tab-link {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6 {
    font: 500 20px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item,.mat-list-option {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-tree-node,.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-option {
    color: #000000de
}

.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0,0,0,.04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0,0,0,.04)
}

.mat-option.mat-active {
    background: rgba(0,0,0,.04);
    color: #000000de
}

.mat-option.mat-option-disabled {
    color: #00000061
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: #0000008a
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #00000061
}

.mat-pseudo-checkbox {
    color: #0000008a
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #3f51b5
}

.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate {
    background: #ff4081
}

.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: #000000de
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: #000000de
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-button,.mat-icon-button,.mat-stroked-button {
    color: inherit;
    background: rgba(0,0,0,0)
}

.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary {
    color: #3f51b5
}

.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent {
    color: #ff4081
}

.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn {
    color: #f44336
}

.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: #0000
}

.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #0000001f
}

.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab {
    color: #000000de;
    background-color: #fff
}

.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary,.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent,.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary {
    background-color: #3f51b5
}

.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent {
    background-color: #ff4081
}

.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn {
    background-color: #f44336
}

.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: #0000001f
}

.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #0000001f
}

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #000000de
}

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: #000000de
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-card-subtitle {
    color: #0000008a
}

.mat-checkbox-frame {
    border-color: #0000008a
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa!important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background {
    background-color: #3f51b5
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #ff4081
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background {
    background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #00000061
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-table {
    background: #fff
}

.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky {
    background: inherit
}

mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell {
    border-bottom-color: #0000001f
}

.mat-header-cell {
    color: #0000008a
}

.mat-cell,.mat-footer-cell {
    color: #000000de
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0,0,0,.12)
}

.mat-calendar-table-header,.mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content,.mat-date-range-input-separator {
    color: #000000de;
    border-color: #0000
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(63,81,181,.2)
}

.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #3f51b566
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #3f51b54d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#3f51b54d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255,64,129,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #ff408166
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #ff40814d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#ff40814d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244,67,54,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #f4433666
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#f443364d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: #fff;
    color: #000000de
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #0000001f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0,0,0,.04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background:#fff
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description,.mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label,.mat-hint {
    color: #0009
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
}

.mat-focused .mat-form-field-required-marker {
    color: #ff4081
}

.mat-form-field-ripple {
    background-color: #000000de
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
}

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint {
    color: #0000008a
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #0000000a
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #00000005
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #0000006b
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: #0000
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #0000001f
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #000000de
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #0000000f
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #0000008a
}

.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: #00000061
}

.mat-input-element {
    caret-color: #3f51b5
}

.mat-input-element::placeholder {
    color: #0000006b
}

.mat-input-element::-moz-placeholder {
    color: #0000006b
}

.mat-input-element::-webkit-input-placeholder {
    color: #0000006b
}

.mat-input-element:-ms-input-placeholder {
    color: #0000006b
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ff4081
}

.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
}

.mat-list-base .mat-list-item,.mat-list-base .mat-list-option {
    color: #000000de
}

.mat-list-base .mat-subheader {
    color: #0000008a
}

.mat-list-base .mat-list-item-disabled {
    background-color: #eee;
    color: #00000061
}

.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus {
    background: rgba(0,0,0,.04)
}

.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus {
    background: rgba(0,0,0,.12)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-menu-item {
    background: rgba(0,0,0,0);
    color: #000000de
}

.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color {
    color: #00000061
}

.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon {
    color: #0000008a
}

.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0,0,0,.04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger {
    color: #0000008a
}

.mat-paginator-decrement,.mat-paginator-increment {
    border-top: 2px solid rgba(0,0,0,.54);
    border-right: 2px solid rgba(0,0,0,.54)
}

.mat-paginator-first,.mat-paginator-last {
    border-top: 2px solid rgba(0,0,0,.54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last {
    border-color: #00000061
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle,.mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: #0000008a
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #00000061
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: #000000de
}

.mat-select-placeholder {
    color: #0000006b
}

.mat-select-disabled .mat-select-value {
    color: #00000061
}

.mat-select-arrow {
    color: #0000008a
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0,0,0,.12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: #00000061
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0,0,0,.12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #ff40818a
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: #3f51b58a
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: #f443368a
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: #00000061
}

.mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-primary .mat-slider-focus-ring {
    background-color: #3f51b533
}

.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-accent .mat-slider-focus-ring {
    background-color: #ff408133
}

.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-warn .mat-slider-focus-ring {
    background-color: #f4433633
}

.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: #00000061
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #0000001f
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #000000de
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #00000042;
    background-color: #0000
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: #00000061
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: #00000042
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #000000b3
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background:none
    }
}

.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: #0000;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,.mat-tab-header {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: none
}

.mat-tab-label,.mat-tab-link {
    color: #000000de
}

.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled {
    color: #00000061
}

.mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #00000061
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c5cae94d
}

.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ff80ab4d
}

.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c5cae94d
}

.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #3f51b5
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ff80ab4d
}

.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #ff4081
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-toolbar {
    background: #f5f5f5;
    color: #000000de
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height:56px
    }

    .mat-toolbar-row,.mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97,97,97,.9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node,.mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #ff4081
}

@charset "UTF-8";* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sukhumvit-regular;
    outline: none;
    text-transform: inherit
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: "Noto Sans Thai",sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1,.mat-typography .h1 {
    font: 400 24px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2,.mat-typography .h2 {
    font: 500 20px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3,.mat-typography .h3 {
    font: 400 16px/28px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4,.mat-typography .h4 {
    font: 400 15px/24px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5,.mat-typography .h5 {
    font: 400 11.62px/20px "Noto Sans Thai",sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6,.mat-typography .h6 {
    font: 400 9.38px/20px "Noto Sans Thai",sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2 {
    font: 500 14px/24px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography {
    font: 400 14px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p {
    margin: 0 0 12px
}

.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption {
    font: 400 12px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-display-4,.mat-typography .mat-display-4 {
    font: 300 112px/112px "Noto Sans Thai",sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,.mat-typography .mat-display-3 {
    font: 400 56px/56px "Noto Sans Thai",sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,.mat-typography .mat-display-2 {
    font: 400 45px/48px "Noto Sans Thai",sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,.mat-typography .mat-display-1 {
    font: 400 34px/40px "Noto Sans Thai",sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle,.mat-card {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: "Noto Sans Thai",sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px
}

.mat-radio-button,.mat-select {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,.mat-stepper-horizontal {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: "Noto Sans Thai",sans-serif
}

.mat-tab-label,.mat-tab-link {
    font-family: "Noto Sans Thai",sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,.mat-toolbar h1,.mat-toolbar .h1,.mat-toolbar h2,.mat-toolbar .h2,.mat-toolbar h3,.mat-toolbar .h3,.mat-toolbar h4,.mat-toolbar .h4,.mat-toolbar h5,.mat-toolbar .h5,.mat-toolbar h6,.mat-toolbar .h6 {
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item,.mat-list-option {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto,Helvetica Neue,sans-serif
}

.mat-tree-node,.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-option {
    color: #000000de
}

.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0,0,0,.04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0,0,0,.04)
}

.mat-option.mat-active {
    background: rgba(0,0,0,.04);
    color: #000000de
}

.mat-option.mat-option-disabled {
    color: #00000061
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #81c784
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #66bb6a
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff5722
}

.mat-optgroup-label {
    color: #0000008a
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #00000061
}

.mat-pseudo-checkbox {
    color: #0000008a
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #81c784
}

.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate {
    background: #66bb6a
}

.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #ff5722
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: white;
    color: #000000de
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: white
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: #000000de
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #000000de;
    background: #81c784
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #66bb6a;
    color: #000000de
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #ff5722
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: white;
    color: #000000de
}

.mat-button,.mat-icon-button,.mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary {
    color: #81c784
}

.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent {
    color: #66bb6a
}

.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn {
    color: #ff5722
}

.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #81c784
}

.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #66bb6a
}

.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #ff5722
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: black
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #0000001f
}

.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab {
    color: #000000de;
    background-color: #fff
}

.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary,.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent {
    color: #000000de
}

.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary {
    background-color: #81c784
}

.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent {
    background-color: #66bb6a
}

.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn {
    background-color: #ff5722
}

.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: #0000001f
}

.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: #0000001a
}

.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #0000001f
}

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: white
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #000000de
}

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: white
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: white;
    color: #000000de
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-card-subtitle {
    color: #0000008a
}

.mat-checkbox-frame {
    border-color: #0000008a
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa!important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background {
    background-color: #81c784
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #66bb6a
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background {
    background-color: #ff5722
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #00000061
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #81c784
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #66bb6a
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #ff5722
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: black
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #81c784;
    color: #000000de
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: #0000001a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #ff5722;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #66bb6a;
    color: #000000de
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: #0000001a
}

.mat-table {
    background: white
}

.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky {
    background: inherit
}

mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell {
    border-bottom-color: #0000001f
}

.mat-header-cell {
    color: #0000008a
}

.mat-cell,.mat-footer-cell {
    color: #000000de
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0,0,0,.12)
}

.mat-calendar-table-header,.mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content,.mat-date-range-input-separator {
    color: #000000de;
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(129,199,132,.2)
}

.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(129,199,132,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(129,199,132,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #81c784;
    color: #000000de
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #81c78466
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #000000de
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #81c7844d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#81c7844d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(102,187,106,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(102,187,106,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(102,187,106,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #66bb6a;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #66bb6a66
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #000000de
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #66bb6a4d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#66bb6a4d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(255,87,34,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(255,87,34,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(255,87,34,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #ff5722;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #ff572266
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #ff57224d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#ff57224d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #81c784
}

.mat-datepicker-toggle-active.mat-accent {
    color: #66bb6a
}

.mat-datepicker-toggle-active.mat-warn {
    color: #ff5722
}

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    background: white;
    color: #000000de
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: white;
    color: #000000de
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #0000001f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0,0,0,.04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background:white
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description,.mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label,.mat-hint {
    color: #0009
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #81c784
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #66bb6a
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #ff5722
}

.mat-focused .mat-form-field-required-marker {
    color: #66bb6a
}

.mat-form-field-ripple {
    background-color: #000000de
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #81c784
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #66bb6a
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #ff5722
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #81c784
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #66bb6a
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #ff5722
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #ff5722
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #ff5722
}

.mat-error {
    color: #ff5722
}

.mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint {
    color: #0000008a
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #0000000a
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #00000005
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #0000006b
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #0000001f
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #000000de
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #81c784
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #66bb6a
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #ff5722
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #0000000f
}

.mat-icon.mat-primary {
    color: #81c784
}

.mat-icon.mat-accent {
    color: #66bb6a
}

.mat-icon.mat-warn {
    color: #ff5722
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #0000008a
}

.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: #00000061
}

.mat-input-element {
    caret-color: #81c784
}

.mat-input-element::placeholder {
    color: #0000006b
}

.mat-input-element::-moz-placeholder {
    color: #0000006b
}

.mat-input-element::-webkit-input-placeholder {
    color: #0000006b
}

.mat-input-element:-ms-input-placeholder {
    color: #0000006b
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #66bb6a
}

.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element {
    caret-color: #ff5722
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #ff5722
}

.mat-list-base .mat-list-item,.mat-list-base .mat-list-option {
    color: #000000de
}

.mat-list-base .mat-subheader {
    color: #0000008a
}

.mat-list-base .mat-list-item-disabled {
    background-color: #eee;
    color: #00000061
}

.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus {
    background: rgba(0,0,0,.04)
}

.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus {
    background: rgba(0,0,0,.12)
}

.mat-menu-panel {
    background: white
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-menu-item {
    background: transparent;
    color: #000000de
}

.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color {
    color: #00000061
}

.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon {
    color: #0000008a
}

.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0,0,0,.04)
}

.mat-paginator {
    background: white
}

.mat-paginator,.mat-paginator-page-size .mat-select-trigger {
    color: #0000008a
}

.mat-paginator-decrement,.mat-paginator-increment {
    border-top: 2px solid rgba(0,0,0,.54);
    border-right: 2px solid rgba(0,0,0,.54)
}

.mat-paginator-first,.mat-paginator-last {
    border-top: 2px solid rgba(0,0,0,.54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last {
    border-color: #00000061
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #dceddd
}

.mat-progress-bar-buffer {
    background-color: #dceddd
}

.mat-progress-bar-fill:after {
    background-color: #81c784
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #d5ead6
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #d5ead6
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #66bb6a
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #fbd1c4
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #fbd1c4
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #ff5722
}

.mat-progress-spinner circle,.mat-spinner circle {
    stroke: #81c784
}

.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
    stroke: #66bb6a
}

.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle {
    stroke: #ff5722
}

.mat-radio-outer-circle {
    border-color: #0000008a
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #81c784
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #81c784
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #66bb6a
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #66bb6a
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff5722
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #ff5722
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #00000061
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: #000000de
}

.mat-select-placeholder {
    color: #0000006b
}

.mat-select-disabled .mat-select-value {
    color: #00000061
}

.mat-select-arrow {
    color: #0000008a
}

.mat-select-panel {
    background: white
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0,0,0,.12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #81c784
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #66bb6a
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #ff5722
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: #00000061
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0,0,0,.12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #66bb6a
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #66bb6a8a
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #66bb6a
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #81c784
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: #81c7848a
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #81c784
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff5722
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: #ff57228a
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #ff5722
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: #00000061
}

.mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label {
    background-color: #81c784
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
    color: #000000de
}

.mat-slider.mat-primary .mat-slider-focus-ring {
    background-color: #81c78433
}

.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label {
    background-color: #66bb6a
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
    color: #000000de
}

.mat-slider.mat-accent .mat-slider-focus-ring {
    background-color: #66bb6a33
}

.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label {
    background-color: #ff5722
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-warn .mat-slider-focus-ring {
    background-color: #ff572233
}

.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: #00000061
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #0000001f
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #000000de
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #00000042;
    background-color: transparent
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: #00000061
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: #00000042
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #000000b3
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}

.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background:none
    }
}

.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #000000de
}

.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit {
    background-color: #81c784;
    color: #000000de
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #000000de
}

.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #66bb6a;
    color: #000000de
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #ff5722;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #ff5722
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #ff5722
}

.mat-stepper-horizontal,.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,.mat-tab-header {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: none
}

.mat-tab-label,.mat-tab-link {
    color: #000000de
}

.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled {
    color: #00000061
}

.mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #00000061
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c8e6c94d
}

.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #81c784
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #000000de
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #4caf504d
}

.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #66bb6a
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #000000de
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffccbc4d
}

.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #ff5722
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c8e6c94d
}

.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #81c784
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #000000de
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #0006
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #000000de
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #000;
    opacity: .4
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #000;
    opacity: .12
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #4caf504d
}

.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #66bb6a
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #000000de
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #0006
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #000000de
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #000;
    opacity: .4
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #000;
    opacity: .12
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffccbc4d
}

.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #ff5722
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-toolbar {
    background: whitesmoke;
    color: #000000de
}

.mat-toolbar.mat-primary {
    background: #81c784;
    color: #000000de
}

.mat-toolbar.mat-accent {
    background: #66bb6a;
    color: #000000de
}

.mat-toolbar.mat-warn {
    background: #ff5722;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height:56px
    }

    .mat-toolbar-row,.mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97,97,97,.9)
}

.mat-tree {
    background: white
}

.mat-tree-node,.mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #66bb6a
}

/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #435ebe;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #EB144C;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #006664;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #EB144C;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0, 208, 132;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 235, 20, 76;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 96, 112, 128;
    --bs-body-bg-rgb: 242, 247, 255;
    --bs-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";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: 'Noto Sans Thai', sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #607080;
    --bs-body-bg: #f2f7ff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .25rem;
    --bs-border-radius-sm: .2rem;
    --bs-border-radius-lg: .3rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #006664;
    --bs-link-hover-color: #00a66a;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fcf8e3
}

*,*:before,*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #25396f
}

h1,.h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1,.h1 {
        font-size:2.5rem
    }
}

h2,.h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2,.h2 {
        font-size:2rem
    }
}

h3,.h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3,.h3 {
        font-size:1.75rem
    }
}

h4,.h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4,.h4 {
        font-size:1.5rem
    }
}

h5,.h5 {
    font-size: 1.25rem
}

h6,.h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .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: var(--bs-highlight-bg)
}

sub,sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,code,kbd,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    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: .5rem;
    padding-bottom: .5rem;
    color: #7c8db5;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,tbody,tfoot,tr,td,th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .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-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-unstyled,.list-inline {
    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: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #f2f7ff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: .75rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

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

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

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

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

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

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

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

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

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

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

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

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

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

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

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

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table,.dataTable-table {
    --bs-table-color: #607080;
    --bs-table-bg: transparent;
    --bs-table-border-color: #eee;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #607080;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #607080;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #607080;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>*,.dataTable-table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody,.dataTable-table>tbody {
    vertical-align: inherit
}

.table>thead,.dataTable-table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid #dedede
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.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-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #ccf6e6;
    --bs-table-border-color: #b8ddcf;
    --bs-table-striped-bg: #c2eadb;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b8ddcf;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bde4d5;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #fbd0db;
    --bs-table-border-color: #e2bbc5;
    --bs-table-striped-bg: #eec6d0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e2bbc5;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e8c0cb;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #7c8db5
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #607080;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dce7f1;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #607080;
    background-color: #fff;
    border-color: #80e8c2;
    outline: 0;
    box-shadow: 0 0 0 .25rem #00666440
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #adb5bd;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #607080;
    background-color: #e6eef5;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dbe2e9
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #607080;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .25rem
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px)
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #607080;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' 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 #dce7f1;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #80e8c2;
    outline: 0;
    box-shadow: 0 0 0 .25rem #00666440
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #607080
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.7em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.7em
}

.form-check-reverse {
    padding-right: 1.7em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.7em;
    margin-left: 0
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
    margin-top: .15em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 3px solid #e1e3ea;
    -webkit-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-check-input {
        transition: none
    }
}

.form-check-input[type=checkbox] {
    border-radius: .3em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #80e8c2;
    outline: 0;
    box-shadow: 0 0 0 .25rem #00666440
}

.form-check-input:checked {
    background-color: #006664;
    border-color: #006664
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #006664;
    border-color: #006664;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    cursor: default;
    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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380e8c2'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check[disabled]+.btn,.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f2f7ff,0 0 0 .25rem #00666440
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f2f7ff,0 0 0 .25rem #00666440
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #006664;
    border: 0;
    border-radius: 1rem;
    -webkit-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-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b3f1da
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #006664;
    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;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b3f1da
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder {
    color: transparent
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #526e8a;
    text-align: center;
    white-space: nowrap;
    background-color: #e6eef5;
    border: 1px solid #dce7f1;
    border-radius: .25rem
}

.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 2.5rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .25rem
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:valid,.form-select.is-valid {
    border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: calc(.75em + 3.0625rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.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.5rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-control-color:valid,.form-control-color.is-valid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:valid,.form-check-input.is-valid {
    border-color: #198754
}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked {
    background-color: #198754
}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #eb144c
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #000;
    background-color: #eb144ce6;
    border-radius: .25rem
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #eb144c;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EB144C'%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='%23EB144C' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #eb144c;
    box-shadow: 0 0 0 .25rem #eb144c40
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:invalid,.form-select.is-invalid {
    border-color: #eb144c
}

.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: calc(.75em + 3.0625rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EB144C'%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='%23EB144C' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.5rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus {
    border-color: #eb144c;
    box-shadow: 0 0 0 .25rem #eb144c40
}

.was-validated .form-control-color:invalid,.form-control-color.is-invalid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid {
    border-color: #eb144c
}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked {
    background-color: #eb144c
}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem #eb144c40
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #eb144c
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #607080;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: .25rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled,.btn.disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #006664;
    --bs-btn-border-color: #006664;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #26d796;
    --bs-btn-hover-border-color: #1ad590;
    --bs-btn-focus-shadow-rgb: 0, 177, 112;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #33d99d;
    --bs-btn-active-border-color: #1ad590;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #006664;
    --bs-btn-disabled-border-color: #006664
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #000;
    --bs-btn-bg: #EB144C;
    --bs-btn-border-color: #EB144C;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ee3767;
    --bs-btn-hover-border-color: #ed2c5e;
    --bs-btn-focus-shadow-rgb: 200, 17, 65;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ef4370;
    --bs-btn-active-border-color: #ed2c5e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #EB144C;
    --bs-btn-disabled-border-color: #EB144C
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #006664;
    --bs-btn-border-color: #006664;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #006664;
    --bs-btn-hover-border-color: #006664;
    --bs-btn-focus-shadow-rgb: 0, 208, 132;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #006664;
    --bs-btn-active-border-color: #006664;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #006664;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #006664;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #EB144C;
    --bs-btn-border-color: #EB144C;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #EB144C;
    --bs-btn-hover-border-color: #EB144C;
    --bs-btn-focus-shadow-rgb: 235, 20, 76;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #EB144C;
    --bs-btn-active-border-color: #EB144C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #EB144C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #EB144C;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: #006664;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #00a66a;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #00a66a;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 0, 177, 112;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg,.btn-group-lg>.btn {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: .3rem
}

.btn-sm,.btn-group-sm>.btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: .2rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .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 {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 15rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #607080;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: rgba(0, 0, 0, .15);
    --bs-dropdown-border-radius: .25rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: .25rem;
    --bs-dropdown-divider-bg: rgb(189, 199, 209);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 1px 4px 15px #f4f5f9;
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #f8f9fa;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #006664;
    --bs-dropdown-link-disabled-color: #6c757d;
    --bs-dropdown-item-padding-x: 1.5rem;
    --bs-dropdown-item-padding-y: .45rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1.5rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .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-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .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-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    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: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: rgba(0, 0, 0, .15);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: rgb(189, 199, 209);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #006664;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .25rem
}

.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    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 {
        transition: none
    }
}

.nav-link:hover,.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: .25rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #f2f7ff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #f2f7ff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: .25rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #006664
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill>.nav-link,.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(0, 0, 0, .55);
    --bs-navbar-hover-color: rgba(0, 0, 0, .7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, .3);
    --bs-navbar-active-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);
    --bs-navbar-toggler-border-radius: .25rem;
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:hover,.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .show>.nav-link,.navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,.navbar-text a:hover,.navbar-text a:focus {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

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

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

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

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

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

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

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

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

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

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

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto!important;
    height: auto!important;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    transform: none!important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(0, 0, 0, .125);
    --bs-card-border-radius: .7rem;
    --bs-card-box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, .13);
    --bs-card-inner-border-radius: calc(.7rem - 1px);
    --bs-card-cap-padding-y: 1.5rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: white;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-top,.card-img-bottom {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

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

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

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

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

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

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

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

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

.accordion {
    --bs-accordion-color: #607080;
    --bs-accordion-bg: transparent;
    --bs-accordion-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;
    --bs-accordion-border-color: rgba(0, 0, 0, .125);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .25rem;
    --bs-accordion-inner-border-radius: calc(.25rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #607080;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23607080'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300bb77'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #80e8c2;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(0, 208, 132, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #00bb77;
    --bs-accordion-active-bg: #e6faf3
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-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,.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: #006664;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: .25rem;
    --bs-pagination-hover-color: #000;
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: #00a66a;
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(0, 208, 132, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #006664;
    --bs-pagination-active-border-color: #006664;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active,.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled,.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: .3rem
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: .2rem
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .85em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: .25rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: .25rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #005335;
    --bs-alert-bg: #ccf6e6;
    --bs-alert-border-color: #b3f1da
}

.alert-primary .alert-link {
    color: #00422a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: #8d0c2e;
    --bs-alert-bg: #fbd0db;
    --bs-alert-border-color: #f9b9c9
}

.alert-danger .alert-link {
    color: #710a25
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: .25rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #006664;
    --bs-progress-bar-transition: width .6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, .125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: .25rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #607080;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #006664;
    --bs-list-group-active-border-color: #006664;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item:before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

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

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #005335;
    background-color: #ccf6e6
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
    color: #005335;
    background-color: #b8ddcf
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #005335;
    border-color: #005335
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #8d0c2e;
    background-color: #fbd0db
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
    color: #8d0c2e;
    background-color: #e2bbc5
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #8d0c2e;
    border-color: #8d0c2e
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 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") center/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;
    box-shadow: 0 0 0 .25rem #00666440;
    opacity: 1
}

.btn-close:disabled,.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: .75rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, .85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: rgba(0, 0, 0, .1);
    --bs-toast-border-radius: .25rem;
    --bs-toast-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, .85);
    --bs-toast-header-border-color: rgba(0, 0, 0, .05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1050;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: rgba(0, 0, 0, .2);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .3rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: calc(.3rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: #dee2e6;
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: #dee2e6;
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1040;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1070;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: 0;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: .25rem;
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1060;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: rgba(0, 0, 0, .2);
    --bs-popover-border-radius: .3rem;
    --bs-popover-inner-border-radius: calc(.3rem - 1px);
    --bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: #25396f;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #607080;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:before,.popover .popover-arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header:before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end {
    transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,.carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-grow,.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: rgba(0, 0, 0, .2);
    --bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-end {
        top:0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
        top:0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right:0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding) {
        transform:none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show {
        visibility:visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top:0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top:0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right:0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing,.offcanvas-md.show:not(.hiding) {
        transform:none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show {
        visibility:visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top:0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top:0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right:0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding) {
        transform:none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show {
        visibility:visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top:0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top:0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right:0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding) {
        transform:none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show {
        visibility:visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top:0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top:0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right:0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding) {
        transform:none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show {
        visibility:visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing,.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,.offcanvas.hiding,.offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #000!important;
    background-color: RGBA(0,208,132,var(--bs-bg-opacity, 1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(108,117,125,var(--bs-bg-opacity, 1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: RGBA(25,135,84,var(--bs-bg-opacity, 1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: RGBA(13,202,240,var(--bs-bg-opacity, 1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: RGBA(255,193,7,var(--bs-bg-opacity, 1))!important
}

.text-bg-danger {
    color: #000!important;
    background-color: RGBA(235,20,76,var(--bs-bg-opacity, 1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity, 1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: RGBA(33,37,41,var(--bs-bg-opacity, 1))!important
}

.link-primary {
    color: #006664!important
}

.link-primary:hover,.link-primary:focus {
    color: #33d99d!important
}

.link-secondary {
    color: #6c757d!important
}

.link-secondary:hover,.link-secondary:focus {
    color: #565e64!important
}

.link-success {
    color: #198754!important
}

.link-success:hover,.link-success:focus {
    color: #146c43!important
}

.link-info {
    color: #0dcaf0!important
}

.link-info:hover,.link-info:focus {
    color: #3dd5f3!important
}

.link-warning {
    color: #ffc107!important
}

.link-warning:hover,.link-warning:focus {
    color: #ffcd39!important
}

.link-danger {
    color: #eb144c!important
}

.link-danger:hover,.link-danger:focus {
    color: #ef4370!important
}

.link-light {
    color: #f8f9fa!important
}

.link-light:hover,.link-light:focus {
    color: #f9fafb!important
}

.link-dark {
    color: #212529!important
}

.link-dark:hover,.link-dark:focus {
    color: #1a1e21!important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    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;
    inset: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.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: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d!important
}

.shadow-none {
    box-shadow: none!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 {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translate(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-0 {
    --bs-border-width: 0
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

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

.flex-row {
    flex-direction: row!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-content-evenly {
    justify-content: space-evenly!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .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
}

.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
}

.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
}

.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
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .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-semibold {
    font-weight: 600!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #7c8db5!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!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: flex!important
    }

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

    .d-sm-none {
        display: none!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .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
    }

    .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
    }

    .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
    }

    .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
    }

    .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: flex!important
    }

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

    .d-md-none {
        display: none!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .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
    }

    .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
    }

    .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
    }

    .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
    }

    .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: flex!important
    }

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

    .d-lg-none {
        display: none!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .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
    }

    .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
    }

    .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
    }

    .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
    }

    .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: flex!important
    }

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

    .d-xl-none {
        display: none!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .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
    }

    .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
    }

    .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
    }

    .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
    }

    .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: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .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
    }

    .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
    }

    .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
    }

    .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
    }

    .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: flex!important
    }

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

    .d-print-none {
        display: none!important
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none!important
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

body .bi:before,[class^=bi-]:before,[class*=" bi-"]:before {
    vertical-align: baseline
}

body {
    font-family: "Noto Sans Thai", sans-serif;
    background-color: #fff
}

.cdk-global-overlay-wrapper {
    padding: 20px
}

#main {
    transition: .6s;
    position: relative
}

#main.layout-navbar {
    padding: 0
}

#main.layout-horizontal {
    padding: 0;
    margin: 0
}

#main #main-content {
    padding: 2rem
}

#main .header {
    text-align: center;
    margin: 15px 0 30px
}

@media screen and (max-width: 1199px) {
    #main {
        padding:0
    }
}

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1440px;
        padding: 0 120px
    }
}

@media (max-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1440px;
        padding: 0 60px
    }
}

@media screen and (max-width: 768px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        padding:0 30px
    }
}

@media screen and (max-width: 500px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        padding:0 15px!important
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleZ(1)
    }

    30% {
        transform: scale3d(1.15,.85,1)
    }

    40% {
        transform: scale3d(.85,1.15,1)
    }

    50% {
        transform: scale3d(1.15,.95,1)
    }

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

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

    to {
        transform: scaleZ(1)
    }
}

@keyframes slide-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}


.navbar {
    padding: 10px 15px;
    position: relative;
    z-index: 3;
    width: 100%;
    box-shadow: #00000014 0 4px 12px;
    top: 0;
    background-color: #FFC700!important
}

.navbar .navbar-brand {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Noto Sans Thai", sans-serif;
}

.navbar .navbar-nav {
    grid-gap: 25px
}

.navbar .navbar-nav .nav-item {
    margin: auto;
    transition: background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;
    background: #006664;
    border-radius: 5px
}

.navbar .navbar-nav .nav-item .nav-link {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0);
    transition: all .13s ease-in
}

.navbar .navbar-nav .nav-item .nav-link i {
    position: relative;
    top: 3px;
    color: #6c757d
}

.navbar .navbar-nav .nav-item:hover,.navbar .navbar-nav .nav-item.active,.navbar .navbar-nav .nav-item .active {
    background: #f5f55e!important;
    border-radius: 5px
}

.navbar .navbar-nav .nav-item:hover .nav-link,.navbar .navbar-nav .nav-item.active .nav-link,.navbar .navbar-nav .nav-item .active .nav-link {
    color: #000!important
}

.navbar .navbar-nav .nav-item:hover .navbar-tool .navbar-tool-text,.navbar .navbar-nav .nav-item.active .navbar-tool .navbar-tool-text,.navbar .navbar-nav .nav-item .active .navbar-tool .navbar-tool-text,.navbar .navbar-nav .nav-item:hover .navbar-tool .navbar-tool-text small,.navbar .navbar-nav .nav-item:hover .navbar-tool .navbar-tool-text .small,.navbar .navbar-nav .nav-item.active .navbar-tool .navbar-tool-text small,.navbar .navbar-nav .nav-item.active .navbar-tool .navbar-tool-text .small,.navbar .navbar-nav .nav-item .active .navbar-tool .navbar-tool-text small,.navbar .navbar-nav .nav-item .active .navbar-tool .navbar-tool-text .small,.navbar .navbar-nav .nav-item:hover .navbar-tool-icon-box i,.navbar .navbar-nav .nav-item.active .navbar-tool-icon-box i,.navbar .navbar-nav .nav-item .active .navbar-tool-icon-box i {
    color: #000
}

.navbar .navbar-nav .nav-dropdown {
    font-size: 18px;
    font-weight: 500
}

.navbar .navbar-nav .nav-dropdown .pro-pic {
    color: #000000e6
}

.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:active {
    border: none;
    outline: none;
    box-shadow: none
}

.header-nav-link div {
    display: block;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.9rem;
    width: 2.5rem;
    text-align: center;
    font-size: 1.3rem;
    color: #fff;
    border-radius: 50%;
    background: #006664;
    margin: auto
}

.header-nav-link div i {
    color: #fff
}

.header-nav-link a:hover {
    color: #006664;
    background: #eee;
    transform: rotate(360deg)
}

.header-nav-link a:hover i {
    color: #006664
}

.nav-link i,.nav-link-style i {
    color: #6c757d
}

.nav-link.active i,.nav-link-style.active i {
    color: #006664
}

.navbar-sticky {
    transform: translateY(0);
    position: sticky;
    z-index: 9
}

.navbar-sticky.active {
    transition: all .1s .1s ease-in-out;
    animation-duration: .3s;
    top: 0;
    animation-name: slidein
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end
}

.navbar-tool {
    position: relative;
    display: flex;
    align-items: center
}

.navbar-tool .navbar-tool-icon-box {
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    transition: color .25s ease-in-out;
    border-radius: 50%;
    line-height: 2.625rem;
    text-align: center
}

.navbar-tool .navbar-tool-icon-box .rounded-circle {
    height: 50px
}

.navbar-tool .navbar-tool-text {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #f5f55e;
    font-size: 16px;
    letter-spacing: .02857em;
    text-transform: uppercase;
    font-family: "Noto Sans Thai", sans-serif;
    line-height: 1.2rem
}

.navbar-tool .navbar-tool-text small,.navbar-tool .navbar-tool-text .small {
    display: block;
    margin-bottom: -.125rem;
    color: #fff;
    font-weight: inherit
}

.navbar-tool:hover i {
    color: #fff
}

#searchBox {
    background: #006664
}

.search-box {
    position: relative;
    transition: height .35s ease;
    height: 10px;
    z-index: 2
}

.search-box:not(.show) {
    transition: height .35s ease;
    top: -86px;
    height: 0px
}

.search-box.show {
    transition: height .35s ease;
    height: 87px
}

.search-box i {
    z-index: 4;
    top: 6px;
    left: 10px
}

.search-box input {
    padding-left: 40px
}

.collapsing {
    height: 77px;
    overflow: hidden;
    transition: height .35s ease
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: height .35s ease
}

#menu-bar {
    font-size: 2.6rem;
    position: relative;
    top: 1px;
    transform: rotate(0);
    transition: all .25s linear;
    color: #fff
}

#menu-bar.active {
    font-size: 2.3rem;
    transform: rotate(90deg);
    color: #fff
}

.breadcrumb-light .breadcrumb-item>a {
    text-decoration: none;
    color: #fff
}

.text-nowrap {
    display: flex;
    align-items: center;
    grid-gap: 5px
}

.text-nowrap i {
    margin-top: -5px
}

.breadcrumb-item.active {
    color: #ff9;
    font-weight: 800
}

@media screen and (max-width: 1199px) {
    .collapse:not(.show) {
        display:block
    }

    .navbar-collapse {
        max-height: 0;
        overflow: hidden
    }

    .navbar-collapse.show {
        transition: all .35s linear;
        max-height: 999px;
        display: block
    }

    .navbar-nav .nav-item {
        margin: unset!important
    }

    .navbar .navbar-nav .nav-item {
        border: none
    }

    .nav-item .nav-link.active {
        padding: 10px 15px
    }

    .change-lang.show {
        background: #00b976;
        padding: 10px 15px
    }

    .breadcrumb {
        display: none
    }
}

.content-image-profile {
    width: 6.375rem
}

.content-image-profile.is-open {
    width: 5.375rem
}

.close-profile-menu {
    position: absolute;
    right: 5px;
    top: 20px
}

.close-profile-menu i {
    font-size: 1.3rem;
    color: #333
}

.profile-content-form {
    margin-top: -25px
}

.mat-horizontal-content-container {
    padding: 0 15px 24px 10px!important
}

.title-web {
    padding: 0 280px;
    background: rgba(0,0,0,0);
    margin-bottom: 0;
    position: absolute;
    top: -50px;
    color: #00666400;
    width: 100%
}

.title-web .run-online {
    color: #00666400
}

.title-web .desc {
    font-size: 30px;
    margin-left: 15px;
    font-weight: 100
}

@media screen and (max-width: 990px) {
    .nav-item {
        border-bottom:1px solid #eee
    }

    .title-web {
        padding: 0 50px
    }
}

@media screen and (max-width: 576px) {
    .profile-content-form {
        margin-top:0
    }

    .mat-horizontal-content-container {
        padding: 0 0 24px!important
    }

    .navbar .navbar-brand {
        font-size: 1.2rem!important;
        margin-top: 5px
    }
}

@keyframes slidein {
    0% {
        top: 20px
    }

    to {
        top: 0
    }
}

.m-t-2 {
    margin-top: 2px
}

.mt-10 {
    margin-top: 3rem
}

.opacity-50 {
    opacity: 50%
}

.p-0 {
    padding: 0!important
}

.py-4-5 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
}

.p-5 {
    padding: 5px!important
}

.p-10 {
    padding: 10px!important
}

.p-t-0 {
    padding-top: 0!important
}

.pt-6-pb-8 {
    padding-top: 6rem!important;
    padding-bottom: 8rem!important
}

.p-t-20 {
    padding-top: 20px!important
}

.p-t-25 {
    padding-top: 25px!important
}

.btn-xl {
    padding: 1rem 2rem
}

.icon-mid:before {
    vertical-align: middle
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.gridGap-20 {
    grid-gap: 20px
}

.grid-gap-10 {
    grid-gap: 10px
}

.ms-auto {
    margin-left: auto!important
}

.mt--4 {
    margin-top: -1.5rem
}

.cursor-pointer {
    cursor: pointer
}

.h-100px {
    height: 100px
}

.h-60px {
    height: 60px
}

.lh-32 {
    line-height: 32px
}

.border-radius-sm {
    border-radius: .2rem
}

.z-3 {
    z-index: 3
}

.w-100px {
    width: 100px!important
}

.w-135 {
    width: 135px!important
}

.w-150 {
    width: 150px!important
}

.shadow-sm {
    box-shadow: 1px 2px 6px 6px #00000008!important
}

.shadow-lg {
    box-shadow: 0 -15px 2rem #00000017!important
}

.border-radius-t-lr {
    border-radius: .4375rem .4375rem 0 0!important
}

.border-radius-b-lr {
    border-radius: 0 0 .4375rem .4375rem!important
}

h2 .h2,.h2 .h2 {
    font-size: 1.5rem!important
}

.my-3-5 {
    margin-top: 3.5rem!important;
    margin-bottom: 2.5rem!important
}

.py-2-5 {
    padding-top: .875rem!important;
    padding-bottom: .875rem!important
}

.fs-12 {
    font-size: 12px!important
}

.fs-14 {
    font-size: 14px!important
}

.fs-24 {
    font-size: 24px!important
}

.fs-base {
    text-transform: capitalize
}

.image-grayscale {
    filter: grayscale(1)
}

strong {
    font-family: "Noto Sans Thai", sans-serif;
}

@media screen and (max-width: 768px) {
    .w-150 {
        width:100%!important
    }

    .width-badge {
        width: inherit;
        height: 35px;
        line-height: 1.5rem
    }
}

.picsum-img-wrapper img {
    width: 100%
}

.slip-image {
    max-height: 523px;
    height: 100%;
    width: auto
}

.rounded-circle {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 2px solid rgb(255,255,255)
}

.medal-image img,img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.card {
    margin-bottom: 2.2rem;
    border: none
}

.card.card-statistic {
    box-shadow: 1px 2px 5px #2faaf480;
    background: linear-gradient(to bottom,#25a6f1,#54b9ff)
}

.card.card-statistic .card-title {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .8px;
    font-weight: 400;
    font-size: 1.3rem;
    margin-bottom: 0;
    margin-top: 5px
}

.card.card-statistic .card-right p {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0
}

.card.card-statistic .card-right span.green {
    color: #6fff6f
}

.card.card-statistic .card-right span.red {
    color: #ff7979
}

.card.card-statistic .chart-wrapper {
    height: 100px
}

.card .card-header {
    border: none;
    padding-bottom: 0
}

.card .card-header h4,.card .card-header .h4 {
    font-size: 1.2rem;
    font-weight: 700
}

.card .card-header~.card-body {
    padding-top: 0
}

.card .card-content {
    position: relative
}

.card .card-title {
    font-size: 1.2rem
}

.card .card-body {
    padding: 1.5rem
}

.card .card-heading {
    color: #555;
    font-size: 1.5rem
}

.card .card-img-overlay {
    background-color: #0009
}

.card .card-img-overlay p {
    color: #eee
}

.card .card-img-overlay .card-title {
    color: #fff
}

.container .shipping-items {
    background-color: #fff;
    border: 1px solid rgb(212,212,212);
    border-radius: 8px;
    width: 47%;
    padding: .5em;
    min-height: 100%
}

.container .shipping-items .border-bottom {
    border-bottom: 1px solid #efefef!important;
    margin-bottom: 9px
}

.container .shipping-items.no-border {
    background-color: #fff0;
    border: none;
    padding: 0
}

.container .shipping-items.active {
    border: 2px solid #006664
}

.container .item {
    background-color: #fff;
    border: 1px solid rgb(212,212,212);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 5px
}

.container .item .border-bottom {
    border-bottom: 1px solid #efefef!important;
    margin-bottom: 9px
}

.container .item.no-border {
    background-color: #fff0;
    border: none;
    padding: 0
}

.container .runner:hover {
    border: 2px solid #006664
}

.container .runner:hover i,.container .runner:hover span {
    color: #006664
}

.pricing .card {
    box-shadow: none;
    margin-bottom: 0;
    border-right: 1px solid #e9ecef;
    box-shadow: 0 10px 10px #e9ecef;
    margin-bottom: .5rem
}

.pricing h1,.pricing .h1 {
    text-align: center;
    font-size: 4rem;
    margin-bottom: 3rem
}

.pricing .card-header .card-title {
    font-size: 2rem!important;
    margin-bottom: 0
}

.pricing .card-header p {
    font-size: .8rem
}

.pricing ul li {
    list-style: none;
    margin-bottom: .5rem
}

.pricing ul li i,.pricing ul li svg {
    width: 1rem;
    color: #198754;
    font-size: 1rem;
    margin-right: 7px
}

.pricing .card-highlighted {
    background-color: #006664;
    padding-top: 20px;
    padding-bottom: 20px
}

.pricing .card-highlighted .card-header,.pricing .card-highlighted .card-body {
    background-color: #006664;
    color: #fff
}

.pricing .card-highlighted ul li {
    color: #607080
}

.pricing .card-highlighted ul li i,.pricing .card-highlighted ul li svg {
    color: #479f76
}

.pricing .card-highlighted .card-footer {
    background-color: #006664
}

.pricing .card-highlighted .card-title {
    color: #25396f;
    font-size: 1.8rem
}

.card-list .runner-item i {
    color: #006664
}

.card-list .runner-footer {
    background-color: #006664;
    color: #fff;
    border-radius: .25rem
}

.card-list .runner-footer h6,.card-list .runner-footer .h6 {
    color: #fff;
    top: 2px
}

.card-list .item-text {
    top: -2px;
    position: relative;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.option-content {
    top: 15px;
    right: 15px
}

.option-content.upload {
    right: -15px
}

.option-content .btn-option-success {
    color: #20c997;
    background-color: #0cbc871a;
    padding-right: .5rem!important;
    padding-left: .5rem!important;
    letter-spacing: .5px;
    overflow: hidden;
    outline: 0;
    white-space: nowrap;
    border-radius: .25rem;
    margin-left: 5px
}

.option-content .btn-option-success.active,.option-content .btn-option-success:hover {
    background-color: #20c997;
    border-color: #20c997;
    color: #fff!important
}

.option-content .btn-option-success.active i,.option-content .btn-option-success:hover i {
    color: #fff!important
}

.option-content .btn-option {
    color: #20c997;
    background-color: #ffffff1a;
    margin-left: 39px;
    padding-right: .5rem!important;
    padding-left: .5rem!important;
    letter-spacing: .5px;
    overflow: hidden;
    outline: 0;
    white-space: nowrap;
    border-radius: .25rem
}

.option-content .btn-option-danger {
    color: #eb144c;
    background-color: #d6293e1a;
    padding-right: .5rem!important;
    padding-left: .5rem!important;
    letter-spacing: .5px;
    overflow: hidden;
    outline: 0;
    white-space: nowrap;
    border-radius: .25rem;
    margin-right: 12px;
    margin-left: 5px
}

.option-content .btn-option-danger:hover {
    color: #fff;
    background-color: #eb144c;
    border-color: #eb144c
}

.option-content .btn-option-danger:hover i {
    color: #fff
}

.option-content .summary {
    margin-left: 0;
    font-size: 12px
}

@media screen and (max-width: 450px) {
    .card-header,.card-body {
        padding:15px 10px!important
    }
}

@media screen and (max-width: 600px) {
    .shipping-items {
        width:100%!important
    }
}

.avatar {
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.avatar .avatar-content {
    width: 32px;
    height: 32px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875rem
}

.avatar .avatar-content svg,.avatar .avatar-content i {
    color: #fff;
    font-size: 1rem;
    height: 1rem
}

.avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.avatar .avatar-status {
    width: .7rem;
    height: .7rem;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #fff;
    bottom: 0;
    right: 0
}

.avatar.avatar-sm .avatar-content,.avatar.avatar-sm img {
    width: 24px;
    height: 24px;
    font-size: .8rem
}

.avatar.avatar-md .avatar-content,.avatar.avatar-md img {
    width: 32px;
    height: 32px;
    font-size: .8rem
}

.avatar.avatar-md2 .avatar-content,.avatar.avatar-md2 img {
    width: 40px;
    height: 40px;
    font-size: .8rem
}

.avatar.avatar-lg .avatar-content,.avatar.avatar-lg img {
    width: 48px;
    height: 48px;
    font-size: 1.2rem
}

.avatar.avatar-xl .avatar-content,.avatar.avatar-xl img {
    width: 60px;
    height: 60px;
    font-size: 1.4rem
}

.carousel-caption h5,.carousel-caption .h5,i {
    color: #fff
}

i.primary {
    color: #006664
}

i.secondary {
    color: #343a40
}

i.danger {
    color: #dc3545
}

i.active {
    color: #006664
}

i.inactive {
    color: #eb144c
}

i.wait {
    color: #ffc107
}

button:hover i,a:hover i {
    color: #006664
}

.bi {
    width: 1rem;
    height: 1rem
}

.bi.bi-middle:before {
    vertical-align: middle
}

.bi.bi-sub:before {
    vertical-align: sub
}

.stats-icon {
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center
}

.stats-icon i {
    margin-top: -6px;
    color: #fff
}

.stats-icon.purple {
    background-color: #9694ff
}

.stats-icon.blue {
    background-color: #57caeb
}

.stats-icon.red {
    background-color: #ff7976
}

.stats-icon.green {
    background-color: #5ddab4
}

.stats-icon.secondary {
    background-color: #343a40
}

@media (max-width: 767px) {
    .stats-icon {
        float:left;
        margin-bottom: .4rem
    }
}

.stats-icon:hover.secondary {
    background-color: #fff;
    border: 1px solid #343a40
}

.stats-icon:hover.secondary i {
    color: #343a40
}

.burger-btn {
    display: none
}

.icon-upload i {
    color: #006664
}

.icon-message {
    text-align: center
}

.icon-message .bi-exclamation-circle {
    font-size: 30px;
    color: #eb144c
}

.icon-message .bi-check-circle {
    font-size: 30px;
    color: #198754
}

.icon-search {
    position: relative;
    top: 3px;
    color: #006664
}

input[type=search i]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>")
}

.navbar-tool-icon-box i {
    width: 2.875rem;
    height: 2.875rem;
    top: 5px;
    position: relative;
    color: #fff
}

.navbar-tool-icon-box i:hover {
    color: #fff
}

.sync-container .sync-icon i {
    color: #006664
}

.modal-backdrop,.modal {
    z-index: 9!important
}

.modal .modal-content {
    box-shadow: -8px 12px 18px #192a4621;
    border: none
}

.modal .modal-full {
    max-width: 94%
}

.modal .white {
    color: #fff
}

.modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal .modal-header .modal-title {
    font-size: 1.1rem
}

.modal .modal-header .close {
    padding: 7px 10px;
    border-radius: 50%;
    background: none;
    border: none
}

.modal .modal-header .close:hover {
    background: #dee2e6
}

.modal .modal-header i,.modal .modal-header svg {
    font-size: 12px;
    height: 12px;
    width: 12px
}

.modal .modal-header .btn-close {
    margin-right: 15px;
    width: 0px;
    margin-top: -8px;
    height: auto
}

.modal .loging {
    padding: 0
}

.modal .modal-footer {
    padding: 1rem
}

.modal.modal-borderless .modal-header {
    border-bottom: 0
}

.modal.modal-borderless .modal-footer {
    border-top: 0
}

.modal-body.signin {
    padding: 20px 35px 30px
}

.btn i,.btn svg {
    width: 16px;
    height: 16px
}

.btn.icon {
    padding: .4rem .6rem
}

.btn.icon svg {
    width: 16px;
    height: 16px
}

.btn.icon.icon-left svg {
    margin-right: 3px
}

.btn.icon.icon-right svg {
    margin-left: 3px
}

.btn.btn-outline-white {
    color: #fff;
    border-color: #fff
}

.btn.btn-outline-white:hover {
    color: #333;
    background-color: #fff
}

.btn-block {
    width: 100%
}

.btn-group:not(.dropdown) .btn:not([class*=btn-]) {
    border: 1px solid #dfe3e7
}

.btn-group>.btn {
    border-radius: .267rem
}

.buttons .btn {
    margin: 0 10px 10px 0
}

.btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem #00000026
}

.btn-light {
    background-color: #fff;
    border: 1px solid #006664;
    color: #006664
}

.btn-light i {
    color: #006664
}

.btn-light:hover {
    background-color: #006664;
    border: 1px solid #006664;
    color: #fff
}

.btn-light:hover i {
    color: #fff
}

.btn-primary {
    border: 1px solid #006664;
    color: #fff
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff
}

.btn-cancel,.btn-cancel:hover {
    border: 1px solid #f5f5f5;
    color: #959595;
    background-color: #f5f5f5
}

.btn:disabled,.btn.disabled,fieldset:disabled .btn {
    color: #fff!important;
    background: rgb(173,181,189);
    border-color: #adb5bda6
}

.btn-check:checked+.btn,.btn-check:active+.btn,.btn:active,.btn.active,.btn.show {
    color: #fff
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: none
}

.select-category {
    padding: 0 15px
}

.btn-primary .btn-shadow {
    box-shadow: 0 .5rem 1.125rem -.5rem #fe696ae6
}

.btn-outline-primary:hover {
    color: #fff
}

.btn-google {
    background: #333;
    color: #fff
}

.btn-google:hover,.btn-google:active,.btn-google:focus {
    background: rgba(56,56,56,.8);
    color: #fff
}

.btn-facebook {
    background: rgb(63,138,250);
    color: #fff;
    padding: 10px 0
}

.btn-facebook:hover,.btn-facebook:active,.btn-facebook:focus {
    background: rgba(63,138,250,.8);
    color: #fff
}

.btn-line {
    background: #006664;
    color: #fff;
    padding: 10px 0
}

.btn-line:hover,.btn-line:active,.btn-line:focus {
    background: #006664;
    color: #fff
}

.btn-primary.category {
    color: #006664;
    background: #fff;
    border: none
}

.btn-primary.active {
    color: #fff;
    background: #006664
}

.btn-primary.signin {
    padding: 10px 0
}

.a-tab {
    display: flex;
    justify-content: center;
    font-size: 18px;
    border-radius: 0!important;
    padding: 10px
}

.a-tab i {
    top: 3px;
    position: relative;
    font-size: 18px!important;
    height: 20px!important;
    width: 20px!important;
    color: #000!important
}

.a-tab:active i,.a-tab :focus i,.a-tab.active i {
    color: #fff!important
}

.btn-check:checked+.btn:focus,.btn-check:active+.btn:focus,.btn:active:focus,.btn.active:focus,.btn.show:focus {
    box-shadow: none
}

.btn-step-1 {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .btn-step-1 {
        flex-direction:column;
        gap: 8px
    }

    .btn-step-1 .w-135 {
        width: 100%!important
    }
}

@media screen and (max-width: 769px) {
    .stepper-header .steps .step {
        text-align:center;
        font-size: 12px!important
    }

    .kt-stepper-header .stepper-desc {
        font-size: 12px
    }
}

.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit {
    background-color: #006664!important;
    color: #000000de
}

.stepper-header .steps .step.completed .step-bullet {
    background-color: #006664!important;
    z-index: 1
}

.step.completed+.step:after {
    background-color: #006664!important;
    z-index: 0
}

.completed+.stepper-item .step-title:after {
    background-color: #006664!important
}

.step-container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform
}

.step-container .step {
    flex-shrink: 0;
    width: 100%;
    height: 0;
    position: relative;
    transition-property: transform
}

.next-step-1 {
    animation: .6s ease-in-out both move-next-step-1;
    height: auto
}

.next-step-2 {
    animation: .6s ease-in-out both move-next-step-2;
    height: auto
}

.next-step-3 {
    animation: .6s ease-in-out both move-next-step-3;
    height: auto
}

.next-step-3-payment-channel {
    transform: translate(-301%);
    height: auto
}

@keyframes move-next-step-1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-101%)
    }
}

@keyframes move-next-step-2 {
    0% {
        transform: translate(-101%)
    }

    to {
        transform: translate(-201%)
    }
}

@keyframes move-next-step-3 {
    0% {
        transform: translate(-201%)
    }

    to {
        transform: translate(-301%)
    }
}

.back-step-1 {
    animation: .6s ease-in-out both back-next-step-1;
    height: auto
}

.back-step-2 {
    animation: .6s ease-in-out both back-next-step-2;
    height: auto
}

.back-step-3 {
    animation: .6s ease-in-out both back-next-step-3;
    height: auto
}

@keyframes back-next-step-1 {
    0% {
        transform: translate(-101%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes back-next-step-2 {
    0% {
        transform: translate(-201%)
    }

    to {
        transform: translate(-101%)
    }
}

@keyframes back-next-step-3 {
    0% {
        transform: translate(-301%)
    }

    to {
        transform: translate(-201%)
    }
}

.kt-stepper-header {
    width: 100%;
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
}

.kt-stepper-header .stepper-item {
    text-align: center;
    font-size: 1em;
    width: 100%
}

.kt-stepper-header .stepper-item .step-title {
    position: relative
}

.kt-stepper-header .stepper-item .step-title .bg-stepper-circle {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    background-color: #b3babe;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.kt-stepper-header .stepper-item .step-title .bg-stepper-circle span {
    font-size: clamp(.8rem,2.5vw,1.3rem)
}

.kt-stepper-header .stepper-item.completed .step-title .bg-stepper-circle {
    background-color: #006664
}

.kt-stepper-header .stepper-item.active .step-title .bg-stepper-circle {
    background-color: #343a40
}

.kt-stepper-header .completed+.stepper-item .step-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #b3babe;
    top: 27%;
    left: -50%;
    z-index: 0
}

.icon-completed {
    width: 2rem;
    height: 2rem;
    font-size: 26px
}

.cdk-overlay-pane {
    max-width: 1920px!important
}

.mat-dialog-container {
    min-width: 300px;
    overflow-y: auto!important;
    height: auto!important
}

.mat-dialog-container .dialog-header {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.mat-dialog-container .message-content {
    word-break: break-word
}

.form-group {
    position: relative
}

.form-group .mat-datepicker-input {
    padding: .415rem .75rem
}

.form-group .mat-datepicker-toggle {
    position: absolute;
    top: 0;
    right: 0
}

.form-group .mat-hint {
    display: none
}

.upload .mat-datepicker-toggle {
    position: absolute;
    top: 30px;
    right: 0
}

.mat-step-text-label {
    font-family: "Noto Sans Thai", sans-serif;
    font-size: 16px
}

.mat-input-element {
    display: block!important;
    width: 100%!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #607080!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #dce7f1!important;
    -webkit-appearance: none!important;
    appearance: none!important;
    border-radius: .25rem!important;
    width: -webkit-fill-available!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important
}

.mat-vertical-content {
    padding: 24px!important
}

.mat-calendar-icon-in-upload {
    position: absolute;
    top: 22px;
    right: 25px
}

.mat-calendar-body-selected {
    background-color: #006664;
    color: #fff
}

.mat-step-header .mat-step-icon {
    background-color: #b3babe;
    color: #fff
}

.mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 64vh;
    height: auto!important
}

.mat-input-element {
    font-size: .875rem!important
}

@media (orientation: portrait) {
    .mat-datepicker-content-touch .mat-datepicker-content-container {
        width:80vw;
        height: auto!important
    }
}

@media screen and (max-width: 1024px) {
    .mat-datepicker-content-touch {
        margin-top:-20%
    }
}

.mat-menu-panel {
    max-width: 270px!important
}

.mat-menu-panel .mat-menu-content i {
    transition: all .25s ease-in-out;
    margin-top: -.125rem;
    vertical-align: middle;
    font-size: 16px;
    color: #6c757d
}

.mat-menu-panel .mat-menu-content .dropdown-header {
    border-bottom: 1px solid #dee2e6;
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: auto!important;
    width: auto!important;
    overflow: hidden;
    color: #fff;
    font-size: 20px!important;
    margin-left: -5px
}

.mat-dialog-container {
    padding: 24px;
    border-radius: 8px
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

label {
    font-size: 14px;
    font-family: "Noto Sans Thai", sans-serif;
}

input {
    caret-color: #006664
}

.form-group {
    margin-bottom: .7rem
}

.form-group label {
    font-weight: 600;
    font-size: .875rem
}

.form-group small,.form-group .small {
    font-size: .7rem
}

.form-group.with-title {
    position: relative
}

.form-group.with-title label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    font-size: .6rem;
    background-color: #e9ecef;
    width: 100%;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #eef3f8;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-group.with-title .form-control,.form-group.with-title dataTable-input {
    padding-top: 2rem
}

.form-group.with-title .form-control:focus~label,.form-group.with-title dataTable-input:focus~label {
    border-left: 1px solid #006664;
    border-top: 1px solid #006664;
    border-right: 1px solid #006664
}

.form-group[class*=has-icon-].has-icon-left .form-control {
    padding-left: 2.5rem
}

.form-group[class*=has-icon-].has-icon-left .form-control-icon {
    left: 0
}

.form-group[class*=has-icon-].has-icon-left .form-control-icon-right {
    left: auto!important;
    right: 0!important
}

.form-group[class*=has-icon-].has-icon-right .form-control {
    padding-right: 2.5rem
}

.form-group[class*=has-icon-].has-icon-right .form-control-icon {
    right: 0
}

.form-group[class*=has-icon-] .form-control:focus~.form-control-icon i,.form-group[class*=has-icon-] .form-control:focus~.form-control-icon svg {
    color: #5a8dee
}

.form-group[class*=has-icon-] .form-control.form-control-xl {
    padding-left: 3rem
}

.form-group[class*=has-icon-] .form-control.form-control-xl~.form-control-icon i {
    font-size: 1.6rem
}

.form-group[class*=has-icon-] .form-control.form-control-xl~.form-control-icon i:before {
    color: #a6a8aa
}

.form-group[class*=has-icon-] .form-control-icon {
    position: absolute;
    padding: 0 .6rem
}

.form-group[class*=has-icon-] .form-control-icon i,.form-group[class*=has-icon-] .form-control-icon svg {
    width: 1.2rem;
    color: #25396f;
    font-size: 1.2rem
}

.form-group[class*=has-icon-] .form-control-icon i:before,.form-group[class*=has-icon-] .form-control-icon svg:before {
    vertical-align: sub
}

.form-control {
    font-size: 14px
}

.form-control~.form-control-icon {
    top: .28rem
}

.form-control.form-control-lg {
    padding: .55rem 1rem;
    font-size: 1.05rem
}

.form-control.form-control-lg~.form-control-icon {
    top: 2.25rem
}

.form-control.form-control-xl {
    padding: .85rem 1rem;
    font-size: 1.2rem
}

.form-control.form-control-xl~.form-control-icon {
    top: .55rem
}

.form-control:disabled,.form-control[readonly] {
    color: #25396f;
    background-color: #00666438!important
}

.form-check .form-check-input[class*=bg-] {
    border: 0
}

.form-check .form-check-input:focus {
    box-shadow: none
}

.form-check .form-check-input.form-check-primary {
    background-color: #006664;
    border-color: #006664
}

.form-check .form-check-input.form-check-primary:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-primary.form-check-glow {
    box-shadow: 0 0 5px #04ffa3
}

.form-check .form-check-input.form-check-primary.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-secondary {
    background-color: #6c757d;
    border-color: #6c757d
}

.form-check .form-check-input.form-check-secondary:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-secondary.form-check-glow {
    box-shadow: 0 0 5px #868e96
}

.form-check .form-check-input.form-check-secondary.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-success {
    background-color: #198754;
    border-color: #198754
}

.form-check .form-check-input.form-check-success:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-success.form-check-glow {
    box-shadow: 0 0 5px #21b26f
}

.form-check .form-check-input.form-check-success.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-info {
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.form-check .form-check-input.form-check-info:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-info.form-check-glow {
    box-shadow: 0 0 5px #3cd5f4
}

.form-check .form-check-input.form-check-info.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-warning {
    background-color: #ffc107;
    border-color: #ffc107
}

.form-check .form-check-input.form-check-warning:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-warning.form-check-glow {
    box-shadow: 0 0 5px #ffce3a
}

.form-check .form-check-input.form-check-warning.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-danger {
    background-color: #eb144c;
    border-color: #eb144c
}

.form-check .form-check-input.form-check-danger:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-danger.form-check-glow {
    box-shadow: 0 0 5px #ef4370
}

.form-check .form-check-input.form-check-danger.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.form-check .form-check-input.form-check-light:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-light.form-check-glow {
    box-shadow: 0 0 5px #fff
}

.form-check .form-check-input.form-check-light.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check .form-check-input.form-check-dark {
    background-color: #212529;
    border-color: #212529
}

.form-check .form-check-input.form-check-dark:not(:checked) {
    background-color: transparent;
    border: 1px solid #ced4da
}

.form-check .form-check-input.form-check-dark.form-check-glow {
    box-shadow: 0 0 5px #383f45
}

.form-check .form-check-input.form-check-dark.form-check-glow:not(:checked) {
    box-shadow: none
}

.form-check.form-check-sm .form-check-input {
    width: .9rem;
    height: .9rem;
    margin-top: .3em
}

.form-check.form-check-sm label {
    font-size: .7rem
}

.form-check.form-check-lg .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .3em
}

.form-check.form-check-lg label {
    font-size: 1rem
}

.form-check.form-check-primary .form-check-input {
    background-color: #006664;
    border-color: #006664
}

.form-check.form-check-secondary .form-check-input {
    background-color: #6c757d;
    border-color: #6c757d
}

.form-check.form-check-success .form-check-input {
    background-color: #198754;
    border-color: #198754
}

.form-check.form-check-info .form-check-input {
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.form-check.form-check-warning .form-check-input {
    background-color: #ffc107;
    border-color: #ffc107
}

.form-check.form-check-danger .form-check-input {
    background-color: #eb144c;
    border-color: #eb144c
}

.form-check.form-check-light .form-check-input {
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.form-check.form-check-dark .form-check-input {
    background-color: #212529;
    border-color: #212529
}

.radio-group {
    display: flex
}

.radio-group .btn-radio-group {
    width: 100%
}

.radio-group .item-col {
    margin-bottom: 5px
}

.dataTable-input {
    min-height: calc(1.5em + .934rem + 2px);
    padding: .467rem .6rem;
    font-size: .9025rem;
    font-weight: 400;
    line-height: 1.5;
    color: #555252;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dfe3e7;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.dataTable-input:focus {
    color: #555252;
    background-color: #fff;
    border-color: #80e8c2;
    outline: 0;
    box-shadow: 0 3px 8px #0000001a
}

.choices__inner {
    background-color: #fff;
    border-color: #dce7f1
}

.choices__input {
    background-color: #fff;
    color: #fff
}

.choices__list,.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #fff
}

.required:after {
    content: "*";
    margin-left: 5px;
    color: #eb144c
}

.form-group .ng-invalid:not(form)[required],.form-group .ng-invalid:not(form).required {
    border-left: 2px solid #EB144C!important
}

.form-group .ng-valid {
    border-left: 2px solid #006664!important
}

.form-group .ng-invalid:not(form) {
    border-left: 2px solid #006664!important
}

.form-group .ng-invalid:not(form).submitted {
    border: 1px solid #EB144C
}

.form-group .ng-invalid:not(form).form-check-input {
    border-left: 3px solid #e1e3ea
}

.form-check-label .required :before {
    content: "*";
    margin-right: 5px;
    color: #eb144c
}

.ng-invalid:not(form).submitted~.form-control-icon i {
    color: #eb144c!important
}

.error {
    color: #eb144c!important
}

.max-w-1100 {
    max-width: 1100px
}

.p-r-3 {
    padding-right: 3px!important
}

.checkbox-content {
    width: max-content;
    padding: 6px;
    margin-top: 2px
}

.input-disabled {
    position: absolute;
    height: 39px;
    top: 0;
    margin-left: 1.5px
}

.input-disabled.upload {
    top: 32px
}

.input-disabled.profile {
    margin-left: 0
}

.password-toggle-btn {
    position: absolute;
    top: 20px;
    right: .625rem;
    margin-bottom: 0;
    padding: .5rem;
    transform: translateY(-50%);
    font-size: 1.0625rem;
    line-height: 1;
    cursor: pointer
}

.password-toggle-btn .password-toggle-check {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.form-select {
    font-size: .875rem!important
}

.active-addrees {
    position: absolute;
    z-index: 3;
    top: -10px;
    right: 6px
}

.active-addrees i {
    font-size: 22px;
    color: #006664!important
}

.active-addrees-shipping {
    position: absolute;
    z-index: 3;
    top: -20px;
    right: -5px
}

.active-addrees-shipping i {
    font-size: 22px;
    color: #006664!important
}

.active-addrees-use {
    position: absolute;
    z-index: 3;
    top: -18px;
    right: -11px
}

.active-addrees-use i {
    font-size: 22px;
    color: #006664
}

.active-addrees-use.change-address {
    top: -5px;
    right: 9px
}

.active-addrees-use.change-address i {
    color: #e1e1e1!important
}

.active-addrees-use.change-address.active i {
    font-size: 22px;
    color: #006664!important
}

.edit-address {
    position: absolute;
    border-radius: 8px;
    right: 10px;
    padding: 5px
}

.edit-address.change-address {
    top: -70px;
    right: 50px
}

.edit-address.change-address i {
    font-size: 15px;
    margin-left: 3px
}

.edit-address.change-address:nth-child(2) {
    right: 10px
}

.edit-address-step-3 {
    position: absolute;
    border-radius: 8px;
    right: 10px;
    padding: 5px
}

.edit-address-step-3.change-address {
    top: -70px;
    right: 50px
}

.edit-address-step-3.change-address i {
    font-size: 15px;
    margin-left: 3px
}

.edit-address-step-3.change-address:nth-child(2) {
    right: 10px
}

.shipping {
    position: relative
}

.shipping .item {
    max-height: 100%;
    text-align: left
}

.shipping .item.active {
    border: 2px solid #006664!important;
    color: #006664!important;
    background: rgba(0,208,132,.03)!important
}

.shipping .item .item-address {
    top: -1px;
    position: relative;
    word-break: break-all;
    text-align: left
}

.shipping .item.disabled {
    background-color: #eee;
    border: 1px solid rgb(238,238,238)
}

.shipping .item.disabled i {
    color: #bebebe
}

.shipping .item .receiver-footer {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.shipping .item-add {
    background-color: #fff;
    border: 1px solid rgb(212,212,212);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 5px;
    cursor: pointer
}

.shipping:hover .item {
    border: 2px solid #006664!important;
    color: #006664!important;
    background: rgba(0,208,132,.03)
}

.primary-status {
    position: absolute;
    top: 10px;
    right: 0
}

.list-address-item {
    display: flex;
    line-height: 32px;
    padding-right: 85px;
    text-transform: capitalize
}

.click-desc {
    font-size: 14px;
    margin-top: 3px
}

.icon-add-address {
    font-size: 24px;
    margin-top: -14px;
    font-weight: 600
}

@media screen and (max-width: 980px) {
    .list-address-item {
        padding-right:0
    }
}

@media screen and (max-width: 600px) {
    .edit-address {
        position:unset;
        margin: 0 10px 0 0
    }
}

.summary-content {
    max-width: 700px
}

.summary-content .summary-header {
    padding: 10px;
    grid-template-columns: repeat(3,1fr);
    border-bottom: 1px solid #efefef!important;
    margin-bottom: 9px
}

.summary-content .summary-detail {
    padding: 10px;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 9px
}

.summary-content .summary-detail:nth-last-child(1) {
    padding: 10px 10px 20px;
    border-bottom: 1px solid #efefef!important
}

.summary-content .summary-footer {
    padding: 10px;
    grid-template-columns: repeat(3,1fr);
    align-items: baseline
}

.summary-content .summary-footer:nth-last-child(3) {
    padding: 10px 10px 0;
    border-top: 1px solid #efefef!important
}

.summary-content .summary-item .text-sum {
    color: #006664
}

.summary-content .summary-item h6,.summary-content .summary-item .h6 {
    font-size: .925rem!important
}

.summary-content-step-3 {
    max-width: 700px
}

.summary-content-step-3 .summary-header {
    padding: 10px 10px 20px;
    grid-template-columns: repeat(2,1fr);
    border-bottom: 1px solid #efefef!important;
    margin-bottom: 9px
}

.summary-content-step-3 .summary-detail {
    padding: 10px 10px 5px;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 9px
}

.summary-content-step-3 .summary-detail:nth-last-child(1) {
    padding: 10px 10px 20px;
    border-bottom: 1px solid #efefef!important
}

.summary-content-step-3 .summary-footer {
    padding: 10px 10px 5px;
    grid-template-columns: repeat(1fr)
}

.summary-content-step-3 .summary-footer:nth-last-child(3) {
    padding: 10px 10px 20px;
    border-bottom: 1px solid #efefef!important
}

.summary-content-step-3 .summary-item .text-sum {
    color: #006664
}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #343a40
}

.text-primary h6,.text-primary .h6 {
    color: #006664
}

.text-sm {
    font-size: .875rem
}

.text-xl {
    font-size: 1.25rem
}

.text-4xl {
    font-size: 2.25rem
}

.text-6xl {
    font-size: 4rem
}

.text-black {
    color: #000
}

.text-red {
    color: #eb144c!important;
    font-size: 14px
}

.text-white {
    color: #fff!important
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.text-width-md {
    max-width: 450px
}

.fs-16 {
    font-size: 16px!important
}

.fs-19 {
    font-size: 19px!important
}

.fs-20 {
    font-size: 20px!important
}

.fs-25 {
    font-size: 25px!important
}

.fs-40 {
    font-size: 40px
}

.fs-sm {
    font-size: .825rem!important
}

.text-gray-300 {
    color: #dee2e6!important
}

.text-gray-400 {
    color: #ced4da!important
}

.text-gray-500 {
    color: #adb5bd!important
}

.text-gray-600 {
    color: #6c757d!important
}

.text-muted {
    color: #7d879c!important
}

.text-muted i {
    color: #006664
}

.table,.dataTable-table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #4b566b;
    --bs-table-striped-bg: rgba(0, 0, 0, .0375);
    --bs-table-active-color: #4b566b;
    --bs-table-active-bg: rgba(0, 0, 0, .05);
    --bs-table-hover-color: #4b566b;
    --bs-table-hover-bg: rgba(0, 0, 0, .05);
    width: 100%;
    margin-bottom: 1rem;
    color: #4b566b;
    vertical-align: top;
    border-color: #e3e9ef
}

.page-item.active {
    position: relative;
    z-index: 5;
    cursor: default
}

.pagination .page-link {
    border-radius: .3125rem;
    font-size: .9375rem
}

.page-link {
    position: relative;
    display: block;
    color: #4b566b;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out
}

.page-link i {
    color: #006664
}

.page-item.active>.page-link {
    box-shadow: 0 .5rem 1.125rem -.425rem #006664
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #006664;
    border-color: transparent
}

.back-info ol,.back-info ul,.back-info dl {
    padding-left: 10px;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.back-info li {
    list-style-type: none!important
}

.back-info li .title {
    font-size: .85rem;
    font-weight: 600;
    color: #006664
}

.back-info li .detail {
    font-size: .85rem;
    font-weight: 600
}

.back-image img {
    max-width: 80px;
    border-radius: .25rem
}

a {
    text-decoration: none
}

.active>.nav-link-style,.nav-link-style.active,.nav-link-style:hover {
    color: #006664
}

.active>.nav-link-style i,.nav-link-style.active i,.nav-link-style:hover i {
    color: #006664
}

.nav-link-style {
    color: #adb5bd
}

.nav-link-style i {
    color: #adb5bd;
    margin-top: -5px
}

.row.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.nav-tabs {
    border-bottom: 1px solid #e3e9ef
}

.nav-tabs .login-tap {
    display: flex;
    justify-content: center;
    align-items: center
}

.nav-tabs .nav-link {
    position: relative;
    border: 0;
    color: #4b566b
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #006664;
    border-color: #006664
}

ol,ul,dl {
    line-height: 2rem
}

ol li,ul li,dl li {
    word-break: break-word
}

.bg-dark {
    background-color: #495057!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #f6f9fc!important
}

.primary-bg-soft {
    background-color: #00666470;
    border-radius: .25rem
}

.bg-warning {
    background-color: #fff1c2!important;
    color: #ffc500!important
}

.bg-success {
    background-color: #c2ffe3!important;
    color: #006664!important
}

.bg-danger {
    background-color: #fad4d4!important;
    color: #e52727!important
}

.bg-info {
    background-color: #b8f1ff!important;
    color: #03bfeb!important
}

.bg-joy {
    background-color: #ff5722!important;
    color: #fff!important
}

.page-item {
    cursor: pointer
}

.page-prev i {
    font-size: 19px;
    margin-right: 15px
}

.page-next i {
    font-size: 19px;
    margin-left: 15px
}

.page-title-overlap {
    position: absolute;
    width: 100%;
    top: -90px;
    margin: 0 auto;
    left: 236px;
    display: none
}

@media screen and (max-width: 500px) {
    .page-title-overlap {
        display:none
    }
}

.event-special-content {
    z-index: 2;
    margin-top: -100px
}

.event-card-alt {
    transition: all .15s ease-in-out;
    top: 0;
    cursor: pointer
}

.card-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card-top .event-organizer {
    width: 66%;
    font-size: .85rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-top .event-status {
    font-size: .85rem;
    padding: .15rem .35rem;
    border-radius: 5px
}

.card-top .event-status.success {
    color: #20c997;
    background-color: #0cbc871a
}

.card-top .event-status.close {
    color: #eb144c;
    background-color: #f443363b
}

.card-top .event-status.wait {
    color: #f58800;
    background-color: #bc9b0c1a
}

.card-center {
    display: flex;
    align-items: center;
    gap: .5rem
}

.card-center .event-icon {
    width: auto
}

.card-center .event-icon i {
    font-size: 20px
}

.card-center .event-text {
    width: 90%
}

.event-title {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.event-title a {
    cursor: pointer;
    transition: color .25s ease-in-out;
    color: #373f50;
    text-decoration: none!important
}

.event-item {
    font-size: .95rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 570px
}

.event-card-alt:hover {
    transition: all .15s ease-in-out;
    top: -15px
}

.event-card-alt:hover .event-title a {
    color: #006664
}

.bg-faded-accent {
    color: #006664;
    background-color: #4ec89f17
}

.gallery {
    box-shadow: #0000000a 0 0 20px;
    border-radius: 5px
}

.gallery-item {
    display: block;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
    mask-image: -webkit-radial-gradient(white,black)
}

.gallery-item img {
    display: block;
    width: 100%
}

.event-icon-li li {
    grid-gap: 10px
}

.event-icon-li i {
    color: #006664
}

.event-icon-li .text-content {
    margin-top: -3px
}

.event-icon-li .text-content span,.event-icon-li .text-content li {
    line-height: 32px
}

.event-icon-li .text-content div {
    font-size: 16px
}

.special-event-content {
    margin-top: -38%
}

.event-recommend-content .event-detail-content {
    max-height: 437px;
    min-height: 437px;
    position: relative;
    padding-top: 25px!important;
    width: 100%
}

.event-recommend-item {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box
}

.event-recommend-item .item-left {
    width: 50%
}

.event-recommend-item .item-left .image-event-content {
    padding: 25px
}

.event-recommend-item .item-left .image-event-content .image-item {
    padding-top: 66.66%;
    border-radius: .25rem;
    background-size: contain!important;
    background-position: center!important
}

.event-recommend-item .item-right {
    display: flex;
    align-items: center;
    width: 50%
}

.event-recommend-item .item-right .center-content {
    padding-top: 15px
}

.event-recommend-item .item-right .center-content .event-detail-text-content {
    padding: 20px 0
}

.event-recommend-item .item-right .footer-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    position: absolute;
    bottom: 12px
}

.event-recommend-item .item-right .footer-content .btn-footer div,.event-recommend-item .item-right .footer-content .btn-footer a {
    width: 200px;
    font-weight: 700;
    height: 36px;
    font-size: 17px;
    line-height: 1.2
}

.event-by-url-content {
    margin-top: -38%
}

.conttent-type {
    max-width: 100%;
    margin: auto
}

.header-content {
    padding: 15px 20px;
    background-color: #006664;
    border-radius: .3rem
}

.header-content h5,.header-content .h5 {
    color: #fff;
    margin-bottom: .2rem!important
}

.btn-category {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.btn-to-top {
    top: 85%;
    right: 20px;
    z-index: 9
}

.past-event-content {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(6,auto);
    justify-items: center;
    gap: 10px
}

.past-event-content .past-event {
    border-radius: .3rem;
    height: auto;
    min-height: 133px
}

.get-event-detail-content .text-content {
    max-width: 800px
}

.get-event-detail-content .text-content p {
    line-height: 2rem
}

.get-event-detail-content .text-content img {
    max-width: 100%;
    width: 100%;
    border-radius: 8px
}

.get-event-detail-content .text-content span {
    line-height: 2rem
}

.get-event-detail-content .text-content table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto
}

.get-event-detail-content .text-content table thead,.get-event-detail-content .text-content table tbody,.get-event-detail-content .text-content table tfoot,.get-event-detail-content .text-content table tr,.get-event-detail-content .text-content table td,.get-event-detail-content .text-content table th {
    border-color: #d6d6d6;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
    vertical-align: top;
    border-radius: 13px
}

.get-event-detail-content .text-content table td p {
    margin: 0 auto;
    padding: 10px
}

.get-event-detail-content .text-content .ql-align-center {
    text-align: center
}

.get-event-detail-content .text-content .ql-align-right {
    text-align: right
}

.get-event-detail-content .text-content .ql-indent-1 {
    text-indent: 2rem
}

.get-event-detail-content .text-content .ql-indent-2 {
    text-indent: 4rem
}

.get-event-detail-content .text-content .ql-indent-3 {
    text-indent: 6rem
}

.get-event-detail-content .text-content .ql-indent-4 {
    text-indent: 8rem
}

.get-event-detail-content .text-content .ql-indent-5 {
    text-indent: 10rem
}

.get-event-detail-content .text-content .ql-indent-6 {
    text-indent: 12rem
}

.get-event-detail-content .text-content .ql-indent-7 {
    text-indent: 14rem
}

.get-event-detail-content .text-content .ql-indent-8 {
    text-indent: 16rem
}

.ticket-odd {
    background-color: #f1f1f1
}

.event-recommend-content .event-detail-content .top-content .event-name h2,.event-recommend-content .event-detail-content .top-content .event-name .h2 {
    font-size: 28px!important
}

@media screen and (max-width: 998px) {
    .event-thumb {
        width:100%!important;
        height: 100%!important
    }

    .event-recommend-content .event-detail-content .top-content .event-name h2,.event-recommend-content .event-detail-content .top-content .event-name .h2 {
        font-size: 23px!important
    }

    .event-special-content {
        z-index: 2;
        margin-top: -80px
    }

    .event-recommend-content .event-detail-content {
        max-height: 100%;
        min-height: 100%
    }

    .event-recommend-item {
        display: block;
        width: 100%
    }

    .event-recommend-item .item-left {
        width: 100%
    }

    .event-recommend-item .item-right {
        display: flex;
        width: 100%
    }

    .event-recommend-item .item-right .footer-content {
        margin-top: 10px;
        position: relative
    }

    .event-recommend-item .item-right .footer-content .btn-footer {
        display: flex;
        width: 100%
    }

    .event-recommend-item .item-right .footer-content .btn-footer div,.event-recommend-item .item-right .footer-content .btn-footer a {
        width: 100%
    }

    .popular-container {
        padding: 0 60px!important
    }

    .past-event-content {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(3,auto);
        gap: 10px
    }

    .past-event-content .past-event {
        border-radius: .3rem;
        height: auto
    }
}

.container {
    padding: 0 50px
}

@media screen and (max-width: 500px) {
    .container.recommend {
        padding:0
    }

    .container.recommend .shadow-lg {
        box-shadow: 0 .1rem .8rem #0000002e!important
    }

    .event-recommend-content .event-detail-content {
        max-height: 100%;
        min-height: 100%
    }

    .event-recommend-item .item-right .footer-content {
        display: contents
    }

    .event-recommend-item {
        display: block;
        width: 100%
    }

    .event-recommend-item .item-left {
        width: 100%
    }

    .event-recommend-item .item-left .image-event-content {
        padding: 0
    }

    .event-recommend-item .item-right,.event-recommend-item .item-right .footer-content .btn-footer {
        display: flex;
        width: 100%
    }

    .event-recommend-item .item-right .footer-content .btn-footer div,.event-recommend-item .item-right .footer-content .btn-footer a {
        width: 100%
    }

    .card-top {
        display: block
    }

    .card-top .event-organizer {
        width: 100%;
        margin-bottom: .5rem
    }

    .card-top .event-status {
        width: auto
    }

    .popular-container {
        padding: 1rem!important
    }

    .card-center .event-text-popular {
        width: 100%
    }

    .event-detail-text-content p {
        font-size: .85rem
    }

    .event-item {
        font-size: .75rem
    }

    .past-event-content {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px
    }

    .past-event-content .past-event {
        border-radius: .3rem;
        height: auto;
        min-height: auto!important
    }
}

.tns-carousel {
    position: absolute;
    top: -80px;
    width: 150px;
    right: 10px
}

.tns-carousel-controls {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin: .065rem;
    transition: all .3s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    background-color: #fff;
    font-size: 22px;
    line-height: 3.2rem;
    text-align: center;
    z-index: 10
}

.tns-carousel-controls i {
    color: #006664
}

.tns-carousel-controls i.bi-chevron-right {
    margin-right: -3px
}

.tns-carousel-controls i.bi-chevron-left {
    margin-left: -3px
}

.tns-item {
    -webkit-user-select: none;
    user-select: none
}

.tns-item .from-top,.tns-item .from-bottom,.tns-item .from-start,.tns-item .from-end,.tns-item .scale-up,.tns-item .scale-down {
    transition: all .45s .3s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tns-item .from-top {
    transform: translateY(-45px)
}

.tns-item .from-bottom {
    transform: translateY(45px)
}

.tns-item .from-start {
    transform: translate(-45px)
}

.tns-item .from-end {
    transform: translate(45px)
}

.tns-item .scale-up {
    transform: scale(.8)
}

.tns-item .scale-down {
    transform: scale(1.2)
}

.tns-item .delay-1 {
    transition-delay: .5s
}

.tns-item .delay-2 {
    transition-delay: .7s
}

.tns-item .delay-3 {
    transition-delay: .9s
}

.tns-item .delay-4 {
    transition-delay: 1.1s
}

.tns-item.tns-slide-active .from-top,.tns-item.tns-slide-active .from-bottom {
    transform: translateY(0);
    opacity: 1
}

.tns-item.tns-slide-active .from-start,.tns-item.tns-slide-active .from-end {
    transform: translate(0);
    opacity: 1
}

.tns-item.tns-slide-active .scale-up,.tns-item.tns-slide-active .scale-down {
    transform: scale(1);
    opacity: 1
}

.content-scroll .from-top,.content-scroll .from-bottom,.content-scroll .from-start,.content-scroll .from-end,.content-scroll .scale-up,.content-scroll .scale-down {
    transition: all .45s .3s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.content-scroll .from-top {
    transform: translateY(-45px)
}

.content-scroll .from-bottom {
    transform: translateY(45px)
}

.content-scroll .from-start {
    transform: translate(-45px)
}

.content-scroll .from-end {
    transform: translate(45px)
}

.content-scroll .scale-up {
    transform: scale(.8)
}

.content-scroll .scale-down {
    transform: scale(1.2)
}

.content-scroll .delay-1 {
    transition-delay: .5s
}

.content-scroll .delay-2 {
    transition-delay: .7s
}

.content-scroll .delay-3 {
    transition-delay: .9s
}

.content-scroll .delay-4 {
    transition-delay: 1.1s
}

.content-scroll.scroll-active .from-top,.content-scroll.scroll-active .from-bottom {
    transform: translateY(0);
    opacity: 1
}

.content-scroll.scroll-active .from-start,.content-scroll.scroll-active .from-end {
    transform: translate(0);
    opacity: 1
}

.content-scroll.scroll-active .scale-up,.content-scroll.scroll-active .scale-down {
    transform: scale(1);
    opacity: 1
}

.btn-tns {
    transition: all .1s .1s ease-in-out
}

.btn-tns:hover {
    transform: scale(1.3)
}

.btn-tns:hover i {
    transform: scale(1.7)
}

.btn-tns-left {
    top: 45%;
    left: 30px;
    z-index: 2;
    width: auto;
    position: absolute
}

.btn-tns-rigth {
    top: 45%;
    right: 30px;
    z-index: 2;
    width: auto;
    position: absolute
}

.pagination-slide {
    padding: 20px
}

.pagination-slide .pagination-bullet .bullet {
    cursor: pointer;
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin: 0 .375rem;
    padding: 0;
    transition: width .2s ease-in-out,background-color .2s ease-in-out;
    border: 0;
    border-radius: .15625rem;
    background-color: #b6bcc5
}

.pagination-slide .pagination-bullet .bullet.active {
    width: 1.25rem;
    background-color: #006664
}

.bullet {
    cursor: pointer;
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin: 0 .375rem;
    padding: 0;
    transition: width .2s ease-in-out,background-color .2s ease-in-out;
    border: 0;
    border-radius: .15625rem;
    background-color: #b6bcc5
}

.bullet-active {
    display: inline-block;
    width: 1.25rem;
    height: .3125rem;
    margin: 0 .375rem;
    padding: 0;
    transition: width .2s ease-in-out,background-color .2s ease-in-out;
    border: 0;
    border-radius: .15625rem;
    background-color: #006664
}

.swiper {
    z-index: 1!important
}

.swiper-pagination {
    bottom: 2px
}

.dropdown-menu {
    min-width: 13rem;
    border-color: #fff;
    background-color: #fff;
    right: 0;
    box-shadow: 0 .25rem .5625rem -.0625rem #00000008,0 .275rem 1.25rem -.0625rem #0000000d
}

.dropdown-menu.show {
    z-index: 999999999!important;
    transform: translateZ(1px)!important
}

.dropdown-menu .dropdown-header {
    margin-bottom: .25rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #dee2e6
}

.dropdown-menu .dropdown-item {
    cursor: pointer;
    position: relative;
    width: 100%;
    transition: all .25s ease-in-out;
    font-size: 14px;
    display: block;
    padding: .425rem 1.3rem;
    clear: both;
    font-weight: 400;
    color: #495057;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-menu .dropdown-item i {
    transition: all .25s ease-in-out;
    margin-top: -.125rem;
    vertical-align: middle;
    font-size: 16px;
    color: #6c757d
}

.dropdown-menu .dropdown-item.active,.dropdown-menu .dropdown-item:active,.dropdown-menu .dropdown-item:hover {
    color: #006664!important;
    text-decoration: none!important;
    background-color: #fff0!important
}

.dropdown-menu .dropdown-item.active i,.dropdown-menu .dropdown-item:active i,.dropdown-menu .dropdown-item:hover i {
    color: #006664
}

.profile .dropdown-toggle:after {
    color: #fff;
    border-top: .26em solid;
    border-right: .26em solid transparent;
    border-bottom: 0;
    border-left: .26em solid transparent
}

.change-lang .dropdown-toggle:after {
    color: #fff
}

.change-lang:hover .dropdown-toggle:after {
    color: #000
}

.dropdown-toggle:after {
    color: #fff;
    margin: auto
}

.select-category:after {
    color: #006664;
    margin: auto
}

.autocomplete-container {
    box-shadow: none!important;
    height: 37px!important
}

.ng-autocomplete {
    position: absolute;
    border-radius: 5px;
    width: 100%!important
}

.autocomplete-container .input-container input {
    display: block!important;
    width: 100%!important;
    padding: .375rem .75rem!important;
    font-size: .875rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #607080!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #dce7f1!important;
    -webkit-appearance: none!important;
    appearance: none!important;
    border-radius: .25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    height: 37px!important
}

.autocomplete-container .suggestions-container ul li a {
    padding: 5px!important;
    font-family: "Noto Sans Thai", sans-serif !important
}

.autocomplete-container .suggestions-container {
    position: absolute;
    width: 100%;
    background: white;
    height: auto;
    box-shadow: none!important;
    box-sizing: border-box;
    top: 50px!important
}

.suggestions-container .item {
    background-color: #fff;
    border: 1px solid rgb(241,241,241);
    border-radius: none;
    padding: 0;
    text-align: start!important;
    margin: 0;
    cursor: pointer
}

.autocomplete-container .suggestions-container ul li a {
    font-size: .875rem!important
}

.autocomplete-content {
    background-color: #fff;
    box-shadow: 0 1px 2px #00000029,0 1px 8px #0000001f;
    margin-top: 8px;
    outline: 0;
    position: relative;
    transition: all .2s
}

.autocomplete-content .autocomplete-items-list {
    max-height: 190px;
    list-style: none;
    margin: 0;
    padding: 8px 10px;
    overflow-y: auto
}

.table td,.dataTable-table td,.table thead th,.dataTable-table thead th {
    vertical-align: middle
}

.table:not(.table-borderless) thead th,.dataTable-table:not(.table-borderless) thead th {
    border-bottom: 1px solid #dedede!important
}

.table th,.dataTable-table th {
    font-size: .875rem
}

.table.table-sm tr td,.table-sm.dataTable-table tr td,.table.table-sm tr th,.table-sm.dataTable-table tr th {
    padding: 1rem;
    font-size: .825rem
}

.table.table-md tr td,.table-md.dataTable-table tr td,.table.table-md tr th,.table-md.dataTable-table tr th {
    padding: 1rem
}

.table.table-lg tr td,.table-lg.dataTable-table tr td,.table.table-lg tr th,.table-lg.dataTable-table tr th {
    padding: 1.3rem
}

.table .width-limit,.dataTable-table .width-limit {
    width: 290px
}

.table .width-limit .sub-td div,.dataTable-table .width-limit .sub-td div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 290px
}

.dataTable-container {
    overflow-x: auto
}

.sub-td {
    height: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .825rem
}

.sub-td .bg-warning {
    color: #212529
}

.table-btn {
    min-width: 70px;
    font-size: .825rem;
    padding: 4px
}

::-webkit-scrollbar {
    width: 8px!important;
    height: 8px!important
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #006664;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #00b976
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #006664
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #00666459
}

.toggle-desc {
    font-size: .813rem
}

.request-submitted .top-area {
    box-sizing: border-box;
    border-radius: 20px;
    padding: 30px
}

.request-submitted .top-area .icon-area i.success {
    color: #006664;
    font-size: 10rem
}

.request-submitted .top-area .icon-area i.error {
    color: #eb144c;
    font-size: 10rem
}

.request-submitted .top-area h3,.request-submitted .top-area .h3 {
    margin: 25px 0 15px;
    font-weight: 700
}

.request-submitted .top-area h5,.request-submitted .top-area .h5 {
    border-top: 1px solid #B5B7C8;
    font-weight: 700;
    padding-top: 20px;
    margin-top: 30px
}

.cc-color-override--514888789.cc-window {
    padding: 7px 15px!important
}

.card-order {
    padding: 8px;
    border: 1px solid #ecf3fa;
    border-radius: 5px;
    position: relative
}

.card-order .top-content {
    display: block;
    width: 100%
}

.card-order .top-content .image-event {
    max-width: 100%;
    width: 100%
}

.card-order .top-content .event-name {
    margin-top: .6rem;
    margin-bottom: .5rem;
    width: 100%;
    font-size: .85rem;
    font-weight: 700;
    color: #212529;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-order .top-content .order-create-date {
    display: flex;
    align-items: center;
    margin-top: .25rem;
    padding-bottom: .6rem;
    width: 100%
}

.card-order .top-content .order-create-date .label {
    width: 25%
}

.card-order .top-content .order-create-date .point {
    width: 5%
}

.card-order .top-content .order-create-date .value {
    width: 70%
}

.card-order .top-content .order-create-date .label,.card-order .top-content .order-create-date .value,.card-order .top-content .order-create-date .point {
    font-size: .85rem
}

.card-order .top-content .order-amount {
    display: flex;
    align-items: center;
    padding-bottom: .6rem;
    width: 100%;
    border-bottom: 1px solid #ecf3fa
}

.card-order .top-content .order-amount .label {
    width: 25%
}

.card-order .top-content .order-amount .point {
    width: 5%
}

.card-order .top-content .order-amount .value {
    width: 70%
}

.card-order .top-content .order-amount .label,.card-order .top-content .order-amount .value,.card-order .top-content .order-amount .point {
    font-size: .85rem
}

.card-order .top-content img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .4375rem
}

.card-order .footer-content {
    width: 100%
}

.card-order .footer-content .total-price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .788rem;
    margin-bottom: .188rem
}

.card-order .footer-content .total-price .price,.card-order .footer-content .total-price .price-desc {
    font-size: .85rem;
    font-weight: 700;
    color: #212529
}

.card-order .footer-content .btn-checkout {
    width: 100%
}

.card-order .footer-content .order-detail {
    max-width: 100%
}

.card-order .footer-content .order-detail .order-number {
    width: 100%;
    font-size: .85rem;
    font-weight: 700;
    color: #006664;
    margin-bottom: .25rem;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-order .footer-content .order-detail .order-status {
    margin-bottom: .3rem;
    padding: .5rem 0px;
    width: 100%
}

.card-order .footer-content .order-detail .order-status span {
    width: 100%;
    padding: 12.21px;
    font-size: .75rem;
    font-weight: 700
}

@media screen and (max-width: 414px) {
    .card-order .top-content {
        display:block
    }

    .card-order .top-content .image-event,.card-order .top-content img,.card-order .order-detail {
        max-width: 100%
    }
}

.payment-info-container {
    padding: 0rem
}

.payment-info-container .payment-container {
    padding: .5rem 1rem;
    border-bottom: 1px solid #e3e3e3
}

.payment-info-container .payment-container .payment-content {
    display: flex;
    align-items: center
}

.payment-info-container .payment-container .payment-content i {
    font-size: 1.75rem;
    margin-top: -15px;
    color: #006664;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: .5rem
}

.payment-info-container .payment-container .payment-content h4,.payment-info-container .payment-container .payment-content .h4 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #006664
}

.payment-info-container .payment-container .payment-event-detail-content {
    display: flex;
    align-items: center
}

.payment-info-container .payment-container .payment-event-detail-content .event-image-flex {
    width: 15%;
    padding: .5rem
}

.payment-info-container .payment-container .payment-event-detail-content .event-image-flex .image-content {
    max-width: 120px
}

.payment-info-container .payment-container .payment-event-detail-content .event-image-flex .image-content img {
    border-radius: .25rem
}

.payment-info-container .payment-container .payment-event-detail-content .event-detail-flex {
    max-width: 85%;
    padding: .5rem
}

.payment-info-container .payment-container .payment-event-detail-content .event-detail-flex .event-name {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 1.2rem;
    color: #343a40;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.payment-info-container .payment-container .payment-event-detail-content .event-detail-flex .event-date {
    font-size: .95rem;
    color: #7d879c;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.payment-info-container .payment-container .payment-date-content {
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.payment-info-container .payment-container .payment-date-content .text-content .payment-date-text {
    font-size: 1rem;
    color: #7d879c
}

.payment-info-container .payment-container .payment-date-content .text-content .payment-date-text span {
    color: #006664
}

.payment-info-container .payment-container .payment-date-content .text-content .payment-date {
    font-size: 1rem;
    color: #7d879c
}

.payment-info-container .payment-container .payment-date-content .text-content .payment-date span {
    color: #006664
}

.payment-info-container .payment-container .payment-date-content .btn-content .btn-download-slip {
    border: 1px solid #006664;
    color: #006664
}

.payment-info-container .payment-container .payment-date-content .btn-content .btn-download-slip:hover {
    color: #fff;
    background-color: #006664
}

.payment-info-container .payment-container .vr-event-content {
    display: block
}

.payment-info-container .payment-container .vr-event-content .event-image-vr {
    padding: .5rem
}

.payment-info-container .payment-container .vr-event-content .event-image-vr .image-content {
    max-width: 260px;
    width: 100%;
    margin: auto
}

.payment-info-container .payment-container .vr-event-content .event-image-vr .image-content img {
    border-radius: .25rem;
    width: 100%;
    height: auto
}

.payment-info-container .payment-container .vr-event-content .event-detail-vr {
    max-width: 85%;
    padding: .5rem
}

.payment-info-container .payment-container .vr-event-content .event-detail-vr .event-name {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 1.2rem;
    color: #343a40;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.payment-info-container .payment-container .vr-event-content .event-detail-vr .event-date {
    font-size: .95rem;
    color: #7d879c;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.payment-info-container .payment-container .vr-upload-content {
    padding: .5rem 0
}

.payment-info-container .payment-container .vr-upload-content .total-distance,.payment-info-container .payment-container .vr-upload-content .ticket-name {
    padding: .25rem 0
}

.payment-info-container .payment-container .vr-upload-content .total-distance h6,.payment-info-container .payment-container .vr-upload-content .total-distance .h6,.payment-info-container .payment-container .vr-upload-content .ticket-name h6,.payment-info-container .payment-container .vr-upload-content .ticket-name .h6 {
    margin-bottom: 0
}

.payment-info-container .payment-container .vr-upload-content .total-distance h6 span,.payment-info-container .payment-container .vr-upload-content .total-distance .h6 span,.payment-info-container .payment-container .vr-upload-content .ticket-name h6 span,.payment-info-container .payment-container .vr-upload-content .ticket-name .h6 span {
    color: #006664
}

.payment-info-container .payment-container .vr-upload-content .total-distance {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.payment-info-container .payment-container .upload-vr-content {
    padding: 1rem .5rem 0;
    display: block
}

.payment-info-container .payment-container .upload-vr-content .upload-vr {
    text-align: center;
    border: 2px dashed #006664;
    border-radius: .5rem;
    max-width: 500px;
    width: 100%
}

.payment-info-container .payment-container .upload-vr-content .upload-vr .icon-upload {
    padding-top: 10px;
    margin-bottom: -10px
}

.payment-info-container .payment-container .upload-vr-content .upload-vr .text-primary {
    padding-bottom: 10px
}

.payment-info-container .payment-container .upload-vr-form-content {
    padding: .5rem 0
}

.payment-info-container .payment-container .vr-history-content {
    padding: .5rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fill,265px);
    gap: .5rem;
    width: 100%;
    line-height: 32px;
    justify-content: center
}

.payment-info-container .payment-container .vr-history-content .history-item {
    padding: .5rem;
    width: 100%;
    border-radius: .25rem;
    border: 1px solid #e3e3e3
}

.payment-info-container .payment-container .vr-history-content .history-item .text-date {
    font-size: .85rem
}

.payment-info-container .payment-container .vr-history-content .history-item .text-title {
    font-size: .85rem;
    font-weight: 600
}

.payment-info-container .payment-container .vr-history-content .history-item .text-title span.strava {
    color: #fc5200
}

.payment-info-container .payment-container .vr-history-content .history-item .text-title span.garmin {
    color: #11aded
}

.payment-info-container .payment-container .vr-history-content .history-item .text-title span.system {
    color: #006664
}

.payment-info-container .payment-container .vr-history-content .history-item .info-list {
    line-height: 1.2;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.payment-info-container .payment-container .vr-history-content .history-item .info-list .info-item {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #f0f0f5;
    margin-left: 0;
    margin-right: 10px;
    padding-right: 10px
}

.payment-info-container .payment-container .vr-history-content .history-item .info-list .info-item .info-label {
    font-size: .7rem;
    color: #7d879c
}

.payment-info-container .payment-container .vr-history-content .history-item .info-list .info-item .info-value {
    font-size: 1rem;
    font-weight: 600;
    color: #343a40
}

.payment-info-container .payment-container .vr-history-content .history-item .info-list .info-item.time {
    border-right: none;
    margin: 0;
    padding: 0
}

.payment-info-container .qr-container {
    display: flex;
    align-items: center;
    flex-direction: column
}

.payment-info-container .qr-container h6,.payment-info-container .qr-container .h6 {
    margin-top: 1rem;
    z-index: 1
}

.payment-info-container .qr-container .qr-content {
    z-index: 0;
    margin-top: -25px;
    position: relative
}

.payment-info-container .qr-container .qr-content .qr-image-conten {
    position: relative;
    z-index: 0;
    max-width: 400px
}

.payment-info-container .qr-container .qr-content .expired-content {
    position: relative;
    top: -10px;
    z-index: 1
}

.payment-info-container .qr-container .qr-content .qr-btn-download {
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    top: -10px;
    gap: 5px
}

.payment-info-container .order-upload-content {
    display: flex;
    align-items: center;
    flex-direction: column
}

.payment-info-container .order-upload-content h6,.payment-info-container .order-upload-content .h6 {
    margin-bottom: 16px;
    padding: 10px 0px .5rem
}

.payment-info-container .order-upload-content .payment-detail {
    width: 100%;
    max-width: 500px;
    padding: 0 10px 10px;
    text-align: center;
    margin-bottom: 1rem
}

.payment-info-container .order-upload-content .payment-detail .detail-info {
    margin-top: -1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-info-container .order-upload-content .payment-detail .detail-info .back-info {
    text-align: left
}

.payment-info-container .order-upload-content .upload-slip {
    text-align: center;
    border: 2px dashed #006664;
    border-radius: .5rem;
    max-width: 500px;
    width: 100%
}

.payment-info-container .order-upload-content .upload-slip .icon-upload {
    padding-top: 10px
}

.payment-info-container .order-upload-content .slip-preview {
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    align-items: center
}

.payment-info-container .order-upload-content .slip-preview .slip-image {
    max-width: 500px;
    border-radius: .5rem;
    margin-bottom: 1rem;
    width: 100%
}

.payment-info-container .order-upload-content .form-content {
    display: flex;
    width: 100%;
    justify-content: center
}

.payment-info-container .order-shipping-content {
    padding: 1rem
}

.payment-info-container .order-shipping-content h6,.payment-info-container .order-shipping-content .h6 {
    margin-bottom: 16px;
    padding: 0 .5rem
}

.payment-info-container .order-shipping-content .order-shipping-item {
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    gap: 10px
}

.payment-info-container .order-shipping-content .order-shipping-item .shipping-flex-item {
    width: auto;
    height: auto
}

.payment-info-container .order-shipping-content .order-shipping-item .shipping-flex-item i {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px
}

.payment-card {
    box-shadow: #32326926 0 2px 5px,#0000000d 0 1px 1px;
    background-color: #fff;
    padding: .5rem;
    border-radius: .25rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.payment-card:nth-child(0) {
    margin-top: 0rem;
    margin-bottom: 0rem
}

.payment-container:last-child {
    border-bottom: none!important
}

.payment-btn {
    display: flex;
    gap: 10px;
    padding: .8rem;
    margin-top: .5rem;
    width: 100%
}

@media screen and (max-width: 767px) {
    .payment-info-container .payment-container .payment-content {
        justify-content:center
    }

    .payment-info-container .payment-container .payment-event-detail-content {
        display: block
    }

    .payment-info-container .payment-container .payment-event-detail-content .event-image-flex,.payment-info-container .payment-container .payment-event-detail-content .event-image-flex .image-content {
        max-width: 100%;
        width: 100%
    }

    .payment-info-container .payment-container .payment-event-detail-content .event-detail-flex {
        max-width: 100%;
        width: 100%;
        padding-bottom: 0
    }

    .payment-info-container .payment-container .payment-date-content {
        gap: 16px;
        flex-direction: column;
        align-items: flex-start
    }

    .payment-info-container .payment-container .payment-date-content .payment-date-text,.payment-info-container .payment-container .payment-date-content .payment-date {
        font-size: .9rem
    }

    .payment-info-container .payment-container .vr-upload-content .total-distance {
        flex-direction: column;
        gap: .5rem
    }

    .payment-btn {
        padding-top: 3px;
        margin-top: 0;
        flex-direction: column
    }

    .payment-info-container .order-shipping-content .order-shipping-item {
        flex-direction: column
    }

    .payment-info-container .order-shipping-content .order-shipping-item .shipping-flex-item i {
        width: 60px;
        height: 60px;
        font-size: 60px
    }
}

@media screen and (max-width: 500px) {
    .detail-info {
        flex-direction:column;
        margin-top: 1rem!important
    }

    .payment-info-container .payment-container .vr-history-content {
        grid-template-columns: repeat(auto-fill,100%)
    }
}

.preloader {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #ebebeb;
    opacity: .45;
    z-index: 1009
}

.content {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1004
}

.content h2,.content .h2 {
    color: #fff;
    font-size: 4em;
    position: absolute;
    transform: translate(-50%,-50%)
}

.content h2:nth-child(1),.content .h2:nth-child(1) {
    color: transparent;
    -webkit-text-stroke: 2px #006664
}

.content h2:nth-child(2),.content .h2:nth-child(2) {
    color: #006664;
    animation: animate 4s ease-in-out infinite
}

@keyframes animate {
    0%,to {
        clip-path: polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)
    }

    50% {
        clip-path: polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none!important
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    inset: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-top,.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-revoke,.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: "Noto Sans Thai", sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,.cc-close,.cc-link,.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    flex: 1 0 auto
}

.cc-window.cc-banner {
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: flex;
    align-items: center;
    align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke,.cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space:normal
    }
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top:0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}