diff --git a/assets/css/bootstrap.min.css b/assets/css/bootstrap.min.css
deleted file mode 100755
index ed3905e0e..000000000
--- a/assets/css/bootstrap.min.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap v3.3.7 (http://getbootstrap.com)
- * Copyright 2011-2016 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-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-image:-o-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-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);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-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-image:-o-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-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)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-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-image:-o-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-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)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-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-image:-o-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-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)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-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-image:-o-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-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)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
-/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/assets/css/demo.css b/assets/css/demo.css
deleted file mode 100644
index 8757f6f75..000000000
--- a/assets/css/demo.css
+++ /dev/null
@@ -1,65 +0,0 @@
-@media (min-width: 992px) {
- .typo-line {
- padding-left: 140px;
- margin-bottom: 40px;
- position: relative;
- }
- .typo-line .category {
- transform: translateY(-50%);
- top: 50%;
- left: 0px;
- position: absolute;
- }
- .sidebar .nav>li.active-pro {
- position: absolute;
- width: 100%;
- bottom: 10px;
- }
-}
-
-#map {
- position: relative;
- width: 100%;
- height: calc(100% - 60px);
- margin-top: 70px;
-}
-
-.places-buttons .btn {
- margin-bottom: 30px
-}
-
-.space-70 {
- height: 70px;
- display: block;
-}
-
-.tim-row {
- margin-bottom: 20px;
-}
-
-.tim-typo {
- padding-left: 25%;
- margin-bottom: 40px;
- position: relative;
-}
-
-.tim-typo .tim-note {
- bottom: 10px;
- color: #c0c1c2;
- display: block;
- font-weight: 400;
- font-size: 13px;
- line-height: 13px;
- left: 0;
- margin-left: 20px;
- position: absolute;
- width: 260px;
-}
-
-.tim-row {
- padding-top: 50px;
-}
-
-.tim-row h3 {
- margin-top: 0;
-}
\ No newline at end of file
diff --git a/assets/css/material-dashboard.css b/assets/css/material-dashboard.css
index f4c3fbe1d..79425e63b 100644
--- a/assets/css/material-dashboard.css
+++ b/assets/css/material-dashboard.css
@@ -1,6781 +1,27936 @@
/*!
- =========================================================
- * Material Dashboard - v1.2.0
- =========================================================
+=========================================================
+* Material Dashboard 2 - v3.1.0
+=========================================================
- * Product Page: http://www.creative-tim.com/product/material-dashboard
- * Copyright 2017 Creative Tim (http://www.creative-tim.com)
- * Licensed under MIT (https://github.com/creativetimofficial/material-dashboard/blob/master/LICENSE.md)
+* Product Page: https://www.creative-tim.com/product/material-dashboard
+* Copyright 2023 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (https://github.com/creativetimofficial/material-dashboard/blob/master/LICENSE.md)
- =========================================================
+* Coded by www.creative-tim.com
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
- */
+=========================================================
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+*/
-/* ANIMATION */
+/*!
+ * 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: #63B3ED;
+ --bs-indigo: #596CFF;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #F56565;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #FBD38D;
+ --bs-green: #81E6D9;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #f0f2f5;
+ --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: #e91e63;
+ --bs-secondary: #7b809a;
+ --bs-success: #4CAF50;
+ --bs-info: #1A73E8;
+ --bs-warning: #fb8c00;
+ --bs-danger: #F44335;
+ --bs-light: #f0f2f5;
+ --bs-dark: #344767;
+ --bs-white: #fff;
+ --bs-dark-blue: #1A237E;
+ --bs-primary-rgb: 233, 30, 99;
+ --bs-secondary-rgb: , 128, 154;
+ --bs-success-rgb: 76, 175, 80;
+ --bs-info-rgb: 26, 115, 232;
+ --bs-warning-rgb: 251, 140, 0;
+ --bs-danger-rgb: 244, 67, 53;
+ --bs-light-rgb: 240, 242, 245;
+ --bs-dark-rgb: 52, 71, 103;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-dark-blue-rgb: 26, 35, 126;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: , 128, 154;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --bs-body-font-family: var(--bs-font-sans-serif);
+ --bs-body-font-size: 1rem;
+ --bs-body-font-weight: 400;
+ --bs-body-line-height: 1.5;
+ --bs-body-color: #7b809a;
+ --bs-body-bg: #fff;
+ --bs-border-width: 1px;
+ --bs-border-style: solid;
+ --bs-border-color: #dee2e6;
+ --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --bs-border-radius: 0.375rem;
+ --bs-border-radius-sm: 0.125rem;
+ --bs-border-radius-lg: 0.5rem;
+ --bs-border-radius-xl: 0.75rem;
+ --bs-border-radius-2xl: 1rem;
+ --bs-border-radius-pill: 50rem;
+ --bs-link-color: #e91e63;
+ --bs-link-hover-color: #e91e63;
+ --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: 0.25;
+}
-/* SHADOWS */
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ font-weight: 400;
+ line-height: 1.2;
+ color: #344767;
+}
+h1,
+.h1 {
+ font-size: calc(1.425rem + 2.1vw);
+}
-/* Shadows (from mdl http://www.getmdl.io/) */
+@media (min-width: 1200px) {
-.noUi-target,
-.noUi-target * {
- -webkit-touch-callout: none;
- -ms-touch-action: none;
- user-select: none;
- box-sizing: border-box;
+ h1,
+ .h1 {
+ font-size: 3rem;
+ }
}
-.noUi-base {
- width: 100%;
- height: 100%;
- position: relative;
+h2,
+.h2 {
+ font-size: calc(1.35rem + 1.2vw);
}
-.noUi-origin {
- position: absolute;
- right: 0;
- top: 0;
- left: 0;
- bottom: 0;
-}
+@media (min-width: 1200px) {
-.noUi-handle {
- position: relative;
- z-index: 1;
- box-sizing: border-box;
+ h2,
+ .h2 {
+ font-size: 2.25rem;
+ }
}
-.noUi-stacking .noUi-handle {
- z-index: 10;
+h3,
+.h3 {
+ font-size: calc(1.3125rem + 0.75vw);
}
-.noUi-state-tap .noUi-origin {
- transition: left 0.3s, top 0.3s;
-}
+@media (min-width: 1200px) {
-.noUi-state-drag * {
- cursor: inherit !important;
+ h3,
+ .h3 {
+ font-size: 1.875rem;
+ }
}
-.noUi-horizontal {
- height: 10px;
+h4,
+.h4 {
+ font-size: calc(1.275rem + 0.3vw);
}
-.noUi-handle {
- box-sizing: border-box;
- width: 14px;
- height: 14px;
- left: -10px;
- top: -6px;
- cursor: pointer;
- border-radius: 100%;
- transition: all 0.2s ease-out;
- border: 1px solid;
- background: #FFFFFF;
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
+@media (min-width: 1200px) {
-.noUi-vertical .noUi-handle {
- margin-left: 5px;
- cursor: ns-resize;
+ h4,
+ .h4 {
+ font-size: 1.5rem;
+ }
}
-.noUi-horizontal.noUi-extended {
- padding: 0 15px;
+h5,
+.h5 {
+ font-size: 1.25rem;
}
-.noUi-horizontal.noUi-extended .noUi-origin {
- right: -15px;
+h6,
+.h6 {
+ font-size: 1rem;
}
-.noUi-background {
- height: 2px;
- margin: 20px 0;
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
}
-.noUi-origin {
- margin: 0;
- border-radius: 0;
- height: 2px;
- background: #c8c8c8;
+abbr[title] {
+ text-decoration: underline dotted;
+ cursor: help;
+ text-decoration-skip-ink: none;
}
-.noUi-origin[style^="left: 0"] .noUi-handle {
- background-color: #fff;
- border: 2px solid #c8c8c8;
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
}
-.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
- border-width: 1px;
+ol,
+ul {
+ padding-left: 2rem;
}
-.noUi-target {
- border-radius: 3px;
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
}
-.noUi-horizontal {
- height: 2px;
- margin: 15px 0;
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
}
-.noUi-vertical {
- height: 100%;
- width: 2px;
- margin: 0 15px;
- display: inline-block;
+dt {
+ font-weight: 600;
}
-.noUi-handle.noUi-active {
- transform: scale3d(2, 2, 1);
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
}
-[disabled].noUi-slider {
- opacity: 0.5;
+blockquote {
+ margin: 0 0 1rem;
}
-[disabled] .noUi-handle {
- cursor: not-allowed;
+b,
+strong {
+ font-weight: 700;
}
-.slider {
- background: #c8c8c8;
+small,
+.small {
+ font-size: 0.875em;
}
-.slider.noUi-connect {
- background-color: #9c27b0;
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: var(--bs-highlight-bg);
}
-.slider .noUi-handle {
- border-color: #9c27b0;
+sub,
+sup {
+ position: relative;
+ font-size: 0.75em;
+ line-height: 0;
+ vertical-align: baseline;
}
-.slider.slider-info .noUi-connect,
-.slider.slider-info.noUi-connect {
- background-color: #00bcd4;
+sub {
+ bottom: -.25em;
}
-.slider.slider-info .noUi-handle {
- border-color: #00bcd4;
+sup {
+ top: -.5em;
}
-.slider.slider-success .noUi-connect,
-.slider.slider-success.noUi-connect {
- background-color: #4caf50;
+a {
+ color: var(--bs-link-color);
+ text-decoration: none;
}
-.slider.slider-success .noUi-handle {
- border-color: #4caf50;
+a:hover {
+ color: var(--bs-link-hover-color);
+ text-decoration: none;
}
-.slider.slider-warning .noUi-connect,
-.slider.slider-warning.noUi-connect {
- background-color: #ff9800;
+a:not([href]):not([class]),
+a:not([href]):not([class]):hover {
+ color: inherit;
+ text-decoration: none;
}
-.slider.slider-warning .noUi-handle {
- border-color: #ff9800;
+pre,
+code,
+kbd,
+samp {
+ font-family: var(--bs-font-monospace);
+ font-size: 1em;
}
-.slider.slider-danger .noUi-connect,
-.slider.slider-danger.noUi-connect {
- background-color: #f44336;
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ font-size: 0.875em;
}
-.slider.slider-danger .noUi-handle {
- border-color: #f44336;
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
}
-
-/*!
-Animate.css - http://daneden.me/animate
-Licensed under the MIT license - http://opensource.org/licenses/MIT
-
-Copyright (c) 2015 Daniel Eden
-*/
-
-.animated {
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
+code {
+ font-size: 0.875em;
+ color: var(--bs-code-color);
+ word-wrap: break-word;
}
-.animated.infinite {
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
-}
-
-.animated.hinge {
- -webkit-animation-duration: 2s;
- animation-duration: 2s;
-}
-
-.animated.bounceIn,
-.animated.bounceOut {
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
-}
-
-.animated.flipOutX,
-.animated.flipOutY {
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
-}
-
-@-webkit-keyframes shake {
- from,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translate3d(-10px, 0, 0);
- transform: translate3d(-10px, 0, 0);
- }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translate3d(10px, 0, 0);
- transform: translate3d(10px, 0, 0);
- }
-}
-
-@keyframes shake {
- from,
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translate3d(-10px, 0, 0);
- transform: translate3d(-10px, 0, 0);
- }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translate3d(10px, 0, 0);
- transform: translate3d(10px, 0, 0);
- }
-}
-
-.shake {
- -webkit-animation-name: shake;
- animation-name: shake;
-}
-
-@-webkit-keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
-}
-
-@keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
-}
-
-.fadeInDown {
- -webkit-animation-name: fadeInDown;
- animation-name: fadeInDown;
-}
-
-@-webkit-keyframes fadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-
-@keyframes fadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-
-.fadeOut {
- -webkit-animation-name: fadeOut;
- animation-name: fadeOut;
-}
-
-@-webkit-keyframes fadeOutDown {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
-}
-
-@keyframes fadeOutDown {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
-}
-
-.fadeOutDown {
- -webkit-animation-name: fadeOutDown;
- animation-name: fadeOutDown;
-}
-
-@-webkit-keyframes fadeOutUp {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
+a>code {
+ color: inherit;
}
-@keyframes fadeOutUp {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
-}
-
-.fadeOutUp {
- -webkit-animation-name: fadeOutUp;
- animation-name: fadeOutUp;
+kbd {
+ padding: 0.2rem 0.4rem;
+ font-size: 0.875em;
+ color: #fff;
+ background-color: #212529;
+ border-radius: 0.125rem;
}
-
-/* perfect-scrollbar v0.6.13 */
-
-.ps-container {
- -ms-touch-action: auto;
- touch-action: auto;
- overflow: hidden !important;
- -ms-overflow-style: none;
+kbd kbd {
+ padding: 0;
+ font-size: 1em;
+ font-weight: 600;
}
-@supports (-ms-overflow-style: none) {
- .ps-container {
- overflow: auto !important;
- }
+figure {
+ margin: 0 0 1rem;
}
-@media screen and (-ms-high-contrast: active),
-(-ms-high-contrast: none) {
- .ps-container {
- overflow: auto !important;
- }
+img,
+svg {
+ vertical-align: middle;
}
-.ps-container.ps-active-x>.ps-scrollbar-x-rail,
-.ps-container.ps-active-y>.ps-scrollbar-y-rail {
- display: block;
- background-color: transparent;
+table {
+ caption-side: bottom;
+ border-collapse: collapse;
}
-.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
- background-color: #eee;
- opacity: 0.9;
+caption {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: #6c757d;
+ text-align: left;
}
-.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
- background-color: #999;
- height: 11px;
+th {
+ text-align: inherit;
+ text-align: -webkit-match-parent;
}
-.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
- background-color: #eee;
- opacity: 0.9;
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
}
-.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
- background-color: #999;
- width: 11px;
+label {
+ display: inline-block;
}
-.ps-container>.ps-scrollbar-x-rail {
- display: none;
- position: absolute;
- /* please don't change 'position' */
- opacity: 0;
- -webkit-transition: background-color .2s linear, opacity .2s linear;
- -o-transition: background-color .2s linear, opacity .2s linear;
- -moz-transition: background-color .2s linear, opacity .2s linear;
- transition: background-color .2s linear, opacity .2s linear;
- bottom: 0px;
- /* there must be 'bottom' for ps-scrollbar-x-rail */
- height: 15px;
+button {
+ border-radius: 0;
}
-.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
- position: absolute;
- /* please don't change 'position' */
- background-color: #aaa;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
- transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
- -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
- -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
- transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
- transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
- bottom: 2px;
- /* there must be 'bottom' for ps-scrollbar-x */
- height: 6px;
-}
-
-.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
-.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x {
- height: 11px;
-}
-
-.ps-container>.ps-scrollbar-y-rail {
- display: none;
- position: absolute;
- /* please don't change 'position' */
- opacity: 0;
- -webkit-transition: background-color .2s linear, opacity .2s linear;
- -o-transition: background-color .2s linear, opacity .2s linear;
- -moz-transition: background-color .2s linear, opacity .2s linear;
- transition: background-color .2s linear, opacity .2s linear;
- right: 0;
- /* there must be 'right' for ps-scrollbar-y-rail */
- width: 15px;
+button:focus:not(:focus-visible) {
+ outline: 0;
}
-.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
- position: absolute;
- /* please don't change 'position' */
- background-color: #aaa;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
- transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
- -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
- -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
- transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
- transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
- right: 2px;
- /* there must be 'right' for ps-scrollbar-y */
- width: 6px;
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
}
-.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
-.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y {
- width: 11px;
+button,
+select {
+ text-transform: none;
}
-.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
- background-color: #eee;
- opacity: 0.9;
+[role="button"] {
+ cursor: pointer;
}
-.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
- background-color: #999;
- height: 11px;
+select {
+ word-wrap: normal;
}
-.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
- background-color: #eee;
- opacity: 0.9;
+select:disabled {
+ opacity: 1;
}
-.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
- background-color: #999;
- width: 11px;
+[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
+ display: none !important;
}
-.ps-container:hover>.ps-scrollbar-x-rail,
-.ps-container:hover>.ps-scrollbar-y-rail {
- opacity: 0.6;
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
}
-.ps-container:hover>.ps-scrollbar-x-rail:hover {
- background-color: #eee;
- opacity: 0.9;
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+ cursor: pointer;
}
-.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
- background-color: #999;
+::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
}
-.ps-container:hover>.ps-scrollbar-y-rail:hover {
- background-color: #eee;
- opacity: 0.9;
+textarea {
+ resize: vertical;
}
-.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
- background-color: #999;
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
}
-h1,
-.h1 {
- font-size: 3.8em;
- line-height: 1.15em;
+legend {
+ float: left;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 0.5rem;
+ font-size: calc(1.275rem + 0.3vw);
+ line-height: inherit;
}
-h2,
-.h2 {
- font-size: 2.6em;
+@media (min-width: 1200px) {
+ legend {
+ font-size: 1.5rem;
+ }
}
-h3,
-.h3 {
- font-size: 1.825em;
- line-height: 1.4em;
- margin: 20px 0 10px;
+legend+* {
+ clear: left;
}
-h4,
-.h4 {
- font-size: 1.3em;
- line-height: 1.4em;
+::-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;
}
-h5,
-.h5 {
- font-size: 1.25em;
- line-height: 1.4em;
- margin-bottom: 15px;
+::-webkit-inner-spin-button {
+ height: auto;
}
-h6,
-.h6 {
- font-size: 1em;
- text-transform: uppercase;
- font-weight: 500;
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: textfield;
}
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+ direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
-/*.title,
-.card-title,
-.info-title,
-.footer-brand,
-.footer-big h5,
-.footer-big h4,
-.media .media-heading{
- font-weight: $font-weight-extra-bold;
- font-family: $font-family-serif;
+::-webkit-color-swatch-wrapper {
+ padding: 0;
+}
- &,
- a{
- color: $black-color;
- text-decoration: none;
- }
-}*/
+::file-selector-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
-h2.title {
- margin-bottom: 30px;
+output {
+ display: inline-block;
}
-.description,
-.card-description,
-.footer-big p {
- color: #999999;
+iframe {
+ border: 0;
}
-.text-warning {
- color: #ff9800;
+summary {
+ display: list-item;
+ cursor: pointer;
}
-.text-primary {
- color: #9c27b0;
+progress {
+ vertical-align: baseline;
}
-.text-danger {
- color: #f44336;
+[hidden] {
+ display: none !important;
}
-.text-success {
- color: #4caf50;
+.lead {
+ font-size: 1.25rem;
+ font-weight: 400;
}
-.text-info {
- color: #00bcd4;
+.display-1 {
+ font-size: calc(1.625rem + 4.5vw);
+ font-weight: 300;
+ line-height: 1.2;
}
-.text-rose {
- color: #e91e63;
+@media (min-width: 1200px) {
+ .display-1 {
+ font-size: 5rem;
+ }
}
-.text-gray {
- color: #999999;
+.display-2 {
+ font-size: calc(1.575rem + 3.9vw);
+ font-weight: 300;
+ line-height: 1.2;
}
-.wrapper {
- position: relative;
- top: 0;
- height: 100vh;
+@media (min-width: 1200px) {
+ .display-2 {
+ font-size: 4.5rem;
+ }
}
-.sidebar,
-.off-canvas-sidebar {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
+.display-3 {
+ font-size: calc(1.525rem + 3.3vw);
+ font-weight: 300;
+ line-height: 1.2;
}
-.sidebar .sidebar-wrapper,
-.off-canvas-sidebar .sidebar-wrapper {
- position: relative;
- height: calc(100vh - 75px);
- overflow: auto;
- width: 260px;
- z-index: 4;
+@media (min-width: 1200px) {
+ .display-3 {
+ font-size: 4rem;
+ }
}
-.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
-.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
- display: none !important;
+.display-4 {
+ font-size: calc(1.475rem + 2.7vw);
+ font-weight: 300;
+ line-height: 1.2;
}
-.sidebar .sidebar-wrapper .navbar-form,
-.off-canvas-sidebar .sidebar-wrapper .navbar-form {
- border: none;
+@media (min-width: 1200px) {
+ .display-4 {
+ font-size: 3.5rem;
+ }
}
-.sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a,
-.off-canvas-sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a {
- padding-left: 60px;
+.display-5 {
+ font-size: calc(1.425rem + 2.1vw);
+ font-weight: 300;
+ line-height: 1.2;
}
-.sidebar .sidebar-wrapper .nav .caret,
-.off-canvas-sidebar .sidebar-wrapper .nav .caret {
- margin-top: 13px;
- position: absolute;
- right: 18px;
+@media (min-width: 1200px) {
+ .display-5 {
+ font-size: 3rem;
+ }
}
-.sidebar .logo-tim,
-.off-canvas-sidebar .logo-tim {
- border-radius: 50%;
- border: 1px solid #333;
- display: block;
- height: 61px;
- width: 61px;
- float: left;
- overflow: hidden;
+.display-6 {
+ font-size: calc(1.375rem + 1.5vw);
+ font-weight: 300;
+ line-height: 1.2;
}
-.sidebar .logo-tim img,
-.off-canvas-sidebar .logo-tim img {
- width: 60px;
- height: 60px;
+@media (min-width: 1200px) {
+ .display-6 {
+ font-size: 2.5rem;
+ }
}
-.sidebar .nav,
-.off-canvas-sidebar .nav {
- margin-top: 20px;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.sidebar .nav li>a,
-.off-canvas-sidebar .nav li>a {
- margin: 10px 15px 0;
- border-radius: 3px;
- color: #3C4858;
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-.sidebar .nav li:first-child>a,
-.off-canvas-sidebar .nav li:first-child>a {
- margin: 0 15px;
+.list-inline-item {
+ display: inline-block;
}
-.sidebar .nav li:hover>a,
-.off-canvas-sidebar .nav li:hover>a {
- background: rgba(200, 200, 200, 0.2);
- color: #3C4858;
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
}
-.sidebar .nav li.active>a,
-.off-canvas-sidebar .nav li.active>a {
- color: #FFFFFF;
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
}
-.sidebar .nav li.active>a i,
-.off-canvas-sidebar .nav li.active>a i {
- color: #FFFFFF;
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
-.sidebar .nav p,
-.off-canvas-sidebar .nav p {
- margin: 0;
- line-height: 30px;
- font-size: 14px;
+.blockquote> :last-child {
+ margin-bottom: 0;
}
-.sidebar .nav i,
-.off-canvas-sidebar .nav i {
- font-size: 24px;
- float: left;
- margin-right: 15px;
- line-height: 30px;
- width: 30px;
- text-align: center;
- color: #a9afbb;
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.sidebar .sidebar-background,
-.off-canvas-sidebar .sidebar-background {
- position: absolute;
- z-index: 1;
- height: 100%;
- width: 100%;
- display: block;
- top: 0;
- left: 0;
- background-size: cover;
- background-position: center center;
+.blockquote-footer::before {
+ content: "\2014\00A0";
}
-.sidebar .sidebar-background:after,
-.off-canvas-sidebar .sidebar-background:after {
- position: absolute;
- z-index: 3;
- width: 100%;
- height: 100%;
- content: "";
- display: block;
- background: #FFFFFF;
- opacity: .93;
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.sidebar .logo,
-.off-canvas-sidebar .logo {
- position: relative;
- padding: 15px 15px;
- z-index: 4;
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.375rem;
+ max-width: 100%;
+ height: auto;
}
-.sidebar .logo:after,
-.off-canvas-sidebar .logo:after {
- content: '';
- position: absolute;
- bottom: 0;
- right: 10%;
- height: 1px;
- width: 80%;
- background-color: rgba(180, 180, 180, 0.3);
-}
-
-.sidebar .logo p,
-.off-canvas-sidebar .logo p {
- float: left;
- font-size: 20px;
- margin: 10px 10px;
- color: #FFFFFF;
- line-height: 20px;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-.sidebar .logo .simple-text,
-.off-canvas-sidebar .logo .simple-text {
- text-transform: uppercase;
- padding: 5px 0px;
- display: block;
- font-size: 18px;
- color: #3C4858;
- text-align: center;
- font-weight: 400;
- line-height: 30px;
+.figure {
+ display: inline-block;
}
-.sidebar .logo-tim,
-.off-canvas-sidebar .logo-tim {
- border-radius: 50%;
- border: 1px solid #333;
- display: block;
- height: 61px;
- width: 61px;
- float: left;
- overflow: hidden;
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.sidebar .logo-tim img,
-.off-canvas-sidebar .logo-tim img {
- width: 60px;
- height: 60px;
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
}
-.sidebar:after,
-.sidebar:before,
-.off-canvas-sidebar:after,
-.off-canvas-sidebar:before {
- display: block;
- content: "";
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 2;
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl,
+.container-xxl {
+ --bs-gutter-x: 1.5rem;
+ --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;
}
-.sidebar:before,
-.off-canvas-sidebar:before {
- opacity: .33;
+@media (min-width: 576px) {
+
+ .container,
+ .container-sm {
+ max-width: 540px;
+ }
}
-.sidebar:after,
-.off-canvas-sidebar:after {
- z-index: 3;
- opacity: 1;
+@media (min-width: 768px) {
+
+ .container,
+ .container-sm,
+ .container-md {
+ max-width: 720px;
+ }
}
-.sidebar[data-image]:after,
-.sidebar.has-image:after,
-.off-canvas-sidebar[data-image]:after,
-.off-canvas-sidebar.has-image:after {
- opacity: .77;
+@media (min-width: 992px) {
+
+ .container,
+ .container-sm,
+ .container-md,
+ .container-lg {
+ max-width: 960px;
+ }
}
-.sidebar[data-color="blue"] .nav li.active a,
-.off-canvas-sidebar[data-color="blue"] .nav li.active a {
- background-color: #00bcd4;
- box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
+@media (min-width: 1200px) {
+
+ .container,
+ .container-sm,
+ .container-md,
+ .container-lg,
+ .container-xl {
+ max-width: 1140px;
+ }
}
-.sidebar[data-color="green"] .nav li.active a,
-.off-canvas-sidebar[data-color="green"] .nav li.active a {
- background-color: #4caf50;
- box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
+@media (min-width: 1400px) {
+
+ .container,
+ .container-sm,
+ .container-md,
+ .container-lg,
+ .container-xl,
+ .container-xxl {
+ max-width: 1320px;
+ }
}
-.sidebar[data-color="orange"] .nav li.active a,
-.off-canvas-sidebar[data-color="orange"] .nav li.active a {
- background-color: #ff9800;
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+.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));
}
-.sidebar[data-color="red"] .nav li.active a,
-.off-canvas-sidebar[data-color="red"] .nav li.active a {
- background-color: #f44336;
- box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
+.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);
}
-.sidebar[data-color="purple"] .nav li.active a,
-.off-canvas-sidebar[data-color="purple"] .nav li.active a {
- background-color: #9c27b0;
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+.col {
+ flex: 1 0 0%;
}
-.off-canvas-sidebar .nav>li>a,
-.off-canvas-sidebar .nav>li>a:hover {
- color: #FFFFFF;
+.row-cols-auto>* {
+ flex: 0 0 auto;
+ width: auto;
}
-.off-canvas-sidebar .nav>li>a:focus {
- background: rgba(200, 200, 200, 0.2);
+.row-cols-1>* {
+ flex: 0 0 auto;
+ width: 100%;
}
-.perfect-scrollbar-on .sidebar .sidebar-wrapper,
-.sidebar .sidebar-wrapper,
-.perfect-scrollbar-on .main-panel,
-.main-panel {
- overflow: hidden;
+.row-cols-2>* {
+ flex: 0 0 auto;
+ width: 50%;
}
-.perfect-scrollbar-off .sidebar .sidebar-wrapper,
-.perfect-scrollbar-off .main-panel {
- overflow: auto;
+.row-cols-3>* {
+ flex: 0 0 auto;
+ width: 33.333333%;
}
-.main-panel {
- position: relative;
- float: right;
- width: calc(100% - 260px);
- -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- max-height: 100%;
+.row-cols-4>* {
+ flex: 0 0 auto;
+ width: 25%;
}
-.main-panel>.content {
- margin-top: 70px;
- padding: 30px 15px;
- min-height: calc(100% - 123px);
+.row-cols-5>* {
+ flex: 0 0 auto;
+ width: 20%;
}
-.main-panel>.footer {
- border-top: 1px solid #e7e7e7;
+.row-cols-6>* {
+ flex: 0 0 auto;
+ width: 16.666667%;
}
-.main-panel>.navbar {
- margin-bottom: 0;
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
}
-.btn,
-.navbar .navbar-nav>li>a.btn {
- border: none;
- border-radius: 3px;
- position: relative;
- padding: 12px 30px;
- margin: 10px 1px;
- font-size: 12px;
- font-weight: 400;
- text-transform: uppercase;
- letter-spacing: 0;
- will-change: box-shadow, transform;
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.btn::-moz-focus-inner,
-.navbar .navbar-nav>li>a.btn::-moz-focus-inner {
- border: 0;
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.333333%;
}
-.btn,
-.btn.btn-default,
-.navbar .navbar-nav>li>a.btn,
-.navbar .navbar-nav>li>a.btn.btn-default {
- box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.666667%;
}
-.btn,
-.btn:hover,
-.btn:focus,
-.btn:active,
-.btn.active,
-.btn:active:focus,
-.btn:active:hover,
-.btn.active:focus,
-.btn.active:hover,
-.open>.btn.dropdown-toggle,
-.open>.btn.dropdown-toggle:focus,
-.open>.btn.dropdown-toggle:hover,
-.btn.btn-default,
-.btn.btn-default:hover,
-.btn.btn-default:focus,
-.btn.btn-default:active,
-.btn.btn-default.active,
-.btn.btn-default:active:focus,
-.btn.btn-default:active:hover,
-.btn.btn-default.active:focus,
-.btn.btn-default.active:hover,
-.open>.btn.btn-default.dropdown-toggle,
-.open>.btn.btn-default.dropdown-toggle:focus,
-.open>.btn.btn-default.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn,
-.navbar .navbar-nav>li>a.btn:hover,
-.navbar .navbar-nav>li>a.btn:focus,
-.navbar .navbar-nav>li>a.btn:active,
-.navbar .navbar-nav>li>a.btn.active,
-.navbar .navbar-nav>li>a.btn:active:focus,
-.navbar .navbar-nav>li>a.btn:active:hover,
-.navbar .navbar-nav>li>a.btn.active:focus,
-.navbar .navbar-nav>li>a.btn.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-default,
-.navbar .navbar-nav>li>a.btn.btn-default:hover,
-.navbar .navbar-nav>li>a.btn.btn-default:focus,
-.navbar .navbar-nav>li>a.btn.btn-default:active,
-.navbar .navbar-nav>li>a.btn.btn-default.active,
-.navbar .navbar-nav>li>a.btn.btn-default:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-default:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-default.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-default.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover {
- background-color: #999999;
- color: #FFFFFF;
-}
-
-.btn:focus,
-.btn:active,
-.btn:hover,
-.btn.btn-default:focus,
-.btn.btn-default:active,
-.btn.btn-default:hover,
-.navbar .navbar-nav>li>a.btn:focus,
-.navbar .navbar-nav>li>a.btn:active,
-.navbar .navbar-nav>li>a.btn:hover,
-.navbar .navbar-nav>li>a.btn.btn-default:focus,
-.navbar .navbar-nav>li>a.btn.btn-default:active,
-.navbar .navbar-nav>li>a.btn.btn-default:hover {
- box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-.btn.disabled,
-.btn.disabled:hover,
-.btn.disabled:focus,
-.btn.disabled.focus,
-.btn.disabled:active,
-.btn.disabled.active,
-.btn:disabled,
-.btn:disabled:hover,
-.btn:disabled:focus,
-.btn:disabled.focus,
-.btn:disabled:active,
-.btn:disabled.active,
-.btn[disabled],
-.btn[disabled]:hover,
-.btn[disabled]:focus,
-.btn[disabled].focus,
-.btn[disabled]:active,
-.btn[disabled].active,
-fieldset[disabled] .btn,
-fieldset[disabled] .btn:hover,
-fieldset[disabled] .btn:focus,
-fieldset[disabled] .btn.focus,
-fieldset[disabled] .btn:active,
-fieldset[disabled] .btn.active,
-.btn.btn-default.disabled,
-.btn.btn-default.disabled:hover,
-.btn.btn-default.disabled:focus,
-.btn.btn-default.disabled.focus,
-.btn.btn-default.disabled:active,
-.btn.btn-default.disabled.active,
-.btn.btn-default:disabled,
-.btn.btn-default:disabled:hover,
-.btn.btn-default:disabled:focus,
-.btn.btn-default:disabled.focus,
-.btn.btn-default:disabled:active,
-.btn.btn-default:disabled.active,
-.btn.btn-default[disabled],
-.btn.btn-default[disabled]:hover,
-.btn.btn-default[disabled]:focus,
-.btn.btn-default[disabled].focus,
-.btn.btn-default[disabled]:active,
-.btn.btn-default[disabled].active,
-fieldset[disabled] .btn.btn-default,
-fieldset[disabled] .btn.btn-default:hover,
-fieldset[disabled] .btn.btn-default:focus,
-fieldset[disabled] .btn.btn-default.focus,
-fieldset[disabled] .btn.btn-default:active,
-fieldset[disabled] .btn.btn-default.active,
-.navbar .navbar-nav>li>a.btn.disabled,
-.navbar .navbar-nav>li>a.btn.disabled:hover,
-.navbar .navbar-nav>li>a.btn.disabled:focus,
-.navbar .navbar-nav>li>a.btn.disabled.focus,
-.navbar .navbar-nav>li>a.btn.disabled:active,
-.navbar .navbar-nav>li>a.btn.disabled.active,
-.navbar .navbar-nav>li>a.btn:disabled,
-.navbar .navbar-nav>li>a.btn:disabled:hover,
-.navbar .navbar-nav>li>a.btn:disabled:focus,
-.navbar .navbar-nav>li>a.btn:disabled.focus,
-.navbar .navbar-nav>li>a.btn:disabled:active,
-.navbar .navbar-nav>li>a.btn:disabled.active,
-.navbar .navbar-nav>li>a.btn[disabled],
-.navbar .navbar-nav>li>a.btn[disabled]:hover,
-.navbar .navbar-nav>li>a.btn[disabled]:focus,
-.navbar .navbar-nav>li>a.btn[disabled].focus,
-.navbar .navbar-nav>li>a.btn[disabled]:active,
-.navbar .navbar-nav>li>a.btn[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.active,
-.navbar .navbar-nav>li>a.btn.btn-default.disabled,
-.navbar .navbar-nav>li>a.btn.btn-default.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-default.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-default.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-default.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-default.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-default:disabled,
-.navbar .navbar-nav>li>a.btn.btn-default:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-default:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-default:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-default:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-default:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-default[disabled],
-.navbar .navbar-nav>li>a.btn.btn-default[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-default[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-default[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-default[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-default[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.active {
- box-shadow: none;
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.333333%;
}
-.btn.btn-simple,
-.btn.btn-default.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-default.btn-simple {
- background-color: transparent;
- color: #999999;
- box-shadow: none;
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.666667%;
}
-.btn.btn-simple:hover,
-.btn.btn-simple:focus,
-.btn.btn-simple:active,
-.btn.btn-default.btn-simple:hover,
-.btn.btn-default.btn-simple:focus,
-.btn.btn-default.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:active {
- background-color: transparent;
- color: #999999;
-}
-
-.btn.btn-primary,
-.navbar .navbar-nav>li>a.btn.btn-primary {
- box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
-}
-
-.btn.btn-primary,
-.btn.btn-primary:hover,
-.btn.btn-primary:focus,
-.btn.btn-primary:active,
-.btn.btn-primary.active,
-.btn.btn-primary:active:focus,
-.btn.btn-primary:active:hover,
-.btn.btn-primary.active:focus,
-.btn.btn-primary.active:hover,
-.open>.btn.btn-primary.dropdown-toggle,
-.open>.btn.btn-primary.dropdown-toggle:focus,
-.open>.btn.btn-primary.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary,
-.navbar .navbar-nav>li>a.btn.btn-primary:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary:active,
-.navbar .navbar-nav>li>a.btn.btn-primary.active,
-.navbar .navbar-nav>li>a.btn.btn-primary:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover {
- background-color: #9c27b0;
- color: #FFFFFF;
-}
-
-.btn.btn-primary:focus,
-.btn.btn-primary:active,
-.btn.btn-primary:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary:active,
-.navbar .navbar-nav>li>a.btn.btn-primary:hover {
- box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
-}
-
-.btn.btn-primary.disabled,
-.btn.btn-primary.disabled:hover,
-.btn.btn-primary.disabled:focus,
-.btn.btn-primary.disabled.focus,
-.btn.btn-primary.disabled:active,
-.btn.btn-primary.disabled.active,
-.btn.btn-primary:disabled,
-.btn.btn-primary:disabled:hover,
-.btn.btn-primary:disabled:focus,
-.btn.btn-primary:disabled.focus,
-.btn.btn-primary:disabled:active,
-.btn.btn-primary:disabled.active,
-.btn.btn-primary[disabled],
-.btn.btn-primary[disabled]:hover,
-.btn.btn-primary[disabled]:focus,
-.btn.btn-primary[disabled].focus,
-.btn.btn-primary[disabled]:active,
-.btn.btn-primary[disabled].active,
-fieldset[disabled] .btn.btn-primary,
-fieldset[disabled] .btn.btn-primary:hover,
-fieldset[disabled] .btn.btn-primary:focus,
-fieldset[disabled] .btn.btn-primary.focus,
-fieldset[disabled] .btn.btn-primary:active,
-fieldset[disabled] .btn.btn-primary.active,
-.navbar .navbar-nav>li>a.btn.btn-primary.disabled,
-.navbar .navbar-nav>li>a.btn.btn-primary.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-primary.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-primary.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-primary:disabled,
-.navbar .navbar-nav>li>a.btn.btn-primary:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-primary:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-primary:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-primary[disabled],
-.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-primary[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.active {
- box-shadow: none;
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
}
-.btn.btn-primary.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple {
- background-color: transparent;
- color: #9c27b0;
- box-shadow: none;
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.333333%;
}
-.btn.btn-primary.btn-simple:hover,
-.btn.btn-primary.btn-simple:focus,
-.btn.btn-primary.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:active {
- background-color: transparent;
- color: #9c27b0;
-}
-
-.btn.btn-info,
-.navbar .navbar-nav>li>a.btn.btn-info {
- box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
-}
-
-.btn.btn-info,
-.btn.btn-info:hover,
-.btn.btn-info:focus,
-.btn.btn-info:active,
-.btn.btn-info.active,
-.btn.btn-info:active:focus,
-.btn.btn-info:active:hover,
-.btn.btn-info.active:focus,
-.btn.btn-info.active:hover,
-.open>.btn.btn-info.dropdown-toggle,
-.open>.btn.btn-info.dropdown-toggle:focus,
-.open>.btn.btn-info.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-info,
-.navbar .navbar-nav>li>a.btn.btn-info:hover,
-.navbar .navbar-nav>li>a.btn.btn-info:focus,
-.navbar .navbar-nav>li>a.btn.btn-info:active,
-.navbar .navbar-nav>li>a.btn.btn-info.active,
-.navbar .navbar-nav>li>a.btn.btn-info:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-info:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-info.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-info.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:hover {
- background-color: #00bcd4;
- color: #FFFFFF;
-}
-
-.btn.btn-info:focus,
-.btn.btn-info:active,
-.btn.btn-info:hover,
-.navbar .navbar-nav>li>a.btn.btn-info:focus,
-.navbar .navbar-nav>li>a.btn.btn-info:active,
-.navbar .navbar-nav>li>a.btn.btn-info:hover {
- box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
-}
-
-.btn.btn-info.disabled,
-.btn.btn-info.disabled:hover,
-.btn.btn-info.disabled:focus,
-.btn.btn-info.disabled.focus,
-.btn.btn-info.disabled:active,
-.btn.btn-info.disabled.active,
-.btn.btn-info:disabled,
-.btn.btn-info:disabled:hover,
-.btn.btn-info:disabled:focus,
-.btn.btn-info:disabled.focus,
-.btn.btn-info:disabled:active,
-.btn.btn-info:disabled.active,
-.btn.btn-info[disabled],
-.btn.btn-info[disabled]:hover,
-.btn.btn-info[disabled]:focus,
-.btn.btn-info[disabled].focus,
-.btn.btn-info[disabled]:active,
-.btn.btn-info[disabled].active,
-fieldset[disabled] .btn.btn-info,
-fieldset[disabled] .btn.btn-info:hover,
-fieldset[disabled] .btn.btn-info:focus,
-fieldset[disabled] .btn.btn-info.focus,
-fieldset[disabled] .btn.btn-info:active,
-fieldset[disabled] .btn.btn-info.active,
-.navbar .navbar-nav>li>a.btn.btn-info.disabled,
-.navbar .navbar-nav>li>a.btn.btn-info.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-info.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-info.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-info.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-info.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-info:disabled,
-.navbar .navbar-nav>li>a.btn.btn-info:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-info:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-info:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-info:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-info:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-info[disabled],
-.navbar .navbar-nav>li>a.btn.btn-info[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-info[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-info[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-info[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-info[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.active {
- box-shadow: none;
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.666667%;
}
-.btn.btn-info.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-info.btn-simple {
- background-color: transparent;
- color: #00bcd4;
- box-shadow: none;
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-.btn.btn-info.btn-simple:hover,
-.btn.btn-info.btn-simple:focus,
-.btn.btn-info.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:active {
- background-color: transparent;
- color: #00bcd4;
-}
-
-.btn.btn-success,
-.navbar .navbar-nav>li>a.btn.btn-success {
- box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
-}
-
-.btn.btn-success,
-.btn.btn-success:hover,
-.btn.btn-success:focus,
-.btn.btn-success:active,
-.btn.btn-success.active,
-.btn.btn-success:active:focus,
-.btn.btn-success:active:hover,
-.btn.btn-success.active:focus,
-.btn.btn-success.active:hover,
-.open>.btn.btn-success.dropdown-toggle,
-.open>.btn.btn-success.dropdown-toggle:focus,
-.open>.btn.btn-success.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-success,
-.navbar .navbar-nav>li>a.btn.btn-success:hover,
-.navbar .navbar-nav>li>a.btn.btn-success:focus,
-.navbar .navbar-nav>li>a.btn.btn-success:active,
-.navbar .navbar-nav>li>a.btn.btn-success.active,
-.navbar .navbar-nav>li>a.btn.btn-success:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-success:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-success.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-success.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:hover {
- background-color: #4caf50;
- color: #FFFFFF;
-}
-
-.btn.btn-success:focus,
-.btn.btn-success:active,
-.btn.btn-success:hover,
-.navbar .navbar-nav>li>a.btn.btn-success:focus,
-.navbar .navbar-nav>li>a.btn.btn-success:active,
-.navbar .navbar-nav>li>a.btn.btn-success:hover {
- box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
-}
-
-.btn.btn-success.disabled,
-.btn.btn-success.disabled:hover,
-.btn.btn-success.disabled:focus,
-.btn.btn-success.disabled.focus,
-.btn.btn-success.disabled:active,
-.btn.btn-success.disabled.active,
-.btn.btn-success:disabled,
-.btn.btn-success:disabled:hover,
-.btn.btn-success:disabled:focus,
-.btn.btn-success:disabled.focus,
-.btn.btn-success:disabled:active,
-.btn.btn-success:disabled.active,
-.btn.btn-success[disabled],
-.btn.btn-success[disabled]:hover,
-.btn.btn-success[disabled]:focus,
-.btn.btn-success[disabled].focus,
-.btn.btn-success[disabled]:active,
-.btn.btn-success[disabled].active,
-fieldset[disabled] .btn.btn-success,
-fieldset[disabled] .btn.btn-success:hover,
-fieldset[disabled] .btn.btn-success:focus,
-fieldset[disabled] .btn.btn-success.focus,
-fieldset[disabled] .btn.btn-success:active,
-fieldset[disabled] .btn.btn-success.active,
-.navbar .navbar-nav>li>a.btn.btn-success.disabled,
-.navbar .navbar-nav>li>a.btn.btn-success.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-success.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-success.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-success.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-success.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-success:disabled,
-.navbar .navbar-nav>li>a.btn.btn-success:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-success:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-success:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-success:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-success:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-success[disabled],
-.navbar .navbar-nav>li>a.btn.btn-success[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-success[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-success[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-success[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-success[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.active {
- box-shadow: none;
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.333333%;
}
-.btn.btn-success.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-success.btn-simple {
- background-color: transparent;
- color: #4caf50;
- box-shadow: none;
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.666667%;
}
-.btn.btn-success.btn-simple:hover,
-.btn.btn-success.btn-simple:focus,
-.btn.btn-success.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:active {
- background-color: transparent;
- color: #4caf50;
-}
-
-.btn.btn-warning,
-.navbar .navbar-nav>li>a.btn.btn-warning {
- box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
-}
-
-.btn.btn-warning,
-.btn.btn-warning:hover,
-.btn.btn-warning:focus,
-.btn.btn-warning:active,
-.btn.btn-warning.active,
-.btn.btn-warning:active:focus,
-.btn.btn-warning:active:hover,
-.btn.btn-warning.active:focus,
-.btn.btn-warning.active:hover,
-.open>.btn.btn-warning.dropdown-toggle,
-.open>.btn.btn-warning.dropdown-toggle:focus,
-.open>.btn.btn-warning.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning,
-.navbar .navbar-nav>li>a.btn.btn-warning:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning:active,
-.navbar .navbar-nav>li>a.btn.btn-warning.active,
-.navbar .navbar-nav>li>a.btn.btn-warning:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle:hover {
- background-color: #ff9800;
- color: #FFFFFF;
-}
-
-.btn.btn-warning:focus,
-.btn.btn-warning:active,
-.btn.btn-warning:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning:active,
-.navbar .navbar-nav>li>a.btn.btn-warning:hover {
- box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
-}
-
-.btn.btn-warning.disabled,
-.btn.btn-warning.disabled:hover,
-.btn.btn-warning.disabled:focus,
-.btn.btn-warning.disabled.focus,
-.btn.btn-warning.disabled:active,
-.btn.btn-warning.disabled.active,
-.btn.btn-warning:disabled,
-.btn.btn-warning:disabled:hover,
-.btn.btn-warning:disabled:focus,
-.btn.btn-warning:disabled.focus,
-.btn.btn-warning:disabled:active,
-.btn.btn-warning:disabled.active,
-.btn.btn-warning[disabled],
-.btn.btn-warning[disabled]:hover,
-.btn.btn-warning[disabled]:focus,
-.btn.btn-warning[disabled].focus,
-.btn.btn-warning[disabled]:active,
-.btn.btn-warning[disabled].active,
-fieldset[disabled] .btn.btn-warning,
-fieldset[disabled] .btn.btn-warning:hover,
-fieldset[disabled] .btn.btn-warning:focus,
-fieldset[disabled] .btn.btn-warning.focus,
-fieldset[disabled] .btn.btn-warning:active,
-fieldset[disabled] .btn.btn-warning.active,
-.navbar .navbar-nav>li>a.btn.btn-warning.disabled,
-.navbar .navbar-nav>li>a.btn.btn-warning.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-warning.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-warning.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-warning:disabled,
-.navbar .navbar-nav>li>a.btn.btn-warning:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-warning:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-warning:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-warning[disabled],
-.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-warning[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.active {
- box-shadow: none;
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
}
-.btn.btn-warning.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple {
- background-color: transparent;
- color: #ff9800;
- box-shadow: none;
+.offset-1 {
+ margin-left: 8.333333%;
}
-.btn.btn-warning.btn-simple:hover,
-.btn.btn-warning.btn-simple:focus,
-.btn.btn-warning.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:active {
- background-color: transparent;
- color: #ff9800;
-}
-
-.btn.btn-danger,
-.navbar .navbar-nav>li>a.btn.btn-danger {
- box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
-}
-
-.btn.btn-danger,
-.btn.btn-danger:hover,
-.btn.btn-danger:focus,
-.btn.btn-danger:active,
-.btn.btn-danger.active,
-.btn.btn-danger:active:focus,
-.btn.btn-danger:active:hover,
-.btn.btn-danger.active:focus,
-.btn.btn-danger.active:hover,
-.open>.btn.btn-danger.dropdown-toggle,
-.open>.btn.btn-danger.dropdown-toggle:focus,
-.open>.btn.btn-danger.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger,
-.navbar .navbar-nav>li>a.btn.btn-danger:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger:active,
-.navbar .navbar-nav>li>a.btn.btn-danger.active,
-.navbar .navbar-nav>li>a.btn.btn-danger:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle:hover {
- background-color: #f44336;
- color: #FFFFFF;
-}
-
-.btn.btn-danger:focus,
-.btn.btn-danger:active,
-.btn.btn-danger:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger:active,
-.navbar .navbar-nav>li>a.btn.btn-danger:hover {
- box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
-}
-
-.btn.btn-danger.disabled,
-.btn.btn-danger.disabled:hover,
-.btn.btn-danger.disabled:focus,
-.btn.btn-danger.disabled.focus,
-.btn.btn-danger.disabled:active,
-.btn.btn-danger.disabled.active,
-.btn.btn-danger:disabled,
-.btn.btn-danger:disabled:hover,
-.btn.btn-danger:disabled:focus,
-.btn.btn-danger:disabled.focus,
-.btn.btn-danger:disabled:active,
-.btn.btn-danger:disabled.active,
-.btn.btn-danger[disabled],
-.btn.btn-danger[disabled]:hover,
-.btn.btn-danger[disabled]:focus,
-.btn.btn-danger[disabled].focus,
-.btn.btn-danger[disabled]:active,
-.btn.btn-danger[disabled].active,
-fieldset[disabled] .btn.btn-danger,
-fieldset[disabled] .btn.btn-danger:hover,
-fieldset[disabled] .btn.btn-danger:focus,
-fieldset[disabled] .btn.btn-danger.focus,
-fieldset[disabled] .btn.btn-danger:active,
-fieldset[disabled] .btn.btn-danger.active,
-.navbar .navbar-nav>li>a.btn.btn-danger.disabled,
-.navbar .navbar-nav>li>a.btn.btn-danger.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-danger.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-danger.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-danger:disabled,
-.navbar .navbar-nav>li>a.btn.btn-danger:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-danger:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-danger:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-danger[disabled],
-.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-danger[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.active {
- box-shadow: none;
+.offset-2 {
+ margin-left: 16.666667%;
}
-.btn.btn-danger.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple {
- background-color: transparent;
- color: #f44336;
- box-shadow: none;
+.offset-3 {
+ margin-left: 25%;
}
-.btn.btn-danger.btn-simple:hover,
-.btn.btn-danger.btn-simple:focus,
-.btn.btn-danger.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:active {
- background-color: transparent;
- color: #f44336;
-}
-
-.btn.btn-rose,
-.navbar .navbar-nav>li>a.btn.btn-rose {
- box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
-}
-
-.btn.btn-rose,
-.btn.btn-rose:hover,
-.btn.btn-rose:focus,
-.btn.btn-rose:active,
-.btn.btn-rose.active,
-.btn.btn-rose:active:focus,
-.btn.btn-rose:active:hover,
-.btn.btn-rose.active:focus,
-.btn.btn-rose.active:hover,
-.open>.btn.btn-rose.dropdown-toggle,
-.open>.btn.btn-rose.dropdown-toggle:focus,
-.open>.btn.btn-rose.dropdown-toggle:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose,
-.navbar .navbar-nav>li>a.btn.btn-rose:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose:active,
-.navbar .navbar-nav>li>a.btn.btn-rose.active,
-.navbar .navbar-nav>li>a.btn.btn-rose:active:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose:active:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose.active:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose.active:hover,
-.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle,
-.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:focus,
-.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:hover {
- background-color: #e91e63;
- color: #FFFFFF;
-}
-
-.btn.btn-rose:focus,
-.btn.btn-rose:active,
-.btn.btn-rose:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose:active,
-.navbar .navbar-nav>li>a.btn.btn-rose:hover {
- box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
-}
-
-.btn.btn-rose.disabled,
-.btn.btn-rose.disabled:hover,
-.btn.btn-rose.disabled:focus,
-.btn.btn-rose.disabled.focus,
-.btn.btn-rose.disabled:active,
-.btn.btn-rose.disabled.active,
-.btn.btn-rose:disabled,
-.btn.btn-rose:disabled:hover,
-.btn.btn-rose:disabled:focus,
-.btn.btn-rose:disabled.focus,
-.btn.btn-rose:disabled:active,
-.btn.btn-rose:disabled.active,
-.btn.btn-rose[disabled],
-.btn.btn-rose[disabled]:hover,
-.btn.btn-rose[disabled]:focus,
-.btn.btn-rose[disabled].focus,
-.btn.btn-rose[disabled]:active,
-.btn.btn-rose[disabled].active,
-fieldset[disabled] .btn.btn-rose,
-fieldset[disabled] .btn.btn-rose:hover,
-fieldset[disabled] .btn.btn-rose:focus,
-fieldset[disabled] .btn.btn-rose.focus,
-fieldset[disabled] .btn.btn-rose:active,
-fieldset[disabled] .btn.btn-rose.active,
-.navbar .navbar-nav>li>a.btn.btn-rose.disabled,
-.navbar .navbar-nav>li>a.btn.btn-rose.disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose.disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose.disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-rose.disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-rose.disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-rose:disabled,
-.navbar .navbar-nav>li>a.btn.btn-rose:disabled:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose:disabled:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose:disabled.focus,
-.navbar .navbar-nav>li>a.btn.btn-rose:disabled:active,
-.navbar .navbar-nav>li>a.btn.btn-rose:disabled.active,
-.navbar .navbar-nav>li>a.btn.btn-rose[disabled],
-.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose[disabled].focus,
-.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:active,
-.navbar .navbar-nav>li>a.btn.btn-rose[disabled].active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:hover,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose.focus,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:active,
-fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose.active {
- box-shadow: none;
+.offset-4 {
+ margin-left: 33.333333%;
}
-.btn.btn-rose.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple {
- background-color: transparent;
- color: #e91e63;
- box-shadow: none;
+.offset-5 {
+ margin-left: 41.666667%;
}
-.btn.btn-rose.btn-simple:hover,
-.btn.btn-rose.btn-simple:focus,
-.btn.btn-rose.btn-simple:active,
-.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:hover,
-.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:focus,
-.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:active {
- background-color: transparent;
- color: #e91e63;
+.offset-6 {
+ margin-left: 50%;
}
-.btn.btn-white,
-.btn.btn-white:focus,
-.btn.btn-white:hover,
-.navbar .navbar-nav>li>a.btn.btn-white,
-.navbar .navbar-nav>li>a.btn.btn-white:focus,
-.navbar .navbar-nav>li>a.btn.btn-white:hover {
- background-color: #FFFFFF;
- color: #999999;
+.offset-7 {
+ margin-left: 58.333333%;
}
-.btn.btn-white.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-white.btn-simple {
- color: #FFFFFF;
- background: transparent;
- box-shadow: none;
+.offset-8 {
+ margin-left: 66.666667%;
}
-.btn.btn-facebook,
-.navbar .navbar-nav>li>a.btn.btn-facebook {
- background-color: #3b5998;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
+.offset-9 {
+ margin-left: 75%;
}
-.btn.btn-facebook:focus,
-.btn.btn-facebook:active,
-.btn.btn-facebook:hover,
-.navbar .navbar-nav>li>a.btn.btn-facebook:focus,
-.navbar .navbar-nav>li>a.btn.btn-facebook:active,
-.navbar .navbar-nav>li>a.btn.btn-facebook:hover {
- background-color: #3b5998;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
+.offset-10 {
+ margin-left: 83.333333%;
}
-.btn.btn-facebook.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-facebook.btn-simple {
- color: #3b5998;
- background-color: transparent;
- box-shadow: none;
+.offset-11 {
+ margin-left: 91.666667%;
}
-.btn.btn-twitter,
-.navbar .navbar-nav>li>a.btn.btn-twitter {
- background-color: #55acee;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
}
-.btn.btn-twitter:focus,
-.btn.btn-twitter:active,
-.btn.btn-twitter:hover,
-.navbar .navbar-nav>li>a.btn.btn-twitter:focus,
-.navbar .navbar-nav>li>a.btn.btn-twitter:active,
-.navbar .navbar-nav>li>a.btn.btn-twitter:hover {
- background-color: #55acee;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
}
-.btn.btn-twitter.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-twitter.btn-simple {
- color: #55acee;
- background-color: transparent;
- box-shadow: none;
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
}
-.btn.btn-pinterest,
-.navbar .navbar-nav>li>a.btn.btn-pinterest {
- background-color: #cc2127;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
}
-.btn.btn-pinterest:focus,
-.btn.btn-pinterest:active,
-.btn.btn-pinterest:hover,
-.navbar .navbar-nav>li>a.btn.btn-pinterest:focus,
-.navbar .navbar-nav>li>a.btn.btn-pinterest:active,
-.navbar .navbar-nav>li>a.btn.btn-pinterest:hover {
- background-color: #cc2127;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
}
-.btn.btn-pinterest.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-pinterest.btn-simple {
- color: #cc2127;
- background-color: transparent;
- box-shadow: none;
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
}
-.btn.btn-google,
-.navbar .navbar-nav>li>a.btn.btn-google {
- background-color: #dd4b39;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
}
-.btn.btn-google:focus,
-.btn.btn-google:active,
-.btn.btn-google:hover,
-.navbar .navbar-nav>li>a.btn.btn-google:focus,
-.navbar .navbar-nav>li>a.btn.btn-google:active,
-.navbar .navbar-nav>li>a.btn.btn-google:hover {
- background-color: #dd4b39;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
}
-.btn.btn-google.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-google.btn-simple {
- color: #dd4b39;
- background-color: transparent;
- box-shadow: none;
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
}
-.btn.btn-linkedin,
-.navbar .navbar-nav>li>a.btn.btn-linkedin {
- background-color: #0976b4;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
}
-.btn.btn-linkedin:focus,
-.btn.btn-linkedin:active,
-.btn.btn-linkedin:hover,
-.navbar .navbar-nav>li>a.btn.btn-linkedin:focus,
-.navbar .navbar-nav>li>a.btn.btn-linkedin:active,
-.navbar .navbar-nav>li>a.btn.btn-linkedin:hover {
- background-color: #0976b4;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
}
-.btn.btn-linkedin.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-linkedin.btn-simple {
- color: #0976b4;
- background-color: transparent;
- box-shadow: none;
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
}
-.btn.btn-dribbble,
-.navbar .navbar-nav>li>a.btn.btn-dribbble {
- background-color: #ea4c89;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
+.g-6,
+.gx-6 {
+ --bs-gutter-x: 4rem;
}
-.btn.btn-dribbble:focus,
-.btn.btn-dribbble:active,
-.btn.btn-dribbble:hover,
-.navbar .navbar-nav>li>a.btn.btn-dribbble:focus,
-.navbar .navbar-nav>li>a.btn.btn-dribbble:active,
-.navbar .navbar-nav>li>a.btn.btn-dribbble:hover {
- background-color: #ea4c89;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
+.g-6,
+.gy-6 {
+ --bs-gutter-y: 4rem;
}
-.btn.btn-dribbble.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-dribbble.btn-simple {
- color: #ea4c89;
- background-color: transparent;
- box-shadow: none;
+.g-7,
+.gx-7 {
+ --bs-gutter-x: 6rem;
}
-.btn.btn-github,
-.navbar .navbar-nav>li>a.btn.btn-github {
- background-color: #333333;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
+.g-7,
+.gy-7 {
+ --bs-gutter-y: 6rem;
}
-.btn.btn-github:focus,
-.btn.btn-github:active,
-.btn.btn-github:hover,
-.navbar .navbar-nav>li>a.btn.btn-github:focus,
-.navbar .navbar-nav>li>a.btn.btn-github:active,
-.navbar .navbar-nav>li>a.btn.btn-github:hover {
- background-color: #333333;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
+.g-8,
+.gx-8 {
+ --bs-gutter-x: 8rem;
}
-.btn.btn-github.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-github.btn-simple {
- color: #333333;
- background-color: transparent;
- box-shadow: none;
+.g-8,
+.gy-8 {
+ --bs-gutter-y: 8rem;
}
-.btn.btn-youtube,
-.navbar .navbar-nav>li>a.btn.btn-youtube {
- background-color: #e52d27;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
+.g-9,
+.gx-9 {
+ --bs-gutter-x: 10rem;
}
-.btn.btn-youtube:focus,
-.btn.btn-youtube:active,
-.btn.btn-youtube:hover,
-.navbar .navbar-nav>li>a.btn.btn-youtube:focus,
-.navbar .navbar-nav>li>a.btn.btn-youtube:active,
-.navbar .navbar-nav>li>a.btn.btn-youtube:hover {
- background-color: #e52d27;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
+.g-9,
+.gy-9 {
+ --bs-gutter-y: 10rem;
}
-.btn.btn-youtube.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-youtube.btn-simple {
- color: #e52d27;
- background-color: transparent;
- box-shadow: none;
+.g-10,
+.gx-10 {
+ --bs-gutter-x: 12rem;
}
-.btn.btn-instagram,
-.navbar .navbar-nav>li>a.btn.btn-instagram {
- background-color: #125688;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
+.g-10,
+.gy-10 {
+ --bs-gutter-y: 12rem;
}
-.btn.btn-instagram:focus,
-.btn.btn-instagram:active,
-.btn.btn-instagram:hover,
-.navbar .navbar-nav>li>a.btn.btn-instagram:focus,
-.navbar .navbar-nav>li>a.btn.btn-instagram:active,
-.navbar .navbar-nav>li>a.btn.btn-instagram:hover {
- background-color: #125688;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
+.g-11,
+.gx-11 {
+ --bs-gutter-x: 14rem;
}
-.btn.btn-instagram.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-instagram.btn-simple {
- color: #125688;
- background-color: transparent;
- box-shadow: none;
+.g-11,
+.gy-11 {
+ --bs-gutter-y: 14rem;
}
-.btn.btn-reddit,
-.navbar .navbar-nav>li>a.btn.btn-reddit {
- background-color: #ff4500;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
+.g-12,
+.gx-12 {
+ --bs-gutter-x: 16rem;
}
-.btn.btn-reddit:focus,
-.btn.btn-reddit:active,
-.btn.btn-reddit:hover,
-.navbar .navbar-nav>li>a.btn.btn-reddit:focus,
-.navbar .navbar-nav>li>a.btn.btn-reddit:active,
-.navbar .navbar-nav>li>a.btn.btn-reddit:hover {
- background-color: #ff4500;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
+.g-12,
+.gy-12 {
+ --bs-gutter-y: 16rem;
}
-.btn.btn-reddit.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-reddit.btn-simple {
- color: #ff4500;
- background-color: transparent;
- box-shadow: none;
+@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.333333%;
+ }
+
+ .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.666667%;
+ }
+
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.333333%;
+ }
+
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.666667%;
+ }
+
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.333333%;
+ }
+
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.666667%;
+ }
+
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.333333%;
+ }
+
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.666667%;
+ }
+
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.333333%;
+ }
+
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.666667%;
+ }
+
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+
+ .offset-sm-1 {
+ margin-left: 8.333333%;
+ }
+
+ .offset-sm-2 {
+ margin-left: 16.666667%;
+ }
+
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+
+ .offset-sm-4 {
+ margin-left: 33.333333%;
+ }
+
+ .offset-sm-5 {
+ margin-left: 41.666667%;
+ }
+
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+
+ .offset-sm-7 {
+ margin-left: 58.333333%;
+ }
+
+ .offset-sm-8 {
+ margin-left: 66.666667%;
+ }
+
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+
+ .offset-sm-10 {
+ margin-left: 83.333333%;
+ }
+
+ .offset-sm-11 {
+ margin-left: 91.666667%;
+ }
+
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-sm-6,
+ .gx-sm-6 {
+ --bs-gutter-x: 4rem;
+ }
+
+ .g-sm-6,
+ .gy-sm-6 {
+ --bs-gutter-y: 4rem;
+ }
+
+ .g-sm-7,
+ .gx-sm-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-sm-7,
+ .gy-sm-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-sm-8,
+ .gx-sm-8 {
+ --bs-gutter-x: 8rem;
+ }
+
+ .g-sm-8,
+ .gy-sm-8 {
+ --bs-gutter-y: 8rem;
+ }
+
+ .g-sm-9,
+ .gx-sm-9 {
+ --bs-gutter-x: 10rem;
+ }
+
+ .g-sm-9,
+ .gy-sm-9 {
+ --bs-gutter-y: 10rem;
+ }
+
+ .g-sm-10,
+ .gx-sm-10 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-sm-10,
+ .gy-sm-10 {
+ --bs-gutter-y: 12rem;
+ }
+
+ .g-sm-11,
+ .gx-sm-11 {
+ --bs-gutter-x: 14rem;
+ }
+
+ .g-sm-11,
+ .gy-sm-11 {
+ --bs-gutter-y: 14rem;
+ }
+
+ .g-sm-12,
+ .gx-sm-12 {
+ --bs-gutter-x: 16rem;
+ }
+
+ .g-sm-12,
+ .gy-sm-12 {
+ --bs-gutter-y: 16rem;
+ }
}
-.btn.btn-tumblr,
-.navbar .navbar-nav>li>a.btn.btn-tumblr {
- background-color: #35465c;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
+@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.333333%;
+ }
+
+ .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.666667%;
+ }
+
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.333333%;
+ }
+
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.666667%;
+ }
+
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.333333%;
+ }
+
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.666667%;
+ }
+
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.333333%;
+ }
+
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.666667%;
+ }
+
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.333333%;
+ }
+
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.666667%;
+ }
+
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-md-0 {
+ margin-left: 0;
+ }
+
+ .offset-md-1 {
+ margin-left: 8.333333%;
+ }
+
+ .offset-md-2 {
+ margin-left: 16.666667%;
+ }
+
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+
+ .offset-md-4 {
+ margin-left: 33.333333%;
+ }
+
+ .offset-md-5 {
+ margin-left: 41.666667%;
+ }
+
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+
+ .offset-md-7 {
+ margin-left: 58.333333%;
+ }
+
+ .offset-md-8 {
+ margin-left: 66.666667%;
+ }
+
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+
+ .offset-md-10 {
+ margin-left: 83.333333%;
+ }
+
+ .offset-md-11 {
+ margin-left: 91.666667%;
+ }
+
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-md-6,
+ .gx-md-6 {
+ --bs-gutter-x: 4rem;
+ }
+
+ .g-md-6,
+ .gy-md-6 {
+ --bs-gutter-y: 4rem;
+ }
+
+ .g-md-7,
+ .gx-md-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-md-7,
+ .gy-md-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-md-8,
+ .gx-md-8 {
+ --bs-gutter-x: 8rem;
+ }
+
+ .g-md-8,
+ .gy-md-8 {
+ --bs-gutter-y: 8rem;
+ }
+
+ .g-md-9,
+ .gx-md-9 {
+ --bs-gutter-x: 10rem;
+ }
+
+ .g-md-9,
+ .gy-md-9 {
+ --bs-gutter-y: 10rem;
+ }
+
+ .g-md-10,
+ .gx-md-10 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-md-10,
+ .gy-md-10 {
+ --bs-gutter-y: 12rem;
+ }
+
+ .g-md-11,
+ .gx-md-11 {
+ --bs-gutter-x: 14rem;
+ }
+
+ .g-md-11,
+ .gy-md-11 {
+ --bs-gutter-y: 14rem;
+ }
+
+ .g-md-12,
+ .gx-md-12 {
+ --bs-gutter-x: 16rem;
+ }
+
+ .g-md-12,
+ .gy-md-12 {
+ --bs-gutter-y: 16rem;
+ }
}
-.btn.btn-tumblr:focus,
-.btn.btn-tumblr:active,
-.btn.btn-tumblr:hover,
-.navbar .navbar-nav>li>a.btn.btn-tumblr:focus,
-.navbar .navbar-nav>li>a.btn.btn-tumblr:active,
-.navbar .navbar-nav>li>a.btn.btn-tumblr:hover {
- background-color: #35465c;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
+@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.333333%;
+ }
+
+ .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.666667%;
+ }
+
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.333333%;
+ }
+
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.666667%;
+ }
+
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.333333%;
+ }
+
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.666667%;
+ }
+
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.333333%;
+ }
+
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.666667%;
+ }
+
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.333333%;
+ }
+
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.666667%;
+ }
+
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+
+ .offset-lg-1 {
+ margin-left: 8.333333%;
+ }
+
+ .offset-lg-2 {
+ margin-left: 16.666667%;
+ }
+
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+
+ .offset-lg-4 {
+ margin-left: 33.333333%;
+ }
+
+ .offset-lg-5 {
+ margin-left: 41.666667%;
+ }
+
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+
+ .offset-lg-7 {
+ margin-left: 58.333333%;
+ }
+
+ .offset-lg-8 {
+ margin-left: 66.666667%;
+ }
+
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+
+ .offset-lg-10 {
+ margin-left: 83.333333%;
+ }
+
+ .offset-lg-11 {
+ margin-left: 91.666667%;
+ }
+
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-lg-6,
+ .gx-lg-6 {
+ --bs-gutter-x: 4rem;
+ }
+
+ .g-lg-6,
+ .gy-lg-6 {
+ --bs-gutter-y: 4rem;
+ }
+
+ .g-lg-7,
+ .gx-lg-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-lg-7,
+ .gy-lg-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-lg-8,
+ .gx-lg-8 {
+ --bs-gutter-x: 8rem;
+ }
+
+ .g-lg-8,
+ .gy-lg-8 {
+ --bs-gutter-y: 8rem;
+ }
+
+ .g-lg-9,
+ .gx-lg-9 {
+ --bs-gutter-x: 10rem;
+ }
+
+ .g-lg-9,
+ .gy-lg-9 {
+ --bs-gutter-y: 10rem;
+ }
+
+ .g-lg-10,
+ .gx-lg-10 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-lg-10,
+ .gy-lg-10 {
+ --bs-gutter-y: 12rem;
+ }
+
+ .g-lg-11,
+ .gx-lg-11 {
+ --bs-gutter-x: 14rem;
+ }
+
+ .g-lg-11,
+ .gy-lg-11 {
+ --bs-gutter-y: 14rem;
+ }
+
+ .g-lg-12,
+ .gx-lg-12 {
+ --bs-gutter-x: 16rem;
+ }
+
+ .g-lg-12,
+ .gy-lg-12 {
+ --bs-gutter-y: 16rem;
+ }
+}
+
+@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.333333%;
+ }
+
+ .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.666667%;
+ }
+
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.333333%;
+ }
+
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.666667%;
+ }
+
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.333333%;
+ }
+
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.666667%;
+ }
+
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.333333%;
+ }
+
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.666667%;
+ }
+
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.333333%;
+ }
+
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.666667%;
+ }
+
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+
+ .offset-xl-1 {
+ margin-left: 8.333333%;
+ }
+
+ .offset-xl-2 {
+ margin-left: 16.666667%;
+ }
+
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+
+ .offset-xl-4 {
+ margin-left: 33.333333%;
+ }
+
+ .offset-xl-5 {
+ margin-left: 41.666667%;
+ }
+
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+
+ .offset-xl-7 {
+ margin-left: 58.333333%;
+ }
+
+ .offset-xl-8 {
+ margin-left: 66.666667%;
+ }
+
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+
+ .offset-xl-10 {
+ margin-left: 83.333333%;
+ }
+
+ .offset-xl-11 {
+ margin-left: 91.666667%;
+ }
+
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-xl-6,
+ .gx-xl-6 {
+ --bs-gutter-x: 4rem;
+ }
+
+ .g-xl-6,
+ .gy-xl-6 {
+ --bs-gutter-y: 4rem;
+ }
+
+ .g-xl-7,
+ .gx-xl-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-xl-7,
+ .gy-xl-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-xl-8,
+ .gx-xl-8 {
+ --bs-gutter-x: 8rem;
+ }
+
+ .g-xl-8,
+ .gy-xl-8 {
+ --bs-gutter-y: 8rem;
+ }
+
+ .g-xl-9,
+ .gx-xl-9 {
+ --bs-gutter-x: 10rem;
+ }
+
+ .g-xl-9,
+ .gy-xl-9 {
+ --bs-gutter-y: 10rem;
+ }
+
+ .g-xl-10,
+ .gx-xl-10 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-xl-10,
+ .gy-xl-10 {
+ --bs-gutter-y: 12rem;
+ }
+
+ .g-xl-11,
+ .gx-xl-11 {
+ --bs-gutter-x: 14rem;
+ }
+
+ .g-xl-11,
+ .gy-xl-11 {
+ --bs-gutter-y: 14rem;
+ }
+
+ .g-xl-12,
+ .gx-xl-12 {
+ --bs-gutter-x: 16rem;
+ }
+
+ .g-xl-12,
+ .gy-xl-12 {
+ --bs-gutter-y: 16rem;
+ }
+}
+
+@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.333333%;
+ }
+
+ .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.666667%;
+ }
+
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
+
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.333333%;
+ }
+
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.666667%;
+ }
+
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.333333%;
+ }
+
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.666667%;
+ }
+
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.333333%;
+ }
+
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.666667%;
+ }
+
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.333333%;
+ }
+
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.666667%;
+ }
+
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
+
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
+
+ .offset-xxl-1 {
+ margin-left: 8.333333%;
+ }
+
+ .offset-xxl-2 {
+ margin-left: 16.666667%;
+ }
+
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
+
+ .offset-xxl-4 {
+ margin-left: 33.333333%;
+ }
+
+ .offset-xxl-5 {
+ margin-left: 41.666667%;
+ }
+
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
+
+ .offset-xxl-7 {
+ margin-left: 58.333333%;
+ }
+
+ .offset-xxl-8 {
+ margin-left: 66.666667%;
+ }
+
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
+
+ .offset-xxl-10 {
+ margin-left: 83.333333%;
+ }
+
+ .offset-xxl-11 {
+ margin-left: 91.666667%;
+ }
+
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
+
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
+
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
+
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
+
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
+
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
+
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
+
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+
+ .g-xxl-6,
+ .gx-xxl-6 {
+ --bs-gutter-x: 4rem;
+ }
+
+ .g-xxl-6,
+ .gy-xxl-6 {
+ --bs-gutter-y: 4rem;
+ }
+
+ .g-xxl-7,
+ .gx-xxl-7 {
+ --bs-gutter-x: 6rem;
+ }
+
+ .g-xxl-7,
+ .gy-xxl-7 {
+ --bs-gutter-y: 6rem;
+ }
+
+ .g-xxl-8,
+ .gx-xxl-8 {
+ --bs-gutter-x: 8rem;
+ }
+
+ .g-xxl-8,
+ .gy-xxl-8 {
+ --bs-gutter-y: 8rem;
+ }
+
+ .g-xxl-9,
+ .gx-xxl-9 {
+ --bs-gutter-x: 10rem;
+ }
+
+ .g-xxl-9,
+ .gy-xxl-9 {
+ --bs-gutter-y: 10rem;
+ }
+
+ .g-xxl-10,
+ .gx-xxl-10 {
+ --bs-gutter-x: 12rem;
+ }
+
+ .g-xxl-10,
+ .gy-xxl-10 {
+ --bs-gutter-y: 12rem;
+ }
+
+ .g-xxl-11,
+ .gx-xxl-11 {
+ --bs-gutter-x: 14rem;
+ }
+
+ .g-xxl-11,
+ .gy-xxl-11 {
+ --bs-gutter-y: 14rem;
+ }
+
+ .g-xxl-12,
+ .gx-xxl-12 {
+ --bs-gutter-x: 16rem;
+ }
+
+ .g-xxl-12,
+ .gy-xxl-12 {
+ --bs-gutter-y: 16rem;
+ }
}
-.btn.btn-tumblr.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-tumblr.btn-simple {
- color: #35465c;
- background-color: transparent;
- box-shadow: none;
+.table {
+ --bs-table-color: #7b809a;
+ --bs-table-bg: transparent;
+ --bs-table-border-color: #f0f2f5;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #7b809a;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #7b809a;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #7b809a;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ color: var(--bs-table-color);
+ vertical-align: top;
+ border-color: var(--bs-table-border-color);
}
-.btn.btn-behance,
-.navbar .navbar-nav>li>a.btn.btn-behance {
- background-color: #1769ff;
- color: #fff;
- box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
+.table> :not(caption)>*>* {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
-.btn.btn-behance:focus,
-.btn.btn-behance:active,
-.btn.btn-behance:hover,
-.navbar .navbar-nav>li>a.btn.btn-behance:focus,
-.navbar .navbar-nav>li>a.btn.btn-behance:active,
-.navbar .navbar-nav>li>a.btn.btn-behance:hover {
- background-color: #1769ff;
- color: #fff;
- box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
+.table>tbody {
+ vertical-align: inherit;
}
-.btn.btn-behance.btn-simple,
-.navbar .navbar-nav>li>a.btn.btn-behance.btn-simple {
- color: #1769ff;
- background-color: transparent;
- box-shadow: none;
+.table>thead {
+ vertical-align: bottom;
}
-.btn:focus,
-.btn:active,
-.btn:active:focus,
-.navbar .navbar-nav>li>a.btn:focus,
-.navbar .navbar-nav>li>a.btn:active,
-.navbar .navbar-nav>li>a.btn:active:focus {
- outline: 0;
+.table-group-divider {
+ border-top: 2px solid currentColor;
}
-.btn.btn-round,
-.navbar .navbar-nav>li>a.btn.btn-round {
- border-radius: 30px;
+.caption-top {
+ caption-side: top;
}
-.btn:not(.btn-just-icon):not(.btn-fab) .fa,
-.navbar .navbar-nav>li>a.btn:not(.btn-just-icon):not(.btn-fab) .fa {
- font-size: 18px;
- margin-top: -2px;
- position: relative;
- top: 2px;
+.table-sm> :not(caption)>*>* {
+ padding: 0.25rem 0.25rem;
}
-.btn.btn-fab,
-.navbar .navbar-nav>li>a.btn.btn-fab {
- border-radius: 50%;
- font-size: 24px;
- height: 56px;
- margin: auto;
- min-width: 56px;
- width: 56px;
- padding: 0;
- overflow: hidden;
- position: relative;
- line-height: normal;
+.table-bordered> :not(caption)>* {
+ border-width: 1px 0;
}
-.btn.btn-fab .ripple-container,
-.navbar .navbar-nav>li>a.btn.btn-fab .ripple-container {
- border-radius: 50%;
+.table-bordered> :not(caption)>*>* {
+ border-width: 0 1px;
}
-.btn.btn-fab.btn-fab-mini,
-.btn-group-sm .btn.btn-fab,
-.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini,
-.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab {
- height: 40px;
- min-width: 40px;
- width: 40px;
+.table-borderless> :not(caption)>*>* {
+ border-bottom-width: 0;
}
-.btn.btn-fab.btn-fab-mini.material-icons,
-.btn-group-sm .btn.btn-fab.material-icons,
-.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini.material-icons,
-.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab.material-icons {
- top: -3.5px;
- left: -3.5px;
+.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);
}
-.btn.btn-fab.btn-fab-mini .material-icons,
-.btn-group-sm .btn.btn-fab .material-icons,
-.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini .material-icons,
-.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab .material-icons {
- font-size: 17px;
+.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: #fbd2e0;
+ --bs-table-border-color: #e2bdca;
+ --bs-table-striped-bg: #eec8d5;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e2bdca;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e8c2cf;
+ --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: #e5e6eb;
+ --bs-table-border-color: #cecfd4;
+ --bs-table-striped-bg: #dadbdf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cecfd4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d4d5d9;
+ --bs-table-hover-color: #000;
+ color: var(--bs-table-color);
+ border-color: var(--bs-table-border-color);
}
-.btn.btn-fab i.material-icons,
-.navbar .navbar-nav>li>a.btn.btn-fab i.material-icons {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-12px, -12px);
- line-height: 24px;
- width: 24px;
- font-size: 24px;
+.table-success {
+ --bs-table-color: #000;
+ --bs-table-bg: #dbefdc;
+ --bs-table-border-color: #c5d7c6;
+ --bs-table-striped-bg: #d0e3d1;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #c5d7c6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #cbddcc;
+ --bs-table-hover-color: #000;
+ color: var(--bs-table-color);
+ border-color: var(--bs-table-border-color);
}
-.btn.btn-lg,
-.btn-group-lg .btn,
-.navbar .navbar-nav>li>a.btn.btn-lg,
-.btn-group-lg .navbar .navbar-nav>li>a.btn {
- font-size: 14px;
- padding: 18px 36px;
+.table-info {
+ --bs-table-color: #000;
+ --bs-table-bg: #d1e3fa;
+ --bs-table-border-color: #bccce1;
+ --bs-table-striped-bg: #c7d8ee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bccce1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d2e7;
+ --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: #fee8cc;
+ --bs-table-border-color: #e5d1b8;
+ --bs-table-striped-bg: #f1dcc2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e5d1b8;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ebd7bd;
+ --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: #fdd9d7;
+ --bs-table-border-color: #e4c3c2;
+ --bs-table-striped-bg: #f0cecc;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e4c3c2;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #eac9c7;
+ --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: #f0f2f5;
+ --bs-table-border-color: #d8dadd;
+ --bs-table-striped-bg: #e4e6e9;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #d8dadd;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #dee0e3;
+ --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: #344767;
+ --bs-table-border-color: #485976;
+ --bs-table-striped-bg: #3e506f;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #485976;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #435572;
+ --bs-table-hover-color: #fff;
+ color: var(--bs-table-color);
+ border-color: var(--bs-table-border-color);
+}
+
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+
+.form-label {
+ margin-bottom: 0.5rem;
+ font-size: 0.875rem;
+ font-weight: 400;
+ color: #7b809a;
+}
+
+.col-form-label {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ font-weight: 400;
+ line-height: 1.5rem;
+ color: #7b809a;
}
-.btn.btn-sm,
-.btn-group-sm .btn,
-.navbar .navbar-nav>li>a.btn.btn-sm,
-.btn-group-sm .navbar .navbar-nav>li>a.btn {
- padding: 5px 20px;
- font-size: 11px;
+.col-form-label-lg {
+ padding-top: calc(0.75rem + 1px);
+ padding-bottom: calc(0.75rem + 1px);
+ font-size: 0.875rem;
}
-.btn.btn-xs,
-.btn-group-xs .btn,
-.navbar .navbar-nav>li>a.btn.btn-xs,
-.btn-group-xs .navbar .navbar-nav>li>a.btn {
- padding: 4px 15px;
- font-size: 10px;
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.75rem;
}
-.btn.btn-just-icon,
-.navbar .navbar-nav>li>a.btn.btn-just-icon {
- font-size: 20px;
- padding: 12px 12px;
- line-height: 1em;
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.btn.btn-just-icon i,
-.navbar .navbar-nav>li>a.btn.btn-just-icon i {
- width: 20px;
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.5rem 0;
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.5rem;
+ color: #495057;
+ background-color: transparent;
+ background-clip: padding-box;
+ border: 1px solid #d2d6da;
+ appearance: none;
+ border-radius: 0.375rem;
+ transition: 0.2s ease;
}
-.btn.btn-just-icon.btn-lg,
-.navbar .navbar-nav>li>a.btn.btn-just-icon.btn-lg {
- font-size: 22px;
- padding: 13px 18px;
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
}
-.btn .material-icons {
- vertical-align: middle;
- font-size: 17px;
- top: -1px;
- position: relative;
+.form-control[type="file"] {
+ overflow: hidden;
}
-.navbar .navbar-nav>li>a.btn {
- margin-top: 2px;
- margin-bottom: 2px;
+.form-control[type="file"]:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-.navbar .navbar-nav>li>a.btn.btn-fab {
- margin: 5px 2px;
+.form-control:focus {
+ color: #495057;
+ background-color: transparent;
+ border-color: transparent;
+ outline: 0;
+ box-shadow: none;
}
-.navbar .navbar-nav>li>a:not(.btn) .material-icons {
- margin-top: -3px;
- top: 0px;
- position: relative;
- margin-right: 3px;
+.form-control::-webkit-date-and-time-value {
+ height: 1.5rem;
}
-.navbar .navbar-nav>li>.profile-photo {
- margin: 5px 2px;
+.form-control::placeholder {
+ color: #adb5bd;
+ opacity: 1;
}
-.navbar-default:not(.navbar-transparent) .navbar-nav>li>a.btn.btn-white.btn-simple {
- color: #555555;
+.form-control:disabled {
+ background-color: #f0f2f5;
+ opacity: 1;
}
-.btn-group,
-.btn-group-vertical {
- position: relative;
- margin: 10px 1px;
+.form-control::file-selector-button {
+ padding: 0.5rem 0;
+ margin: -0.5rem 0;
+ margin-inline-end: 0;
+ color: #495057;
+ background-color: transparent;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: all 0.15s ease-in;
}
-.btn-group.open>.dropdown-toggle.btn,
-.btn-group.open>.dropdown-toggle.btn.btn-default,
-.btn-group-vertical.open>.dropdown-toggle.btn,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-default {
- background-color: #FFFFFF;
+@media (prefers-reduced-motion: reduce) {
+ .form-control::file-selector-button {
+ transition: none;
+ }
}
-.btn-group.open>.dropdown-toggle.btn.btn-inverse,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-inverse {
- background-color: #212121;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: rgba(0, 0, 0, 0.05);
}
-.btn-group.open>.dropdown-toggle.btn.btn-primary,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-primary {
- background-color: #9c27b0;
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding: 0.5rem 0;
+ margin-bottom: 0;
+ line-height: 1.5rem;
+ color: #344767;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
}
-.btn-group.open>.dropdown-toggle.btn.btn-success,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-success {
- background-color: #4caf50;
+.form-control-plaintext:focus {
+ outline: 0;
}
-.btn-group.open>.dropdown-toggle.btn.btn-info,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-info {
- background-color: #00bcd4;
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
}
-.btn-group.open>.dropdown-toggle.btn.btn-warning,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-warning {
- background-color: #ff9800;
+.form-control-sm {
+ min-height: unset;
+ padding: 0.25rem 0.75rem;
+ font-size: 0.75rem;
+ border-radius: 0.125rem;
}
-.btn-group.open>.dropdown-toggle.btn.btn-danger,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-danger {
- background-color: #f44336;
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.75rem;
+ margin: -0.25rem -0.75rem;
+ margin-inline-end: 0.75rem;
}
-.btn-group.open>.dropdown-toggle.btn.btn-rose,
-.btn-group-vertical.open>.dropdown-toggle.btn.btn-rose {
- background-color: #e91e63;
+.form-control-lg {
+ min-height: unset;
+ padding: 0.75rem 0.75rem;
+ font-size: 0.875rem;
+ border-radius: 0.5rem;
}
-.btn-group .dropdown-menu,
-.btn-group-vertical .dropdown-menu {
- border-radius: 0 0 3px 3px;
+.form-control-lg::file-selector-button {
+ padding: 0.75rem 0.75rem;
+ margin: -0.75rem -0.75rem;
+ margin-inline-end: 0.75rem;
}
-.btn-group.btn-group-raised,
-.btn-group-vertical.btn-group-raised {
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+textarea.form-control {
+ min-height: unset;
}
-.btn-group .btn+.btn,
-.btn-group .btn,
-.btn-group .btn:active,
-.btn-group .btn-group,
-.btn-group-vertical .btn+.btn,
-.btn-group-vertical .btn,
-.btn-group-vertical .btn:active,
-.btn-group-vertical .btn-group {
- margin: 0;
+textarea.form-control-sm {
+ min-height: unset;
}
-.close {
- font-size: inherit;
- color: #FFFFFF;
- opacity: .9;
- text-shadow: none;
+textarea.form-control-lg {
+ min-height: unset;
}
-.close:hover,
-.close:focus {
- opacity: 1;
- color: #FFFFFF;
+.form-control-color {
+ width: 3rem;
+ height: unset;
+ padding: 0.5rem;
}
-.close i {
- font-size: 20px;
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-body {
- background-color: #EEEEEE;
- color: #3C4858;
+.form-control-color::-moz-color-swatch {
+ border: 0 !important;
+ border-radius: 0.375rem;
}
-body.inverse {
- background: #333333;
+.form-control-color::-webkit-color-swatch {
+ border-radius: 0.375rem;
}
-body.inverse,
-body.inverse .form-control {
- color: #ffffff;
+.form-control-color.form-control-sm {
+ height: unset;
}
-body.inverse .modal,
-body.inverse .modal .form-control,
-body.inverse .panel-default,
-body.inverse .panel-default .form-control,
-body.inverse .card,
-body.inverse .card .form-control {
- background-color: initial;
- color: initial;
+.form-control-color.form-control-lg {
+ height: unset;
}
-.wrapper.wrapper-full-page {
- height: auto;
- min-height: 100vh;
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.5rem 1rem 0.5rem 0;
+ -moz-padding-start: -3px;
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.5rem;
+ color: #495057;
+ background-color: transparent;
+ 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 0 center;
+ background-size: 16px 12px;
+ border: 1px solid #d2d6da;
+ border-radius: 0.375rem;
+ transition: 0.2s ease;
+ appearance: none;
}
-blockquote p {
- font-style: italic;
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
+ }
}
-.life-of-material-dashboard {
- background: #FFFFFF;
+.form-select:focus {
+ border-color: transparent;
+ outline: 0;
+ box-shadow: none;
}
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4 {
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;
- font-weight: 300;
- line-height: 1.5em;
+.form-select[multiple],
+.form-select[size]:not([size="1"]) {
+ padding-right: 0;
+ background-image: none;
}
-.serif-font {
- font-family: "Roboto Slab", "Times New Roman", serif;
+.form-select:disabled {
+ color: #6c757d;
+ background-color: #f0f2f5;
}
-.page-header {
- height: 60vh;
- background-position: center center;
- background-size: cover;
- margin: 0;
- padding: 0;
- border: 0;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #495057;
}
-a {
- color: #9c27b0;
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.75rem;
+ font-size: 0.75rem;
+ border-radius: 0.125rem;
}
-a:hover,
-a:focus {
- color: #89229b;
- text-decoration: none;
+.form-select-lg {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 0.75rem;
+ font-size: 0.875rem;
+ border-radius: 0.5rem;
}
-a.text-info:hover,
-a.text-info:focus {
- color: #00a5bb;
+.form-check {
+ display: block;
+ min-height: auto;
+ padding-left: 1.73em;
+ margin-bottom: 0.125rem;
}
-a .material-icons {
- vertical-align: middle;
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.73em;
}
-a[data-toggle="collapse"][aria-expanded="true"] .caret {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
+.form-check-reverse {
+ padding-right: 1.73em;
+ padding-left: 0;
+ text-align: right;
}
-.sidebar .nav a,
-.caret {
- -webkit-transition: all 150ms ease-in;
- -moz-transition: all 150ms ease-in;
- -o-transition: all 150ms ease-in;
- -ms-transition: all 150ms ease-in;
- transition: all 150ms ease-in;
+.form-check-reverse .form-check-input {
+ float: right;
+ margin-right: -1.73em;
+ margin-left: 0;
}
+.form-check-input {
+ width: 1.23em;
+ height: 1.23em;
+ margin-top: 0.135em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: none;
+ appearance: none;
+ print-color-adjust: exact;
+ transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out;
+}
-/* Animations */
+@media (prefers-reduced-motion: reduce) {
+ .form-check-input {
+ transition: none;
+ }
+}
-.animation-transition-general,
-.sidebar .nav li>a,
-.off-canvas-sidebar .nav li>a {
- -webkit-transition: all 300ms linear;
- -moz-transition: all 300ms linear;
- -o-transition: all 300ms linear;
- -ms-transition: all 300ms linear;
- transition: all 300ms linear;
+.form-check-input[type="checkbox"] {
+ border-radius: 0.35rem;
}
-.animation-transition-slow {
- -webkit-transition: all 370ms linear;
- -moz-transition: all 370ms linear;
- -o-transition: all 370ms linear;
- -ms-transition: all 370ms linear;
- transition: all 370ms linear;
+.form-check-input[type="radio"] {
+ border-radius: 50%;
}
-.animation-transition-fast,
-.navbar {
- -webkit-transition: all 150ms ease 0s;
- -moz-transition: all 150ms ease 0s;
- -o-transition: all 150ms ease 0s;
- -ms-transition: all 150ms ease 0s;
- transition: all 150ms ease 0s;
+.form-check-input:active {
+ filter: brightness(99%);
}
-legend {
- border-bottom: 0;
+.form-check-input:focus {
+ border-color: none;
+ outline: 0;
+ box-shadow: none;
}
-* {
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
- -webkit-tap-highlight-color: transparent;
+.form-check-input:checked {
+ background-color: transparent;
+ border-color: transparent;
}
-*:focus {
- outline: 0;
+.form-check-input:checked[type="checkbox"] {
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
}
-a:focus,
-a:active,
-button:active,
-button:focus,
-button:hover,
-button::-moz-focus-inner,
-input[type="reset"]::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner,
-select::-moz-focus-inner,
-input[type="file"]>input[type="button"]::-moz-focus-inner {
- outline: 0 !important;
+.form-check-input:checked[type="radio"] {
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
}
-legend {
- margin-bottom: 20px;
- font-size: 21px;
+.form-check-input[type="checkbox"]:indeterminate {
+ background-color: #e91e63;
+ border-color: #e91e63;
+ 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");
}
-output {
- padding-top: 8px;
- font-size: 14px;
- line-height: 1.42857;
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
}
-.form-control {
- height: 36px;
- padding: 7px 0;
- font-size: 14px;
- line-height: 1.42857;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
- input[type="date"].form-control,
- input[type="time"].form-control,
- input[type="datetime-local"].form-control,
- input[type="month"].form-control {
- line-height: 36px;
- }
- input[type="date"].input-sm,
- .input-group-sm input[type="date"],
- input[type="time"].input-sm,
- .input-group-sm input[type="time"],
- input[type="datetime-local"].input-sm,
- .input-group-sm input[type="datetime-local"],
- input[type="month"].input-sm,
- .input-group-sm input[type="month"] {
- line-height: 24px;
- }
- input[type="date"].input-lg,
- .input-group-lg input[type="date"],
- input[type="time"].input-lg,
- .input-group-lg input[type="time"],
- input[type="datetime-local"].input-lg,
- .input-group-lg input[type="datetime-local"],
- input[type="month"].input-lg,
- .input-group-lg input[type="month"] {
- line-height: 44px;
- }
-}
-
-.radio label,
-.checkbox label {
- min-height: 20px;
-}
-
-.form-control-static {
- padding-top: 8px;
- padding-bottom: 8px;
- min-height: 34px;
-}
-
-.input-sm .input-sm {
- height: 24px;
- padding: 3px 0;
- font-size: 11px;
- line-height: 1.5;
- border-radius: 0;
+.form-check-input[disabled]~.form-check-label,
+.form-check-input:disabled~.form-check-label {
+ cursor: default;
+ opacity: 0.5;
}
-.input-sm select.input-sm {
- height: 24px;
- line-height: 24px;
+.form-switch {
+ padding-left: 2.375rem;
}
-.input-sm textarea.input-sm,
-.input-sm select[multiple].input-sm {
- height: auto;
+.form-switch .form-check-input {
+ width: 1.875rem;
+ margin-left: -2.375rem;
+ background-image: none;
+ background-position: left center;
+ border-radius: 1.875rem;
+ transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out;
}
-.form-group-sm .form-control {
- height: 24px;
- padding: 3px 0;
- font-size: 11px;
- line-height: 1.5;
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
+ }
}
-.form-group-sm select.form-control {
- height: 24px;
- line-height: 24px;
+.form-switch .form-check-input:focus {
+ background-image: none;
}
-.form-group-sm textarea.form-control,
-.form-group-sm select[multiple].form-control {
- height: auto;
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: none;
}
-.form-group-sm .form-control-static {
- height: 24px;
- min-height: 31px;
- padding: 4px 0;
- font-size: 11px;
- line-height: 1.5;
+.form-switch.form-check-reverse {
+ padding-right: 2.375rem;
+ padding-left: 0;
}
-.input-lg .input-lg {
- height: 44px;
- padding: 9px 0;
- font-size: 18px;
- line-height: 1.33333;
- border-radius: 0;
+.form-switch.form-check-reverse .form-check-input {
+ margin-right: -2.375rem;
+ margin-left: 0;
}
-.input-lg select.input-lg {
- height: 44px;
- line-height: 44px;
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
}
-.input-lg textarea.input-lg,
-.input-lg select[multiple].input-lg {
- height: auto;
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
}
-.form-group-lg .form-control {
- height: 44px;
- padding: 9px 0;
- font-size: 18px;
- line-height: 1.33333;
+.btn-check[disabled]+.btn,
+.btn-check:disabled+.btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
}
-.form-group-lg select.form-control {
- height: 44px;
- line-height: 44px;
+.form-range {
+ width: 100%;
+ height: calc(1rem + 4px);
+ padding: 0;
+ background-color: transparent;
+ appearance: none;
}
-.form-group-lg textarea.form-control,
-.form-group-lg select[multiple].form-control {
- height: auto;
+.form-range:focus {
+ outline: 0;
}
-.form-group-lg .form-control-static {
- height: 44px;
- min-height: 38px;
- padding: 10px 0;
- font-size: 18px;
- line-height: 1.33333;
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, none;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox,
-.form-horizontal .radio-inline,
-.form-horizontal .checkbox-inline {
- padding-top: 8px;
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, none;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox {
- min-height: 28px;
+.form-range::-moz-focus-outer {
+ border: 0;
}
-@media (min-width: 768px) {
- .form-horizontal .control-label {
- padding-top: 8px;
- }
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #e91e63;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ appearance: none;
}
-@media (min-width: 768px) {
- .form-horizontal .form-group-lg .control-label {
- padding-top: 13px;
- font-size: 18px;
- }
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ transition: none;
+ }
}
-@media (min-width: 768px) {
- .form-horizontal .form-group-sm .control-label {
- padding-top: 4px;
- font-size: 11px;
- }
+.form-range::-webkit-slider-thumb:active {
+ background-color: #f9c1d4;
}
-.label {
- border-radius: 2px;
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-.label,
-.label.label-default {
- background-color: #FFFFFF;
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #e91e63;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ appearance: none;
}
-.label.label-inverse {
- background-color: #212121;
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ transition: none;
+ }
}
-.label.label-primary {
- background-color: #9c27b0;
+.form-range::-moz-range-thumb:active {
+ background-color: #f9c1d4;
}
-.label.label-success {
- background-color: #4caf50;
+.form-range::-moz-range-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-.label.label-info {
- background-color: #00bcd4;
+.form-range:disabled {
+ pointer-events: none;
}
-.label.label-warning {
- background-color: #ff9800;
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
}
-.label.label-danger {
- background-color: #f44336;
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
}
-.label.label-rose {
- background-color: #e91e63;
+.form-floating {
+ position: relative;
}
-.form-control,
-.form-group .form-control {
- border: 0;
- background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
- background-size: 0 2px, 100% 1px;
- background-repeat: no-repeat;
- background-position: center bottom, center calc(100% - 1px);
- background-color: transparent;
- transition: background 0s ease-out;
- float: none;
- box-shadow: none;
- border-radius: 0;
- font-weight: 400;
+.form-floating>.form-control,
+.form-floating>.form-control-plaintext,
+.form-floating>.form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
}
-.form-control::-moz-placeholder,
-.form-group .form-control::-moz-placeholder {
- color: #AAAAAA;
- font-weight: 400;
+.form-floating>label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ padding: 1rem 0;
+ overflow: hidden;
+ text-align: start;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
-.form-control:-ms-input-placeholder,
-.form-group .form-control:-ms-input-placeholder {
- color: #AAAAAA;
- font-weight: 400;
+@media (prefers-reduced-motion: reduce) {
+ .form-floating>label {
+ transition: none;
+ }
}
-.form-control::-webkit-input-placeholder,
-.form-group .form-control::-webkit-input-placeholder {
- color: #AAAAAA;
- font-weight: 400;
+.form-floating>.form-control,
+.form-floating>.form-control-plaintext {
+ padding: 1rem 0;
}
-.form-control[readonly],
-.form-control[disabled],
-fieldset[disabled] .form-control,
-.form-group .form-control[readonly],
-.form-group .form-control[disabled],
-fieldset[disabled] .form-group .form-control {
- background-color: transparent;
+.form-floating>.form-control::placeholder,
+.form-floating>.form-control-plaintext::placeholder {
+ color: transparent;
}
-.form-control[disabled],
-fieldset[disabled] .form-control,
-.form-group .form-control[disabled],
-fieldset[disabled] .form-group .form-control {
- background-image: none;
- border-bottom: 1px dotted #D2D2D2;
+.form-floating>.form-control:focus,
+.form-floating>.form-control:not(:placeholder-shown),
+.form-floating>.form-control-plaintext:focus,
+.form-floating>.form-control-plaintext:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-.form-group {
- position: relative;
+.form-floating>.form-control:-webkit-autofill,
+.form-floating>.form-control-plaintext:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-.form-group.label-static label.control-label,
-.form-group.label-placeholder label.control-label,
-.form-group.label-floating label.control-label {
- position: absolute;
- pointer-events: none;
- transition: 0.3s ease all;
+.form-floating>.form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-.form-group.label-floating label.control-label {
- will-change: left, top, contents;
+.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: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.form-group.label-placeholder:not(.is-empty) label.control-label {
- display: none;
+.form-floating>.form-control:-webkit-autofill~label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.form-group .help-block {
- position: absolute;
- display: none;
+.form-floating>.form-control-plaintext~label {
+ border-width: 1px 0;
}
-.form-group.is-focused .form-control {
- outline: none;
- background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
- background-size: 100% 2px, 100% 1px;
- box-shadow: none;
- transition-duration: 0.3s;
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
}
-.form-group.is-focused .form-control .material-input:after {
- background-color: #9c27b0;
+.input-group>.form-control,
+.input-group>.form-select,
+.input-group>.form-floating {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
}
-.form-group.is-focused.form-info .form-control {
- background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
+.input-group>.form-control:focus,
+.input-group>.form-select:focus,
+.input-group>.form-floating:focus-within {
+ z-index: 5;
}
-.form-group.is-focused.form-success .form-control {
- background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
+.input-group .btn {
+ position: relative;
+ z-index: 2;
}
-.form-group.is-focused.form-warning .form-control {
- background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
+.input-group .btn:focus {
+ z-index: 5;
}
-.form-group.is-focused.form-danger .form-control {
- background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0;
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.5rem;
+ color: #344767;
+ text-align: center;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 1px solid #d2d6da;
+ border-radius: 0.375rem;
}
-.form-group.is-focused.form-white .form-control {
- background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2);
+.input-group-lg>.form-control,
+.input-group-lg>.form-select,
+.input-group-lg>.input-group-text,
+.input-group-lg>.btn {
+ padding: 0.75rem 0.75rem;
+ font-size: 0.875rem;
+ border-radius: 0.5rem;
}
-.form-group.is-focused.label-placeholder label,
-.form-group.is-focused.label-placeholder label.control-label {
- color: #AAAAAA;
+.input-group-sm>.form-control,
+.input-group-sm>.form-select,
+.input-group-sm>.input-group-text,
+.input-group-sm>.btn {
+ padding: 0.25rem 0.75rem;
+ font-size: 0.75rem;
+ border-radius: 0.125rem;
}
-.form-group.is-focused .help-block {
- display: block;
+.input-group-lg>.form-select,
+.input-group-sm>.form-select {
+ padding-right: 1rem;
}
-.form-group.has-warning .form-control {
- box-shadow: none;
+.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;
}
-.form-group.has-warning.is-focused .form-control {
- background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
+.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;
}
-.form-group.has-warning label.control-label,
-.form-group.has-warning .help-block {
- color: #ff9800;
+.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;
}
-.form-group.has-error .form-control {
- box-shadow: none;
+.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;
}
-.form-group.has-error.is-focused .form-control {
- background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #66d432;
}
-.form-group.has-error label.control-label,
-.form-group.has-error .help-block {
- color: #f44336;
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: .1rem;
+ font-size: 0.875rem;
+ color: #000;
+ background-color: rgba(102, 212, 50, 0.9);
+ border-radius: 0.375rem;
}
-.form-group.has-success .form-control {
- box-shadow: none;
+.was-validated :valid~.valid-feedback,
+.was-validated :valid~.valid-tooltip,
+.is-valid~.valid-feedback,
+.is-valid~.valid-tooltip {
+ display: block;
}
-.form-group.has-success.is-focused .form-control {
- background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
+.was-validated .form-control:valid,
+.form-control.is-valid {
+ border-color: #66d432;
+ padding-right: unset;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center;
+ background-size: 1rem 1rem;
}
-.form-group.has-success label.control-label,
-.form-group.has-success .help-block {
- color: #4caf50;
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+ border-color: #66d432;
+ box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25);
}
-.form-group.has-info .form-control {
- box-shadow: none;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+ padding-right: unset;
+ background-position: top 0.75rem right 0.75rem;
}
-.form-group.has-info.is-focused .form-control {
- background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
+.was-validated .form-select:valid,
+.form-select.is-valid {
+ border-color: #66d432;
}
-.form-group.has-info label.control-label,
-.form-group.has-info .help-block {
- color: #00bcd4;
+.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: 1rem;
+ 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 10 8'%3e%3cpath fill='%2366d432' 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 0 center, center right 1rem;
+ background-size: 16px 12px, 1rem 1rem;
}
-.form-group textarea {
- resize: none;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+ border-color: #66d432;
+ box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25);
}
-.form-group textarea~.form-control-highlight {
- margin-top: -11px;
+.was-validated .form-control-color:valid,
+.form-control-color.is-valid {
+ width: calc(3rem + unset);
}
-.form-group select {
- appearance: none;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: #66d432;
}
-.form-group select~.material-input:after {
- display: none;
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+ background-color: #66d432;
}
-.form-control::-moz-placeholder {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25);
}
-.form-control:-ms-input-placeholder {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated .form-check-input:valid~.form-check-label,
+.form-check-input.is-valid~.form-check-label {
+ color: #66d432;
}
-.form-control::-webkit-input-placeholder {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.form-check-inline .form-check-input~.valid-feedback {
+ margin-left: .5em;
}
-.checkbox label,
-.radio label,
-label {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.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;
}
-label.control-label {
- font-size: 11px;
- line-height: 1.07143;
- color: #AAAAAA;
- font-weight: 400;
- margin: 16px 0 0 0;
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #fd5c70;
}
-.help-block {
- margin-top: 0;
- font-size: 11px;
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: .1rem;
+ font-size: 0.875rem;
+ color: #000;
+ background-color: rgba(253, 92, 112, 0.9);
+ border-radius: 0.375rem;
}
-.form-group {
- padding-bottom: 10px;
- margin: 27px 0 0 0;
+.was-validated :invalid~.invalid-feedback,
+.was-validated :invalid~.invalid-tooltip,
+.is-invalid~.invalid-feedback,
+.is-invalid~.invalid-tooltip {
+ display: block;
}
-.form-group .form-control::-moz-placeholder {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+ border-color: #fd5c70;
+ padding-right: unset;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 1rem 1rem;
}
-.form-group .form-control:-ms-input-placeholder {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+ border-color: #fd5c70;
+ box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25);
}
-.form-group .form-control::-webkit-input-placeholder {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+ padding-right: unset;
+ background-position: top 0.75rem right 0.75rem;
}
-.form-group .checkbox label,
-.form-group .radio label,
-.form-group label {
- font-size: 14px;
- line-height: 1.42857;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+ border-color: #fd5c70;
}
-.form-group label.control-label {
- font-size: 11px;
- line-height: 1.07143;
- color: #AAAAAA;
- font-weight: 400;
- margin: 16px 0 0 0;
+.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: 1rem;
+ 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' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0 center, center right 1rem;
+ background-size: 16px 12px, 1rem 1rem;
}
-.form-group .help-block {
- margin-top: 0;
- font-size: 11px;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+ border-color: #fd5c70;
+ box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25);
}
-.form-group.label-floating label.control-label,
-.form-group.label-placeholder label.control-label {
- top: -7px;
- font-size: 14px;
- line-height: 1.42857;
+.was-validated .form-control-color:invalid,
+.form-control-color.is-invalid {
+ width: calc(3rem + unset);
}
-.form-group.label-static label.control-label,
-.form-group.label-floating.is-focused label.control-label,
-.form-group.label-floating:not(.is-empty) label.control-label {
- top: -28px;
- left: 0;
- font-size: 11px;
- line-height: 1.07143;
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+ border-color: #fd5c70;
}
-.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
- top: -28px;
- left: 0;
- font-size: 11px;
- line-height: 1.07143;
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+ background-color: #fd5c70;
}
-.form-group.form-group-sm {
- padding-bottom: 10px;
- margin: 21px 0 0 0;
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25);
}
-.form-group.form-group-sm .form-control::-moz-placeholder {
- font-size: 11px;
- line-height: 1.5;
- color: #AAAAAA;
- font-weight: 400;
+.was-validated .form-check-input:invalid~.form-check-label,
+.form-check-input.is-invalid~.form-check-label {
+ color: #fd5c70;
}
-.form-group.form-group-sm .form-control:-ms-input-placeholder {
- font-size: 11px;
- line-height: 1.5;
- color: #AAAAAA;
- font-weight: 400;
+.form-check-inline .form-check-input~.invalid-feedback {
+ margin-left: .5em;
}
-.form-group.form-group-sm .form-control::-webkit-input-placeholder {
- font-size: 11px;
- line-height: 1.5;
- color: #AAAAAA;
- font-weight: 400;
+.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;
}
-.form-group.form-group-sm .checkbox label,
-.form-group.form-group-sm .radio label,
-.form-group.form-group-sm label {
- font-size: 11px;
- line-height: 1.5;
- color: #AAAAAA;
- font-weight: 400;
+.btn {
+ --bs-btn-padding-x: 1.5rem;
+ --bs-btn-padding-y: 0.625rem;
+ --bs-btn-font-family: ;
+ --bs-btn-font-size: 0.75rem;
+ --bs-btn-font-weight: 700;
+ --bs-btn-line-height: 1.667;
+ --bs-btn-color: #7b809a;
+ --bs-btn-bg: transparent;
+ --bs-btn-border-width: 1px;
+ --bs-btn-border-color: transparent;
+ --bs-btn-border-radius: 0.5rem;
+ --bs-btn-hover-border-color: transparent;
+ --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07);
+ --bs-btn-disabled-opacity: 0.65;
+ --bs-btn-focus-box-shadow: 0 0 0 0.2rem 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;
+ vertical-align: middle;
+ cursor: pointer;
+ 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: all 0.15s ease-in;
}
-.form-group.form-group-sm label.control-label {
- font-size: 9px;
- line-height: 1.125;
- color: #AAAAAA;
- font-weight: 400;
- margin: 16px 0 0 0;
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
+ }
}
-.form-group.form-group-sm .help-block {
- margin-top: 0;
- font-size: 9px;
+.btn:hover {
+ color: var(--bs-btn-hover-color);
+ background-color: var(--bs-btn-hover-bg);
+ border-color: var(--bs-btn-hover-border-color);
}
-.form-group.form-group-sm.label-floating label.control-label,
-.form-group.form-group-sm.label-placeholder label.control-label {
- top: -11px;
- font-size: 11px;
- line-height: 1.5;
+.btn-check+.btn:hover {
+ color: var(--bs-btn-color);
+ background-color: var(--bs-btn-bg);
+ border-color: var(--bs-btn-border-color);
}
-.form-group.form-group-sm.label-static label.control-label,
-.form-group.form-group-sm.label-floating.is-focused label.control-label,
-.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
- top: -25px;
- left: 0;
- font-size: 9px;
- line-height: 1.125;
+.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);
}
-.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
- top: -25px;
- left: 0;
- font-size: 9px;
- line-height: 1.125;
+.btn-check:focus-visible+.btn {
+ border-color: var(--bs-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--bs-btn-focus-box-shadow);
}
-.form-group.form-group-lg {
- padding-bottom: 10px;
- margin: 30px 0 0 0;
+.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);
}
-.form-group.form-group-lg .form-control::-moz-placeholder {
- font-size: 18px;
- line-height: 1.33333;
- color: #AAAAAA;
- font-weight: 400;
+.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: #e91e63;
+ --bs-btn-border-color: #e91e63;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #ec407a;
+ --bs-btn-hover-border-color: #eb3573;
+ --bs-btn-focus-shadow-rgb: 198, 26, 84;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #ed4b82;
+ --bs-btn-active-border-color: #eb3573;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #e91e63;
+ --bs-btn-disabled-border-color: #e91e63;
+}
+
+.btn-secondary {
+ --bs-btn-color: #000;
+ --bs-btn-bg: #7b809a;
+ --bs-btn-border-color: #7b809a;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #8f93a9;
+ --bs-btn-hover-border-color: #888da4;
+ --bs-btn-focus-shadow-rgb: 105, 109, 131;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #9599ae;
+ --bs-btn-active-border-color: #888da4;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #7b809a;
+ --bs-btn-disabled-border-color: #7b809a;
+}
+
+.btn-success {
+ --bs-btn-color: #000;
+ --bs-btn-bg: #4CAF50;
+ --bs-btn-border-color: #4CAF50;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #67bb6a;
+ --bs-btn-hover-border-color: #5eb762;
+ --bs-btn-focus-shadow-rgb: 65, 149, 68;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #70bf73;
+ --bs-btn-active-border-color: #5eb762;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #4CAF50;
+ --bs-btn-disabled-border-color: #4CAF50;
+}
+
+.btn-info {
+ --bs-btn-color: #fff;
+ --bs-btn-bg: #1A73E8;
+ --bs-btn-border-color: #1A73E8;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #1662c5;
+ --bs-btn-hover-border-color: #155cba;
+ --bs-btn-focus-shadow-rgb: 60, 136, 235;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #155cba;
+ --bs-btn-active-border-color: #1456ae;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #fff;
+ --bs-btn-disabled-bg: #1A73E8;
+ --bs-btn-disabled-border-color: #1A73E8;
+}
+
+.btn-warning {
+ --bs-btn-color: #000;
+ --bs-btn-bg: #fb8c00;
+ --bs-btn-border-color: #fb8c00;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #fc9d26;
+ --bs-btn-hover-border-color: #fb981a;
+ --bs-btn-focus-shadow-rgb: 213, 119, 0;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #fca333;
+ --bs-btn-active-border-color: #fb981a;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #fb8c00;
+ --bs-btn-disabled-border-color: #fb8c00;
+}
+
+.btn-danger {
+ --bs-btn-color: #000;
+ --bs-btn-bg: #F44335;
+ --bs-btn-border-color: #F44335;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #f65f53;
+ --bs-btn-hover-border-color: #f55649;
+ --bs-btn-focus-shadow-rgb: 207, 57, 45;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #f6695d;
+ --bs-btn-active-border-color: #f55649;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #F44335;
+ --bs-btn-disabled-border-color: #F44335;
+}
+
+.btn-light {
+ --bs-btn-color: #000;
+ --bs-btn-bg: #f0f2f5;
+ --bs-btn-border-color: #f0f2f5;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #ccced0;
+ --bs-btn-hover-border-color: #c0c2c4;
+ --bs-btn-focus-shadow-rgb: 204, 206, 208;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #c0c2c4;
+ --bs-btn-active-border-color: #b4b6b8;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #f0f2f5;
+ --bs-btn-disabled-border-color: #f0f2f5;
+}
+
+.btn-dark {
+ --bs-btn-color: #fff;
+ --bs-btn-bg: #344767;
+ --bs-btn-border-color: #344767;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #52637e;
+ --bs-btn-hover-border-color: #485976;
+ --bs-btn-focus-shadow-rgb: 82, 99, 126;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #5d6c85;
+ --bs-btn-active-border-color: #485976;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #fff;
+ --bs-btn-disabled-bg: #344767;
+ --bs-btn-disabled-border-color: #344767;
+}
+
+.btn-white {
+ --bs-btn-color: #000;
+ --bs-btn-bg: #fff;
+ --bs-btn-border-color: #fff;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: white;
+ --bs-btn-hover-border-color: white;
+ --bs-btn-focus-shadow-rgb: 217, 217, 217;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: white;
+ --bs-btn-active-border-color: white;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #000;
+ --bs-btn-disabled-bg: #fff;
+ --bs-btn-disabled-border-color: #fff;
+}
+
+.btn-dark-blue {
+ --bs-btn-color: #fff;
+ --bs-btn-bg: #1A237E;
+ --bs-btn-border-color: #1A237E;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #161e6b;
+ --bs-btn-hover-border-color: #151c65;
+ --bs-btn-focus-shadow-rgb: 60, 68, 145;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #151c65;
+ --bs-btn-active-border-color: #141a5f;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #fff;
+ --bs-btn-disabled-bg: #1A237E;
+ --bs-btn-disabled-border-color: #1A237E;
+}
+
+.btn-outline-primary {
+ --bs-btn-color: #e91e63;
+ --bs-btn-border-color: #e91e63;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #e91e63;
+ --bs-btn-hover-border-color: #e91e63;
+ --bs-btn-focus-shadow-rgb: 233, 30, 99;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #e91e63;
+ --bs-btn-active-border-color: #e91e63;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #e91e63;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #e91e63;
+ --bs-gradient: none;
+}
+
+.btn-outline-secondary {
+ --bs-btn-color: #7b809a;
+ --bs-btn-border-color: #7b809a;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #7b809a;
+ --bs-btn-hover-border-color: #7b809a;
+ --bs-btn-focus-shadow-rgb: , 128, 154;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #7b809a;
+ --bs-btn-active-border-color: #7b809a;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #7b809a;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #7b809a;
+ --bs-gradient: none;
+}
+
+.btn-outline-success {
+ --bs-btn-color: #4CAF50;
+ --bs-btn-border-color: #4CAF50;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #4CAF50;
+ --bs-btn-hover-border-color: #4CAF50;
+ --bs-btn-focus-shadow-rgb: 76, 175, 80;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #4CAF50;
+ --bs-btn-active-border-color: #4CAF50;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #4CAF50;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #4CAF50;
+ --bs-gradient: none;
+}
+
+.btn-outline-info {
+ --bs-btn-color: #1A73E8;
+ --bs-btn-border-color: #1A73E8;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #1A73E8;
+ --bs-btn-hover-border-color: #1A73E8;
+ --bs-btn-focus-shadow-rgb: 26, 115, 232;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #1A73E8;
+ --bs-btn-active-border-color: #1A73E8;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #1A73E8;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #1A73E8;
+ --bs-gradient: none;
+}
+
+.btn-outline-warning {
+ --bs-btn-color: #fb8c00;
+ --bs-btn-border-color: #fb8c00;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #fb8c00;
+ --bs-btn-hover-border-color: #fb8c00;
+ --bs-btn-focus-shadow-rgb: 251, 140, 0;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #fb8c00;
+ --bs-btn-active-border-color: #fb8c00;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #fb8c00;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #fb8c00;
+ --bs-gradient: none;
+}
+
+.btn-outline-danger {
+ --bs-btn-color: #F44335;
+ --bs-btn-border-color: #F44335;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #F44335;
+ --bs-btn-hover-border-color: #F44335;
+ --bs-btn-focus-shadow-rgb: 244, 67, 53;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #F44335;
+ --bs-btn-active-border-color: #F44335;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #F44335;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #F44335;
+ --bs-gradient: none;
+}
+
+.btn-outline-light {
+ --bs-btn-color: #f0f2f5;
+ --bs-btn-border-color: #f0f2f5;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #f0f2f5;
+ --bs-btn-hover-border-color: #f0f2f5;
+ --bs-btn-focus-shadow-rgb: 240, 242, 245;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #f0f2f5;
+ --bs-btn-active-border-color: #f0f2f5;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #f0f2f5;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #f0f2f5;
+ --bs-gradient: none;
+}
+
+.btn-outline-dark {
+ --bs-btn-color: #344767;
+ --bs-btn-border-color: #344767;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #344767;
+ --bs-btn-hover-border-color: #344767;
+ --bs-btn-focus-shadow-rgb: 52, 71, 103;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #344767;
+ --bs-btn-active-border-color: #344767;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #344767;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #344767;
+ --bs-gradient: none;
+}
+
+.btn-outline-white {
+ --bs-btn-color: #fff;
+ --bs-btn-border-color: #fff;
+ --bs-btn-hover-color: #000;
+ --bs-btn-hover-bg: #fff;
+ --bs-btn-hover-border-color: #fff;
+ --bs-btn-focus-shadow-rgb: 255, 255, 255;
+ --bs-btn-active-color: #000;
+ --bs-btn-active-bg: #fff;
+ --bs-btn-active-border-color: #fff;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #fff;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #fff;
+ --bs-gradient: none;
+}
+
+.btn-outline-dark-blue {
+ --bs-btn-color: #1A237E;
+ --bs-btn-border-color: #1A237E;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #1A237E;
+ --bs-btn-hover-border-color: #1A237E;
+ --bs-btn-focus-shadow-rgb: 26, 35, 126;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #1A237E;
+ --bs-btn-active-border-color: #1A237E;
+ --bs-btn-active-shadow: none;
+ --bs-btn-disabled-color: #1A237E;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #1A237E;
+ --bs-gradient: none;
+}
+
+.btn-link {
+ --bs-btn-font-weight: 400;
+ --bs-btn-color: #e91e63;
+ --bs-btn-bg: transparent;
+ --bs-btn-border-color: transparent;
+ --bs-btn-hover-color: #e91e63;
+ --bs-btn-hover-border-color: transparent;
+ --bs-btn-active-color: #e91e63;
+ --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: 198, 26, 84;
+ text-decoration: none;
+}
+
+.btn-link:hover,
+.btn-link:focus-visible {
+ text-decoration: none;
+}
+
+.btn-link:focus-visible {
+ color: var(--bs-btn-color);
+}
+
+.btn-link:hover {
+ color: var(--bs-btn-hover-color);
+}
+
+.btn-lg,
+.btn-group-lg>.btn {
+ --bs-btn-padding-y: 0.75rem;
+ --bs-btn-padding-x: 1.75rem;
+ --bs-btn-font-size: 0.875rem;
+ --bs-btn-border-radius: 0.5rem;
}
-.form-group.form-group-lg .form-control:-ms-input-placeholder {
- font-size: 18px;
- line-height: 1.33333;
- color: #AAAAAA;
- font-weight: 400;
+.btn-sm,
+.btn-group-sm>.btn {
+ --bs-btn-padding-y: 0.375rem;
+ --bs-btn-padding-x: 1rem;
+ --bs-btn-font-size: 0.75rem;
+ --bs-btn-border-radius: 0.5rem;
}
-.form-group.form-group-lg .form-control::-webkit-input-placeholder {
- font-size: 18px;
- line-height: 1.33333;
- color: #AAAAAA;
- font-weight: 400;
+.fade {
+ transition: opacity 0.15s linear;
}
-.form-group.form-group-lg .checkbox label,
-.form-group.form-group-lg .radio label,
-.form-group.form-group-lg label {
- font-size: 18px;
- line-height: 1.33333;
- color: #AAAAAA;
- font-weight: 400;
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
}
-.form-group.form-group-lg label.control-label {
- font-size: 14px;
- line-height: 1;
- color: #AAAAAA;
- font-weight: 400;
- margin: 16px 0 0 0;
+.fade:not(.show) {
+ opacity: 0;
}
-.form-group.form-group-lg .help-block {
- margin-top: 0;
- font-size: 14px;
+.collapse:not(.show) {
+ display: none;
}
-.form-group.form-group-lg.label-floating label.control-label,
-.form-group.form-group-lg.label-placeholder label.control-label {
- top: -5px;
- font-size: 18px;
- line-height: 1.33333;
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
-.form-group.form-group-lg.label-static label.control-label,
-.form-group.form-group-lg.label-floating.is-focused label.control-label,
-.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
- top: -32px;
- left: 0;
- font-size: 14px;
- line-height: 1;
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
}
-.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
- top: -32px;
- left: 0;
- font-size: 14px;
- line-height: 1;
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
}
-select.form-control {
- border: 0;
- box-shadow: none;
- border-radius: 0;
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
}
-.form-group.is-focused select.form-control {
- box-shadow: none;
- border-color: #D2D2D2;
+.dropup,
+.dropend,
+.dropdown,
+.dropstart,
+.dropup-center,
+.dropdown-center {
+ position: relative;
}
-select.form-control[multiple],
-.form-group.is-focused select.form-control[multiple] {
- height: 85px;
+.dropdown-toggle {
+ white-space: nowrap;
}
-.input-group-btn .btn {
- margin: 0 0 7px 0;
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
}
-.form-group.form-group-sm .input-group-btn .btn {
- margin: 0 0 3px 0;
+.dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.form-group.form-group-lg .input-group-btn .btn {
- margin: 0 0 9px 0;
+.dropdown-menu {
+ --bs-dropdown-zindex: 1000;
+ --bs-dropdown-min-width: 11rem;
+ --bs-dropdown-padding-x: 0;
+ --bs-dropdown-padding-y: 0.5rem;
+ --bs-dropdown-spacer: 1.625rem;
+ --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-color: #7b809a;
+ --bs-dropdown-bg: #fff;
+ --bs-dropdown-border-color: transparent;
+ --bs-dropdown-border-radius: 0.375rem;
+ --bs-dropdown-border-width: 0;
+ --bs-dropdown-inner-border-radius: 0.375rem;
+ --bs-dropdown-divider-bg: transparent;
+ --bs-dropdown-divider-margin-y: 0.5rem;
+ --bs-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ --bs-dropdown-link-color: #7b809a;
+ --bs-dropdown-link-hover-color: #344767;
+ --bs-dropdown-link-hover-bg: #f0f2f5;
+ --bs-dropdown-link-active-color: #7b809a;
+ --bs-dropdown-link-active-bg: transparent;
+ --bs-dropdown-link-disabled-color: #6c757d;
+ --bs-dropdown-item-padding-x: 1rem;
+ --bs-dropdown-item-padding-y: 0.3rem;
+ --bs-dropdown-header-color: #6c757d;
+ --bs-dropdown-header-padding-x: 1rem;
+ --bs-dropdown-header-padding-y: 0.5rem;
+ position: absolute;
+ z-index: var(--bs-dropdown-zindex);
+ display: none;
+ min-width: var(--bs-dropdown-min-width);
+ padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
+ margin: 0;
+ font-size: var(--bs-dropdown-font-size);
+ color: var(--bs-dropdown-color);
+ text-align: left;
+ list-style: none;
+ background-color: var(--bs-dropdown-bg);
+ background-clip: padding-box;
+ border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
+ border-radius: var(--bs-dropdown-border-radius);
+}
+
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: var(--bs-dropdown-spacer);
+}
+
+.dropdown-menu-start {
+ --bs-position: start;
+}
+
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+}
+
+.dropdown-menu-end {
+ --bs-position: end;
+}
+
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+}
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-.input-group .input-group-btn {
- padding: 0 12px;
+@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;
+ }
}
-.input-group .input-group-addon {
- border: 0;
- background: transparent;
- padding: 6px 15px 0px;
+@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;
+ }
}
-.form-group input[type=file] {
- opacity: 0;
- position: absolute;
- top: 0;
+@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;
- bottom: 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;
- width: 100%;
- height: 100%;
- z-index: 100;
+ }
+
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-.form-control-feedback {
- opacity: 0;
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: var(--bs-dropdown-spacer);
}
-.has-success .form-control-feedback {
- color: #4caf50;
- opacity: 1;
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
}
-.has-error .form-control-feedback {
- color: #f44336;
- opacity: 1;
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox,
-.form-horizontal .radio-inline,
-.form-horizontal .checkbox-inline {
- padding-top: 0;
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: var(--bs-dropdown-spacer);
}
-.form-horizontal .radio {
- margin-bottom: 10px;
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
}
-.form-horizontal label {
- text-align: right;
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.form-horizontal label.control-label {
- margin: 0;
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
}
-.form-newsletter .input-group,
-.form-newsletter .form-group {
- float: left;
- width: 78%;
- margin-right: 2%;
- margin-top: 9px;
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: var(--bs-dropdown-spacer);
}
-.form-newsletter .btn {
- float: left;
- width: 20%;
- margin: 9px 0 0;
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
}
-.alert {
- border: 0;
- border-radius: 0;
- position: relative;
- padding: 20px 15px;
- line-height: 20px;
+.dropstart .dropdown-toggle::after {
+ display: none;
}
-.alert b {
- font-weight: 500;
- text-transform: uppercase;
- font-size: 12px;
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
}
-.alert,
-.alert.alert-default {
- background-color: white;
- color: #555555;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.alert a,
-.alert .alert-link,
-.alert.alert-default a,
-.alert.alert-default .alert-link {
- color: #555555;
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
}
-.alert.alert-inverse {
- background-color: #2e2e2e;
- color: #fff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2);
+.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;
}
-.alert.alert-inverse a,
-.alert.alert-inverse .alert-link {
- color: #fff;
+.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;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
}
-.alert.alert-primary {
- background-color: #af2cc5;
- color: #ffffff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: var(--bs-dropdown-link-hover-color);
+ background-color: var(--bs-dropdown-link-hover-bg);
}
-.alert.alert-primary a,
-.alert.alert-primary .alert-link {
- color: #ffffff;
+.dropdown-item.active,
+.dropdown-item:active {
+ color: var(--bs-dropdown-link-active-color);
+ text-decoration: none;
+ background-color: var(--bs-dropdown-link-active-bg);
}
-.alert.alert-success {
- background-color: #5cb860;
- color: #ffffff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: var(--bs-dropdown-link-disabled-color);
+ pointer-events: none;
+ background-color: transparent;
}
-.alert.alert-success a,
-.alert.alert-success .alert-link {
- color: #ffffff;
+.dropdown-menu.show {
+ display: block;
}
-.alert.alert-info {
- background-color: #00d3ee;
- color: #ffffff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
+.dropdown-header {
+ display: block;
+ padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: var(--bs-dropdown-header-color);
+ white-space: nowrap;
}
-.alert.alert-info a,
-.alert.alert-info .alert-link {
- color: #ffffff;
+.dropdown-item-text {
+ display: block;
+ padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+ color: var(--bs-dropdown-link-color);
}
-.alert.alert-warning {
- background-color: #ffa21a;
- color: #ffffff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+.dropdown-menu-dark {
+ --bs-dropdown-color: #dee2e6;
+ --bs-dropdown-bg: #343a40;
+ --bs-dropdown-border-color: transparent;
+ --bs-dropdown-box-shadow: ;
+ --bs-dropdown-link-color: #dee2e6;
+ --bs-dropdown-link-hover-color: #fff;
+ --bs-dropdown-divider-bg: transparent;
+ --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+ --bs-dropdown-link-active-color: #7b809a;
+ --bs-dropdown-link-active-bg: transparent;
+ --bs-dropdown-link-disabled-color: #adb5bd;
+ --bs-dropdown-header-color: #adb5bd;
}
-.alert.alert-warning a,
-.alert.alert-warning .alert-link {
- color: #ffffff;
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle;
}
-.alert.alert-danger {
- background-color: #f55a4e;
- color: #ffffff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
+.btn-group>.btn,
+.btn-group-vertical>.btn {
+ position: relative;
+ flex: 1 1 auto;
}
-.alert.alert-danger a,
-.alert.alert-danger .alert-link {
- color: #ffffff;
+.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;
}
-.alert.alert-rose {
- background-color: #eb3573;
- color: #ffffff;
- border-radius: 3px;
- box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2);
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
-.alert.alert-rose a,
-.alert.alert-rose .alert-link {
- color: #ffffff;
+.btn-toolbar .input-group {
+ width: auto;
}
-.alert-info,
-.alert-danger,
-.alert-warning,
-.alert-success {
- color: #ffffff;
+.btn-group {
+ border-radius: 0.5rem;
}
-.alert-default a,
-.alert-default .alert-link {
- color: rgba(0, 0, 0, 0.87);
+.btn-group> :not(.btn-check:first-child)+.btn,
+.btn-group>.btn-group:not(:first-child) {
+ margin-left: -1px;
}
-.alert i[data-notify="icon"] {
- font-size: 30px;
- display: block;
- left: 15px;
- position: absolute;
- top: 50%;
- margin-top: -15px;
+.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;
}
-.alert span {
- display: block;
- max-width: 89%;
+.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;
}
-.alert .alert-icon {
- display: block;
- float: left;
- margin-right: 15px;
+.dropdown-toggle-split {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
}
-.alert .alert-icon i {
- margin-top: -7px;
- top: 5px;
- position: relative;
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
}
-.alert.alert-with-icon {
- padding-left: 65px;
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
}
-.table>thead>tr>th {
- border-bottom-width: 1px;
- font-size: 1em;
- font-weight: 300;
+.btn-sm+.dropdown-toggle-split,
+.btn-group-sm>.btn+.dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
}
-.table .radio,
-.table .checkbox {
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 10px;
- padding: 0;
- width: 15px;
+.btn-lg+.dropdown-toggle-split,
+.btn-group-lg>.btn+.dropdown-toggle-split {
+ padding-right: 1.3125rem;
+ padding-left: 1.3125rem;
}
-.table .radio .icons,
-.table .checkbox .icons {
- position: relative;
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
}
-.table>thead>tr>th,
-.table>tbody>tr>th,
-.table>tfoot>tr>th,
-.table>thead>tr>td,
-.table>tbody>tr>td,
-.table>tfoot>tr>td {
- padding: 12px 8px;
- vertical-align: middle;
+.btn-group-vertical>.btn,
+.btn-group-vertical>.btn-group {
+ width: 100%;
}
-.table>thead>tr>th {
- padding-bottom: 4px;
+.btn-group-vertical>.btn:not(:first-child),
+.btn-group-vertical>.btn-group:not(:first-child) {
+ margin-top: -1px;
}
-.table .td-actions {
- display: flex;
+.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;
}
-.table .td-actions .btn {
- margin: 0px;
- padding: 5px;
+.btn-group-vertical>.btn~.btn,
+.btn-group-vertical>.btn-group:not(:first-child)>.btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.table>tbody>tr {
- position: relative;
+.nav {
+ --bs-nav-link-padding-x: 1rem;
+ --bs-nav-link-padding-y: 0.5rem;
+ --bs-nav-link-font-weight: ;
+ --bs-nav-link-color: var(--bs-link-color);
+ --bs-nav-link-hover-color: var(--bs-link-hover-color);
+ --bs-nav-link-disabled-color: #6c757d;
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
-.checkbox label {
- cursor: pointer;
- padding-left: 0;
- color: rgba(0, 0, 0, 0.26);
+.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);
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
-.form-group.is-focused .checkbox label {
- color: rgba(0, 0, 0, 0.26);
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
}
-.form-group.is-focused .checkbox label:hover,
-.form-group.is-focused .checkbox label:focus {
- color: rgba(0, 0, 0, .54);
+.nav-link:hover,
+.nav-link:focus {
+ color: var(--bs-nav-link-hover-color);
}
-fieldset[disabled] .form-group.is-focused .checkbox label {
- color: rgba(0, 0, 0, 0.26);
+.nav-link.disabled {
+ color: var(--bs-nav-link-disabled-color);
+ pointer-events: none;
+ cursor: default;
}
-.checkbox input[type=checkbox] {
- opacity: 0;
- position: absolute;
- margin: 0;
- z-index: -1;
- width: 0;
- height: 0;
- overflow: hidden;
- left: 0;
- pointer-events: none;
+.nav-tabs {
+ --bs-nav-tabs-border-width: 1px;
+ --bs-nav-tabs-border-color: #dee2e6;
+ --bs-nav-tabs-border-radius: 0.375rem;
+ --bs-nav-tabs-link-hover-border-color: #f0f2f5 #f0f2f5 #dee2e6;
+ --bs-nav-tabs-link-active-color: #495057;
+ --bs-nav-tabs-link-active-bg: #fff;
+ --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
+ border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
-.checkbox .checkbox-material {
- vertical-align: middle;
- position: relative;
- top: 3px;
- padding-right: 5px;
+.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);
}
-.checkbox .checkbox-material:before {
- display: block;
- position: absolute;
- left: 0;
- content: "";
- background-color: rgba(0, 0, 0, 0.84);
- height: 20px;
- width: 20px;
- border-radius: 100%;
- z-index: 1;
- opacity: 0;
- margin: 0;
- -webkit-transform: scale3d(2.3, 2.3, 1);
- -moz-transform: scale3d(2.3, 2.3, 1);
- -o-transform: scale3d(2.3, 2.3, 1);
- -ms-transform: scale3d(2.3, 2.3, 1);
- transform: scale3d(2.3, 2.3, 1);
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ isolation: isolate;
+ border-color: var(--bs-nav-tabs-link-hover-border-color);
}
-.checkbox .checkbox-material .check {
- position: relative;
- display: inline-block;
- width: 20px;
- height: 20px;
- border: 1px solid rgba(0, 0, 0, .54);
- overflow: hidden;
- z-index: 1;
- border-radius: 3px;
+.nav-tabs .nav-link.disabled,
+.nav-tabs .nav-link:disabled {
+ color: var(--bs-nav-link-disabled-color);
+ background-color: transparent;
+ border-color: transparent;
}
-.checkbox .checkbox-material .check:before {
- position: absolute;
- content: "";
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- display: block;
- margin-top: -3px;
- margin-left: 7px;
- width: 0;
- height: 0;
- background: red;
- box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
- -webkit-animation: checkbox-off 0.3s forwards;
- -moz-animation: checkbox-off 0.3s forwards;
- -o-animation: checkbox-off 0.3s forwards;
- -ms-animation: checkbox-off 0.3s forwards;
- animation: checkbox-off 0.3s forwards;
+.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);
}
-.checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
- opacity: 0.2;
+.nav-tabs .dropdown-menu {
+ margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.checkbox input[type=checkbox]:checked+.checkbox-material .check {
- background: #9c27b0;
+.nav-pills {
+ --bs-nav-pills-border-radius: 0.75rem;
+ --bs-nav-pills-link-active-color: #344767;
+ --bs-nav-pills-link-active-bg: #fff;
}
-.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
- color: #FFFFFF;
- box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
- -webkit-animation: checkbox-on 0.3s forwards;
- -moz-animation: checkbox-on 0.3s forwards;
- -o-animation: checkbox-on 0.3s forwards;
- -ms-animation: checkbox-on 0.3s forwards;
- animation: checkbox-on 0.3s forwards;
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: var(--bs-nav-pills-border-radius);
}
-.checkbox input[type=checkbox]:checked+.checkbox-material:before {
- -webkit-animation: rippleOn 500ms;
- -moz-animation: rippleOn 500ms;
- -o-animation: rippleOn 500ms;
- -ms-animation: rippleOn 500ms;
- animation: rippleOn 500ms;
+.nav-pills .nav-link:disabled {
+ color: var(--bs-nav-link-disabled-color);
+ background-color: transparent;
+ border-color: transparent;
}
-.checkbox input[type=checkbox]:checked+.checkbox-material .check:after {
- -webkit-animation: rippleOn 500ms forwards;
- -moz-animation: rippleOn 500ms forwards;
- -o-animation: rippleOn 500ms forwards;
- -ms-animation: rippleOn 500ms forwards;
- animation: rippleOn 500ms forwards;
+.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);
}
-.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
- -webkit-animation: rippleOff 500ms;
- -moz-animation: rippleOff 500ms;
- -o-animation: rippleOff 500ms;
- -ms-animation: rippleOff 500ms;
- animation: rippleOff 500ms;
+.nav-fill>.nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
}
-.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
- -webkit-animation: rippleOff 500ms;
- -moz-animation: rippleOff 500ms;
- -o-animation: rippleOff 500ms;
- -ms-animation: rippleOff 500ms;
- animation: rippleOff 500ms;
+.nav-justified>.nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
}
-fieldset[disabled] .checkbox,
-fieldset[disabled] .checkbox input[type=checkbox],
-.checkbox input[type=checkbox][disabled]~.checkbox-material .check,
-.checkbox input[type=checkbox][disabled]+.circle {
- opacity: 0.5;
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
}
-.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
- border-color: #000000;
- opacity: .26;
+.tab-content>.tab-pane {
+ display: none;
}
-.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
- background-color: rgba(0, 0, 0, 0.87);
- transform: rotate(-45deg);
+.tab-content>.active {
+ display: block;
}
-@keyframes checkbox-on {
- 0% {
- box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
- }
- 50% {
- box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
- }
- 100% {
- box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
- }
+.navbar {
+ --bs-navbar-padding-x: 1rem;
+ --bs-navbar-padding-y: 0.5rem;
+ --bs-navbar-color: #344767;
+ --bs-navbar-hover-color: rgba(52, 71, 103, 0.7);
+ --bs-navbar-disabled-color: rgba(52, 71, 103, 0.3);
+ --bs-navbar-active-color: rgba(52, 71, 103, 0.9);
+ --bs-navbar-brand-padding-y: 0.40625rem;
+ --bs-navbar-brand-margin-end: 1rem;
+ --bs-navbar-brand-font-size: 1.125rem;
+ --bs-navbar-brand-color: rgba(52, 71, 103, 0.9);
+ --bs-navbar-brand-hover-color: rgba(52, 71, 103, 0.9);
+ --bs-navbar-nav-link-padding-x: 0.5rem;
+ --bs-navbar-toggler-padding-y: 0.25rem;
+ --bs-navbar-toggler-padding-x: 0.75rem;
+ --bs-navbar-toggler-font-size: 1.125rem;
+ --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='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --bs-navbar-toggler-border-color: rgba(52, 71, 103, 0.1);
+ --bs-navbar-toggler-border-radius: 0.5rem;
+ --bs-navbar-toggler-focus-width: 0.2rem;
+ --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
+}
+
+.navbar>.container,
+.navbar>.container-fluid,
+.navbar>.container-sm,
+.navbar>.container-md,
+.navbar>.container-lg,
+.navbar>.container-xl,
+.navbar>.container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.navbar-brand {
+ padding-top: var(--bs-navbar-brand-padding-y);
+ padding-bottom: var(--bs-navbar-brand-padding-y);
+ margin-right: var(--bs-navbar-brand-margin-end);
+ font-size: var(--bs-navbar-brand-font-size);
+ color: var(--bs-navbar-brand-color);
+ white-space: nowrap;
+}
+
+.navbar-brand:hover,
+.navbar-brand:focus {
+ color: var(--bs-navbar-brand-hover-color);
+}
+
+.navbar-nav {
+ --bs-nav-link-padding-x: 0;
+ --bs-nav-link-padding-y: 0.5rem;
+ --bs-nav-link-font-weight: ;
+ --bs-nav-link-color: var(--bs-navbar-color);
+ --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
+ --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.navbar-nav .show>.nav-link,
+.navbar-nav .nav-link.active {
+ color: var(--bs-navbar-active-color);
+}
+
+.navbar-nav .dropdown-menu {
+ position: static;
+}
+
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: var(--bs-navbar-color);
+}
+
+.navbar-text a,
+.navbar-text a:hover,
+.navbar-text a:focus {
+ color: var(--bs-navbar-active-color);
+}
+
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
+}
+
+.navbar-toggler {
+ padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
+ font-size: var(--bs-navbar-toggler-font-size);
+ line-height: 1;
+ color: var(--bs-navbar-color);
+ background-color: transparent;
+ border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
+ border-radius: var(--bs-navbar-toggler-border-radius);
+ transition: var(--bs-navbar-toggler-transition);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
}
-@keyframes rippleOn {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0.2;
- }
- 100% {
- opacity: 0;
- }
+.navbar-toggler:hover {
+ text-decoration: none;
}
-@keyframes rippleOff {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0.2;
- }
- 100% {
- opacity: 0;
- }
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
-.radio label {
- cursor: pointer;
- padding-left: 35px;
- position: relative;
- color: rgba(0, 0, 0, 0.26);
+.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%;
}
-.form-group.is-focused .radio label {
- color: rgba(0, 0, 0, 0.26);
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
}
-.form-group.is-focused .radio label:hover,
-.form-group.is-focused .radio label:focus {
- color: rgba(0, 0, 0, .54);
-}
+@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);
+ }
-fieldset[disabled] .form-group.is-focused .radio label {
- color: rgba(0, 0, 0, 0.26);
+ .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;
+ }
}
-.radio label span {
- display: block;
+@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;
- left: 10px;
- top: 2px;
- transition-duration: 0.2s;
+ }
+
+ .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;
+ }
}
-.radio label .circle {
- border: 1px solid rgba(0, 0, 0, .54);
- height: 15px;
- width: 15px;
- border-radius: 100%;
+@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;
+ }
}
-.radio label .check {
- height: 15px;
- width: 15px;
- border-radius: 100%;
- background-color: #9c27b0;
- transform: scale3d(0, 0, 0);
+@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;
+ }
}
-.radio label .check:after {
- display: block;
+@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;
- content: "";
- background-color: rgba(0, 0, 0, 0.87);
- left: -18px;
- top: -18px;
- height: 50px;
- width: 50px;
- border-radius: 100%;
- z-index: 1;
- opacity: 0;
- margin: 0;
- transform: scale3d(1.5, 1.5, 1);
+ }
+
+ .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;
+ }
}
-.radio label input[type=radio]:not(:checked)~.check:after {
- animation: rippleOff 500ms;
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
}
-.radio label input[type=radio]:checked~.check:after {
- animation: rippleOn 500ms;
+.navbar-expand .navbar-nav {
+ flex-direction: row;
}
-.radio input[type=radio] {
- opacity: 0;
- height: 0;
- width: 0;
- overflow: hidden;
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
}
-.radio input[type=radio]:checked~.check,
-.radio input[type=radio]:checked~.circle {
- opacity: 1;
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: var(--bs-navbar-nav-link-padding-x);
+ padding-left: var(--bs-navbar-nav-link-padding-x);
}
-.radio input[type=radio]:checked~.check {
- background-color: #9c27b0;
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
}
-.radio input[type=radio]:checked~.circle {
- border-color: #9c27b0;
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
-.radio input[type=radio]:checked~.check {
- transform: scale3d(0.65, 0.65, 1);
+.navbar-expand .navbar-toggler {
+ display: none;
}
-.radio input[type=radio][disabled]~.check,
-.radio input[type=radio][disabled]~.circle {
- opacity: 0.26;
+.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;
}
-.radio input[type=radio][disabled]~.check {
- background-color: #000000;
+.navbar-expand .offcanvas .offcanvas-header {
+ display: none;
}
-.radio input[type=radio][disabled]~.circle {
- border-color: #000000;
+.navbar-expand .offcanvas .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
}
-@keyframes rippleOn {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0.2;
- }
- 100% {
- opacity: 0;
- }
+.navbar-dark {
+ --bs-navbar-color: rgba(255, 255, 255, 0.85);
+ --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
+ --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
+ --bs-navbar-active-color: #fff;
+ --bs-navbar-brand-color: #fff;
+ --bs-navbar-brand-hover-color: #fff;
+ --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+ --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-@keyframes rippleOff {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0.2;
- }
- 100% {
- opacity: 0;
- }
+.card {
+ --bs-card-spacer-y: 1rem;
+ --bs-card-spacer-x: 1rem;
+ --bs-card-title-spacer-y: 0.5rem;
+ --bs-card-border-width: 0;
+ --bs-card-border-color: rgba(0, 0, 0, 0.125);
+ --bs-card-border-radius: 0.75rem;
+ --bs-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ --bs-card-inner-border-radius: 0.75rem;
+ --bs-card-cap-padding-y: 0.5rem;
+ --bs-card-cap-padding-x: 1rem;
+ --bs-card-cap-bg: #fff;
+ --bs-card-cap-color: ;
+ --bs-card-height: ;
+ --bs-card-color: ;
+ --bs-card-bg: #fff;
+ --bs-card-img-overlay-padding: 1rem;
+ --bs-card-group-margin: 0.75rem;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ height: var(--bs-card-height);
+ 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);
}
-.togglebutton {
- vertical-align: middle;
+.card>hr {
+ margin-right: 0;
+ margin-left: 0;
}
-.togglebutton,
-.togglebutton label,
-.togglebutton input,
-.togglebutton .toggle {
- user-select: none;
+.card>.list-group {
+ border-top: inherit;
+ border-bottom: inherit;
}
-.togglebutton label {
- cursor: pointer;
- color: rgba(0, 0, 0, 0.26);
+.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);
}
-.form-group.is-focused .togglebutton label {
- color: rgba(0, 0, 0, 0.26);
+.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);
}
-.form-group.is-focused .togglebutton label:hover,
-.form-group.is-focused .togglebutton label:focus {
- color: rgba(0, 0, 0, .54);
+.card>.card-header+.list-group,
+.card>.list-group+.card-footer {
+ border-top: 0;
}
-fieldset[disabled] .form-group.is-focused .togglebutton label {
- color: rgba(0, 0, 0, 0.26);
+.card-body {
+ flex: 1 1 auto;
+ padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
+ color: var(--bs-card-color);
}
-.togglebutton label input[type=checkbox] {
- opacity: 0;
- width: 0;
- height: 0;
+.card-title {
+ margin-bottom: var(--bs-card-title-spacer-y);
}
-.togglebutton label .toggle {
- text-align: left;
- margin-left: 5px;
+.card-subtitle {
+ margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
+ margin-bottom: 0;
}
-.togglebutton label .toggle,
-.togglebutton label input[type=checkbox][disabled]+.toggle {
- content: "";
- display: inline-block;
- width: 30px;
- height: 15px;
- background-color: rgba(80, 80, 80, 0.7);
- border-radius: 15px;
- margin-right: 15px;
- transition: background 0.3s ease;
- vertical-align: middle;
+.card-text:last-child {
+ margin-bottom: 0;
}
-.togglebutton label .toggle:after {
- content: "";
- display: inline-block;
- width: 20px;
- height: 20px;
- background-color: #FFFFFF;
- border-radius: 20px;
- position: relative;
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
- left: -5px;
- top: -3px;
- border: 1px solid rgba(0, 0, 0, .54);
- transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
+.card-link+.card-link {
+ margin-left: var(--bs-card-spacer-x);
}
-.togglebutton label input[type=checkbox][disabled]+.toggle:after,
-.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after {
- background-color: #BDBDBD;
+.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);
}
-.togglebutton label input[type=checkbox]+.toggle:active:after,
-.togglebutton label input[type=checkbox][disabled]+.toggle:active:after {
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
+.card-header:first-child {
+ border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
-.togglebutton label input[type=checkbox]:checked+.toggle:after {
- left: 15px;
+.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);
}
-.togglebutton label input[type=checkbox]:checked+.toggle {
- background-color: rgba(156, 39, 176, 0.7);
+.card-footer:last-child {
+ border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
-.togglebutton label input[type=checkbox]:checked+.toggle:after {
- border-color: #9c27b0;
+.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;
}
-.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
+.card-header-tabs .nav-link.active {
+ background-color: var(--bs-card-bg);
+ border-bottom-color: var(--bs-card-bg);
}
-.withripple {
- position: relative;
+.card-header-pills {
+ margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
+ margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}
-.ripple-container {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- width: 100%;
- height: 100%;
- overflow: hidden;
- border-radius: inherit;
- pointer-events: none;
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: var(--bs-card-img-overlay-padding);
+ border-radius: var(--bs-card-inner-border-radius);
}
-.disabled .ripple-container {
- display: none;
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
}
-.ripple {
- position: absolute;
- width: 20px;
- height: 20px;
- margin-left: -10px;
- margin-top: -10px;
- border-radius: 100%;
- background-color: #000;
- background-color: rgba(0, 0, 0, 0.05);
- transform: scale(1);
- transform-origin: 50%;
- opacity: 0;
- pointer-events: none;
+.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);
}
-.ripple.ripple-on {
- transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
- opacity: 0.1;
+.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);
}
-.ripple.ripple-out {
- transition: opacity 0.1s linear 0s !important;
- opacity: 0;
+.card-group>.card {
+ margin-bottom: var(--bs-card-group-margin);
}
-.pagination>li>a,
-.pagination>li>span {
- border: 0;
- border-radius: 30px !important;
- transition: all .3s;
- padding: 0px 11px;
- margin: 0 3px;
- min-width: 30px;
- height: 30px;
- line-height: 30px;
- color: #999999;
- font-weight: 400;
- font-size: 12px;
- text-transform: uppercase;
- background: transparent;
-}
-
-.pagination>li>a:hover,
-.pagination>li>a:focus,
-.pagination>li>span:hover,
-.pagination>li>span:focus {
- color: #999999;
-}
-
-.pagination>.active>a,
-.pagination>.active>span {
- color: #999999;
- text-align: center;
-}
-
-.pagination>.active>a,
-.pagination>.active>a:focus,
-.pagination>.active>a:hover,
-.pagination>.active>span,
-.pagination>.active>span:focus,
-.pagination>.active>span:hover {
- background-color: #9c27b0;
- border-color: #9c27b0;
- color: #FFFFFF;
- box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
-}
-
-.pagination.pagination-info>.active>a,
-.pagination.pagination-info>.active>a:focus,
-.pagination.pagination-info>.active>a:hover,
-.pagination.pagination-info>.active>span,
-.pagination.pagination-info>.active>span:focus,
-.pagination.pagination-info>.active>span:hover {
- background-color: #00bcd4;
- border-color: #00bcd4;
- box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2);
-}
-
-.pagination.pagination-success>.active>a,
-.pagination.pagination-success>.active>a:focus,
-.pagination.pagination-success>.active>a:hover,
-.pagination.pagination-success>.active>span,
-.pagination.pagination-success>.active>span:focus,
-.pagination.pagination-success>.active>span:hover {
- background-color: #4caf50;
- border-color: #4caf50;
- box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2);
-}
-
-.pagination.pagination-warning>.active>a,
-.pagination.pagination-warning>.active>a:focus,
-.pagination.pagination-warning>.active>a:hover,
-.pagination.pagination-warning>.active>span,
-.pagination.pagination-warning>.active>span:focus,
-.pagination.pagination-warning>.active>span:hover {
- background-color: #ff9800;
- border-color: #ff9800;
- box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2);
-}
-
-.pagination.pagination-danger>.active>a,
-.pagination.pagination-danger>.active>a:focus,
-.pagination.pagination-danger>.active>a:hover,
-.pagination.pagination-danger>.active>span,
-.pagination.pagination-danger>.active>span:focus,
-.pagination.pagination-danger>.active>span:hover {
- background-color: #f44336;
- border-color: #f44336;
- box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2);
-}
-
-.section-dark .nav-pills>li>a,
-.section-image .nav-pills>li>a {
- color: #999999;
-}
-
-.section-dark .nav-pills>li>a:hover,
-.section-dark .nav-pills>li>a:focus,
-.section-image .nav-pills>li>a:hover,
-.section-image .nav-pills>li>a:focus {
- background-color: #EEEEEE;
-}
-
-.nav-pills>li>a {
- line-height: 24px;
- text-transform: uppercase;
- font-size: 12px;
- font-weight: 500;
- min-width: 100px;
- text-align: center;
- color: #555555;
- transition: all .3s;
-}
-
-.nav-pills>li>a:hover {
- background-color: rgba(200, 200, 200, 0.2);
-}
-
-.nav-pills>li i {
- display: block;
- font-size: 30px;
- padding: 15px 0;
+@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: #7b809a;
+ --bs-accordion-bg: transparent;
+ --bs-accordion-transition: all 0.15s ease-in, border-radius 0.15s ease;
+ --bs-accordion-border-color: rgba(0, 0, 0, 0.125);
+ --bs-accordion-border-width: 0;
+ --bs-accordion-border-radius: 0.125rem;
+ --bs-accordion-inner-border-radius: 0.125rem;
+ --bs-accordion-btn-padding-x: 0rem;
+ --bs-accordion-btn-padding-y: 1rem;
+ --bs-accordion-btn-color: #7b809a;
+ --bs-accordion-btn-bg: transparent;
+ --bs-accordion-btn-icon: none;
+ --bs-accordion-btn-icon-width: 1rem;
+ --bs-accordion-btn-icon-transform: rotate(180deg);
+ --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
+ --bs-accordion-btn-active-icon: none;
+ --bs-accordion-btn-focus-border-color: transparent;
+ --bs-accordion-btn-focus-box-shadow: none;
+ --bs-accordion-body-padding-x: 0rem;
+ --bs-accordion-body-padding-y: 1rem;
+ --bs-accordion-active-color: #344767;
+ --bs-accordion-active-bg: transparent;
}
-.nav-pills>li.active>a,
-.nav-pills>li.active>a:focus,
-.nav-pills>li.active>a:hover {
- background-color: #9c27b0;
- color: #FFFFFF;
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+.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);
}
-.nav-pills:not(.nav-pills-icons)>li>a {
- border-radius: 30px;
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
}
-.nav-pills.nav-stacked>li+li {
- margin-top: 5px;
+.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);
}
-.nav-pills.nav-pills-info>li.active>a,
-.nav-pills.nav-pills-info>li.active>a:focus,
-.nav-pills.nav-pills-info>li.active>a:hover {
- background-color: #00bcd4;
- box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
+.accordion-button:not(.collapsed)::after {
+ background-image: var(--bs-accordion-btn-active-icon);
+ transform: var(--bs-accordion-btn-icon-transform);
}
-.nav-pills.nav-pills-success>li.active>a,
-.nav-pills.nav-pills-success>li.active>a:focus,
-.nav-pills.nav-pills-success>li.active>a:hover {
- background-color: #4caf50;
- box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
+.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);
}
-.nav-pills.nav-pills-warning>li.active>a,
-.nav-pills.nav-pills-warning>li.active>a:focus,
-.nav-pills.nav-pills-warning>li.active>a:hover {
- background-color: #ff9800;
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
}
-.nav-pills.nav-pills-danger>li.active>a,
-.nav-pills.nav-pills-danger>li.active>a:focus,
-.nav-pills.nav-pills-danger>li.active>a:hover {
- background-color: #f44336;
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+.accordion-button:hover {
+ z-index: 2;
}
-.tab-space {
- padding: 20px 0 50px 0px;
+.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);
}
-.modal-content {
- box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
- border-radius: 6px;
- border: none;
+.accordion-header {
+ margin-bottom: 0;
}
-.modal-content .modal-header {
- border-bottom: none;
- padding-top: 24px;
- padding-right: 24px;
- padding-bottom: 0;
- padding-left: 24px;
+.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);
}
-.modal-content .modal-body {
- padding-top: 24px;
- padding-right: 24px;
- padding-bottom: 16px;
- padding-left: 24px;
+.accordion-item:first-of-type {
+ border-top-left-radius: var(--bs-accordion-border-radius);
+ border-top-right-radius: var(--bs-accordion-border-radius);
}
-.modal-content .modal-footer {
- border-top: none;
- padding: 7px;
+.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);
}
-.modal-content .modal-footer.text-center {
- text-align: center;
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
}
-.modal-content .modal-footer button {
- margin: 0;
- padding-left: 16px;
- padding-right: 16px;
- width: auto;
+.accordion-item:last-of-type {
+ border-bottom-right-radius: var(--bs-accordion-border-radius);
+ border-bottom-left-radius: var(--bs-accordion-border-radius);
}
-.modal-content .modal-footer button.pull-left {
- padding-left: 5px;
- padding-right: 5px;
- position: relative;
- left: -5px;
+.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);
}
-.modal-content .modal-footer button+button {
- margin-bottom: 16px;
+.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);
}
-.modal-content .modal-body+.modal-footer {
- padding-top: 0;
+.accordion-body {
+ padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
-.modal-backdrop {
- background: rgba(0, 0, 0, 0.3);
+.accordion-flush .accordion-collapse {
+ border-width: 0;
}
-.modal .modal-dialog {
- margin-top: 100px;
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
}
-.modal .modal-header .close {
- color: #999999;
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
}
-.modal .modal-header .close:hover,
-.modal .modal-header .close:focus {
- opacity: 1;
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
}
-.modal .modal-header .close i {
- font-size: 16px;
+.accordion-flush .accordion-item .accordion-button,
+.accordion-flush .accordion-item .accordion-button.collapsed {
+ border-radius: 0;
}
-.modal-notice .instruction {
- margin-bottom: 25px;
+.breadcrumb {
+ --bs-breadcrumb-padding-x: 1rem;
+ --bs-breadcrumb-padding-y: 0.5rem;
+ --bs-breadcrumb-margin-bottom: 1rem;
+ --bs-breadcrumb-bg: #f0f2f5;
+ --bs-breadcrumb-border-radius: 0.375rem;
+ --bs-breadcrumb-divider-color: #6c757d;
+ --bs-breadcrumb-item-padding-x: 0.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);
}
-.modal-notice .picture {
- max-width: 150px;
+.breadcrumb-item+.breadcrumb-item {
+ padding-left: var(--bs-breadcrumb-item-padding-x);
}
-.modal-notice .modal-content .btn-raised {
- margin-bottom: 15px;
+.breadcrumb-item+.breadcrumb-item::before {
+ float: left;
+ padding-right: var(--bs-breadcrumb-item-padding-x);
+ color: var(--bs-breadcrumb-divider-color);
+ content: var(--bs-breadcrumb-divider, "/")
+ /* rtl: var(--bs-breadcrumb-divider, "/") */
+ ;
}
-.modal-small {
- width: 300px;
+.breadcrumb-item.active {
+ color: var(--bs-breadcrumb-item-active-color);
}
-.modal-small .modal-body {
- margin-top: 20px;
+.pagination {
+ --bs-pagination-padding-x: 0.75rem;
+ --bs-pagination-padding-y: 0.375rem;
+ --bs-pagination-font-size: 1rem;
+ --bs-pagination-color: #e91e63;
+ --bs-pagination-bg: #fff;
+ --bs-pagination-border-width: 1px;
+ --bs-pagination-border-color: #dee2e6;
+ --bs-pagination-border-radius: 0.375rem;
+ --bs-pagination-hover-color: #e91e63;
+ --bs-pagination-hover-bg: #f0f2f5;
+ --bs-pagination-hover-border-color: #dee2e6;
+ --bs-pagination-focus-color: #e91e63;
+ --bs-pagination-focus-bg: #f0f2f5;
+ --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25);
+ --bs-pagination-active-color: #fff;
+ --bs-pagination-active-bg: #e91e63;
+ --bs-pagination-active-border-color: #e91e63;
+ --bs-pagination-disabled-color: #6c757d;
+ --bs-pagination-disabled-bg: #fff;
+ --bs-pagination-disabled-border-color: #dee2e6;
+ display: flex;
+ padding-left: 0;
+ list-style: none;
}
-.navbar {
- border: 0;
- border-radius: 3px;
- border-bottom: 1px solid #ededf3;
- padding: 10px 0;
+.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);
+ background-color: var(--bs-pagination-bg);
+ border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
-.navbar .navbar-brand {
- position: relative;
- height: 50px;
- line-height: 30px;
- color: inherit;
- padding: 10px 15px;
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
}
-.navbar .navbar-brand:hover,
-.navbar .navbar-brand:focus {
- color: inherit;
- background-color: transparent;
+.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);
}
-.navbar .navbar-minimize {
- float: left;
- padding: 3px 0 0 15px;
+.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;
}
-.navbar .notification {
- position: absolute;
- top: 5px;
- border: 1px solid #FFF;
- right: 10px;
- font-size: 9px;
- background: #f44336;
- color: #FFFFFF;
- min-width: 20px;
- padding: 0px 5px;
- height: 20px;
- border-radius: 10px;
- text-align: center;
- line-height: 19px;
- vertical-align: middle;
- display: block;
+.page-item:first-child .page-link {
+ border-top-left-radius: var(--bs-pagination-border-radius);
+ border-bottom-left-radius: var(--bs-pagination-border-radius);
}
-.navbar .navbar-text {
- color: inherit;
- margin-top: 15px;
- margin-bottom: 15px;
+.page-item:last-child .page-link {
+ border-top-right-radius: var(--bs-pagination-border-radius);
+ border-bottom-right-radius: var(--bs-pagination-border-radius);
+}
+
+.pagination-lg {
+ --bs-pagination-padding-x: 1.5rem;
+ --bs-pagination-padding-y: 0.75rem;
+ --bs-pagination-font-size: 1.125rem;
+ --bs-pagination-border-radius: 0.5rem;
}
-.navbar .navbar-nav>li>a {
- color: inherit;
- padding-top: 15px;
- padding-bottom: 15px;
- font-weight: 400;
- font-size: 12px;
- text-transform: uppercase;
- border-radius: 3px;
+.pagination-sm {
+ --bs-pagination-padding-x: 0.5rem;
+ --bs-pagination-padding-y: 0.25rem;
+ --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-border-radius: 0.125rem;
+}
+
+.badge {
+ --bs-badge-padding-x: 0.9em;
+ --bs-badge-padding-y: 0.55em;
+ --bs-badge-font-size: 0.75em;
+ --bs-badge-font-weight: 700;
+ --bs-badge-color: #fff;
+ --bs-badge-border-radius: 0.45rem;
+ 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);
}
-.navbar .navbar-nav>li>a:hover,
-.navbar .navbar-nav>li>a:focus {
- color: inherit;
- background-color: transparent;
+.badge:empty {
+ display: none;
}
-.navbar .navbar-nav>li>a .material-icons,
-.navbar .navbar-nav>li>a .fa {
- font-size: 20px;
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.navbar .navbar-nav>li>a.btn:not(.btn-just-icon) .fa {
- position: relative;
- top: 2px;
- margin-top: -4px;
- margin-right: 4px;
+.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: 0 solid var(--bs-alert-border-color);
+ --bs-alert-border-radius: 0.375rem;
+ 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);
}
-.navbar .navbar-nav>li>.dropdown-menu {
- margin-top: -20px;
+.alert-heading {
+ color: inherit;
}
-.navbar .navbar-nav>li.open>.dropdown-menu {
- margin-top: 0;
+.alert-link {
+ font-weight: 600;
}
-.navbar .navbar-nav>.active>a,
-.navbar .navbar-nav>.active>a:hover,
-.navbar .navbar-nav>.active>a:focus {
- color: inherit;
- background-color: rgba(255, 255, 255, 0.1);
+.alert-dismissible {
+ padding-right: 3rem;
}
-.navbar .navbar-nav>.disabled>a,
-.navbar .navbar-nav>.disabled>a:hover,
-.navbar .navbar-nav>.disabled>a:focus {
- color: inherit;
- background-color: transparent;
- opacity: 0.9;
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
}
-.navbar .navbar-nav .profile-photo {
- padding: 0 5px 0;
+.alert-primary {
+ --bs-alert-color: #8cb;
+ --bs-alert-bg: #fbd2e0;
+ --bs-alert-border-color: #f8bcd0;
}
-.navbar .navbar-nav .profile-photo .profile-photo-small {
- height: 40px;
- width: 40px;
+.alert-primary .alert-link {
+ color: #700e2f;
}
-.navbar .navbar-toggle {
- border: 0;
+.alert-secondary {
+ --bs-alert-color: #4a4d5c;
+ --bs-alert-bg: #e5e6eb;
+ --bs-alert-border-color: #d7d9e1;
}
-.navbar .navbar-toggle:hover,
-.navbar .navbar-toggle:focus {
- background-color: transparent;
+.alert-secondary .alert-link {
+ color: #3b3e4a;
}
-.navbar .navbar-toggle .icon-bar {
- background-color: inherit;
- border: 1px solid;
+.alert-success {
+ --bs-alert-color: #2e6930;
+ --bs-alert-bg: #dbefdc;
+ --bs-alert-border-color: #c9e7cb;
}
-.navbar .navbar-default .navbar-toggle,
-.navbar .navbar-inverse .navbar-toggle {
- border-color: transparent;
+.alert-success .alert-link {
+ color: #255426;
}
-.navbar .navbar-collapse,
-.navbar .navbar-form {
- border-top: none;
- box-shadow: none;
+.alert-info {
+ --bs-alert-color: #10458b;
+ --bs-alert-bg: #d1e3fa;
+ --bs-alert-border-color: #bad5f8;
}
-.navbar .navbar-nav>.open>a,
-.navbar .navbar-nav>.open>a:hover,
-.navbar .navbar-nav>.open>a:focus {
- background-color: transparent;
- color: inherit;
-}
-
-@media (max-width: 767px) {
- .navbar .navbar-nav .navbar-text {
- color: inherit;
- margin-top: 15px;
- margin-bottom: 15px;
- }
- .navbar .navbar-nav .open .dropdown-menu>.dropdown-header {
- border: 0;
- color: inherit;
- }
- .navbar .navbar-nav .open .dropdown-menu .divider {
- border-bottom: 1px solid;
- opacity: 0.08;
- }
- .navbar .navbar-nav .open .dropdown-menu>li>a {
- color: inherit;
- }
- .navbar .navbar-nav .open .dropdown-menu>li>a:hover,
- .navbar .navbar-nav .open .dropdown-menu>li>a:focus {
- color: inherit;
- background-color: transparent;
- }
- .navbar .navbar-nav .open .dropdown-menu>.active>a,
- .navbar .navbar-nav .open .dropdown-menu>.active>a:hover,
- .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
- color: inherit;
- background-color: transparent;
- }
- .navbar .navbar-nav .open .dropdown-menu>.disabled>a,
- .navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover,
- .navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus {
- color: inherit;
- background-color: transparent;
- }
-}
-
-.navbar.navbar-default .logo-container .brand {
- color: #555555;
-}
-
-.navbar .navbar-link {
- color: inherit;
-}
-
-.navbar .navbar-link:hover {
- color: inherit;
-}
-
-.navbar .btn {
- margin-top: 0;
- margin-bottom: 0;
+.alert-info .alert-link {
+ color: #0d376f;
}
-.navbar .btn-link {
- color: inherit;
+.alert-warning {
+ --bs-alert-color: #975400;
+ --bs-alert-bg: #fee8cc;
+ --bs-alert-border-color: #feddb3;
}
-.navbar .btn-link:hover,
-.navbar .btn-link:focus {
- color: inherit;
+.alert-warning .alert-link {
+ color: #794300;
}
-.navbar .btn-link[disabled]:hover,
-.navbar .btn-link[disabled]:focus,
-fieldset[disabled] .navbar .btn-link:hover,
-fieldset[disabled] .navbar .btn-link:focus {
- color: inherit;
+.alert-danger {
+ --bs-alert-color: #922820;
+ --bs-alert-bg: #fdd9d7;
+ --bs-alert-border-color: #fcc7c2;
}
-.navbar .navbar-form {
- margin: 4px 0 0;
+.alert-danger .alert-link {
+ color: #75201a;
}
-.navbar .navbar-form .form-group {
- margin: 0;
- padding: 0;
+.alert-light {
+ --bs-alert-color: #606162;
+ --bs-alert-bg: #fcfcfd;
+ --bs-alert-border-color: #fbfbfc;
}
-.navbar .navbar-form .form-group .material-input:before,
-.navbar .navbar-form .form-group.is-focused .material-input:after {
- background-color: inherit;
+.alert-light .alert-link {
+ color: #4d4e4e;
}
-.navbar .navbar-form .form-group .form-control,
-.navbar .navbar-form .form-control {
- border-color: inherit;
- color: inherit;
- padding: 0;
- margin: 0;
- height: 28px;
- font-size: 14px;
- line-height: 1.42857;
+.alert-dark {
+ --bs-alert-color: #1f2b3e;
+ --bs-alert-bg: #d6dae1;
+ --bs-alert-border-color: #c2c8d1;
}
-.navbar,
-.navbar.navbar-default {
- background-color: #FFFFFF;
- color: #555555;
+.alert-dark .alert-link {
+ color: #192232;
}
-.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar .navbar-form input.form-control::-moz-placeholder,
-.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
- color: #555555;
+.alert-white {
+ --bs-alert-color: #666666;
+ --bs-alert-bg: white;
+ --bs-alert-border-color: white;
}
-.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar .navbar-form input.form-control:-ms-input-placeholder,
-.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
- color: #555555;
+.alert-white .alert-link {
+ color: #525252;
}
-.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar .navbar-form input.form-control::-webkit-input-placeholder,
-.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
- color: #555555;
+.alert-dark-blue {
+ --bs-alert-color: #10154c;
+ --bs-alert-bg: #d1d3e5;
+ --bs-alert-border-color: #babdd8;
}
-.navbar .dropdown-menu,
-.navbar.navbar-default .dropdown-menu {
- border-radius: 3px !important;
+.alert-dark-blue .alert-link {
+ color: #0d113d;
}
-.navbar .dropdown-menu li>a:hover,
-.navbar .dropdown-menu li>a:focus,
-.navbar.navbar-default .dropdown-menu li>a:hover,
-.navbar.navbar-default .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #FFFFFF;
- box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 6px;
+ }
}
-.navbar .dropdown-menu .active>a,
-.navbar.navbar-default .dropdown-menu .active>a {
- background-color: #FFFFFF;
- color: #555555;
- box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);
+.progress {
+ --bs-progress-height: 6px;
+ --bs-progress-font-size: 0.75rem;
+ --bs-progress-bg: #f0f2f5;
+ --bs-progress-border-radius: 0.125rem;
+ --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --bs-progress-bar-color: #fff;
+ --bs-progress-bar-bg: #e91e63;
+ --bs-progress-bar-transition: width 0.6s ease;
+ display: flex;
+ height: var(--bs-progress-height);
+ overflow: hidden;
+ font-size: var(--bs-progress-font-size);
+ background-color: var(--bs-progress-bg);
+ border-radius: var(--bs-progress-border-radius);
}
-.navbar .dropdown-menu .active>a:hover,
-.navbar .dropdown-menu .active>a:focus,
-.navbar.navbar-default .dropdown-menu .active>a:hover,
-.navbar.navbar-default .dropdown-menu .active>a:focus {
- color: #555555;
+.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);
}
-.navbar.navbar-inverse {
- background-color: #212121;
- color: #fff;
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}
-.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
- color: #fff;
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: var(--bs-progress-height) var(--bs-progress-height);
}
-.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
- color: #fff;
+.progress-bar-animated {
+ animation: 1s linear infinite progress-bar-stripes;
}
-.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
- color: #fff;
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ animation: none;
+ }
}
-.navbar.navbar-inverse .dropdown-menu {
- border-radius: 3px !important;
+.list-group {
+ --bs-list-group-color: inherit;
+ --bs-list-group-bg: #fff;
+ --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
+ --bs-list-group-border-width: 1px;
+ --bs-list-group-border-radius: 0.375rem;
+ --bs-list-group-item-padding-x: 1rem;
+ --bs-list-group-item-padding-y: 0.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: #7b809a;
+ --bs-list-group-action-active-bg: #f0f2f5;
+ --bs-list-group-disabled-color: #6c757d;
+ --bs-list-group-disabled-bg: #fff;
+ --bs-list-group-active-color: #fff;
+ --bs-list-group-active-bg: #e91e63;
+ --bs-list-group-active-border-color: #e91e63;
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: var(--bs-list-group-border-radius);
}
-.navbar.navbar-inverse .dropdown-menu li>a:hover,
-.navbar.navbar-inverse .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #212121;
- box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2);
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
}
-.navbar.navbar-inverse .dropdown-menu .active>a {
- background-color: #212121;
- color: #fff;
- box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2);
+.list-group-numbered>.list-group-item::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section;
}
-.navbar.navbar-inverse .dropdown-menu .active>a:hover,
-.navbar.navbar-inverse .dropdown-menu .active>a:focus {
- color: #fff;
+.list-group-item-action {
+ width: 100%;
+ color: var(--bs-list-group-action-color);
+ text-align: inherit;
}
-.navbar.navbar-primary {
- background-color: #9c27b0;
- color: #ffffff;
+.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);
}
-.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
- color: #ffffff;
+.list-group-item-action:active {
+ color: var(--bs-list-group-action-active-color);
+ background-color: var(--bs-list-group-action-active-bg);
}
-.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
- color: #ffffff;
+.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);
+ background-color: var(--bs-list-group-bg);
+ border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
-.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
- color: #ffffff;
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
}
-.navbar.navbar-primary .dropdown-menu {
- border-radius: 3px !important;
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
}
-.navbar.navbar-primary .dropdown-menu li>a:hover,
-.navbar.navbar-primary .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #9c27b0;
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+.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);
}
-.navbar.navbar-primary .dropdown-menu .active>a {
- background-color: #9c27b0;
- color: #ffffff;
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+.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);
}
-.navbar.navbar-primary .dropdown-menu .active>a:hover,
-.navbar.navbar-primary .dropdown-menu .active>a:focus {
- color: #ffffff;
+.list-group-item+.list-group-item {
+ border-top-width: 0;
}
-.navbar.navbar-success {
- background-color: #4caf50;
- color: #ffffff;
+.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);
}
-.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
- color: #ffffff;
+.list-group-horizontal {
+ flex-direction: row;
}
-.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
- color: #ffffff;
+.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;
}
-.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
- color: #ffffff;
+.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;
}
-.navbar.navbar-success .dropdown-menu {
- border-radius: 3px !important;
+.list-group-horizontal>.list-group-item.active {
+ margin-top: 0;
}
-.navbar.navbar-success .dropdown-menu li>a:hover,
-.navbar.navbar-success .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #4caf50;
- box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
+.list-group-horizontal>.list-group-item+.list-group-item {
+ border-top-width: var(--bs-list-group-border-width);
+ border-left-width: 0;
}
-.navbar.navbar-success .dropdown-menu .active>a {
- background-color: #4caf50;
- color: #ffffff;
- box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
+.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);
}
-.navbar.navbar-success .dropdown-menu .active>a:hover,
-.navbar.navbar-success .dropdown-menu .active>a:focus {
- color: #ffffff;
+@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);
+ }
}
-.navbar.navbar-info {
- background-color: #00bcd4;
- color: #ffffff;
+@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);
+ }
}
-.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
- color: #ffffff;
+@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);
+ }
}
-.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
- color: #ffffff;
+@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);
+ }
}
-.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
- color: #ffffff;
+@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);
+ }
}
-.navbar.navbar-info .dropdown-menu {
- border-radius: 3px !important;
+.list-group-flush {
+ border-radius: 0;
}
-.navbar.navbar-info .dropdown-menu li>a:hover,
-.navbar.navbar-info .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #00bcd4;
- box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
+.list-group-flush>.list-group-item {
+ border-width: 0 0 var(--bs-list-group-border-width);
}
-.navbar.navbar-info .dropdown-menu .active>a {
- background-color: #00bcd4;
- color: #ffffff;
- box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
+.list-group-flush>.list-group-item:last-child {
+ border-bottom-width: 0;
}
-.navbar.navbar-info .dropdown-menu .active>a:hover,
-.navbar.navbar-info .dropdown-menu .active>a:focus {
- color: #ffffff;
+.list-group-item-primary {
+ color: #8cb;
+ background-color: #fbd2e0;
}
-.navbar.navbar-warning {
- background-color: #ff9800;
- color: #ffffff;
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #8cb;
+ background-color: #e2bdca;
}
-.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
- color: #ffffff;
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #8cb;
+ border-color: #8cb;
}
-.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
- color: #ffffff;
+.list-group-item-secondary {
+ color: #4a4d5c;
+ background-color: #e5e6eb;
}
-.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
- color: #ffffff;
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #4a4d5c;
+ background-color: #cecfd4;
}
-.navbar.navbar-warning .dropdown-menu {
- border-radius: 3px !important;
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #4a4d5c;
+ border-color: #4a4d5c;
}
-.navbar.navbar-warning .dropdown-menu li>a:hover,
-.navbar.navbar-warning .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #ff9800;
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+.list-group-item-success {
+ color: #2e6930;
+ background-color: #dbefdc;
}
-.navbar.navbar-warning .dropdown-menu .active>a {
- background-color: #ff9800;
- color: #ffffff;
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #2e6930;
+ background-color: #c5d7c6;
}
-.navbar.navbar-warning .dropdown-menu .active>a:hover,
-.navbar.navbar-warning .dropdown-menu .active>a:focus {
- color: #ffffff;
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #2e6930;
+ border-color: #2e6930;
}
-.navbar.navbar-danger {
- background-color: #f44336;
- color: #ffffff;
+.list-group-item-info {
+ color: #10458b;
+ background-color: #d1e3fa;
}
-.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
- color: #ffffff;
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #10458b;
+ background-color: #bccce1;
}
-.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
- color: #ffffff;
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #10458b;
+ border-color: #10458b;
}
-.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
- color: #ffffff;
+.list-group-item-warning {
+ color: #975400;
+ background-color: #fee8cc;
}
-.navbar.navbar-danger .dropdown-menu {
- border-radius: 3px !important;
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #975400;
+ background-color: #e5d1b8;
}
-.navbar.navbar-danger .dropdown-menu li>a:hover,
-.navbar.navbar-danger .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #f44336;
- box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #975400;
+ border-color: #975400;
}
-.navbar.navbar-danger .dropdown-menu .active>a {
- background-color: #f44336;
- color: #ffffff;
- box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
+.list-group-item-danger {
+ color: #922820;
+ background-color: #fdd9d7;
}
-.navbar.navbar-danger .dropdown-menu .active>a:hover,
-.navbar.navbar-danger .dropdown-menu .active>a:focus {
- color: #ffffff;
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #922820;
+ background-color: #e4c3c2;
}
-.navbar.navbar-rose {
- background-color: #e91e63;
- color: #ffffff;
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #922820;
+ border-color: #922820;
}
-.navbar.navbar-rose .navbar-form .form-group input.form-control::-moz-placeholder,
-.navbar.navbar-rose .navbar-form input.form-control::-moz-placeholder {
- color: #ffffff;
+.list-group-item-light {
+ color: #606162;
+ background-color: #fcfcfd;
}
-.navbar.navbar-rose .navbar-form .form-group input.form-control:-ms-input-placeholder,
-.navbar.navbar-rose .navbar-form input.form-control:-ms-input-placeholder {
- color: #ffffff;
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #606162;
+ background-color: #e3e3e4;
}
-.navbar.navbar-rose .navbar-form .form-group input.form-control::-webkit-input-placeholder,
-.navbar.navbar-rose .navbar-form input.form-control::-webkit-input-placeholder {
- color: #ffffff;
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #606162;
+ border-color: #606162;
}
-.navbar.navbar-rose .dropdown-menu {
- border-radius: 3px !important;
+.list-group-item-dark {
+ color: #1f2b3e;
+ background-color: #d6dae1;
}
-.navbar.navbar-rose .dropdown-menu li>a:hover,
-.navbar.navbar-rose .dropdown-menu li>a:focus {
- color: #FFFFFF;
- background-color: #e91e63;
- box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2);
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #1f2b3e;
+ background-color: #c1c4cb;
}
-.navbar.navbar-rose .dropdown-menu .active>a {
- background-color: #e91e63;
- color: #ffffff;
- box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2);
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #1f2b3e;
+ border-color: #1f2b3e;
}
-.navbar.navbar-rose .dropdown-menu .active>a:hover,
-.navbar.navbar-rose .dropdown-menu .active>a:focus {
- color: #ffffff;
+.list-group-item-white {
+ color: #666666;
+ background-color: white;
}
-.navbar-inverse {
- background-color: #3f51b5;
+.list-group-item-white.list-group-item-action:hover,
+.list-group-item-white.list-group-item-action:focus {
+ color: #666666;
+ background-color: #e6e6e6;
}
-.navbar.navbar-transparent {
- background-color: transparent;
- box-shadow: none;
- border-bottom: 0;
+.list-group-item-white.list-group-item-action.active {
+ color: #fff;
+ background-color: #666666;
+ border-color: #666666;
}
-.navbar.navbar-transparent .logo-container .brand {
- color: #FFFFFF;
+.list-group-item-dark-blue {
+ color: #10154c;
+ background-color: #d1d3e5;
}
-.navbar-fixed-top {
- border-radius: 0;
+.list-group-item-dark-blue.list-group-item-action:hover,
+.list-group-item-dark-blue.list-group-item-action:focus {
+ color: #10154c;
+ background-color: #bcbece;
}
-@media (max-width: 1199px) {
- .navbar {
- /*
- .navbar-form {
- margin-top: 10px;
- }
- */
- }
- .navbar .navbar-brand {
- height: 50px;
- padding: 10px 15px;
- }
- .navbar .navbar-nav>li>a {
- padding-top: 15px;
- padding-bottom: 15px;
- }
-}
-
-.navbar .alert {
- border-radius: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 85px;
- width: 100%;
- z-index: 3;
- transition: all 0.3s;
+.list-group-item-dark-blue.list-group-item-action.active {
+ color: #fff;
+ background-color: #10154c;
+ border-color: #10154c;
}
-.navbar-fixed {
- position: fixed;
- z-index: 1032;
- right: 0;
- width: 100%;
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #fff;
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.375rem;
+ opacity: 0.5;
}
-.nav-align-center {
- text-align: center;
+.btn-close:hover {
+ color: #fff;
+ text-decoration: none;
+ opacity: 0.75;
}
-.nav-align-center .nav-pills {
- display: inline-block;
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25);
+ opacity: 1;
}
-.navbar-absolute {
- position: absolute;
- width: 100%;
- padding-top: 10px;
- z-index: 1029;
+.btn-close:disabled,
+.btn-close.disabled {
+ pointer-events: none;
+ user-select: none;
+ opacity: 0.25;
}
-@media (min-width: 991px) {
- .navbar-fixed {
- width: calc(100% - 260px);
- }
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
}
-.popover,
-.tooltip-inner {
- color: #555555;
- line-height: 1.5em;
- background: #FFFFFF;
- border: none;
- border-radius: 3px;
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+.toast {
+ --bs-toast-zindex: 1090;
+ --bs-toast-padding-x: 0.75rem;
+ --bs-toast-padding-y: 0.75rem;
+ --bs-toast-spacing: 1.5rem;
+ --bs-toast-max-width: 350px;
+ --bs-toast-font-size: 0.875rem;
+ --bs-toast-color: ;
+ --bs-toast-bg: rgba(255, 255, 255, 0.85);
+ --bs-toast-border-width: 0;
+ --bs-toast-border-color: transparent;
+ --bs-toast-border-radius: 0.375rem;
+ --bs-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ --bs-toast-header-color: #344767;
+ --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
+ --bs-toast-header-border-color: rgba(0, 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);
}
-.popover {
- padding: 0;
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
+.toast.showing {
+ opacity: 0;
}
-.popover.left>.arrow,
-.popover.right>.arrow,
-.popover.top>.arrow,
-.popover.bottom>.arrow {
- border: none;
+.toast:not(.show) {
+ display: none;
}
-.popover-title {
- background-color: #FFFFFF;
- border: none;
- padding: 15px 15px 5px;
- font-size: 1.3em;
+.toast-container {
+ --bs-toast-zindex: 1090;
+ position: absolute;
+ z-index: var(--bs-toast-zindex);
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
}
-.popover-content {
- padding: 10px 15px 15px;
- line-height: 1.4;
+.toast-container> :not(:last-child) {
+ margin-bottom: var(--bs-toast-spacing);
}
-.tooltip.in {
- opacity: 1;
- -webkit-transform: translate3d(0, 0px, 0);
- -moz-transform: translate3d(0, 0px, 0);
- -o-transform: translate3d(0, 0px, 0);
- -ms-transform: translate3d(0, 0px, 0);
- transform: translate3d(0, 0px, 0);
+.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));
}
-.tooltip {
- opacity: 0;
- transition: opacity, transform .2s ease;
- -webkit-transform: translate3d(0, 5px, 0);
- -moz-transform: translate3d(0, 5px, 0);
- -o-transform: translate3d(0, 5px, 0);
- -ms-transform: translate3d(0, 5px, 0);
- transform: translate3d(0, 5px, 0);
+.toast-header .btn-close {
+ margin-right: calc(-.5 * var(--bs-toast-padding-x));
+ margin-left: var(--bs-toast-padding-x);
}
-.tooltip.left .tooltip-arrow {
- border-left-color: #FFFFFF;
+.toast-body {
+ padding: var(--bs-toast-padding-x);
+ word-wrap: break-word;
}
-.tooltip.right .tooltip-arrow {
- border-right-color: #FFFFFF;
+.modal {
+ --bs-modal-zindex: 1050;
+ --bs-modal-width: 500px;
+ --bs-modal-padding: 1rem;
+ --bs-modal-margin: 0.5rem;
+ --bs-modal-color: ;
+ --bs-modal-bg: #fff;
+ --bs-modal-border-color: rgba(0, 0, 0, 0.2);
+ --bs-modal-border-width: 1px;
+ --bs-modal-border-radius: 0.5rem;
+ --bs-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
+ --bs-modal-inner-border-radius: calc(0.5rem - 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: 0.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;
}
-.tooltip.top .tooltip-arrow {
- border-top-color: #FFFFFF;
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: var(--bs-modal-margin);
+ pointer-events: none;
}
-.tooltip.bottom .tooltip-arrow {
- border-bottom-color: #FFFFFF;
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
-.tooltip-inner {
- padding: 10px 15px;
- min-width: 130px;
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
}
-footer {
- padding: 15px 0;
+.modal.show .modal-dialog {
+ transform: none;
}
-footer ul {
- margin-bottom: 0;
- padding: 0;
- list-style: none;
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
}
-footer ul li {
- display: inline-block;
+.modal-dialog-scrollable {
+ height: calc(100% - var(--bs-modal-margin) * 2);
}
-footer ul li a {
- color: inherit;
- padding: 15px;
- font-weight: 500;
- font-size: 12px;
- text-transform: uppercase;
- border-radius: 3px;
- text-decoration: none;
- position: relative;
- display: block;
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
}
-footer ul li a:hover {
- text-decoration: none;
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
}
-footer .copyright {
- padding: 15px 0;
- margin: 0;
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - var(--bs-modal-margin) * 2);
}
-footer .copyright .material-icons {
- font-size: 18px;
- position: relative;
- top: 3px;
+.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;
}
-footer .btn {
- margin-top: 0;
- margin-bottom: 0;
+.modal-backdrop {
+ --bs-backdrop-zindex: 1040;
+ --bs-backdrop-bg: #000;
+ --bs-backdrop-opacity: 0.5;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--bs-backdrop-zindex);
+ width: 100vw;
+ height: 100vh;
+ background-color: var(--bs-backdrop-bg);
}
-.dropdown-menu {
- border: 0;
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+.modal-backdrop.fade {
+ opacity: 0;
}
-.dropdown-menu .divider {
- background-color: rgba(0, 0, 0, 0.12);
+.modal-backdrop.show {
+ opacity: var(--bs-backdrop-opacity);
}
-.dropdown-menu li>a {
- font-size: 13px;
- padding: 10px 20px;
- margin: 0 5px;
- border-radius: 2px;
- -webkit-transition: all 150ms linear;
- -moz-transition: all 150ms linear;
- -o-transition: all 150ms linear;
- -ms-transition: all 150ms linear;
- transition: all 150ms linear;
+.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);
}
-.dropdown-menu li>a:hover,
-.dropdown-menu li>a:focus {
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+.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;
}
-.dropdown-menu.dropdown-with-icons li>a {
- padding: 12px 20px 12px 12px;
+.modal-title {
+ margin-bottom: 0;
+ line-height: var(--bs-modal-title-line-height);
}
-.dropdown-menu.dropdown-with-icons li>a .material-icons {
- vertical-align: middle;
- font-size: 24px;
- position: relative;
- margin-top: -4px;
- top: 1px;
- margin-right: 12px;
- opacity: .5;
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: var(--bs-modal-padding);
}
-.dropdown-menu li {
- position: relative;
+.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);
}
-.dropdown-menu li a:hover,
-.dropdown-menu li a:focus,
-.dropdown-menu li a:active {
- background-color: #9c27b0;
- color: #FFFFFF;
+.modal-footer>* {
+ margin: calc(var(--bs-modal-footer-gap) * .5);
}
-.dropdown-menu .divider {
- margin: 5px 0;
+@media (min-width: 576px) {
+ .modal {
+ --bs-modal-margin: 1.75rem;
+ --bs-modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .modal-dialog {
+ max-width: var(--bs-modal-width);
+ margin-right: auto;
+ margin-left: auto;
+ }
+
+ .modal-sm {
+ --bs-modal-width: 300px;
+ }
}
-.navbar .dropdown-menu li a:hover,
-.navbar .dropdown-menu li a:focus,
-.navbar .dropdown-menu li a:active,
-.navbar.navbar-default .dropdown-menu li a:hover,
-.navbar.navbar-default .dropdown-menu li a:focus,
-.navbar.navbar-default .dropdown-menu li a:active {
- background-color: #9c27b0;
- color: #FFFFFF;
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+@media (min-width: 992px) {
+
+ .modal-lg,
+ .modal-xl {
+ --bs-modal-width: 800px;
+ }
}
-.navbar-nav>li>.dropdown-menu,
-.dropdown .dropdown-menu,
-.dropdown-menu.bootstrap-datetimepicker-widget {
- -webkit-transition: all 150ms linear;
- -moz-transition: all 150ms linear;
- -o-transition: all 150ms linear;
- -ms-transition: all 150ms linear;
- transition: all 150ms linear;
- margin-top: -20px;
- visibility: hidden;
- display: block;
- opacity: 0;
- filter: alpha(opacity=0);
+@media (min-width: 1200px) {
+ .modal-xl {
+ --bs-modal-width: 1140px;
+ }
}
-.navbar-nav>li.open>.dropdown-menu,
-.dropdown.open .dropdown-menu,
-.dropdown-menu.bootstrap-datetimepicker-widget.open {
- opacity: 1;
- filter: alpha(opacity=100);
- visibility: visible;
- margin-top: 0px;
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
}
-.card {
- display: inline-block;
- position: relative;
- width: 100%;
- margin: 25px 0;
- box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
- border-radius: 3px;
- color: rgba(0, 0, 0, 0.87);
- background: #fff;
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
}
-.card .card-height-indicator {
- margin-top: 100%;
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
}
-.card.row-space .header {
- padding: 15px 20px 0;
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
}
-.card .title {
- margin-top: 0;
- margin-bottom: 5px;
+@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;
+ }
}
-.card .card-image {
- height: 60%;
- position: relative;
- overflow: hidden;
- margin-left: 15px;
- margin-right: 15px;
- margin-top: -30px;
- border-radius: 6px;
+@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;
+ }
}
-.card .card-image img {
- width: 100%;
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
height: 100%;
- border-radius: 6px;
- pointer-events: none;
+ 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;
+ }
}
-.card .card-image .card-title {
- position: absolute;
- bottom: 15px;
- left: 15px;
- color: #fff;
- font-size: 1.3em;
- text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
+@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;
+ }
}
-.card .category:not([class*="text-"]) {
- color: #999999;
+@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;
+ }
}
-.card .card-content {
- padding: 15px 20px;
+.tooltip {
+ --bs-tooltip-zindex: 1070;
+ --bs-tooltip-max-width: 200px;
+ --bs-tooltip-padding-x: 0.5rem;
+ --bs-tooltip-padding-y: 0.25rem;
+ --bs-tooltip-margin: 0;
+ --bs-tooltip-font-size: 0.875rem;
+ --bs-tooltip-color: #fff;
+ --bs-tooltip-bg: #000;
+ --bs-tooltip-border-radius: 0.375rem;
+ --bs-tooltip-opacity: 0.9;
+ --bs-tooltip-arrow-width: 0.8rem;
+ --bs-tooltip-arrow-height: 0.4rem;
+ z-index: var(--bs-tooltip-zindex);
+ display: block;
+ padding: var(--bs-tooltip-arrow-height);
+ margin: var(--bs-tooltip-margin);
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--bs-tooltip-font-size);
+ word-wrap: break-word;
+ opacity: 0;
+}
+
+.tooltip.show {
+ opacity: var(--bs-tooltip-opacity);
+}
+
+.tooltip .tooltip-arrow {
+ display: block;
+ width: var(--bs-tooltip-arrow-width);
+ height: var(--bs-tooltip-arrow-height);
+}
+
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
+ bottom: 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);
+}
+
+/* rtl:begin:ignore */
+.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);
+}
+
+/* rtl:end:ignore */
+.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);
+}
+
+/* rtl:begin:ignore */
+.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);
+}
+
+/* rtl:end:ignore */
+.tooltip-inner {
+ max-width: var(--bs-tooltip-max-width);
+ padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
+ color: var(--bs-tooltip-color);
+ text-align: center;
+ background-color: var(--bs-tooltip-bg);
+ border-radius: var(--bs-tooltip-border-radius);
}
-.card .card-content .category {
- margin-bottom: 0;
+.popover {
+ --bs-popover-zindex: 1060;
+ --bs-popover-max-width: 276px;
+ --bs-popover-font-size: 0.75rem;
+ --bs-popover-bg: #fff;
+ --bs-popover-border-width: 0px;
+ --bs-popover-border-color: rgba(0, 0, 0, 0.2);
+ --bs-popover-border-radius: 0.5rem;
+ --bs-popover-inner-border-radius: calc(0.5rem - 0px);
+ --bs-popover-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
+ --bs-popover-header-padding-x: 1rem;
+ --bs-popover-header-padding-y: 0.5rem;
+ --bs-popover-header-font-size: 1rem;
+ --bs-popover-header-color: #344767;
+ --bs-popover-header-bg: #f0f2f5;
+ --bs-popover-body-padding-x: 1rem;
+ --bs-popover-body-padding-y: 1rem;
+ --bs-popover-body-color: #7b809a;
+ --bs-popover-arrow-width: 1rem;
+ --bs-popover-arrow-height: 0.5rem;
+ --bs-popover-arrow-border: var(--bs-popover-border-color);
+ z-index: var(--bs-popover-zindex);
+ display: block;
+ max-width: var(--bs-popover-max-width);
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--bs-popover-font-size);
+ word-wrap: break-word;
+ background-color: var(--bs-popover-bg);
+ background-clip: padding-box;
+ border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+ border-radius: var(--bs-popover-border-radius);
+}
+
+.popover .popover-arrow {
+ display: block;
+ width: var(--bs-popover-arrow-width);
+ height: var(--bs-popover-arrow-height);
+}
+
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0;
+}
+
+.bs-popover-top>.popover-arrow,
+.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
+ bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+}
+
+.bs-popover-top>.popover-arrow::before,
+.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
+.bs-popover-top>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
+ border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
+}
+
+.bs-popover-top>.popover-arrow::before,
+.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
+ bottom: 0;
+ border-top-color: var(--bs-popover-arrow-border);
+}
+
+.bs-popover-top>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
+ bottom: var(--bs-popover-border-width);
+ border-top-color: var(--bs-popover-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-end>.popover-arrow,
+.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
+ left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+ width: var(--bs-popover-arrow-height);
+ height: var(--bs-popover-arrow-width);
+}
+
+.bs-popover-end>.popover-arrow::before,
+.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
+.bs-popover-end>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
+ border-width: calc(var(--bs-popover-arrow-width) * .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);
}
-.card .card-header {
- box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
- margin: -20px 15px 0;
- border-radius: 3px;
- padding: 15px;
- background-color: #999999;
+.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);
}
-.card .card-header .title {
- color: #FFFFFF;
+/* rtl:end:ignore */
+.bs-popover-bottom>.popover-arrow,
+.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
+ top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
-.card .card-header .category {
- margin-bottom: 0;
- color: rgba(255, 255, 255, 0.62);
+.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);
}
-.card .card-header.card-chart {
- padding: 0;
- min-height: 160px;
+.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);
}
-.card .card-header.card-chart+.content h4 {
- margin-top: 0;
+.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);
}
-.card .card-header .ct-label {
- color: rgba(255, 255, 255, 0.7);
+.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);
}
-.card .card-header .ct-grid {
- stroke: rgba(255, 255, 255, 0.2);
+/* rtl:begin:ignore */
+.bs-popover-start>.popover-arrow,
+.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
+ right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+ width: var(--bs-popover-arrow-height);
+ height: var(--bs-popover-arrow-width);
}
-.card .card-header .ct-series-a .ct-point,
-.card .card-header .ct-series-a .ct-line,
-.card .card-header .ct-series-a .ct-bar,
-.card .card-header .ct-series-a .ct-slice-donut {
- stroke: rgba(255, 255, 255, 0.8);
+.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);
}
-.card .card-header .ct-series-a .ct-slice-pie,
-.card .card-header .ct-series-a .ct-area {
- fill: rgba(255, 255, 255, 0.4);
+.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);
}
-.card .chart-title {
- position: absolute;
- top: 25px;
- width: 100%;
- text-align: center;
+.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);
}
-.card .chart-title h3 {
- margin: 0;
- color: #FFFFFF;
+/* rtl:end:ignore */
+.popover-header {
+ padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
+ margin-bottom: 0;
+ font-size: var(--bs-popover-header-font-size);
+ color: var(--bs-popover-header-color);
+ background-color: var(--bs-popover-header-bg);
+ border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+ border-top-left-radius: var(--bs-popover-inner-border-radius);
+ border-top-right-radius: var(--bs-popover-inner-border-radius);
}
-.card .chart-title h6 {
- margin: 0;
- color: rgba(255, 255, 255, 0.4);
+.popover-header:empty {
+ display: none;
}
-.card .card-footer {
- margin: 0 20px 10px;
- padding-top: 10px;
- border-top: 1px solid #eeeeee;
+.popover-body {
+ padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
+ color: var(--bs-popover-body-color);
}
-.card .card-footer .content {
- display: block;
+.carousel {
+ position: relative;
}
-.card .card-footer div {
- display: inline-block;
+.carousel.pointer-event {
+ touch-action: pan-y;
}
-.card .card-footer .author {
- color: #999999;
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
}
-.card .card-footer .stats {
- line-height: 22px;
- color: #999999;
- font-size: 12px;
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: "";
}
-.card .card-footer .stats .material-icons {
- position: relative;
- top: 4px;
- font-size: 16px;
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
}
-.card .card-footer h6 {
- color: #999999;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
+ }
}
-.card img {
- width: 100%;
- height: auto;
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
}
-.card .category .material-icons {
- position: relative;
- top: 6px;
- line-height: 0;
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
}
-.card .category-social .fa {
- font-size: 24px;
- position: relative;
- margin-top: -4px;
- top: 2px;
- margin-right: 5px;
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
}
-.card .author .avatar {
- width: 30px;
- height: 30px;
- overflow: hidden;
- border-radius: 50%;
- margin-right: 5px;
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-.card .author a {
- color: #3C4858;
- text-decoration: 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;
}
-.card .author a .ripple-container {
- display: none;
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
}
-.card .table {
- margin-bottom: 0;
+@media (prefers-reduced-motion: reduce) {
+
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
}
-.card .table tr:first-child td {
- border-top: none;
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
}
-.card [data-background-color="purple"] {
- background: linear-gradient(60deg, #ab47bc, #8e24aa);
- box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
+@media (prefers-reduced-motion: reduce) {
+
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
}
-.card [data-background-color="blue"] {
- background: linear-gradient(60deg, #26c6da, #00acc1);
- box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
}
-.card [data-background-color="green"] {
- background: linear-gradient(60deg, #66bb6a, #43a047);
- box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
+.carousel-control-prev {
+ left: 0;
}
-.card [data-background-color="orange"] {
- background: linear-gradient(60deg, #ffa726, #fb8c00);
- box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
+.carousel-control-next {
+ right: 0;
}
-.card [data-background-color="red"] {
- background: linear-gradient(60deg, #ef5350, #e53935);
- box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
+.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%;
}
-.card [data-background-color] {
- color: #FFFFFF;
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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");
}
-.card [data-background-color] a {
- color: #FFFFFF;
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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");
}
-.card-stats .title {
- margin: 0;
+.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: 0.5;
+ transition: opacity 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
+}
+
+.carousel-indicators .active {
+ opacity: 1;
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
+}
+
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
+}
+
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
+}
+
+.carousel-dark .carousel-caption {
+ color: #000;
+}
+
+.spinner-grow,
+.spinner-border {
+ display: inline-block;
+ width: var(--bs-spinner-width);
+ height: var(--bs-spinner-height);
+ vertical-align: var(--bs-spinner-vertical-align);
+ border-radius: 50%;
+ animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
+}
+
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg)
+ /* rtl:ignore */
+ ;
+ }
+}
+
+.spinner-border {
+ --bs-spinner-width: 2rem;
+ --bs-spinner-height: 2rem;
+ --bs-spinner-vertical-align: -0.125em;
+ --bs-spinner-border-width: 0.25em;
+ --bs-spinner-animation-speed: 0.75s;
+ --bs-spinner-animation-name: spinner-border;
+ border: var(--bs-spinner-border-width) solid currentcolor;
+ border-right-color: transparent;
+}
+
+.spinner-border-sm {
+ --bs-spinner-width: 1rem;
+ --bs-spinner-height: 1rem;
+ --bs-spinner-border-width: 0.2em;
+}
+
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
+}
+
+.spinner-grow {
+ --bs-spinner-width: 2rem;
+ --bs-spinner-height: 2rem;
+ --bs-spinner-vertical-align: -0.125em;
+ --bs-spinner-animation-speed: 0.75s;
+ --bs-spinner-animation-name: spinner-grow;
+ background-color: currentcolor;
+ opacity: 0;
+}
+
+.spinner-grow-sm {
+ --bs-spinner-width: 1rem;
+ --bs-spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+ .spinner-border,
+ .spinner-grow {
+ --bs-spinner-animation-speed: 1.5s;
+ }
+}
+
+.offcanvas-sm,
+.offcanvas-md,
+.offcanvas-lg,
+.offcanvas-xl,
+.offcanvas-xxl,
+.offcanvas {
+ --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, 0.2);
+ --bs-offcanvas-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
+}
+
+@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 0.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: translateX(-100%);
+ }
+
+ .offcanvas-sm.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--bs-offcanvas-width);
+ border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+
+ .offcanvas-sm.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+
+ .offcanvas-sm.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+
+ .offcanvas-sm.showing,
+ .offcanvas-sm.show:not(.hiding) {
+ transform: none;
+ }
+
+ .offcanvas-sm.showing,
+ .offcanvas-sm.hiding,
+ .offcanvas-sm.show {
+ visibility: visible;
+ }
}
-.card-stats .card-header {
- float: left;
- text-align: center;
+@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;
+ }
}
-.card-stats .card-header i {
- font-size: 36px;
- line-height: 56px;
- width: 56px;
- height: 56px;
+@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 0.3s ease-in-out;
+ }
}
-.card-stats .card-content {
- text-align: right;
- padding-top: 10px;
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-md {
+ transition: none;
+ }
}
-.card-nav-tabs .header-raised {
- margin-top: -30px;
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--bs-offcanvas-width);
+ border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+
+ .offcanvas-md.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--bs-offcanvas-width);
+ border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+
+ .offcanvas-md.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+
+ .offcanvas-md.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+
+ .offcanvas-md.showing,
+ .offcanvas-md.show:not(.hiding) {
+ transform: none;
+ }
+
+ .offcanvas-md.showing,
+ .offcanvas-md.hiding,
+ .offcanvas-md.show {
+ visibility: visible;
+ }
}
-.card-nav-tabs .nav-tabs {
- background: transparent;
+@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;
+ }
}
-.card-nav-tabs .nav-tabs-title {
- float: left;
- padding: 10px 10px 10px 0;
- line-height: 24px;
+@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 0.3s ease-in-out;
+ }
}
-.card-plain {
- background: transparent;
- box-shadow: none;
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-lg {
+ transition: none;
+ }
}
-.card-plain .card-header {
- margin-left: 0;
- margin-right: 0;
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--bs-offcanvas-width);
+ border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+
+ .offcanvas-lg.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--bs-offcanvas-width);
+ border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+
+ .offcanvas-lg.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+
+ .offcanvas-lg.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+
+ .offcanvas-lg.showing,
+ .offcanvas-lg.show:not(.hiding) {
+ transform: none;
+ }
+
+ .offcanvas-lg.showing,
+ .offcanvas-lg.hiding,
+ .offcanvas-lg.show {
+ visibility: visible;
+ }
}
-.card-plain .content {
- padding-left: 5px;
- padding-right: 5px;
+@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;
+ }
}
-.card-plain .card-image {
- margin: 0;
- border-radius: 3px;
+@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 0.3s ease-in-out;
+ }
+}
+
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xl {
+ transition: none;
+ }
}
-.card-plain .card-image img {
- border-radius: 3px;
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--bs-offcanvas-width);
+ border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+
+ .offcanvas-xl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--bs-offcanvas-width);
+ border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+
+ .offcanvas-xl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+
+ .offcanvas-xl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+
+ .offcanvas-xl.showing,
+ .offcanvas-xl.show:not(.hiding) {
+ transform: none;
+ }
+
+ .offcanvas-xl.showing,
+ .offcanvas-xl.hiding,
+ .offcanvas-xl.show {
+ visibility: visible;
+ }
}
-.iframe-container {
- margin: 0 -20px 0;
+@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;
+ }
}
-.iframe-container iframe {
- width: 100%;
- height: 500px;
- border: 0;
- box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
+@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 0.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: translateX(-100%);
+ }
+
+ .offcanvas-xxl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--bs-offcanvas-width);
+ border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+
+ .offcanvas-xxl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+
+ .offcanvas-xxl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--bs-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+
+ .offcanvas-xxl.showing,
+ .offcanvas-xxl.show:not(.hiding) {
+ transform: none;
+ }
+
+ .offcanvas-xxl.showing,
+ .offcanvas-xxl.hiding,
+ .offcanvas-xxl.show {
+ visibility: visible;
+ }
}
-.card-profile,
-.card-testimonial {
- margin-top: 30px;
- text-align: center;
+@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;
+ }
}
-.card-profile .btn-just-icon.btn-raised,
-.card-testimonial .btn-just-icon.btn-raised {
- margin-left: 6px;
- margin-right: 6px;
+.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 0.3s ease-in-out;
}
-.card-profile .card-avatar,
-.card-testimonial .card-avatar {
- max-width: 130px;
- max-height: 130px;
- margin: -50px auto 0;
- border-radius: 50%;
- overflow: hidden;
- box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
}
-.card-profile .card-avatar+.content,
-.card-testimonial .card-avatar+.content {
- margin-top: 15px;
+.offcanvas.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--bs-offcanvas-width);
+ border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(-100%);
}
-.card-profile.card-plain .card-avatar,
-.card-testimonial.card-plain .card-avatar {
- margin-top: 0;
+.offcanvas.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--bs-offcanvas-width);
+ border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+ transform: translateX(100%);
}
-.nav-tabs {
- background: #9c27b0;
- border: 0;
- border-radius: 3px;
- padding: 0 15px;
+.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%);
}
-.nav-tabs>li>a {
- color: #FFFFFF;
- border: 0;
- margin: 0;
- border-radius: 3px;
- line-height: 24px;
- text-transform: uppercase;
- font-size: 12px;
+.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%);
}
-.nav-tabs>li>a:hover {
- background-color: transparent;
- border: 0;
+.offcanvas.showing,
+.offcanvas.show:not(.hiding) {
+ transform: none;
}
-.nav-tabs>li>a,
-.nav-tabs>li>a:hover,
-.nav-tabs>li>a:focus {
- background-color: transparent;
- border: 0 !important;
- color: #FFFFFF !important;
- font-weight: 500;
+.offcanvas.showing,
+.offcanvas.hiding,
+.offcanvas.show {
+ visibility: visible;
+}
+
+.offcanvas-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
+}
+
+.offcanvas-backdrop.fade {
+ opacity: 0;
+}
+
+.offcanvas-backdrop.show {
+ opacity: 0.5;
+}
+
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ 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: 0.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: 0.2;
+ }
+}
+
+.placeholder-wave {
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ mask-size: 200% 100%;
+ animation: placeholder-wave 2s linear infinite;
+}
+
+@keyframes placeholder-wave {
+ 100% {
+ mask-position: -200% 0%;
+ }
+}
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.text-bg-primary {
+ color: #000 !important;
+ background-color: RGBA(233, 30, 99, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+ color: #000 !important;
+ background-color: RGBA(, 128, 154, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+ color: #000 !important;
+ background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+ color: #fff !important;
+ background-color: RGBA(26, 115, 232, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+ color: #000 !important;
+ background-color: RGBA(251, 140, 0, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+ color: #000 !important;
+ background-color: RGBA(244, 67, 53, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+ color: #000 !important;
+ background-color: RGBA(240, 242, 245, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+ color: #fff !important;
+ background-color: RGBA(52, 71, 103, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-white {
+ color: #000 !important;
+ background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-dark-blue {
+ color: #fff !important;
+ background-color: RGBA(26, 35, 126, var(--bs-bg-opacity, 1)) !important;
+}
+
+.link-primary {
+ color: #e91e63 !important;
+}
+
+.link-primary:hover,
+.link-primary:focus {
+ color: #ed4b82 !important;
+}
+
+.link-secondary {
+ color: #7b809a !important;
+}
+
+.link-secondary:hover,
+.link-secondary:focus {
+ color: #9599ae !important;
+}
+
+.link-success {
+ color: #4CAF50 !important;
+}
+
+.link-success:hover,
+.link-success:focus {
+ color: #70bf73 !important;
+}
+
+.link-info {
+ color: #1A73E8 !important;
+}
+
+.link-info:hover,
+.link-info:focus {
+ color: #155cba !important;
+}
+
+.link-warning {
+ color: #fb8c00 !important;
+}
+
+.link-warning:hover,
+.link-warning:focus {
+ color: #fca333 !important;
+}
+
+.link-danger {
+ color: #F44335 !important;
+}
+
+.link-danger:hover,
+.link-danger:focus {
+ color: #f6695d !important;
+}
+
+.link-light {
+ color: #f0f2f5 !important;
+}
+
+.link-light:hover,
+.link-light:focus {
+ color: #f3f5f7 !important;
+}
+
+.link-dark {
+ color: #344767 !important;
+}
+
+.link-dark:hover,
+.link-dark:focus {
+ color: #2a3952 !important;
+}
+
+.link-white {
+ color: #fff !important;
+}
+
+.link-white:hover,
+.link-white:focus {
+ color: white !important;
+}
+
+.link-dark-blue {
+ color: #1A237E !important;
+}
+
+.link-dark-blue:hover,
+.link-dark-blue:focus {
+ color: #151c65 !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: calc(3 / 4 * 100%);
+}
+
+.ratio-16x9 {
+ --bs-aspect-ratio: calc(9 / 16 * 100%);
+}
+
+.ratio-21x9 {
+ --bs-aspect-ratio: calc(9 / 21 * 100%);
+}
+
+.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;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: "";
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentcolor;
+ opacity: 0.25;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: left !important;
+}
+
+.float-end {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-1 {
+ opacity: 0.1 !important;
+}
+
+.opacity-2 {
+ opacity: 0.2 !important;
+}
+
+.opacity-3 {
+ opacity: 0.3 !important;
+}
+
+.opacity-4 {
+ opacity: 0.4 !important;
+}
+
+.opacity-5 {
+ opacity: 0.5 !important;
+}
+
+.opacity-6 {
+ opacity: 0.6 !important;
+}
+
+.opacity-7 {
+ opacity: 0.7 !important;
+}
+
+.opacity-8 {
+ opacity: 0.8 !important;
+}
+
+.opacity-9 {
+ opacity: 0.9 !important;
+}
+
+.opacity-10 {
+ 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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+}
+
+.shadow-sm {
+ box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important;
+}
+
+.shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+}
+
+.shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !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-1 {
+ top: 1% !important;
+}
+
+.top-2 {
+ top: 2% !important;
+}
+
+.top-3 {
+ top: 3% !important;
+}
+
+.top-4 {
+ top: 4% !important;
+}
+
+.top-5 {
+ top: 5% !important;
+}
+
+.top-6 {
+ top: 6% !important;
+}
+
+.top-7 {
+ top: 7% !important;
+}
+
+.top-8 {
+ top: 8% !important;
+}
+
+.top-9 {
+ top: 9% !important;
+}
+
+.top-10 {
+ top: 10% !important;
+}
+
+.top-50 {
+ top: 50% !important;
+}
+
+.top-100 {
+ top: 100% !important;
+}
+
+.bottom-0 {
+ bottom: 0 !important;
+}
+
+.bottom-1 {
+ bottom: 1% !important;
+}
+
+.bottom-2 {
+ bottom: 2% !important;
+}
+
+.bottom-3 {
+ bottom: 3% !important;
+}
+
+.bottom-4 {
+ bottom: 4% !important;
+}
+
+.bottom-5 {
+ bottom: 5% !important;
+}
+
+.bottom-6 {
+ bottom: 6% !important;
+}
+
+.bottom-7 {
+ bottom: 7% !important;
+}
+
+.bottom-8 {
+ bottom: 8% !important;
+}
+
+.bottom-9 {
+ bottom: 9% !important;
+}
+
+.bottom-10 {
+ bottom: 10% !important;
+}
+
+.bottom-50 {
+ bottom: 50% !important;
+}
+
+.bottom-100 {
+ bottom: 100% !important;
+}
+
+.start-0 {
+ left: 0 !important;
+}
+
+.start-1 {
+ left: 1% !important;
+}
+
+.start-2 {
+ left: 2% !important;
+}
+
+.start-3 {
+ left: 3% !important;
+}
+
+.start-4 {
+ left: 4% !important;
+}
+
+.start-5 {
+ left: 5% !important;
+}
+
+.start-6 {
+ left: 6% !important;
+}
+
+.start-7 {
+ left: 7% !important;
+}
+
+.start-8 {
+ left: 8% !important;
+}
+
+.start-9 {
+ left: 9% !important;
+}
+
+.start-10 {
+ left: 10% !important;
+}
+
+.start-50 {
+ left: 50% !important;
+}
+
+.start-100 {
+ left: 100% !important;
+}
+
+.end-0 {
+ right: 0 !important;
+}
+
+.end-1 {
+ right: 1% !important;
+}
+
+.end-2 {
+ right: 2% !important;
+}
+
+.end-3 {
+ right: 3% !important;
+}
+
+.end-4 {
+ right: 4% !important;
+}
+
+.end-5 {
+ right: 5% !important;
+}
+
+.end-6 {
+ right: 6% !important;
+}
+
+.end-7 {
+ right: 7% !important;
+}
+
+.end-8 {
+ right: 8% !important;
+}
+
+.end-9 {
+ right: 9% !important;
+}
+
+.end-10 {
+ right: 10% !important;
+}
+
+.end-50 {
+ right: 50% !important;
+}
+
+.end-100 {
+ right: 100% !important;
+}
+
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+ transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
+}
+
+.border-end-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
+}
+
+.border-start-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ border-color: #e91e63 !important;
+}
+
+.border-secondary {
+ border-color: #7b809a !important;
+}
+
+.border-success {
+ border-color: #4CAF50 !important;
+}
+
+.border-info {
+ border-color: #1A73E8 !important;
+}
+
+.border-warning {
+ border-color: #fb8c00 !important;
+}
+
+.border-danger {
+ border-color: #F44335 !important;
+}
+
+.border-light {
+ border-color: #f0f2f5 !important;
+}
+
+.border-dark {
+ border-color: #344767 !important;
+}
+
+.border-white {
+ border-color: #fff !important;
+}
+
+.border-dark-blue {
+ border-color: #1A237E !important;
+}
+
+.border-0 {
+ border-width: 0 !important;
+}
+
+.border-1 {
+ border-width: 1px !important;
+}
+
+.border-2 {
+ border-width: 2px !important;
+}
+
+.border-3 {
+ border-width: 3px !important;
+}
+
+.border-4 {
+ border-width: 4px !important;
+}
+
+.border-5 {
+ border-width: 5px !important;
+}
+
+.border-opacity-10 {
+ --bs-border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+ --bs-border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --bs-border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --bs-border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --bs-border-opacity: 1;
+}
+
+.w-0 {
+ width: 0% !important;
+}
+
+.w-1 {
+ width: 1% !important;
+}
+
+.w-2 {
+ width: 2% !important;
+}
+
+.w-3 {
+ width: 3% !important;
+}
+
+.w-4 {
+ width: 4% !important;
+}
+
+.w-5 {
+ width: 5% !important;
+}
+
+.w-6 {
+ width: 6% !important;
+}
+
+.w-7 {
+ width: 7% !important;
+}
+
+.w-8 {
+ width: 8% !important;
+}
+
+.w-9 {
+ width: 9% !important;
+}
+
+.w-10 {
+ width: 10% !important;
+}
+
+.w-15 {
+ width: 15% !important;
+}
+
+.w-20 {
+ width: 20% !important;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-30 {
+ width: 30% !important;
+}
+
+.w-35 {
+ width: 35% !important;
+}
+
+.w-40 {
+ width: 40% !important;
+}
+
+.w-45 {
+ width: 45% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-55 {
+ width: 55% !important;
+}
+
+.w-60 {
+ width: 60% !important;
+}
+
+.w-65 {
+ width: 65% !important;
+}
+
+.w-70 {
+ width: 70% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-80 {
+ width: 80% !important;
+}
+
+.w-85 {
+ width: 85% !important;
+}
+
+.w-90 {
+ width: 90% !important;
+}
+
+.w-95 {
+ width: 95% !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-25 {
+ min-height: 25vh !important;
+}
+
+.min-vh-35 {
+ min-height: 35vh !important;
+}
+
+.min-vh-45 {
+ min-height: 45vh !important;
+}
+
+.min-vh-50 {
+ min-height: 50vh !important;
+}
+
+.min-vh-55 {
+ min-height: 55vh !important;
+}
+
+.min-vh-65 {
+ min-height: 65vh !important;
+}
+
+.min-vh-70 {
+ min-height: 70vh !important;
+}
+
+.min-vh-75 {
+ min-height: 75vh !important;
+}
+
+.min-vh-80 {
+ min-height: 80vh !important;
+}
+
+.min-vh-85 {
+ min-height: 85vh !important;
+}
+
+.min-vh-90 {
+ min-height: 90vh !important;
+}
+
+.min-vh-95 {
+ min-height: 95vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ flex-direction: row !important;
+}
+
+.flex-column {
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ align-content: center !important;
+}
+
+.align-content-between {
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ align-self: auto !important;
+}
+
+.align-self-start {
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ align-self: stretch !important;
+}
+
+.order-first {
+ order: -1 !important;
+}
+
+.order-0 {
+ order: 0 !important;
+}
+
+.order-1 {
+ order: 1 !important;
+}
+
+.order-2 {
+ order: 2 !important;
+}
+
+.order-3 {
+ order: 3 !important;
+}
+
+.order-4 {
+ order: 4 !important;
+}
+
+.order-5 {
+ order: 5 !important;
+}
+
+.order-last {
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 3rem !important;
+}
+
+.m-6 {
+ margin: 4rem !important;
+}
+
+.m-7 {
+ margin: 6rem !important;
+}
+
+.m-8 {
+ margin: 8rem !important;
+}
+
+.m-9 {
+ margin: 10rem !important;
+}
+
+.m-10 {
+ margin: 12rem !important;
+}
+
+.m-11 {
+ margin: 14rem !important;
+}
+
+.m-12 {
+ margin: 16rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+
+.mx-6 {
+ margin-right: 4rem !important;
+ margin-left: 4rem !important;
+}
+
+.mx-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+}
+
+.mx-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+}
+
+.mx-9 {
+ margin-right: 10rem !important;
+ margin-left: 10rem !important;
+}
+
+.mx-10 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+}
+
+.mx-11 {
+ margin-right: 14rem !important;
+ margin-left: 14rem !important;
+}
+
+.mx-12 {
+ margin-right: 16rem !important;
+ margin-left: 16rem !important;
+}
+
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.my-6 {
+ margin-top: 4rem !important;
+ margin-bottom: 4rem !important;
+}
+
+.my-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+}
+
+.my-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+}
+
+.my-9 {
+ margin-top: 10rem !important;
+ margin-bottom: 10rem !important;
+}
+
+.my-10 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+}
+
+.my-11 {
+ margin-top: 14rem !important;
+ margin-bottom: 14rem !important;
+}
+
+.my-12 {
+ margin-top: 16rem !important;
+ margin-bottom: 16rem !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+ margin-top: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 3rem !important;
+}
+
+.mt-6 {
+ margin-top: 4rem !important;
+}
+
+.mt-7 {
+ margin-top: 6rem !important;
+}
+
+.mt-8 {
+ margin-top: 8rem !important;
+}
+
+.mt-9 {
+ margin-top: 10rem !important;
+}
+
+.mt-10 {
+ margin-top: 12rem !important;
+}
+
+.mt-11 {
+ margin-top: 14rem !important;
+}
+
+.mt-12 {
+ margin-top: 16rem !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-right: 0 !important;
+}
+
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+
+.me-3 {
+ margin-right: 1rem !important;
+}
+
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+
+.me-5 {
+ margin-right: 3rem !important;
+}
+
+.me-6 {
+ margin-right: 4rem !important;
+}
+
+.me-7 {
+ margin-right: 6rem !important;
+}
+
+.me-8 {
+ margin-right: 8rem !important;
+}
+
+.me-9 {
+ margin-right: 10rem !important;
+}
+
+.me-10 {
+ margin-right: 12rem !important;
+}
+
+.me-11 {
+ margin-right: 14rem !important;
+}
+
+.me-12 {
+ margin-right: 16rem !important;
+}
+
+.me-auto {
+ margin-right: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+ margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+
+.mb-6 {
+ margin-bottom: 4rem !important;
+}
+
+.mb-7 {
+ margin-bottom: 6rem !important;
+}
+
+.mb-8 {
+ margin-bottom: 8rem !important;
+}
+
+.mb-9 {
+ margin-bottom: 10rem !important;
+}
+
+.mb-10 {
+ margin-bottom: 12rem !important;
+}
+
+.mb-11 {
+ margin-bottom: 14rem !important;
+}
+
+.mb-12 {
+ margin-bottom: 16rem !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-left: 0 !important;
+}
+
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+ margin-left: 1rem !important;
+}
+
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+
+.ms-5 {
+ margin-left: 3rem !important;
+}
+
+.ms-6 {
+ margin-left: 4rem !important;
+}
+
+.ms-7 {
+ margin-left: 6rem !important;
+}
+
+.ms-8 {
+ margin-left: 8rem !important;
+}
+
+.ms-9 {
+ margin-left: 10rem !important;
+}
+
+.ms-10 {
+ margin-left: 12rem !important;
+}
+
+.ms-11 {
+ margin-left: 14rem !important;
+}
+
+.ms-12 {
+ margin-left: 16rem !important;
+}
+
+.ms-auto {
+ margin-left: auto !important;
+}
+
+.m-n1 {
+ margin: -0.25rem !important;
+}
+
+.m-n2 {
+ margin: -0.5rem !important;
+}
+
+.m-n3 {
+ margin: -1rem !important;
+}
+
+.m-n4 {
+ margin: -1.5rem !important;
+}
+
+.m-n5 {
+ margin: -3rem !important;
+}
+
+.m-n6 {
+ margin: -4rem !important;
+}
+
+.m-n7 {
+ margin: -6rem !important;
+}
+
+.m-n8 {
+ margin: -8rem !important;
+}
+
+.m-n9 {
+ margin: -10rem !important;
+}
+
+.m-n10 {
+ margin: -12rem !important;
+}
+
+.m-n11 {
+ margin: -14rem !important;
+}
+
+.m-n12 {
+ margin: -16rem !important;
+}
+
+.mx-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+}
+
+.mx-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+}
+
+.mx-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+}
+
+.mx-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+}
+
+.mx-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+}
+
+.mx-n6 {
+ margin-right: -4rem !important;
+ margin-left: -4rem !important;
+}
+
+.mx-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+}
+
+.mx-n8 {
+ margin-right: -8rem !important;
+ margin-left: -8rem !important;
+}
+
+.mx-n9 {
+ margin-right: -10rem !important;
+ margin-left: -10rem !important;
+}
+
+.mx-n10 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+}
+
+.mx-n11 {
+ margin-right: -14rem !important;
+ margin-left: -14rem !important;
+}
+
+.mx-n12 {
+ margin-right: -16rem !important;
+ margin-left: -16rem !important;
+}
+
+.my-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+}
+
+.my-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+}
+
+.my-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+}
+
+.my-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+}
+
+.my-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+}
+
+.my-n6 {
+ margin-top: -4rem !important;
+ margin-bottom: -4rem !important;
+}
+
+.my-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+}
+
+.my-n8 {
+ margin-top: -8rem !important;
+ margin-bottom: -8rem !important;
+}
+
+.my-n9 {
+ margin-top: -10rem !important;
+ margin-bottom: -10rem !important;
+}
+
+.my-n10 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+}
+
+.my-n11 {
+ margin-top: -14rem !important;
+ margin-bottom: -14rem !important;
+}
+
+.my-n12 {
+ margin-top: -16rem !important;
+ margin-bottom: -16rem !important;
+}
+
+.mt-n1 {
+ margin-top: -0.25rem !important;
+}
+
+.mt-n2 {
+ margin-top: -0.5rem !important;
+}
+
+.mt-n3 {
+ margin-top: -1rem !important;
+}
+
+.mt-n4 {
+ margin-top: -1.5rem !important;
+}
+
+.mt-n5 {
+ margin-top: -3rem !important;
+}
+
+.mt-n6 {
+ margin-top: -4rem !important;
+}
+
+.mt-n7 {
+ margin-top: -6rem !important;
+}
+
+.mt-n8 {
+ margin-top: -8rem !important;
+}
+
+.mt-n9 {
+ margin-top: -10rem !important;
+}
+
+.mt-n10 {
+ margin-top: -12rem !important;
+}
+
+.mt-n11 {
+ margin-top: -14rem !important;
+}
+
+.mt-n12 {
+ margin-top: -16rem !important;
+}
+
+.me-n1 {
+ margin-right: -0.25rem !important;
+}
+
+.me-n2 {
+ margin-right: -0.5rem !important;
+}
+
+.me-n3 {
+ margin-right: -1rem !important;
+}
+
+.me-n4 {
+ margin-right: -1.5rem !important;
+}
+
+.me-n5 {
+ margin-right: -3rem !important;
+}
+
+.me-n6 {
+ margin-right: -4rem !important;
+}
+
+.me-n7 {
+ margin-right: -6rem !important;
+}
+
+.me-n8 {
+ margin-right: -8rem !important;
+}
+
+.me-n9 {
+ margin-right: -10rem !important;
+}
+
+.me-n10 {
+ margin-right: -12rem !important;
+}
+
+.me-n11 {
+ margin-right: -14rem !important;
+}
+
+.me-n12 {
+ margin-right: -16rem !important;
+}
+
+.mb-n1 {
+ margin-bottom: -0.25rem !important;
+}
+
+.mb-n2 {
+ margin-bottom: -0.5rem !important;
+}
+
+.mb-n3 {
+ margin-bottom: -1rem !important;
+}
+
+.mb-n4 {
+ margin-bottom: -1.5rem !important;
+}
+
+.mb-n5 {
+ margin-bottom: -3rem !important;
+}
+
+.mb-n6 {
+ margin-bottom: -4rem !important;
+}
+
+.mb-n7 {
+ margin-bottom: -6rem !important;
+}
+
+.mb-n8 {
+ margin-bottom: -8rem !important;
+}
+
+.mb-n9 {
+ margin-bottom: -10rem !important;
+}
+
+.mb-n10 {
+ margin-bottom: -12rem !important;
+}
+
+.mb-n11 {
+ margin-bottom: -14rem !important;
+}
+
+.mb-n12 {
+ margin-bottom: -16rem !important;
+}
+
+.ms-n1 {
+ margin-left: -0.25rem !important;
+}
+
+.ms-n2 {
+ margin-left: -0.5rem !important;
+}
+
+.ms-n3 {
+ margin-left: -1rem !important;
+}
+
+.ms-n4 {
+ margin-left: -1.5rem !important;
+}
+
+.ms-n5 {
+ margin-left: -3rem !important;
+}
+
+.ms-n6 {
+ margin-left: -4rem !important;
+}
+
+.ms-n7 {
+ margin-left: -6rem !important;
+}
+
+.ms-n8 {
+ margin-left: -8rem !important;
+}
+
+.ms-n9 {
+ margin-left: -10rem !important;
+}
+
+.ms-n10 {
+ margin-left: -12rem !important;
+}
+
+.ms-n11 {
+ margin-left: -14rem !important;
+}
+
+.ms-n12 {
+ margin-left: -16rem !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 3rem !important;
+}
+
+.p-6 {
+ padding: 4rem !important;
+}
+
+.p-7 {
+ padding: 6rem !important;
+}
+
+.p-8 {
+ padding: 8rem !important;
+}
+
+.p-9 {
+ padding: 10rem !important;
+}
+
+.p-10 {
+ padding: 12rem !important;
+}
+
+.p-11 {
+ padding: 14rem !important;
+}
+
+.p-12 {
+ padding: 16rem !important;
+}
+
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+
+.px-6 {
+ padding-right: 4rem !important;
+ padding-left: 4rem !important;
+}
+
+.px-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+}
+
+.px-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+}
+
+.px-9 {
+ padding-right: 10rem !important;
+ padding-left: 10rem !important;
+}
+
+.px-10 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+}
+
+.px-11 {
+ padding-right: 14rem !important;
+ padding-left: 14rem !important;
+}
+
+.px-12 {
+ padding-right: 16rem !important;
+ padding-left: 16rem !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.py-6 {
+ padding-top: 4rem !important;
+ padding-bottom: 4rem !important;
+}
+
+.py-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+}
+
+.py-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+}
+
+.py-9 {
+ padding-top: 10rem !important;
+ padding-bottom: 10rem !important;
+}
+
+.py-10 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+}
+
+.py-11 {
+ padding-top: 14rem !important;
+ padding-bottom: 14rem !important;
+}
+
+.py-12 {
+ padding-top: 16rem !important;
+ padding-bottom: 16rem !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+ padding-top: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 3rem !important;
+}
+
+.pt-6 {
+ padding-top: 4rem !important;
+}
+
+.pt-7 {
+ padding-top: 6rem !important;
+}
+
+.pt-8 {
+ padding-top: 8rem !important;
+}
+
+.pt-9 {
+ padding-top: 10rem !important;
+}
+
+.pt-10 {
+ padding-top: 12rem !important;
+}
+
+.pt-11 {
+ padding-top: 14rem !important;
+}
+
+.pt-12 {
+ padding-top: 16rem !important;
+}
+
+.pe-0 {
+ padding-right: 0 !important;
+}
+
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+ padding-right: 1rem !important;
+}
+
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+
+.pe-5 {
+ padding-right: 3rem !important;
+}
+
+.pe-6 {
+ padding-right: 4rem !important;
+}
+
+.pe-7 {
+ padding-right: 6rem !important;
+}
+
+.pe-8 {
+ padding-right: 8rem !important;
+}
+
+.pe-9 {
+ padding-right: 10rem !important;
+}
+
+.pe-10 {
+ padding-right: 12rem !important;
+}
+
+.pe-11 {
+ padding-right: 14rem !important;
+}
+
+.pe-12 {
+ padding-right: 16rem !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+
+.pb-6 {
+ padding-bottom: 4rem !important;
+}
+
+.pb-7 {
+ padding-bottom: 6rem !important;
+}
+
+.pb-8 {
+ padding-bottom: 8rem !important;
+}
+
+.pb-9 {
+ padding-bottom: 10rem !important;
+}
+
+.pb-10 {
+ padding-bottom: 12rem !important;
+}
+
+.pb-11 {
+ padding-bottom: 14rem !important;
+}
+
+.pb-12 {
+ padding-bottom: 16rem !important;
+}
+
+.ps-0 {
+ padding-left: 0 !important;
+}
+
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+ padding-left: 1rem !important;
+}
+
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+
+.ps-5 {
+ padding-left: 3rem !important;
+}
+
+.ps-6 {
+ padding-left: 4rem !important;
+}
+
+.ps-7 {
+ padding-left: 6rem !important;
+}
+
+.ps-8 {
+ padding-left: 8rem !important;
+}
+
+.ps-9 {
+ padding-left: 10rem !important;
+}
+
+.ps-10 {
+ padding-left: 12rem !important;
+}
+
+.ps-11 {
+ padding-left: 14rem !important;
+}
+
+.ps-12 {
+ padding-left: 16rem !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: 0.25rem !important;
+}
+
+.gap-2 {
+ gap: 0.5rem !important;
+}
+
+.gap-3 {
+ gap: 1rem !important;
+}
+
+.gap-4 {
+ gap: 1.5rem !important;
+}
+
+.gap-5 {
+ gap: 3rem !important;
+}
+
+.gap-6 {
+ gap: 4rem !important;
+}
+
+.gap-7 {
+ gap: 6rem !important;
+}
+
+.gap-8 {
+ gap: 8rem !important;
+}
+
+.gap-9 {
+ gap: 10rem !important;
+}
+
+.gap-10 {
+ gap: 12rem !important;
+}
+
+.gap-11 {
+ gap: 14rem !important;
+}
+
+.gap-12 {
+ gap: 16rem !important;
+}
+
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
+}
+
+.fs-1 {
+ font-size: calc(1.425rem + 2.1vw) !important;
+}
+
+.fs-2 {
+ font-size: calc(1.35rem + 1.2vw) !important;
+}
+
+.fs-3 {
+ font-size: calc(1.3125rem + 0.75vw) !important;
+}
+
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-5 {
+ font-size: 1.25rem !important;
+}
+
+.fs-6 {
+ font-size: 1rem !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-light {
+ font-weight: 300 !important;
+}
+
+.fw-lighter {
+ font-weight: lighter !important;
+}
+
+.fw-normal {
+ font-weight: 400 !important;
+}
+
+.fw-bold {
+ font-weight: 600 !important;
+}
+
+.fw-bolder {
+ font-weight: 700 !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: 1.25 !important;
+}
+
+.lh-base {
+ line-height: 1.5 !important;
+}
+
+.lh-lg {
+ line-height: 2 !important;
+}
+
+.text-start {
+ text-align: left !important;
+}
+
+.text-end {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary {
+ color: #e91e63 !important;
+}
+
+.text-secondary {
+ color: #7b809a !important;
+}
+
+.text-success {
+ color: #4CAF50 !important;
+}
+
+.text-info {
+ color: #1A73E8 !important;
+}
+
+.text-warning {
+ color: #fb8c00 !important;
+}
+
+.text-danger {
+ color: #F44335 !important;
+}
+
+.text-light {
+ color: #f0f2f5 !important;
+}
+
+.text-dark {
+ color: #344767 !important;
+}
+
+.text-white {
+ color: #fff !important;
+}
+
+.text-dark-blue {
+ color: #1A237E !important;
+}
+
+.text-body {
+ color: #7b809a !important;
+}
+
+.text-rose {
+ color: #e91e63 !important;
+}
+
+.text-muted {
+ color: #6c757d !important;
+}
+
+.text-black-50 {
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-reset {
+ color: inherit !important;
+}
+
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --bs-text-opacity: 1;
+}
+
+.bg-primary {
+ background-color: #e91e63 !important;
+}
+
+.bg-secondary {
+ background-color: #7b809a !important;
+}
+
+.bg-success {
+ background-color: #4CAF50 !important;
+}
+
+.bg-info {
+ background-color: #1A73E8 !important;
+}
+
+.bg-warning {
+ background-color: #fb8c00 !important;
+}
+
+.bg-danger {
+ background-color: #F44335 !important;
+}
+
+.bg-light {
+ background-color: #f0f2f5 !important;
+}
+
+.bg-dark {
+ background-color: #344767 !important;
+}
+
+.bg-white {
+ background-color: #fff !important;
+}
+
+.bg-dark-blue {
+ background-color: #1A237E !important;
+}
+
+.bg-body {
+ background-color: #fff !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.bg-gray-100 {
+ background-color: #f8f9fa !important;
+}
+
+.bg-gray-200 {
+ background-color: #f0f2f5 !important;
+}
+
+.bg-gray-300 {
+ background-color: #dee2e6 !important;
+}
+
+.bg-gray-400 {
+ background-color: #ced4da !important;
+}
+
+.bg-gray-500 {
+ background-color: #adb5bd !important;
+}
+
+.bg-gray-600 {
+ background-color: #6c757d !important;
+}
+
+.bg-gray-700 {
+ background-color: #495057 !important;
+}
+
+.bg-gray-800 {
+ background-color: #343a40 !important;
+}
+
+.bg-gray-900 {
+ background-color: #212529 !important;
+}
+
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
+}
+
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
+}
+
+.user-select-all {
+ user-select: all !important;
+}
+
+.user-select-auto {
+ user-select: auto !important;
+}
+
+.user-select-none {
+ user-select: none !important;
+}
+
+.pe-none {
+ pointer-events: none !important;
+}
+
+.pe-auto {
+ pointer-events: auto !important;
+}
+
+.rounded {
+ border-radius: 0.375rem !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-1 {
+ border-radius: 0.125rem !important;
+}
+
+.rounded-2 {
+ border-radius: 0.375rem !important;
+}
+
+.rounded-3 {
+ border-radius: 0.5rem !important;
+}
+
+.rounded-circle,
+.avatar.rounded-circle img {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: 50rem !important;
+}
+
+.rounded-top {
+ border-top-left-radius: 0.375rem !important;
+ border-top-right-radius: 0.375rem !important;
+}
+
+.rounded-end {
+ border-top-right-radius: 0.375rem !important;
+ border-bottom-right-radius: 0.375rem !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: 0.375rem !important;
+ border-bottom-left-radius: 0.375rem !important;
+}
+
+.rounded-start {
+ border-bottom-left-radius: 0.375rem !important;
+ border-top-left-radius: 0.375rem !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+.overflow-x-auto {
+ overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden !important;
+}
+
+.overflow-x-visible {
+ overflow-x: visible !important;
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll !important;
+}
+
+.overflow-y-auto {
+ overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden !important;
+}
+
+.overflow-y-visible {
+ overflow-y: visible !important;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll !important;
+}
+
+.shadow-primary {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important;
+}
+
+.shadow-secondary {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(210, 210, 210, 0.4) !important;
+}
+
+.shadow-info {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4) !important;
+}
+
+.shadow-warning {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4) !important;
+}
+
+.shadow-success {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4) !important;
+}
+
+.shadow-danger {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4) !important;
+}
+
+.shadow-dark {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(64, 64, 64, 0.4) !important;
+}
+
+.shadow-light {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important;
+}
+
+.transform-scale-5 {
+ transform: scale(0.5) !important;
+}
+
+.transform-scale-6 {
+ transform: scale(0.6) !important;
+}
+
+.transform-scale-7 {
+ transform: scale(0.7) !important;
+}
+
+.transform-scale-8 {
+ transform: scale(0.8) !important;
+}
+
+.transform-scale-9 {
+ transform: scale(0.9) !important;
+}
+
+.transform-scale-10 {
+ transform: scale(1) !important;
+}
+
+.z-index-0 {
+ z-index: 0 !important;
+}
+
+.z-index-1 {
+ z-index: 1 !important;
+}
+
+.z-index-2 {
+ z-index: 2 !important;
+}
+
+.z-index-3 {
+ z-index: 3 !important;
+}
+
+.letter-spacing-1 {
+ letter-spacing: 1px !important;
+}
+
+.letter-spacing-2 {
+ letter-spacing: 2px !important;
+}
+
+.letter-spacing-3 {
+ letter-spacing: 3px !important;
+}
+
+.letter-spacing-4 {
+ letter-spacing: 4px !important;
+}
+
+.letter-spacing-5 {
+ letter-spacing: 5px !important;
+}
+
+.border-radius-top-start {
+ border-top-left-radius: 0.375rem !important;
+}
+
+.border-radius-top-start-0 {
+ border-top-left-radius: 0 !important;
+}
+
+.border-radius-top-start-sm {
+ border-top-left-radius: 0.125rem !important;
+}
+
+.border-radius-top-start-md {
+ border-top-left-radius: 0.375rem !important;
+}
+
+.border-radius-top-start-lg {
+ border-top-left-radius: 0.5rem !important;
+}
+
+.border-radius-top-start-xl {
+ border-top-left-radius: 0.75rem !important;
+}
+
+.border-radius-top-start-2xl {
+ border-top-left-radius: 1rem !important;
+}
+
+.border-radius-top-start-circle {
+ border-top-left-radius: 50% !important;
+}
+
+.border-radius-top-start-pill {
+ border-top-left-radius: 50rem !important;
+}
+
+.border-radius-top-end {
+ border-top-right-radius: 0.375rem !important;
+}
+
+.border-radius-top-end-0 {
+ border-top-right-radius: 0 !important;
+}
+
+.border-radius-top-end-sm {
+ border-top-right-radius: 0.125rem !important;
+}
+
+.border-radius-top-end-md {
+ border-top-right-radius: 0.375rem !important;
+}
+
+.border-radius-top-end-lg {
+ border-top-right-radius: 0.5rem !important;
+}
+
+.border-radius-top-end-xl {
+ border-top-right-radius: 0.75rem !important;
+}
+
+.border-radius-top-end-2xl {
+ border-top-right-radius: 1rem !important;
+}
+
+.border-radius-top-end-circle {
+ border-top-right-radius: 50% !important;
+}
+
+.border-radius-top-end-pill {
+ border-top-right-radius: 50rem !important;
+}
+
+.border-radius-bottom-start {
+ border-bottom-left-radius: 0.375rem !important;
+}
+
+.border-radius-bottom-start-0 {
+ border-bottom-left-radius: 0 !important;
+}
+
+.border-radius-bottom-start-sm {
+ border-bottom-left-radius: 0.125rem !important;
+}
+
+.border-radius-bottom-start-md {
+ border-bottom-left-radius: 0.375rem !important;
+}
+
+.border-radius-bottom-start-lg {
+ border-bottom-left-radius: 0.5rem !important;
+}
+
+.border-radius-bottom-start-xl {
+ border-bottom-left-radius: 0.75rem !important;
+}
+
+.border-radius-bottom-start-2xl {
+ border-bottom-left-radius: 1rem !important;
+}
+
+.border-radius-bottom-start-circle {
+ border-bottom-left-radius: 50% !important;
+}
+
+.border-radius-bottom-start-pill {
+ border-bottom-left-radius: 50rem !important;
+}
+
+.border-radius-bottom-end {
+ border-bottom-right-radius: 0.375rem !important;
+}
+
+.border-radius-bottom-end-0 {
+ border-bottom-right-radius: 0 !important;
+}
+
+.border-radius-bottom-end-sm {
+ border-bottom-right-radius: 0.125rem !important;
+}
+
+.border-radius-bottom-end-md {
+ border-bottom-right-radius: 0.375rem !important;
+}
+
+.border-radius-bottom-end-lg {
+ border-bottom-right-radius: 0.5rem !important;
+}
+
+.border-radius-bottom-end-xl {
+ border-bottom-right-radius: 0.75rem !important;
+}
+
+.border-radius-bottom-end-2xl {
+ border-bottom-right-radius: 1rem !important;
+}
+
+.border-radius-bottom-end-circle {
+ border-bottom-right-radius: 50% !important;
+}
+
+.border-radius-bottom-end-pill {
+ border-bottom-right-radius: 50rem !important;
+}
+
+.max-height-100 {
+ max-height: 100px !important;
+}
+
+.max-height-130 {
+ max-height: 130px !important;
+}
+
+.max-height-140 {
+ max-height: 140px !important;
+}
+
+.max-height-150 {
+ max-height: 150px !important;
+}
+
+.max-height-160 {
+ max-height: 160px !important;
+}
+
+.max-height-200 {
+ max-height: 200px !important;
+}
+
+.max-height-250 {
+ max-height: 250px !important;
+}
+
+.max-height-300 {
+ max-height: 300px !important;
+}
+
+.max-height-400 {
+ max-height: 400px !important;
+}
+
+.max-height-500 {
+ max-height: 500px !important;
+}
+
+.max-height-600 {
+ max-height: 600px !important;
+}
+
+.max-height-vh-10 {
+ max-height: 10vh !important;
+}
+
+.max-height-vh-20 {
+ max-height: 20vh !important;
+}
+
+.max-height-vh-30 {
+ max-height: 30vh !important;
+}
+
+.max-height-vh-40 {
+ max-height: 40vh !important;
+}
+
+.max-height-vh-50 {
+ max-height: 50vh !important;
+}
+
+.max-height-vh-60 {
+ max-height: 60vh !important;
+}
+
+.max-height-vh-70 {
+ max-height: 70vh !important;
+}
+
+.max-height-vh-80 {
+ max-height: 80vh !important;
+}
+
+.max-height-vh-90 {
+ max-height: 90vh !important;
+}
+
+.max-height-vh-100 {
+ max-height: 100vh !important;
+}
+
+.min-height-100 {
+ min-height: 100px !important;
+}
+
+.min-height-130 {
+ min-height: 130px !important;
+}
+
+.min-height-140 {
+ min-height: 140px !important;
+}
+
+.min-height-150 {
+ min-height: 150px !important;
+}
+
+.min-height-160 {
+ min-height: 160px !important;
+}
+
+.min-height-200 {
+ min-height: 200px !important;
+}
+
+.min-height-250 {
+ min-height: 250px !important;
+}
+
+.min-height-300 {
+ min-height: 300px !important;
+}
+
+.min-height-400 {
+ min-height: 400px !important;
+}
+
+.min-height-500 {
+ min-height: 500px !important;
+}
+
+.min-height-600 {
+ min-height: 600px !important;
+}
+
+.height-100 {
+ height: 100px !important;
+}
+
+.height-200 {
+ height: 200px !important;
+}
+
+.height-300 {
+ height: 300px !important;
+}
+
+.height-400 {
+ height: 400px !important;
+}
+
+.height-500 {
+ height: 500px !important;
+}
+
+.height-600 {
+ height: 600px !important;
+}
+
+.max-width-100 {
+ max-width: 100px !important;
+}
+
+.max-width-200 {
+ max-width: 200px !important;
+}
+
+.max-width-300 {
+ max-width: 300px !important;
+}
+
+.max-width-400 {
+ max-width: 400px !important;
+}
+
+.max-width-500 {
+ max-width: 500px !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;
+ }
+
+ .border-top-sm {
+ border-top: 1px solid #dee2e6 !important;
+ }
+
+ .border-top-sm-0 {
+ border-top: 0 !important;
+ }
+
+ .border-end-sm {
+ border-right: 1px solid #dee2e6 !important;
+ }
+
+ .border-end-sm-0 {
+ border-right: 0 !important;
+ }
+
+ .border-bottom-sm {
+ border-bottom: 1px solid #dee2e6 !important;
+ }
+
+ .border-bottom-sm-0 {
+ border-bottom: 0 !important;
+ }
+
+ .border-start-sm {
+ border-left: 1px solid #dee2e6 !important;
+ }
+
+ .border-start-sm-0 {
+ border-left: 0 !important;
+ }
+
+ .w-sm-0 {
+ width: 0% !important;
+ }
+
+ .w-sm-1 {
+ width: 1% !important;
+ }
+
+ .w-sm-2 {
+ width: 2% !important;
+ }
+
+ .w-sm-3 {
+ width: 3% !important;
+ }
+
+ .w-sm-4 {
+ width: 4% !important;
+ }
+
+ .w-sm-5 {
+ width: 5% !important;
+ }
+
+ .w-sm-6 {
+ width: 6% !important;
+ }
+
+ .w-sm-7 {
+ width: 7% !important;
+ }
+
+ .w-sm-8 {
+ width: 8% !important;
+ }
+
+ .w-sm-9 {
+ width: 9% !important;
+ }
+
+ .w-sm-10 {
+ width: 10% !important;
+ }
+
+ .w-sm-15 {
+ width: 15% !important;
+ }
+
+ .w-sm-20 {
+ width: 20% !important;
+ }
+
+ .w-sm-25 {
+ width: 25% !important;
+ }
+
+ .w-sm-30 {
+ width: 30% !important;
+ }
+
+ .w-sm-35 {
+ width: 35% !important;
+ }
+
+ .w-sm-40 {
+ width: 40% !important;
+ }
+
+ .w-sm-45 {
+ width: 45% !important;
+ }
+
+ .w-sm-50 {
+ width: 50% !important;
+ }
+
+ .w-sm-55 {
+ width: 55% !important;
+ }
+
+ .w-sm-60 {
+ width: 60% !important;
+ }
+
+ .w-sm-65 {
+ width: 65% !important;
+ }
+
+ .w-sm-70 {
+ width: 70% !important;
+ }
+
+ .w-sm-75 {
+ width: 75% !important;
+ }
+
+ .w-sm-80 {
+ width: 80% !important;
+ }
+
+ .w-sm-85 {
+ width: 85% !important;
+ }
+
+ .w-sm-90 {
+ width: 90% !important;
+ }
+
+ .w-sm-95 {
+ width: 95% !important;
+ }
+
+ .w-sm-100 {
+ width: 100% !important;
+ }
+
+ .w-sm-auto {
+ width: auto !important;
+ }
+
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+
+ .m-sm-6 {
+ margin: 4rem !important;
+ }
+
+ .m-sm-7 {
+ margin: 6rem !important;
+ }
+
+ .m-sm-8 {
+ margin: 8rem !important;
+ }
+
+ .m-sm-9 {
+ margin: 10rem !important;
+ }
+
+ .m-sm-10 {
+ margin: 12rem !important;
+ }
+
+ .m-sm-11 {
+ margin: 14rem !important;
+ }
+
+ .m-sm-12 {
+ margin: 16rem !important;
+ }
+
+ .m-sm-auto {
+ margin: auto !important;
+ }
+
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+
+ .mx-sm-6 {
+ margin-right: 4rem !important;
+ margin-left: 4rem !important;
+ }
+
+ .mx-sm-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-sm-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+ }
+
+ .mx-sm-9 {
+ margin-right: 10rem !important;
+ margin-left: 10rem !important;
+ }
+
+ .mx-sm-10 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+ }
+
+ .mx-sm-11 {
+ margin-right: 14rem !important;
+ margin-left: 14rem !important;
+ }
+
+ .mx-sm-12 {
+ margin-right: 16rem !important;
+ margin-left: 16rem !important;
+ }
+
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+
+ .my-sm-6 {
+ margin-top: 4rem !important;
+ margin-bottom: 4rem !important;
+ }
+
+ .my-sm-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-sm-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+ }
+
+ .my-sm-9 {
+ margin-top: 10rem !important;
+ margin-bottom: 10rem !important;
+ }
+
+ .my-sm-10 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-sm-11 {
+ margin-top: 14rem !important;
+ margin-bottom: 14rem !important;
+ }
+
+ .my-sm-12 {
+ margin-top: 16rem !important;
+ margin-bottom: 16rem !important;
+ }
+
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+
+ .mt-sm-3 {
+ margin-top: 1rem !important;
+ }
+
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
+ }
+
+ .mt-sm-5 {
+ margin-top: 3rem !important;
+ }
+
+ .mt-sm-6 {
+ margin-top: 4rem !important;
+ }
+
+ .mt-sm-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-sm-8 {
+ margin-top: 8rem !important;
+ }
+
+ .mt-sm-9 {
+ margin-top: 10rem !important;
+ }
+
+ .mt-sm-10 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-sm-11 {
+ margin-top: 14rem !important;
+ }
+
+ .mt-sm-12 {
+ margin-top: 16rem !important;
+ }
+
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
+
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
+
+ .me-sm-6 {
+ margin-right: 4rem !important;
+ }
+
+ .me-sm-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-sm-8 {
+ margin-right: 8rem !important;
+ }
+
+ .me-sm-9 {
+ margin-right: 10rem !important;
+ }
+
+ .me-sm-10 {
+ margin-right: 12rem !important;
+ }
+
+ .me-sm-11 {
+ margin-right: 14rem !important;
+ }
+
+ .me-sm-12 {
+ margin-right: 16rem !important;
+ }
+
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
+
+ .mb-sm-6 {
+ margin-bottom: 4rem !important;
+ }
+
+ .mb-sm-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-sm-8 {
+ margin-bottom: 8rem !important;
+ }
+
+ .mb-sm-9 {
+ margin-bottom: 10rem !important;
+ }
+
+ .mb-sm-10 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-sm-11 {
+ margin-bottom: 14rem !important;
+ }
+
+ .mb-sm-12 {
+ margin-bottom: 16rem !important;
+ }
+
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
+
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
+
+ .ms-sm-6 {
+ margin-left: 4rem !important;
+ }
+
+ .ms-sm-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-sm-8 {
+ margin-left: 8rem !important;
+ }
+
+ .ms-sm-9 {
+ margin-left: 10rem !important;
+ }
+
+ .ms-sm-10 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-sm-11 {
+ margin-left: 14rem !important;
+ }
+
+ .ms-sm-12 {
+ margin-left: 16rem !important;
+ }
+
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+
+ .m-sm-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-sm-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-sm-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-sm-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-sm-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-sm-n6 {
+ margin: -4rem !important;
+ }
+
+ .m-sm-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-sm-n8 {
+ margin: -8rem !important;
+ }
+
+ .m-sm-n9 {
+ margin: -10rem !important;
+ }
+
+ .m-sm-n10 {
+ margin: -12rem !important;
+ }
+
+ .m-sm-n11 {
+ margin: -14rem !important;
+ }
+
+ .m-sm-n12 {
+ margin: -16rem !important;
+ }
+
+ .mx-sm-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-sm-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-sm-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-sm-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-sm-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-sm-n6 {
+ margin-right: -4rem !important;
+ margin-left: -4rem !important;
+ }
+
+ .mx-sm-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-sm-n8 {
+ margin-right: -8rem !important;
+ margin-left: -8rem !important;
+ }
+
+ .mx-sm-n9 {
+ margin-right: -10rem !important;
+ margin-left: -10rem !important;
+ }
+
+ .mx-sm-n10 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .mx-sm-n11 {
+ margin-right: -14rem !important;
+ margin-left: -14rem !important;
+ }
+
+ .mx-sm-n12 {
+ margin-right: -16rem !important;
+ margin-left: -16rem !important;
+ }
+
+ .my-sm-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-sm-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-sm-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-sm-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-sm-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-sm-n6 {
+ margin-top: -4rem !important;
+ margin-bottom: -4rem !important;
+ }
+
+ .my-sm-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-sm-n8 {
+ margin-top: -8rem !important;
+ margin-bottom: -8rem !important;
+ }
+
+ .my-sm-n9 {
+ margin-top: -10rem !important;
+ margin-bottom: -10rem !important;
+ }
+
+ .my-sm-n10 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .my-sm-n11 {
+ margin-top: -14rem !important;
+ margin-bottom: -14rem !important;
+ }
+
+ .my-sm-n12 {
+ margin-top: -16rem !important;
+ margin-bottom: -16rem !important;
+ }
+
+ .mt-sm-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-sm-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-sm-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-sm-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-sm-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-sm-n6 {
+ margin-top: -4rem !important;
+ }
+
+ .mt-sm-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-sm-n8 {
+ margin-top: -8rem !important;
+ }
+
+ .mt-sm-n9 {
+ margin-top: -10rem !important;
+ }
+
+ .mt-sm-n10 {
+ margin-top: -12rem !important;
+ }
+
+ .mt-sm-n11 {
+ margin-top: -14rem !important;
+ }
+
+ .mt-sm-n12 {
+ margin-top: -16rem !important;
+ }
+
+ .me-sm-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-sm-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-sm-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-sm-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-sm-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-sm-n6 {
+ margin-right: -4rem !important;
+ }
+
+ .me-sm-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-sm-n8 {
+ margin-right: -8rem !important;
+ }
+
+ .me-sm-n9 {
+ margin-right: -10rem !important;
+ }
+
+ .me-sm-n10 {
+ margin-right: -12rem !important;
+ }
+
+ .me-sm-n11 {
+ margin-right: -14rem !important;
+ }
+
+ .me-sm-n12 {
+ margin-right: -16rem !important;
+ }
+
+ .mb-sm-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-sm-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-sm-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-sm-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-sm-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-sm-n6 {
+ margin-bottom: -4rem !important;
+ }
+
+ .mb-sm-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-sm-n8 {
+ margin-bottom: -8rem !important;
+ }
+
+ .mb-sm-n9 {
+ margin-bottom: -10rem !important;
+ }
+
+ .mb-sm-n10 {
+ margin-bottom: -12rem !important;
+ }
+
+ .mb-sm-n11 {
+ margin-bottom: -14rem !important;
+ }
+
+ .mb-sm-n12 {
+ margin-bottom: -16rem !important;
+ }
+
+ .ms-sm-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-sm-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-sm-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-sm-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-sm-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-sm-n6 {
+ margin-left: -4rem !important;
+ }
+
+ .ms-sm-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-sm-n8 {
+ margin-left: -8rem !important;
+ }
+
+ .ms-sm-n9 {
+ margin-left: -10rem !important;
+ }
+
+ .ms-sm-n10 {
+ margin-left: -12rem !important;
+ }
+
+ .ms-sm-n11 {
+ margin-left: -14rem !important;
+ }
+
+ .ms-sm-n12 {
+ margin-left: -16rem !important;
+ }
+
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+
+ .p-sm-6 {
+ padding: 4rem !important;
+ }
+
+ .p-sm-7 {
+ padding: 6rem !important;
+ }
+
+ .p-sm-8 {
+ padding: 8rem !important;
+ }
+
+ .p-sm-9 {
+ padding: 10rem !important;
+ }
+
+ .p-sm-10 {
+ padding: 12rem !important;
+ }
+
+ .p-sm-11 {
+ padding: 14rem !important;
+ }
+
+ .p-sm-12 {
+ padding: 16rem !important;
+ }
+
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+
+ .px-sm-6 {
+ padding-right: 4rem !important;
+ padding-left: 4rem !important;
+ }
+
+ .px-sm-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-sm-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+ }
+
+ .px-sm-9 {
+ padding-right: 10rem !important;
+ padding-left: 10rem !important;
+ }
+
+ .px-sm-10 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .px-sm-11 {
+ padding-right: 14rem !important;
+ padding-left: 14rem !important;
+ }
+
+ .px-sm-12 {
+ padding-right: 16rem !important;
+ padding-left: 16rem !important;
+ }
+
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+
+ .py-sm-6 {
+ padding-top: 4rem !important;
+ padding-bottom: 4rem !important;
+ }
+
+ .py-sm-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-sm-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+ }
+
+ .py-sm-9 {
+ padding-top: 10rem !important;
+ padding-bottom: 10rem !important;
+ }
+
+ .py-sm-10 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .py-sm-11 {
+ padding-top: 14rem !important;
+ padding-bottom: 14rem !important;
+ }
+
+ .py-sm-12 {
+ padding-top: 16rem !important;
+ padding-bottom: 16rem !important;
+ }
+
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-sm-6 {
+ padding-top: 4rem !important;
+ }
+
+ .pt-sm-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-sm-8 {
+ padding-top: 8rem !important;
+ }
+
+ .pt-sm-9 {
+ padding-top: 10rem !important;
+ }
+
+ .pt-sm-10 {
+ padding-top: 12rem !important;
+ }
+
+ .pt-sm-11 {
+ padding-top: 14rem !important;
+ }
+
+ .pt-sm-12 {
+ padding-top: 16rem !important;
+ }
+
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-sm-6 {
+ padding-right: 4rem !important;
+ }
+
+ .pe-sm-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-sm-8 {
+ padding-right: 8rem !important;
+ }
+
+ .pe-sm-9 {
+ padding-right: 10rem !important;
+ }
+
+ .pe-sm-10 {
+ padding-right: 12rem !important;
+ }
+
+ .pe-sm-11 {
+ padding-right: 14rem !important;
+ }
+
+ .pe-sm-12 {
+ padding-right: 16rem !important;
+ }
+
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-sm-6 {
+ padding-bottom: 4rem !important;
+ }
+
+ .pb-sm-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-sm-8 {
+ padding-bottom: 8rem !important;
+ }
+
+ .pb-sm-9 {
+ padding-bottom: 10rem !important;
+ }
+
+ .pb-sm-10 {
+ padding-bottom: 12rem !important;
+ }
+
+ .pb-sm-11 {
+ padding-bottom: 14rem !important;
+ }
+
+ .pb-sm-12 {
+ padding-bottom: 16rem !important;
+ }
+
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-sm-6 {
+ padding-left: 4rem !important;
+ }
+
+ .ps-sm-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-sm-8 {
+ padding-left: 8rem !important;
+ }
+
+ .ps-sm-9 {
+ padding-left: 10rem !important;
+ }
+
+ .ps-sm-10 {
+ padding-left: 12rem !important;
+ }
+
+ .ps-sm-11 {
+ padding-left: 14rem !important;
+ }
+
+ .ps-sm-12 {
+ padding-left: 16rem !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-sm-6 {
+ gap: 4rem !important;
+ }
+
+ .gap-sm-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-sm-8 {
+ gap: 8rem !important;
+ }
+
+ .gap-sm-9 {
+ gap: 10rem !important;
+ }
+
+ .gap-sm-10 {
+ gap: 12rem !important;
+ }
+
+ .gap-sm-11 {
+ gap: 14rem !important;
+ }
+
+ .gap-sm-12 {
+ gap: 16rem !important;
+ }
+
+ .text-sm-start {
+ text-align: left !important;
+ }
+
+ .text-sm-end {
+ text-align: right !important;
+ }
+
+ .text-sm-center {
+ text-align: center !important;
+ }
+
+ .transform-scale-sm-5 {
+ transform: scale(0.5) !important;
+ }
+
+ .transform-scale-sm-6 {
+ transform: scale(0.6) !important;
+ }
+
+ .transform-scale-sm-7 {
+ transform: scale(0.7) !important;
+ }
+
+ .transform-scale-sm-8 {
+ transform: scale(0.8) !important;
+ }
+
+ .transform-scale-sm-9 {
+ transform: scale(0.9) !important;
+ }
+
+ .transform-scale-sm-10 {
+ transform: scale(1) !important;
+ }
+
+ .border-radius-top-start-sm {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-sm-0 {
+ border-top-left-radius: 0 !important;
+ }
+
+ .border-radius-top-start-sm-sm {
+ border-top-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-start-sm-md {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-sm-lg {
+ border-top-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-start-sm-xl {
+ border-top-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-start-sm-2xl {
+ border-top-left-radius: 1rem !important;
+ }
+
+ .border-radius-top-start-sm-circle {
+ border-top-left-radius: 50% !important;
+ }
+
+ .border-radius-top-start-sm-pill {
+ border-top-left-radius: 50rem !important;
+ }
+
+ .border-radius-top-end-sm {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-sm-0 {
+ border-top-right-radius: 0 !important;
+ }
+
+ .border-radius-top-end-sm-sm {
+ border-top-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-end-sm-md {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-sm-lg {
+ border-top-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-end-sm-xl {
+ border-top-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-end-sm-2xl {
+ border-top-right-radius: 1rem !important;
+ }
+
+ .border-radius-top-end-sm-circle {
+ border-top-right-radius: 50% !important;
+ }
+
+ .border-radius-top-end-sm-pill {
+ border-top-right-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-start-sm {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-sm-0 {
+ border-bottom-left-radius: 0 !important;
+ }
+
+ .border-radius-bottom-start-sm-sm {
+ border-bottom-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-start-sm-md {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-sm-lg {
+ border-bottom-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-start-sm-xl {
+ border-bottom-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-start-sm-2xl {
+ border-bottom-left-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-start-sm-circle {
+ border-bottom-left-radius: 50% !important;
+ }
+
+ .border-radius-bottom-start-sm-pill {
+ border-bottom-left-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-end-sm {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-sm-0 {
+ border-bottom-right-radius: 0 !important;
+ }
+
+ .border-radius-bottom-end-sm-sm {
+ border-bottom-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-end-sm-md {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-sm-lg {
+ border-bottom-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-end-sm-xl {
+ border-bottom-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-end-sm-2xl {
+ border-bottom-right-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-end-sm-circle {
+ border-bottom-right-radius: 50% !important;
+ }
+
+ .border-radius-bottom-end-sm-pill {
+ border-bottom-right-radius: 50rem !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;
+ }
+
+ .border-top-md {
+ border-top: 1px solid #dee2e6 !important;
+ }
+
+ .border-top-md-0 {
+ border-top: 0 !important;
+ }
+
+ .border-end-md {
+ border-right: 1px solid #dee2e6 !important;
+ }
+
+ .border-end-md-0 {
+ border-right: 0 !important;
+ }
+
+ .border-bottom-md {
+ border-bottom: 1px solid #dee2e6 !important;
+ }
+
+ .border-bottom-md-0 {
+ border-bottom: 0 !important;
+ }
+
+ .border-start-md {
+ border-left: 1px solid #dee2e6 !important;
+ }
+
+ .border-start-md-0 {
+ border-left: 0 !important;
+ }
+
+ .w-md-0 {
+ width: 0% !important;
+ }
+
+ .w-md-1 {
+ width: 1% !important;
+ }
+
+ .w-md-2 {
+ width: 2% !important;
+ }
+
+ .w-md-3 {
+ width: 3% !important;
+ }
+
+ .w-md-4 {
+ width: 4% !important;
+ }
+
+ .w-md-5 {
+ width: 5% !important;
+ }
+
+ .w-md-6 {
+ width: 6% !important;
+ }
+
+ .w-md-7 {
+ width: 7% !important;
+ }
+
+ .w-md-8 {
+ width: 8% !important;
+ }
+
+ .w-md-9 {
+ width: 9% !important;
+ }
+
+ .w-md-10 {
+ width: 10% !important;
+ }
+
+ .w-md-15 {
+ width: 15% !important;
+ }
+
+ .w-md-20 {
+ width: 20% !important;
+ }
+
+ .w-md-25 {
+ width: 25% !important;
+ }
+
+ .w-md-30 {
+ width: 30% !important;
+ }
+
+ .w-md-35 {
+ width: 35% !important;
+ }
+
+ .w-md-40 {
+ width: 40% !important;
+ }
+
+ .w-md-45 {
+ width: 45% !important;
+ }
+
+ .w-md-50 {
+ width: 50% !important;
+ }
+
+ .w-md-55 {
+ width: 55% !important;
+ }
+
+ .w-md-60 {
+ width: 60% !important;
+ }
+
+ .w-md-65 {
+ width: 65% !important;
+ }
+
+ .w-md-70 {
+ width: 70% !important;
+ }
+
+ .w-md-75 {
+ width: 75% !important;
+ }
+
+ .w-md-80 {
+ width: 80% !important;
+ }
+
+ .w-md-85 {
+ width: 85% !important;
+ }
+
+ .w-md-90 {
+ width: 90% !important;
+ }
+
+ .w-md-95 {
+ width: 95% !important;
+ }
+
+ .w-md-100 {
+ width: 100% !important;
+ }
+
+ .w-md-auto {
+ width: auto !important;
+ }
+
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-md-row {
+ flex-direction: row !important;
+ }
+
+ .flex-md-column {
+ flex-direction: column !important;
+ }
+
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-md-center {
+ align-items: center !important;
+ }
+
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-md-center {
+ align-content: center !important;
+ }
+
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-md-center {
+ align-self: center !important;
+ }
+
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-md-first {
+ order: -1 !important;
+ }
+
+ .order-md-0 {
+ order: 0 !important;
+ }
+
+ .order-md-1 {
+ order: 1 !important;
+ }
+
+ .order-md-2 {
+ order: 2 !important;
+ }
+
+ .order-md-3 {
+ order: 3 !important;
+ }
+
+ .order-md-4 {
+ order: 4 !important;
+ }
+
+ .order-md-5 {
+ order: 5 !important;
+ }
+
+ .order-md-last {
+ order: 6 !important;
+ }
+
+ .m-md-0 {
+ margin: 0 !important;
+ }
+
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-6 {
+ margin: 4rem !important;
+ }
+
+ .m-md-7 {
+ margin: 6rem !important;
+ }
+
+ .m-md-8 {
+ margin: 8rem !important;
+ }
+
+ .m-md-9 {
+ margin: 10rem !important;
+ }
+
+ .m-md-10 {
+ margin: 12rem !important;
+ }
+
+ .m-md-11 {
+ margin: 14rem !important;
+ }
+
+ .m-md-12 {
+ margin: 16rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
+
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+
+ .mx-md-6 {
+ margin-right: 4rem !important;
+ margin-left: 4rem !important;
+ }
+
+ .mx-md-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-md-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+ }
+
+ .mx-md-9 {
+ margin-right: 10rem !important;
+ margin-left: 10rem !important;
+ }
+
+ .mx-md-10 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+ }
+
+ .mx-md-11 {
+ margin-right: 14rem !important;
+ margin-left: 14rem !important;
+ }
+
+ .mx-md-12 {
+ margin-right: 16rem !important;
+ margin-left: 16rem !important;
+ }
+
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+
+ .my-md-6 {
+ margin-top: 4rem !important;
+ margin-bottom: 4rem !important;
+ }
+
+ .my-md-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-md-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+ }
+
+ .my-md-9 {
+ margin-top: 10rem !important;
+ margin-bottom: 10rem !important;
+ }
+
+ .my-md-10 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-md-11 {
+ margin-top: 14rem !important;
+ margin-bottom: 14rem !important;
+ }
+
+ .my-md-12 {
+ margin-top: 16rem !important;
+ margin-bottom: 16rem !important;
+ }
+
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
+
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
+
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
+
+ .mt-md-6 {
+ margin-top: 4rem !important;
+ }
+
+ .mt-md-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-md-8 {
+ margin-top: 8rem !important;
+ }
+
+ .mt-md-9 {
+ margin-top: 10rem !important;
+ }
+
+ .mt-md-10 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-md-11 {
+ margin-top: 14rem !important;
+ }
+
+ .mt-md-12 {
+ margin-top: 16rem !important;
+ }
+
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+
+ .me-md-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
+
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
+
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
+
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
+
+ .me-md-6 {
+ margin-right: 4rem !important;
+ }
+
+ .me-md-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-md-8 {
+ margin-right: 8rem !important;
+ }
+
+ .me-md-9 {
+ margin-right: 10rem !important;
+ }
+
+ .me-md-10 {
+ margin-right: 12rem !important;
+ }
+
+ .me-md-11 {
+ margin-right: 14rem !important;
+ }
+
+ .me-md-12 {
+ margin-right: 16rem !important;
+ }
+
+ .me-md-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
+
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
+
+ .mb-md-6 {
+ margin-bottom: 4rem !important;
+ }
+
+ .mb-md-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-md-8 {
+ margin-bottom: 8rem !important;
+ }
+
+ .mb-md-9 {
+ margin-bottom: 10rem !important;
+ }
+
+ .mb-md-10 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-md-11 {
+ margin-bottom: 14rem !important;
+ }
+
+ .mb-md-12 {
+ margin-bottom: 16rem !important;
+ }
+
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
+
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
+
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
+
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
+
+ .ms-md-6 {
+ margin-left: 4rem !important;
+ }
+
+ .ms-md-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-md-8 {
+ margin-left: 8rem !important;
+ }
+
+ .ms-md-9 {
+ margin-left: 10rem !important;
+ }
+
+ .ms-md-10 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-md-11 {
+ margin-left: 14rem !important;
+ }
+
+ .ms-md-12 {
+ margin-left: 16rem !important;
+ }
+
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
+
+ .m-md-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-md-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-md-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-md-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-md-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-md-n6 {
+ margin: -4rem !important;
+ }
+
+ .m-md-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-md-n8 {
+ margin: -8rem !important;
+ }
+
+ .m-md-n9 {
+ margin: -10rem !important;
+ }
+
+ .m-md-n10 {
+ margin: -12rem !important;
+ }
+
+ .m-md-n11 {
+ margin: -14rem !important;
+ }
+
+ .m-md-n12 {
+ margin: -16rem !important;
+ }
+
+ .mx-md-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-md-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-md-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-md-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-md-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-md-n6 {
+ margin-right: -4rem !important;
+ margin-left: -4rem !important;
+ }
+
+ .mx-md-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-md-n8 {
+ margin-right: -8rem !important;
+ margin-left: -8rem !important;
+ }
+
+ .mx-md-n9 {
+ margin-right: -10rem !important;
+ margin-left: -10rem !important;
+ }
+
+ .mx-md-n10 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .mx-md-n11 {
+ margin-right: -14rem !important;
+ margin-left: -14rem !important;
+ }
+
+ .mx-md-n12 {
+ margin-right: -16rem !important;
+ margin-left: -16rem !important;
+ }
+
+ .my-md-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-md-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-md-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-md-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-md-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-md-n6 {
+ margin-top: -4rem !important;
+ margin-bottom: -4rem !important;
+ }
+
+ .my-md-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-md-n8 {
+ margin-top: -8rem !important;
+ margin-bottom: -8rem !important;
+ }
+
+ .my-md-n9 {
+ margin-top: -10rem !important;
+ margin-bottom: -10rem !important;
+ }
+
+ .my-md-n10 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .my-md-n11 {
+ margin-top: -14rem !important;
+ margin-bottom: -14rem !important;
+ }
+
+ .my-md-n12 {
+ margin-top: -16rem !important;
+ margin-bottom: -16rem !important;
+ }
+
+ .mt-md-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-md-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-md-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-md-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-md-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-md-n6 {
+ margin-top: -4rem !important;
+ }
+
+ .mt-md-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-md-n8 {
+ margin-top: -8rem !important;
+ }
+
+ .mt-md-n9 {
+ margin-top: -10rem !important;
+ }
+
+ .mt-md-n10 {
+ margin-top: -12rem !important;
+ }
+
+ .mt-md-n11 {
+ margin-top: -14rem !important;
+ }
+
+ .mt-md-n12 {
+ margin-top: -16rem !important;
+ }
+
+ .me-md-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-md-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-md-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-md-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-md-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-md-n6 {
+ margin-right: -4rem !important;
+ }
+
+ .me-md-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-md-n8 {
+ margin-right: -8rem !important;
+ }
+
+ .me-md-n9 {
+ margin-right: -10rem !important;
+ }
+
+ .me-md-n10 {
+ margin-right: -12rem !important;
+ }
+
+ .me-md-n11 {
+ margin-right: -14rem !important;
+ }
+
+ .me-md-n12 {
+ margin-right: -16rem !important;
+ }
+
+ .mb-md-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-md-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-md-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-md-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-md-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-md-n6 {
+ margin-bottom: -4rem !important;
+ }
+
+ .mb-md-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-md-n8 {
+ margin-bottom: -8rem !important;
+ }
+
+ .mb-md-n9 {
+ margin-bottom: -10rem !important;
+ }
+
+ .mb-md-n10 {
+ margin-bottom: -12rem !important;
+ }
+
+ .mb-md-n11 {
+ margin-bottom: -14rem !important;
+ }
+
+ .mb-md-n12 {
+ margin-bottom: -16rem !important;
+ }
+
+ .ms-md-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-md-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-md-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-md-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-md-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-md-n6 {
+ margin-left: -4rem !important;
+ }
+
+ .ms-md-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-md-n8 {
+ margin-left: -8rem !important;
+ }
+
+ .ms-md-n9 {
+ margin-left: -10rem !important;
+ }
+
+ .ms-md-n10 {
+ margin-left: -12rem !important;
+ }
+
+ .ms-md-n11 {
+ margin-left: -14rem !important;
+ }
+
+ .ms-md-n12 {
+ margin-left: -16rem !important;
+ }
+
+ .p-md-0 {
+ padding: 0 !important;
+ }
+
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+
+ .p-md-6 {
+ padding: 4rem !important;
+ }
+
+ .p-md-7 {
+ padding: 6rem !important;
+ }
+
+ .p-md-8 {
+ padding: 8rem !important;
+ }
+
+ .p-md-9 {
+ padding: 10rem !important;
+ }
+
+ .p-md-10 {
+ padding: 12rem !important;
+ }
+
+ .p-md-11 {
+ padding: 14rem !important;
+ }
+
+ .p-md-12 {
+ padding: 16rem !important;
+ }
+
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+
+ .px-md-6 {
+ padding-right: 4rem !important;
+ padding-left: 4rem !important;
+ }
+
+ .px-md-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-md-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+ }
+
+ .px-md-9 {
+ padding-right: 10rem !important;
+ padding-left: 10rem !important;
+ }
+
+ .px-md-10 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .px-md-11 {
+ padding-right: 14rem !important;
+ padding-left: 14rem !important;
+ }
+
+ .px-md-12 {
+ padding-right: 16rem !important;
+ padding-left: 16rem !important;
+ }
+
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+
+ .py-md-6 {
+ padding-top: 4rem !important;
+ padding-bottom: 4rem !important;
+ }
+
+ .py-md-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-md-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+ }
+
+ .py-md-9 {
+ padding-top: 10rem !important;
+ padding-bottom: 10rem !important;
+ }
+
+ .py-md-10 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .py-md-11 {
+ padding-top: 14rem !important;
+ padding-bottom: 14rem !important;
+ }
+
+ .py-md-12 {
+ padding-top: 16rem !important;
+ padding-bottom: 16rem !important;
+ }
+
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-md-6 {
+ padding-top: 4rem !important;
+ }
+
+ .pt-md-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-md-8 {
+ padding-top: 8rem !important;
+ }
+
+ .pt-md-9 {
+ padding-top: 10rem !important;
+ }
+
+ .pt-md-10 {
+ padding-top: 12rem !important;
+ }
+
+ .pt-md-11 {
+ padding-top: 14rem !important;
+ }
+
+ .pt-md-12 {
+ padding-top: 16rem !important;
+ }
+
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-md-6 {
+ padding-right: 4rem !important;
+ }
+
+ .pe-md-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-md-8 {
+ padding-right: 8rem !important;
+ }
+
+ .pe-md-9 {
+ padding-right: 10rem !important;
+ }
+
+ .pe-md-10 {
+ padding-right: 12rem !important;
+ }
+
+ .pe-md-11 {
+ padding-right: 14rem !important;
+ }
+
+ .pe-md-12 {
+ padding-right: 16rem !important;
+ }
+
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-md-6 {
+ padding-bottom: 4rem !important;
+ }
+
+ .pb-md-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-md-8 {
+ padding-bottom: 8rem !important;
+ }
+
+ .pb-md-9 {
+ padding-bottom: 10rem !important;
+ }
+
+ .pb-md-10 {
+ padding-bottom: 12rem !important;
+ }
+
+ .pb-md-11 {
+ padding-bottom: 14rem !important;
+ }
+
+ .pb-md-12 {
+ padding-bottom: 16rem !important;
+ }
+
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-md-6 {
+ padding-left: 4rem !important;
+ }
+
+ .ps-md-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-md-8 {
+ padding-left: 8rem !important;
+ }
+
+ .ps-md-9 {
+ padding-left: 10rem !important;
+ }
+
+ .ps-md-10 {
+ padding-left: 12rem !important;
+ }
+
+ .ps-md-11 {
+ padding-left: 14rem !important;
+ }
+
+ .ps-md-12 {
+ padding-left: 16rem !important;
+ }
+
+ .gap-md-0 {
+ gap: 0 !important;
+ }
+
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-md-6 {
+ gap: 4rem !important;
+ }
+
+ .gap-md-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-md-8 {
+ gap: 8rem !important;
+ }
+
+ .gap-md-9 {
+ gap: 10rem !important;
+ }
+
+ .gap-md-10 {
+ gap: 12rem !important;
+ }
+
+ .gap-md-11 {
+ gap: 14rem !important;
+ }
+
+ .gap-md-12 {
+ gap: 16rem !important;
+ }
+
+ .text-md-start {
+ text-align: left !important;
+ }
+
+ .text-md-end {
+ text-align: right !important;
+ }
+
+ .text-md-center {
+ text-align: center !important;
+ }
+
+ .transform-scale-md-5 {
+ transform: scale(0.5) !important;
+ }
+
+ .transform-scale-md-6 {
+ transform: scale(0.6) !important;
+ }
+
+ .transform-scale-md-7 {
+ transform: scale(0.7) !important;
+ }
+
+ .transform-scale-md-8 {
+ transform: scale(0.8) !important;
+ }
+
+ .transform-scale-md-9 {
+ transform: scale(0.9) !important;
+ }
+
+ .transform-scale-md-10 {
+ transform: scale(1) !important;
+ }
+
+ .border-radius-top-start-md {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-md-0 {
+ border-top-left-radius: 0 !important;
+ }
+
+ .border-radius-top-start-md-sm {
+ border-top-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-start-md-md {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-md-lg {
+ border-top-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-start-md-xl {
+ border-top-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-start-md-2xl {
+ border-top-left-radius: 1rem !important;
+ }
+
+ .border-radius-top-start-md-circle {
+ border-top-left-radius: 50% !important;
+ }
+
+ .border-radius-top-start-md-pill {
+ border-top-left-radius: 50rem !important;
+ }
+
+ .border-radius-top-end-md {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-md-0 {
+ border-top-right-radius: 0 !important;
+ }
+
+ .border-radius-top-end-md-sm {
+ border-top-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-end-md-md {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-md-lg {
+ border-top-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-end-md-xl {
+ border-top-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-end-md-2xl {
+ border-top-right-radius: 1rem !important;
+ }
+
+ .border-radius-top-end-md-circle {
+ border-top-right-radius: 50% !important;
+ }
+
+ .border-radius-top-end-md-pill {
+ border-top-right-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-start-md {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-md-0 {
+ border-bottom-left-radius: 0 !important;
+ }
+
+ .border-radius-bottom-start-md-sm {
+ border-bottom-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-start-md-md {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-md-lg {
+ border-bottom-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-start-md-xl {
+ border-bottom-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-start-md-2xl {
+ border-bottom-left-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-start-md-circle {
+ border-bottom-left-radius: 50% !important;
+ }
+
+ .border-radius-bottom-start-md-pill {
+ border-bottom-left-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-end-md {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-md-0 {
+ border-bottom-right-radius: 0 !important;
+ }
+
+ .border-radius-bottom-end-md-sm {
+ border-bottom-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-end-md-md {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-md-lg {
+ border-bottom-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-end-md-xl {
+ border-bottom-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-end-md-2xl {
+ border-bottom-right-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-end-md-circle {
+ border-bottom-right-radius: 50% !important;
+ }
+
+ .border-radius-bottom-end-md-pill {
+ border-bottom-right-radius: 50rem !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;
+ }
+
+ .border-top-lg {
+ border-top: 1px solid #dee2e6 !important;
+ }
+
+ .border-top-lg-0 {
+ border-top: 0 !important;
+ }
+
+ .border-end-lg {
+ border-right: 1px solid #dee2e6 !important;
+ }
+
+ .border-end-lg-0 {
+ border-right: 0 !important;
+ }
+
+ .border-bottom-lg {
+ border-bottom: 1px solid #dee2e6 !important;
+ }
+
+ .border-bottom-lg-0 {
+ border-bottom: 0 !important;
+ }
+
+ .border-start-lg {
+ border-left: 1px solid #dee2e6 !important;
+ }
+
+ .border-start-lg-0 {
+ border-left: 0 !important;
+ }
+
+ .w-lg-0 {
+ width: 0% !important;
+ }
+
+ .w-lg-1 {
+ width: 1% !important;
+ }
+
+ .w-lg-2 {
+ width: 2% !important;
+ }
+
+ .w-lg-3 {
+ width: 3% !important;
+ }
+
+ .w-lg-4 {
+ width: 4% !important;
+ }
+
+ .w-lg-5 {
+ width: 5% !important;
+ }
+
+ .w-lg-6 {
+ width: 6% !important;
+ }
+
+ .w-lg-7 {
+ width: 7% !important;
+ }
+
+ .w-lg-8 {
+ width: 8% !important;
+ }
+
+ .w-lg-9 {
+ width: 9% !important;
+ }
+
+ .w-lg-10 {
+ width: 10% !important;
+ }
+
+ .w-lg-15 {
+ width: 15% !important;
+ }
+
+ .w-lg-20 {
+ width: 20% !important;
+ }
+
+ .w-lg-25 {
+ width: 25% !important;
+ }
+
+ .w-lg-30 {
+ width: 30% !important;
+ }
+
+ .w-lg-35 {
+ width: 35% !important;
+ }
+
+ .w-lg-40 {
+ width: 40% !important;
+ }
+
+ .w-lg-45 {
+ width: 45% !important;
+ }
+
+ .w-lg-50 {
+ width: 50% !important;
+ }
+
+ .w-lg-55 {
+ width: 55% !important;
+ }
+
+ .w-lg-60 {
+ width: 60% !important;
+ }
+
+ .w-lg-65 {
+ width: 65% !important;
+ }
+
+ .w-lg-70 {
+ width: 70% !important;
+ }
+
+ .w-lg-75 {
+ width: 75% !important;
+ }
+
+ .w-lg-80 {
+ width: 80% !important;
+ }
+
+ .w-lg-85 {
+ width: 85% !important;
+ }
+
+ .w-lg-90 {
+ width: 90% !important;
+ }
+
+ .w-lg-95 {
+ width: 95% !important;
+ }
+
+ .w-lg-100 {
+ width: 100% !important;
+ }
+
+ .w-lg-auto {
+ width: auto !important;
+ }
+
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
+
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
+
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-lg-center {
+ align-items: center !important;
+ }
+
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-lg-center {
+ align-content: center !important;
+ }
+
+ .align-content-lg-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-lg-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-lg-center {
+ align-self: center !important;
+ }
+
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-lg-first {
+ order: -1 !important;
+ }
+
+ .order-lg-0 {
+ order: 0 !important;
+ }
+
+ .order-lg-1 {
+ order: 1 !important;
+ }
+
+ .order-lg-2 {
+ order: 2 !important;
+ }
+
+ .order-lg-3 {
+ order: 3 !important;
+ }
+
+ .order-lg-4 {
+ order: 4 !important;
+ }
+
+ .order-lg-5 {
+ order: 5 !important;
+ }
+
+ .order-lg-last {
+ order: 6 !important;
+ }
+
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+
+ .m-lg-6 {
+ margin: 4rem !important;
+ }
+
+ .m-lg-7 {
+ margin: 6rem !important;
+ }
+
+ .m-lg-8 {
+ margin: 8rem !important;
+ }
+
+ .m-lg-9 {
+ margin: 10rem !important;
+ }
+
+ .m-lg-10 {
+ margin: 12rem !important;
+ }
+
+ .m-lg-11 {
+ margin: 14rem !important;
+ }
+
+ .m-lg-12 {
+ margin: 16rem !important;
+ }
+
+ .m-lg-auto {
+ margin: auto !important;
+ }
+
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+
+ .mx-lg-6 {
+ margin-right: 4rem !important;
+ margin-left: 4rem !important;
+ }
+
+ .mx-lg-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-lg-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+ }
+
+ .mx-lg-9 {
+ margin-right: 10rem !important;
+ margin-left: 10rem !important;
+ }
+
+ .mx-lg-10 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+ }
+
+ .mx-lg-11 {
+ margin-right: 14rem !important;
+ margin-left: 14rem !important;
+ }
+
+ .mx-lg-12 {
+ margin-right: 16rem !important;
+ margin-left: 16rem !important;
+ }
+
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+
+ .my-lg-6 {
+ margin-top: 4rem !important;
+ margin-bottom: 4rem !important;
+ }
+
+ .my-lg-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-lg-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+ }
+
+ .my-lg-9 {
+ margin-top: 10rem !important;
+ margin-bottom: 10rem !important;
+ }
+
+ .my-lg-10 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-lg-11 {
+ margin-top: 14rem !important;
+ margin-bottom: 14rem !important;
+ }
+
+ .my-lg-12 {
+ margin-top: 16rem !important;
+ margin-bottom: 16rem !important;
+ }
+
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
+
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
+ }
+
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
+
+ .mt-lg-6 {
+ margin-top: 4rem !important;
+ }
+
+ .mt-lg-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-lg-8 {
+ margin-top: 8rem !important;
+ }
+
+ .mt-lg-9 {
+ margin-top: 10rem !important;
+ }
+
+ .mt-lg-10 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-lg-11 {
+ margin-top: 14rem !important;
+ }
+
+ .mt-lg-12 {
+ margin-top: 16rem !important;
+ }
+
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
+
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
+
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
+
+ .me-lg-6 {
+ margin-right: 4rem !important;
+ }
+
+ .me-lg-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-lg-8 {
+ margin-right: 8rem !important;
+ }
+
+ .me-lg-9 {
+ margin-right: 10rem !important;
+ }
+
+ .me-lg-10 {
+ margin-right: 12rem !important;
+ }
+
+ .me-lg-11 {
+ margin-right: 14rem !important;
+ }
+
+ .me-lg-12 {
+ margin-right: 16rem !important;
+ }
+
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
+
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
+ }
+
+ .mb-lg-6 {
+ margin-bottom: 4rem !important;
+ }
+
+ .mb-lg-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-lg-8 {
+ margin-bottom: 8rem !important;
+ }
+
+ .mb-lg-9 {
+ margin-bottom: 10rem !important;
+ }
+
+ .mb-lg-10 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-lg-11 {
+ margin-bottom: 14rem !important;
+ }
+
+ .mb-lg-12 {
+ margin-bottom: 16rem !important;
+ }
+
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-lg-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+
+ .ms-lg-3 {
+ margin-left: 1rem !important;
+ }
+
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
+
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
+
+ .ms-lg-6 {
+ margin-left: 4rem !important;
+ }
+
+ .ms-lg-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-lg-8 {
+ margin-left: 8rem !important;
+ }
+
+ .ms-lg-9 {
+ margin-left: 10rem !important;
+ }
+
+ .ms-lg-10 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-lg-11 {
+ margin-left: 14rem !important;
+ }
+
+ .ms-lg-12 {
+ margin-left: 16rem !important;
+ }
+
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
+
+ .m-lg-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-lg-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-lg-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-lg-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-lg-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-lg-n6 {
+ margin: -4rem !important;
+ }
+
+ .m-lg-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-lg-n8 {
+ margin: -8rem !important;
+ }
+
+ .m-lg-n9 {
+ margin: -10rem !important;
+ }
+
+ .m-lg-n10 {
+ margin: -12rem !important;
+ }
+
+ .m-lg-n11 {
+ margin: -14rem !important;
+ }
+
+ .m-lg-n12 {
+ margin: -16rem !important;
+ }
+
+ .mx-lg-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-lg-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-lg-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-lg-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-lg-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-lg-n6 {
+ margin-right: -4rem !important;
+ margin-left: -4rem !important;
+ }
+
+ .mx-lg-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-lg-n8 {
+ margin-right: -8rem !important;
+ margin-left: -8rem !important;
+ }
+
+ .mx-lg-n9 {
+ margin-right: -10rem !important;
+ margin-left: -10rem !important;
+ }
+
+ .mx-lg-n10 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .mx-lg-n11 {
+ margin-right: -14rem !important;
+ margin-left: -14rem !important;
+ }
+
+ .mx-lg-n12 {
+ margin-right: -16rem !important;
+ margin-left: -16rem !important;
+ }
+
+ .my-lg-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-lg-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-lg-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-lg-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-lg-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-lg-n6 {
+ margin-top: -4rem !important;
+ margin-bottom: -4rem !important;
+ }
+
+ .my-lg-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-lg-n8 {
+ margin-top: -8rem !important;
+ margin-bottom: -8rem !important;
+ }
+
+ .my-lg-n9 {
+ margin-top: -10rem !important;
+ margin-bottom: -10rem !important;
+ }
+
+ .my-lg-n10 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .my-lg-n11 {
+ margin-top: -14rem !important;
+ margin-bottom: -14rem !important;
+ }
+
+ .my-lg-n12 {
+ margin-top: -16rem !important;
+ margin-bottom: -16rem !important;
+ }
+
+ .mt-lg-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-lg-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-lg-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-lg-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-lg-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-lg-n6 {
+ margin-top: -4rem !important;
+ }
+
+ .mt-lg-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-lg-n8 {
+ margin-top: -8rem !important;
+ }
+
+ .mt-lg-n9 {
+ margin-top: -10rem !important;
+ }
+
+ .mt-lg-n10 {
+ margin-top: -12rem !important;
+ }
+
+ .mt-lg-n11 {
+ margin-top: -14rem !important;
+ }
+
+ .mt-lg-n12 {
+ margin-top: -16rem !important;
+ }
+
+ .me-lg-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-lg-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-lg-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-lg-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-lg-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-lg-n6 {
+ margin-right: -4rem !important;
+ }
+
+ .me-lg-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-lg-n8 {
+ margin-right: -8rem !important;
+ }
+
+ .me-lg-n9 {
+ margin-right: -10rem !important;
+ }
+
+ .me-lg-n10 {
+ margin-right: -12rem !important;
+ }
+
+ .me-lg-n11 {
+ margin-right: -14rem !important;
+ }
+
+ .me-lg-n12 {
+ margin-right: -16rem !important;
+ }
+
+ .mb-lg-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-lg-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-lg-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-lg-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-lg-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-lg-n6 {
+ margin-bottom: -4rem !important;
+ }
+
+ .mb-lg-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-lg-n8 {
+ margin-bottom: -8rem !important;
+ }
+
+ .mb-lg-n9 {
+ margin-bottom: -10rem !important;
+ }
+
+ .mb-lg-n10 {
+ margin-bottom: -12rem !important;
+ }
+
+ .mb-lg-n11 {
+ margin-bottom: -14rem !important;
+ }
+
+ .mb-lg-n12 {
+ margin-bottom: -16rem !important;
+ }
+
+ .ms-lg-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-lg-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-lg-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-lg-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-lg-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-lg-n6 {
+ margin-left: -4rem !important;
+ }
+
+ .ms-lg-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-lg-n8 {
+ margin-left: -8rem !important;
+ }
+
+ .ms-lg-n9 {
+ margin-left: -10rem !important;
+ }
+
+ .ms-lg-n10 {
+ margin-left: -12rem !important;
+ }
+
+ .ms-lg-n11 {
+ margin-left: -14rem !important;
+ }
+
+ .ms-lg-n12 {
+ margin-left: -16rem !important;
+ }
+
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+
+ .p-lg-6 {
+ padding: 4rem !important;
+ }
+
+ .p-lg-7 {
+ padding: 6rem !important;
+ }
+
+ .p-lg-8 {
+ padding: 8rem !important;
+ }
+
+ .p-lg-9 {
+ padding: 10rem !important;
+ }
+
+ .p-lg-10 {
+ padding: 12rem !important;
+ }
+
+ .p-lg-11 {
+ padding: 14rem !important;
+ }
+
+ .p-lg-12 {
+ padding: 16rem !important;
+ }
+
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+
+ .px-lg-6 {
+ padding-right: 4rem !important;
+ padding-left: 4rem !important;
+ }
+
+ .px-lg-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-lg-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+ }
+
+ .px-lg-9 {
+ padding-right: 10rem !important;
+ padding-left: 10rem !important;
+ }
+
+ .px-lg-10 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .px-lg-11 {
+ padding-right: 14rem !important;
+ padding-left: 14rem !important;
+ }
+
+ .px-lg-12 {
+ padding-right: 16rem !important;
+ padding-left: 16rem !important;
+ }
+
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+
+ .py-lg-6 {
+ padding-top: 4rem !important;
+ padding-bottom: 4rem !important;
+ }
+
+ .py-lg-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-lg-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+ }
+
+ .py-lg-9 {
+ padding-top: 10rem !important;
+ padding-bottom: 10rem !important;
+ }
+
+ .py-lg-10 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .py-lg-11 {
+ padding-top: 14rem !important;
+ padding-bottom: 14rem !important;
+ }
+
+ .py-lg-12 {
+ padding-top: 16rem !important;
+ padding-bottom: 16rem !important;
+ }
+
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-lg-6 {
+ padding-top: 4rem !important;
+ }
+
+ .pt-lg-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-lg-8 {
+ padding-top: 8rem !important;
+ }
+
+ .pt-lg-9 {
+ padding-top: 10rem !important;
+ }
+
+ .pt-lg-10 {
+ padding-top: 12rem !important;
+ }
+
+ .pt-lg-11 {
+ padding-top: 14rem !important;
+ }
+
+ .pt-lg-12 {
+ padding-top: 16rem !important;
+ }
+
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-lg-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-lg-6 {
+ padding-right: 4rem !important;
+ }
+
+ .pe-lg-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-lg-8 {
+ padding-right: 8rem !important;
+ }
+
+ .pe-lg-9 {
+ padding-right: 10rem !important;
+ }
+
+ .pe-lg-10 {
+ padding-right: 12rem !important;
+ }
+
+ .pe-lg-11 {
+ padding-right: 14rem !important;
+ }
+
+ .pe-lg-12 {
+ padding-right: 16rem !important;
+ }
+
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-lg-6 {
+ padding-bottom: 4rem !important;
+ }
+
+ .pb-lg-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-lg-8 {
+ padding-bottom: 8rem !important;
+ }
+
+ .pb-lg-9 {
+ padding-bottom: 10rem !important;
+ }
+
+ .pb-lg-10 {
+ padding-bottom: 12rem !important;
+ }
+
+ .pb-lg-11 {
+ padding-bottom: 14rem !important;
+ }
+
+ .pb-lg-12 {
+ padding-bottom: 16rem !important;
+ }
+
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-lg-6 {
+ padding-left: 4rem !important;
+ }
+
+ .ps-lg-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-lg-8 {
+ padding-left: 8rem !important;
+ }
+
+ .ps-lg-9 {
+ padding-left: 10rem !important;
+ }
+
+ .ps-lg-10 {
+ padding-left: 12rem !important;
+ }
+
+ .ps-lg-11 {
+ padding-left: 14rem !important;
+ }
+
+ .ps-lg-12 {
+ padding-left: 16rem !important;
+ }
+
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
+
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-lg-6 {
+ gap: 4rem !important;
+ }
+
+ .gap-lg-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-lg-8 {
+ gap: 8rem !important;
+ }
+
+ .gap-lg-9 {
+ gap: 10rem !important;
+ }
+
+ .gap-lg-10 {
+ gap: 12rem !important;
+ }
+
+ .gap-lg-11 {
+ gap: 14rem !important;
+ }
+
+ .gap-lg-12 {
+ gap: 16rem !important;
+ }
+
+ .text-lg-start {
+ text-align: left !important;
+ }
+
+ .text-lg-end {
+ text-align: right !important;
+ }
+
+ .text-lg-center {
+ text-align: center !important;
+ }
+
+ .transform-scale-lg-5 {
+ transform: scale(0.5) !important;
+ }
+
+ .transform-scale-lg-6 {
+ transform: scale(0.6) !important;
+ }
+
+ .transform-scale-lg-7 {
+ transform: scale(0.7) !important;
+ }
+
+ .transform-scale-lg-8 {
+ transform: scale(0.8) !important;
+ }
+
+ .transform-scale-lg-9 {
+ transform: scale(0.9) !important;
+ }
+
+ .transform-scale-lg-10 {
+ transform: scale(1) !important;
+ }
+
+ .border-radius-top-start-lg {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-lg-0 {
+ border-top-left-radius: 0 !important;
+ }
+
+ .border-radius-top-start-lg-sm {
+ border-top-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-start-lg-md {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-lg-lg {
+ border-top-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-start-lg-xl {
+ border-top-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-start-lg-2xl {
+ border-top-left-radius: 1rem !important;
+ }
+
+ .border-radius-top-start-lg-circle {
+ border-top-left-radius: 50% !important;
+ }
+
+ .border-radius-top-start-lg-pill {
+ border-top-left-radius: 50rem !important;
+ }
+
+ .border-radius-top-end-lg {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-lg-0 {
+ border-top-right-radius: 0 !important;
+ }
+
+ .border-radius-top-end-lg-sm {
+ border-top-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-end-lg-md {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-lg-lg {
+ border-top-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-end-lg-xl {
+ border-top-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-end-lg-2xl {
+ border-top-right-radius: 1rem !important;
+ }
+
+ .border-radius-top-end-lg-circle {
+ border-top-right-radius: 50% !important;
+ }
+
+ .border-radius-top-end-lg-pill {
+ border-top-right-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-start-lg {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-lg-0 {
+ border-bottom-left-radius: 0 !important;
+ }
+
+ .border-radius-bottom-start-lg-sm {
+ border-bottom-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-start-lg-md {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-lg-lg {
+ border-bottom-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-start-lg-xl {
+ border-bottom-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-start-lg-2xl {
+ border-bottom-left-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-start-lg-circle {
+ border-bottom-left-radius: 50% !important;
+ }
+
+ .border-radius-bottom-start-lg-pill {
+ border-bottom-left-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-end-lg {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-lg-0 {
+ border-bottom-right-radius: 0 !important;
+ }
+
+ .border-radius-bottom-end-lg-sm {
+ border-bottom-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-end-lg-md {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-lg-lg {
+ border-bottom-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-end-lg-xl {
+ border-bottom-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-end-lg-2xl {
+ border-bottom-right-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-end-lg-circle {
+ border-bottom-right-radius: 50% !important;
+ }
+
+ .border-radius-bottom-end-lg-pill {
+ border-bottom-right-radius: 50rem !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;
+ }
+
+ .border-top-xl {
+ border-top: 1px solid #dee2e6 !important;
+ }
+
+ .border-top-xl-0 {
+ border-top: 0 !important;
+ }
+
+ .border-end-xl {
+ border-right: 1px solid #dee2e6 !important;
+ }
+
+ .border-end-xl-0 {
+ border-right: 0 !important;
+ }
+
+ .border-bottom-xl {
+ border-bottom: 1px solid #dee2e6 !important;
+ }
+
+ .border-bottom-xl-0 {
+ border-bottom: 0 !important;
+ }
+
+ .border-start-xl {
+ border-left: 1px solid #dee2e6 !important;
+ }
+
+ .border-start-xl-0 {
+ border-left: 0 !important;
+ }
+
+ .w-xl-0 {
+ width: 0% !important;
+ }
+
+ .w-xl-1 {
+ width: 1% !important;
+ }
+
+ .w-xl-2 {
+ width: 2% !important;
+ }
+
+ .w-xl-3 {
+ width: 3% !important;
+ }
+
+ .w-xl-4 {
+ width: 4% !important;
+ }
+
+ .w-xl-5 {
+ width: 5% !important;
+ }
+
+ .w-xl-6 {
+ width: 6% !important;
+ }
+
+ .w-xl-7 {
+ width: 7% !important;
+ }
+
+ .w-xl-8 {
+ width: 8% !important;
+ }
+
+ .w-xl-9 {
+ width: 9% !important;
+ }
+
+ .w-xl-10 {
+ width: 10% !important;
+ }
+
+ .w-xl-15 {
+ width: 15% !important;
+ }
+
+ .w-xl-20 {
+ width: 20% !important;
+ }
+
+ .w-xl-25 {
+ width: 25% !important;
+ }
+
+ .w-xl-30 {
+ width: 30% !important;
+ }
+
+ .w-xl-35 {
+ width: 35% !important;
+ }
+
+ .w-xl-40 {
+ width: 40% !important;
+ }
+
+ .w-xl-45 {
+ width: 45% !important;
+ }
+
+ .w-xl-50 {
+ width: 50% !important;
+ }
+
+ .w-xl-55 {
+ width: 55% !important;
+ }
+
+ .w-xl-60 {
+ width: 60% !important;
+ }
+
+ .w-xl-65 {
+ width: 65% !important;
+ }
+
+ .w-xl-70 {
+ width: 70% !important;
+ }
+
+ .w-xl-75 {
+ width: 75% !important;
+ }
+
+ .w-xl-80 {
+ width: 80% !important;
+ }
+
+ .w-xl-85 {
+ width: 85% !important;
+ }
+
+ .w-xl-90 {
+ width: 90% !important;
+ }
+
+ .w-xl-95 {
+ width: 95% !important;
+ }
+
+ .w-xl-100 {
+ width: 100% !important;
+ }
+
+ .w-xl-auto {
+ width: auto !important;
+ }
+
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
+
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
+
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-xl-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-xl-center {
+ align-items: center !important;
+ }
+
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-xl-center {
+ align-content: center !important;
+ }
+
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-xl-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-xl-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-xl-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-xl-center {
+ align-self: center !important;
+ }
+
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-xl-first {
+ order: -1 !important;
+ }
+
+ .order-xl-0 {
+ order: 0 !important;
+ }
+
+ .order-xl-1 {
+ order: 1 !important;
+ }
+
+ .order-xl-2 {
+ order: 2 !important;
+ }
+
+ .order-xl-3 {
+ order: 3 !important;
+ }
+
+ .order-xl-4 {
+ order: 4 !important;
+ }
+
+ .order-xl-5 {
+ order: 5 !important;
+ }
+
+ .order-xl-last {
+ order: 6 !important;
+ }
+
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+
+ .m-xl-6 {
+ margin: 4rem !important;
+ }
+
+ .m-xl-7 {
+ margin: 6rem !important;
+ }
+
+ .m-xl-8 {
+ margin: 8rem !important;
+ }
+
+ .m-xl-9 {
+ margin: 10rem !important;
+ }
+
+ .m-xl-10 {
+ margin: 12rem !important;
+ }
+
+ .m-xl-11 {
+ margin: 14rem !important;
+ }
+
+ .m-xl-12 {
+ margin: 16rem !important;
+ }
+
+ .m-xl-auto {
+ margin: auto !important;
+ }
+
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+
+ .mx-xl-6 {
+ margin-right: 4rem !important;
+ margin-left: 4rem !important;
+ }
+
+ .mx-xl-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-xl-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+ }
+
+ .mx-xl-9 {
+ margin-right: 10rem !important;
+ margin-left: 10rem !important;
+ }
+
+ .mx-xl-10 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+ }
+
+ .mx-xl-11 {
+ margin-right: 14rem !important;
+ margin-left: 14rem !important;
+ }
+
+ .mx-xl-12 {
+ margin-right: 16rem !important;
+ margin-left: 16rem !important;
+ }
+
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+
+ .my-xl-6 {
+ margin-top: 4rem !important;
+ margin-bottom: 4rem !important;
+ }
+
+ .my-xl-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-xl-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+ }
+
+ .my-xl-9 {
+ margin-top: 10rem !important;
+ margin-bottom: 10rem !important;
+ }
+
+ .my-xl-10 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-xl-11 {
+ margin-top: 14rem !important;
+ margin-bottom: 14rem !important;
+ }
+
+ .my-xl-12 {
+ margin-top: 16rem !important;
+ margin-bottom: 16rem !important;
+ }
+
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+
+ .mt-xl-3 {
+ margin-top: 1rem !important;
+ }
+
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
+ }
+
+ .mt-xl-5 {
+ margin-top: 3rem !important;
+ }
+
+ .mt-xl-6 {
+ margin-top: 4rem !important;
+ }
+
+ .mt-xl-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-xl-8 {
+ margin-top: 8rem !important;
+ }
+
+ .mt-xl-9 {
+ margin-top: 10rem !important;
+ }
+
+ .mt-xl-10 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-xl-11 {
+ margin-top: 14rem !important;
+ }
+
+ .mt-xl-12 {
+ margin-top: 16rem !important;
+ }
+
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+
+ .me-xl-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+
+ .me-xl-3 {
+ margin-right: 1rem !important;
+ }
+
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
+ }
+
+ .me-xl-5 {
+ margin-right: 3rem !important;
+ }
+
+ .me-xl-6 {
+ margin-right: 4rem !important;
+ }
+
+ .me-xl-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-xl-8 {
+ margin-right: 8rem !important;
+ }
+
+ .me-xl-9 {
+ margin-right: 10rem !important;
+ }
+
+ .me-xl-10 {
+ margin-right: 12rem !important;
+ }
+
+ .me-xl-11 {
+ margin-right: 14rem !important;
+ }
+
+ .me-xl-12 {
+ margin-right: 16rem !important;
+ }
+
+ .me-xl-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
+
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
+
+ .mb-xl-6 {
+ margin-bottom: 4rem !important;
+ }
+
+ .mb-xl-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-xl-8 {
+ margin-bottom: 8rem !important;
+ }
+
+ .mb-xl-9 {
+ margin-bottom: 10rem !important;
+ }
+
+ .mb-xl-10 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-xl-11 {
+ margin-bottom: 14rem !important;
+ }
+
+ .mb-xl-12 {
+ margin-bottom: 16rem !important;
+ }
+
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-xl-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+
+ .ms-xl-3 {
+ margin-left: 1rem !important;
+ }
+
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
+
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
+
+ .ms-xl-6 {
+ margin-left: 4rem !important;
+ }
+
+ .ms-xl-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-xl-8 {
+ margin-left: 8rem !important;
+ }
+
+ .ms-xl-9 {
+ margin-left: 10rem !important;
+ }
+
+ .ms-xl-10 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-xl-11 {
+ margin-left: 14rem !important;
+ }
+
+ .ms-xl-12 {
+ margin-left: 16rem !important;
+ }
+
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
+
+ .m-xl-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-xl-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-xl-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-xl-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-xl-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-xl-n6 {
+ margin: -4rem !important;
+ }
+
+ .m-xl-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-xl-n8 {
+ margin: -8rem !important;
+ }
+
+ .m-xl-n9 {
+ margin: -10rem !important;
+ }
+
+ .m-xl-n10 {
+ margin: -12rem !important;
+ }
+
+ .m-xl-n11 {
+ margin: -14rem !important;
+ }
+
+ .m-xl-n12 {
+ margin: -16rem !important;
+ }
+
+ .mx-xl-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-xl-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-xl-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-xl-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-xl-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-xl-n6 {
+ margin-right: -4rem !important;
+ margin-left: -4rem !important;
+ }
+
+ .mx-xl-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-xl-n8 {
+ margin-right: -8rem !important;
+ margin-left: -8rem !important;
+ }
+
+ .mx-xl-n9 {
+ margin-right: -10rem !important;
+ margin-left: -10rem !important;
+ }
+
+ .mx-xl-n10 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .mx-xl-n11 {
+ margin-right: -14rem !important;
+ margin-left: -14rem !important;
+ }
+
+ .mx-xl-n12 {
+ margin-right: -16rem !important;
+ margin-left: -16rem !important;
+ }
+
+ .my-xl-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-xl-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-xl-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-xl-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-xl-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-xl-n6 {
+ margin-top: -4rem !important;
+ margin-bottom: -4rem !important;
+ }
+
+ .my-xl-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-xl-n8 {
+ margin-top: -8rem !important;
+ margin-bottom: -8rem !important;
+ }
+
+ .my-xl-n9 {
+ margin-top: -10rem !important;
+ margin-bottom: -10rem !important;
+ }
+
+ .my-xl-n10 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .my-xl-n11 {
+ margin-top: -14rem !important;
+ margin-bottom: -14rem !important;
+ }
+
+ .my-xl-n12 {
+ margin-top: -16rem !important;
+ margin-bottom: -16rem !important;
+ }
+
+ .mt-xl-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-xl-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-xl-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-xl-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-xl-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-xl-n6 {
+ margin-top: -4rem !important;
+ }
+
+ .mt-xl-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-xl-n8 {
+ margin-top: -8rem !important;
+ }
+
+ .mt-xl-n9 {
+ margin-top: -10rem !important;
+ }
+
+ .mt-xl-n10 {
+ margin-top: -12rem !important;
+ }
+
+ .mt-xl-n11 {
+ margin-top: -14rem !important;
+ }
+
+ .mt-xl-n12 {
+ margin-top: -16rem !important;
+ }
+
+ .me-xl-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-xl-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-xl-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-xl-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-xl-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-xl-n6 {
+ margin-right: -4rem !important;
+ }
+
+ .me-xl-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-xl-n8 {
+ margin-right: -8rem !important;
+ }
+
+ .me-xl-n9 {
+ margin-right: -10rem !important;
+ }
+
+ .me-xl-n10 {
+ margin-right: -12rem !important;
+ }
+
+ .me-xl-n11 {
+ margin-right: -14rem !important;
+ }
+
+ .me-xl-n12 {
+ margin-right: -16rem !important;
+ }
+
+ .mb-xl-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-xl-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-xl-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-xl-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-xl-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-xl-n6 {
+ margin-bottom: -4rem !important;
+ }
+
+ .mb-xl-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-xl-n8 {
+ margin-bottom: -8rem !important;
+ }
+
+ .mb-xl-n9 {
+ margin-bottom: -10rem !important;
+ }
+
+ .mb-xl-n10 {
+ margin-bottom: -12rem !important;
+ }
+
+ .mb-xl-n11 {
+ margin-bottom: -14rem !important;
+ }
+
+ .mb-xl-n12 {
+ margin-bottom: -16rem !important;
+ }
+
+ .ms-xl-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-xl-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-xl-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-xl-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-xl-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-xl-n6 {
+ margin-left: -4rem !important;
+ }
+
+ .ms-xl-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-xl-n8 {
+ margin-left: -8rem !important;
+ }
+
+ .ms-xl-n9 {
+ margin-left: -10rem !important;
+ }
+
+ .ms-xl-n10 {
+ margin-left: -12rem !important;
+ }
+
+ .ms-xl-n11 {
+ margin-left: -14rem !important;
+ }
+
+ .ms-xl-n12 {
+ margin-left: -16rem !important;
+ }
+
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
+
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-xl-5 {
+ padding: 3rem !important;
+ }
+
+ .p-xl-6 {
+ padding: 4rem !important;
+ }
+
+ .p-xl-7 {
+ padding: 6rem !important;
+ }
+
+ .p-xl-8 {
+ padding: 8rem !important;
+ }
+
+ .p-xl-9 {
+ padding: 10rem !important;
+ }
+
+ .p-xl-10 {
+ padding: 12rem !important;
+ }
+
+ .p-xl-11 {
+ padding: 14rem !important;
+ }
+
+ .p-xl-12 {
+ padding: 16rem !important;
+ }
+
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+
+ .px-xl-6 {
+ padding-right: 4rem !important;
+ padding-left: 4rem !important;
+ }
+
+ .px-xl-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-xl-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+ }
+
+ .px-xl-9 {
+ padding-right: 10rem !important;
+ padding-left: 10rem !important;
+ }
+
+ .px-xl-10 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .px-xl-11 {
+ padding-right: 14rem !important;
+ padding-left: 14rem !important;
+ }
+
+ .px-xl-12 {
+ padding-right: 16rem !important;
+ padding-left: 16rem !important;
+ }
+
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+
+ .py-xl-6 {
+ padding-top: 4rem !important;
+ padding-bottom: 4rem !important;
+ }
+
+ .py-xl-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-xl-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+ }
+
+ .py-xl-9 {
+ padding-top: 10rem !important;
+ padding-bottom: 10rem !important;
+ }
+
+ .py-xl-10 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .py-xl-11 {
+ padding-top: 14rem !important;
+ padding-bottom: 14rem !important;
+ }
+
+ .py-xl-12 {
+ padding-top: 16rem !important;
+ padding-bottom: 16rem !important;
+ }
+
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-xl-6 {
+ padding-top: 4rem !important;
+ }
+
+ .pt-xl-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-xl-8 {
+ padding-top: 8rem !important;
+ }
+
+ .pt-xl-9 {
+ padding-top: 10rem !important;
+ }
+
+ .pt-xl-10 {
+ padding-top: 12rem !important;
+ }
+
+ .pt-xl-11 {
+ padding-top: 14rem !important;
+ }
+
+ .pt-xl-12 {
+ padding-top: 16rem !important;
+ }
+
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-xl-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-xl-6 {
+ padding-right: 4rem !important;
+ }
+
+ .pe-xl-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-xl-8 {
+ padding-right: 8rem !important;
+ }
+
+ .pe-xl-9 {
+ padding-right: 10rem !important;
+ }
+
+ .pe-xl-10 {
+ padding-right: 12rem !important;
+ }
+
+ .pe-xl-11 {
+ padding-right: 14rem !important;
+ }
+
+ .pe-xl-12 {
+ padding-right: 16rem !important;
+ }
+
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-xl-6 {
+ padding-bottom: 4rem !important;
+ }
+
+ .pb-xl-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-xl-8 {
+ padding-bottom: 8rem !important;
+ }
+
+ .pb-xl-9 {
+ padding-bottom: 10rem !important;
+ }
+
+ .pb-xl-10 {
+ padding-bottom: 12rem !important;
+ }
+
+ .pb-xl-11 {
+ padding-bottom: 14rem !important;
+ }
+
+ .pb-xl-12 {
+ padding-bottom: 16rem !important;
+ }
+
+ .ps-xl-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-xl-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-xl-6 {
+ padding-left: 4rem !important;
+ }
+
+ .ps-xl-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-xl-8 {
+ padding-left: 8rem !important;
+ }
+
+ .ps-xl-9 {
+ padding-left: 10rem !important;
+ }
+
+ .ps-xl-10 {
+ padding-left: 12rem !important;
+ }
+
+ .ps-xl-11 {
+ padding-left: 14rem !important;
+ }
+
+ .ps-xl-12 {
+ padding-left: 16rem !important;
+ }
+
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
+
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-xl-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-xl-6 {
+ gap: 4rem !important;
+ }
+
+ .gap-xl-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-xl-8 {
+ gap: 8rem !important;
+ }
+
+ .gap-xl-9 {
+ gap: 10rem !important;
+ }
+
+ .gap-xl-10 {
+ gap: 12rem !important;
+ }
+
+ .gap-xl-11 {
+ gap: 14rem !important;
+ }
+
+ .gap-xl-12 {
+ gap: 16rem !important;
+ }
+
+ .text-xl-start {
+ text-align: left !important;
+ }
+
+ .text-xl-end {
+ text-align: right !important;
+ }
+
+ .text-xl-center {
+ text-align: center !important;
+ }
+
+ .transform-scale-xl-5 {
+ transform: scale(0.5) !important;
+ }
+
+ .transform-scale-xl-6 {
+ transform: scale(0.6) !important;
+ }
+
+ .transform-scale-xl-7 {
+ transform: scale(0.7) !important;
+ }
+
+ .transform-scale-xl-8 {
+ transform: scale(0.8) !important;
+ }
+
+ .transform-scale-xl-9 {
+ transform: scale(0.9) !important;
+ }
+
+ .transform-scale-xl-10 {
+ transform: scale(1) !important;
+ }
+
+ .border-radius-top-start-xl {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-xl-0 {
+ border-top-left-radius: 0 !important;
+ }
+
+ .border-radius-top-start-xl-sm {
+ border-top-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-start-xl-md {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-xl-lg {
+ border-top-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-start-xl-xl {
+ border-top-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-start-xl-2xl {
+ border-top-left-radius: 1rem !important;
+ }
+
+ .border-radius-top-start-xl-circle {
+ border-top-left-radius: 50% !important;
+ }
+
+ .border-radius-top-start-xl-pill {
+ border-top-left-radius: 50rem !important;
+ }
+
+ .border-radius-top-end-xl {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-xl-0 {
+ border-top-right-radius: 0 !important;
+ }
+
+ .border-radius-top-end-xl-sm {
+ border-top-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-end-xl-md {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-xl-lg {
+ border-top-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-end-xl-xl {
+ border-top-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-end-xl-2xl {
+ border-top-right-radius: 1rem !important;
+ }
+
+ .border-radius-top-end-xl-circle {
+ border-top-right-radius: 50% !important;
+ }
+
+ .border-radius-top-end-xl-pill {
+ border-top-right-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-start-xl {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-xl-0 {
+ border-bottom-left-radius: 0 !important;
+ }
+
+ .border-radius-bottom-start-xl-sm {
+ border-bottom-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-start-xl-md {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-xl-lg {
+ border-bottom-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-start-xl-xl {
+ border-bottom-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-start-xl-2xl {
+ border-bottom-left-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-start-xl-circle {
+ border-bottom-left-radius: 50% !important;
+ }
+
+ .border-radius-bottom-start-xl-pill {
+ border-bottom-left-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-end-xl {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-xl-0 {
+ border-bottom-right-radius: 0 !important;
+ }
+
+ .border-radius-bottom-end-xl-sm {
+ border-bottom-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-end-xl-md {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-xl-lg {
+ border-bottom-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-end-xl-xl {
+ border-bottom-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-end-xl-2xl {
+ border-bottom-right-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-end-xl-circle {
+ border-bottom-right-radius: 50% !important;
+ }
+
+ .border-radius-bottom-end-xl-pill {
+ border-bottom-right-radius: 50rem !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;
+ }
+
+ .border-top-xxl {
+ border-top: 1px solid #dee2e6 !important;
+ }
+
+ .border-top-xxl-0 {
+ border-top: 0 !important;
+ }
+
+ .border-end-xxl {
+ border-right: 1px solid #dee2e6 !important;
+ }
+
+ .border-end-xxl-0 {
+ border-right: 0 !important;
+ }
+
+ .border-bottom-xxl {
+ border-bottom: 1px solid #dee2e6 !important;
+ }
+
+ .border-bottom-xxl-0 {
+ border-bottom: 0 !important;
+ }
+
+ .border-start-xxl {
+ border-left: 1px solid #dee2e6 !important;
+ }
+
+ .border-start-xxl-0 {
+ border-left: 0 !important;
+ }
+
+ .w-xxl-0 {
+ width: 0% !important;
+ }
+
+ .w-xxl-1 {
+ width: 1% !important;
+ }
+
+ .w-xxl-2 {
+ width: 2% !important;
+ }
+
+ .w-xxl-3 {
+ width: 3% !important;
+ }
+
+ .w-xxl-4 {
+ width: 4% !important;
+ }
+
+ .w-xxl-5 {
+ width: 5% !important;
+ }
+
+ .w-xxl-6 {
+ width: 6% !important;
+ }
+
+ .w-xxl-7 {
+ width: 7% !important;
+ }
+
+ .w-xxl-8 {
+ width: 8% !important;
+ }
+
+ .w-xxl-9 {
+ width: 9% !important;
+ }
+
+ .w-xxl-10 {
+ width: 10% !important;
+ }
+
+ .w-xxl-15 {
+ width: 15% !important;
+ }
+
+ .w-xxl-20 {
+ width: 20% !important;
+ }
+
+ .w-xxl-25 {
+ width: 25% !important;
+ }
+
+ .w-xxl-30 {
+ width: 30% !important;
+ }
+
+ .w-xxl-35 {
+ width: 35% !important;
+ }
+
+ .w-xxl-40 {
+ width: 40% !important;
+ }
+
+ .w-xxl-45 {
+ width: 45% !important;
+ }
+
+ .w-xxl-50 {
+ width: 50% !important;
+ }
+
+ .w-xxl-55 {
+ width: 55% !important;
+ }
+
+ .w-xxl-60 {
+ width: 60% !important;
+ }
+
+ .w-xxl-65 {
+ width: 65% !important;
+ }
+
+ .w-xxl-70 {
+ width: 70% !important;
+ }
+
+ .w-xxl-75 {
+ width: 75% !important;
+ }
+
+ .w-xxl-80 {
+ width: 80% !important;
+ }
+
+ .w-xxl-85 {
+ width: 85% !important;
+ }
+
+ .w-xxl-90 {
+ width: 90% !important;
+ }
+
+ .w-xxl-95 {
+ width: 95% !important;
+ }
+
+ .w-xxl-100 {
+ width: 100% !important;
+ }
+
+ .w-xxl-auto {
+ width: auto !important;
+ }
+
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
+
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
+
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
+
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-xxl-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-xxl-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
+
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
+
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-xxl-first {
+ order: -1 !important;
+ }
+
+ .order-xxl-0 {
+ order: 0 !important;
+ }
+
+ .order-xxl-1 {
+ order: 1 !important;
+ }
+
+ .order-xxl-2 {
+ order: 2 !important;
+ }
+
+ .order-xxl-3 {
+ order: 3 !important;
+ }
+
+ .order-xxl-4 {
+ order: 4 !important;
+ }
+
+ .order-xxl-5 {
+ order: 5 !important;
+ }
+
+ .order-xxl-last {
+ order: 6 !important;
+ }
+
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
+
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
+
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
+
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
+
+ .m-xxl-6 {
+ margin: 4rem !important;
+ }
+
+ .m-xxl-7 {
+ margin: 6rem !important;
+ }
+
+ .m-xxl-8 {
+ margin: 8rem !important;
+ }
+
+ .m-xxl-9 {
+ margin: 10rem !important;
+ }
+
+ .m-xxl-10 {
+ margin: 12rem !important;
+ }
+
+ .m-xxl-11 {
+ margin: 14rem !important;
+ }
+
+ .m-xxl-12 {
+ margin: 16rem !important;
+ }
+
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+
+ .mx-xxl-6 {
+ margin-right: 4rem !important;
+ margin-left: 4rem !important;
+ }
+
+ .mx-xxl-7 {
+ margin-right: 6rem !important;
+ margin-left: 6rem !important;
+ }
+
+ .mx-xxl-8 {
+ margin-right: 8rem !important;
+ margin-left: 8rem !important;
+ }
+
+ .mx-xxl-9 {
+ margin-right: 10rem !important;
+ margin-left: 10rem !important;
+ }
+
+ .mx-xxl-10 {
+ margin-right: 12rem !important;
+ margin-left: 12rem !important;
+ }
+
+ .mx-xxl-11 {
+ margin-right: 14rem !important;
+ margin-left: 14rem !important;
+ }
+
+ .mx-xxl-12 {
+ margin-right: 16rem !important;
+ margin-left: 16rem !important;
+ }
+
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+
+ .my-xxl-6 {
+ margin-top: 4rem !important;
+ margin-bottom: 4rem !important;
+ }
+
+ .my-xxl-7 {
+ margin-top: 6rem !important;
+ margin-bottom: 6rem !important;
+ }
+
+ .my-xxl-8 {
+ margin-top: 8rem !important;
+ margin-bottom: 8rem !important;
+ }
+
+ .my-xxl-9 {
+ margin-top: 10rem !important;
+ margin-bottom: 10rem !important;
+ }
+
+ .my-xxl-10 {
+ margin-top: 12rem !important;
+ margin-bottom: 12rem !important;
+ }
+
+ .my-xxl-11 {
+ margin-top: 14rem !important;
+ margin-bottom: 14rem !important;
+ }
+
+ .my-xxl-12 {
+ margin-top: 16rem !important;
+ margin-bottom: 16rem !important;
+ }
+
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
+
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
+
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
+
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
+
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
+
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
+
+ .mt-xxl-6 {
+ margin-top: 4rem !important;
+ }
+
+ .mt-xxl-7 {
+ margin-top: 6rem !important;
+ }
+
+ .mt-xxl-8 {
+ margin-top: 8rem !important;
+ }
+
+ .mt-xxl-9 {
+ margin-top: 10rem !important;
+ }
+
+ .mt-xxl-10 {
+ margin-top: 12rem !important;
+ }
+
+ .mt-xxl-11 {
+ margin-top: 14rem !important;
+ }
+
+ .mt-xxl-12 {
+ margin-top: 16rem !important;
+ }
+
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
+
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
+
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
+
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
+
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
+
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
+
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
+
+ .me-xxl-6 {
+ margin-right: 4rem !important;
+ }
+
+ .me-xxl-7 {
+ margin-right: 6rem !important;
+ }
+
+ .me-xxl-8 {
+ margin-right: 8rem !important;
+ }
+
+ .me-xxl-9 {
+ margin-right: 10rem !important;
+ }
+
+ .me-xxl-10 {
+ margin-right: 12rem !important;
+ }
+
+ .me-xxl-11 {
+ margin-right: 14rem !important;
+ }
+
+ .me-xxl-12 {
+ margin-right: 16rem !important;
+ }
+
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
+
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
+ }
+
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
+
+ .mb-xxl-6 {
+ margin-bottom: 4rem !important;
+ }
+
+ .mb-xxl-7 {
+ margin-bottom: 6rem !important;
+ }
+
+ .mb-xxl-8 {
+ margin-bottom: 8rem !important;
+ }
+
+ .mb-xxl-9 {
+ margin-bottom: 10rem !important;
+ }
+
+ .mb-xxl-10 {
+ margin-bottom: 12rem !important;
+ }
+
+ .mb-xxl-11 {
+ margin-bottom: 14rem !important;
+ }
+
+ .mb-xxl-12 {
+ margin-bottom: 16rem !important;
+ }
+
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
+ }
+
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
+
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
+
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
+ }
+
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
+
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
+
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
+ }
+
+ .ms-xxl-6 {
+ margin-left: 4rem !important;
+ }
+
+ .ms-xxl-7 {
+ margin-left: 6rem !important;
+ }
+
+ .ms-xxl-8 {
+ margin-left: 8rem !important;
+ }
+
+ .ms-xxl-9 {
+ margin-left: 10rem !important;
+ }
+
+ .ms-xxl-10 {
+ margin-left: 12rem !important;
+ }
+
+ .ms-xxl-11 {
+ margin-left: 14rem !important;
+ }
+
+ .ms-xxl-12 {
+ margin-left: 16rem !important;
+ }
+
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
+
+ .m-xxl-n1 {
+ margin: -0.25rem !important;
+ }
+
+ .m-xxl-n2 {
+ margin: -0.5rem !important;
+ }
+
+ .m-xxl-n3 {
+ margin: -1rem !important;
+ }
+
+ .m-xxl-n4 {
+ margin: -1.5rem !important;
+ }
+
+ .m-xxl-n5 {
+ margin: -3rem !important;
+ }
+
+ .m-xxl-n6 {
+ margin: -4rem !important;
+ }
+
+ .m-xxl-n7 {
+ margin: -6rem !important;
+ }
+
+ .m-xxl-n8 {
+ margin: -8rem !important;
+ }
+
+ .m-xxl-n9 {
+ margin: -10rem !important;
+ }
+
+ .m-xxl-n10 {
+ margin: -12rem !important;
+ }
+
+ .m-xxl-n11 {
+ margin: -14rem !important;
+ }
+
+ .m-xxl-n12 {
+ margin: -16rem !important;
+ }
+
+ .mx-xxl-n1 {
+ margin-right: -0.25rem !important;
+ margin-left: -0.25rem !important;
+ }
+
+ .mx-xxl-n2 {
+ margin-right: -0.5rem !important;
+ margin-left: -0.5rem !important;
+ }
+
+ .mx-xxl-n3 {
+ margin-right: -1rem !important;
+ margin-left: -1rem !important;
+ }
+
+ .mx-xxl-n4 {
+ margin-right: -1.5rem !important;
+ margin-left: -1.5rem !important;
+ }
+
+ .mx-xxl-n5 {
+ margin-right: -3rem !important;
+ margin-left: -3rem !important;
+ }
+
+ .mx-xxl-n6 {
+ margin-right: -4rem !important;
+ margin-left: -4rem !important;
+ }
+
+ .mx-xxl-n7 {
+ margin-right: -6rem !important;
+ margin-left: -6rem !important;
+ }
+
+ .mx-xxl-n8 {
+ margin-right: -8rem !important;
+ margin-left: -8rem !important;
+ }
+
+ .mx-xxl-n9 {
+ margin-right: -10rem !important;
+ margin-left: -10rem !important;
+ }
+
+ .mx-xxl-n10 {
+ margin-right: -12rem !important;
+ margin-left: -12rem !important;
+ }
+
+ .mx-xxl-n11 {
+ margin-right: -14rem !important;
+ margin-left: -14rem !important;
+ }
+
+ .mx-xxl-n12 {
+ margin-right: -16rem !important;
+ margin-left: -16rem !important;
+ }
+
+ .my-xxl-n1 {
+ margin-top: -0.25rem !important;
+ margin-bottom: -0.25rem !important;
+ }
+
+ .my-xxl-n2 {
+ margin-top: -0.5rem !important;
+ margin-bottom: -0.5rem !important;
+ }
+
+ .my-xxl-n3 {
+ margin-top: -1rem !important;
+ margin-bottom: -1rem !important;
+ }
+
+ .my-xxl-n4 {
+ margin-top: -1.5rem !important;
+ margin-bottom: -1.5rem !important;
+ }
+
+ .my-xxl-n5 {
+ margin-top: -3rem !important;
+ margin-bottom: -3rem !important;
+ }
+
+ .my-xxl-n6 {
+ margin-top: -4rem !important;
+ margin-bottom: -4rem !important;
+ }
+
+ .my-xxl-n7 {
+ margin-top: -6rem !important;
+ margin-bottom: -6rem !important;
+ }
+
+ .my-xxl-n8 {
+ margin-top: -8rem !important;
+ margin-bottom: -8rem !important;
+ }
+
+ .my-xxl-n9 {
+ margin-top: -10rem !important;
+ margin-bottom: -10rem !important;
+ }
+
+ .my-xxl-n10 {
+ margin-top: -12rem !important;
+ margin-bottom: -12rem !important;
+ }
+
+ .my-xxl-n11 {
+ margin-top: -14rem !important;
+ margin-bottom: -14rem !important;
+ }
+
+ .my-xxl-n12 {
+ margin-top: -16rem !important;
+ margin-bottom: -16rem !important;
+ }
+
+ .mt-xxl-n1 {
+ margin-top: -0.25rem !important;
+ }
+
+ .mt-xxl-n2 {
+ margin-top: -0.5rem !important;
+ }
+
+ .mt-xxl-n3 {
+ margin-top: -1rem !important;
+ }
+
+ .mt-xxl-n4 {
+ margin-top: -1.5rem !important;
+ }
+
+ .mt-xxl-n5 {
+ margin-top: -3rem !important;
+ }
+
+ .mt-xxl-n6 {
+ margin-top: -4rem !important;
+ }
+
+ .mt-xxl-n7 {
+ margin-top: -6rem !important;
+ }
+
+ .mt-xxl-n8 {
+ margin-top: -8rem !important;
+ }
+
+ .mt-xxl-n9 {
+ margin-top: -10rem !important;
+ }
+
+ .mt-xxl-n10 {
+ margin-top: -12rem !important;
+ }
+
+ .mt-xxl-n11 {
+ margin-top: -14rem !important;
+ }
+
+ .mt-xxl-n12 {
+ margin-top: -16rem !important;
+ }
+
+ .me-xxl-n1 {
+ margin-right: -0.25rem !important;
+ }
+
+ .me-xxl-n2 {
+ margin-right: -0.5rem !important;
+ }
+
+ .me-xxl-n3 {
+ margin-right: -1rem !important;
+ }
+
+ .me-xxl-n4 {
+ margin-right: -1.5rem !important;
+ }
+
+ .me-xxl-n5 {
+ margin-right: -3rem !important;
+ }
+
+ .me-xxl-n6 {
+ margin-right: -4rem !important;
+ }
+
+ .me-xxl-n7 {
+ margin-right: -6rem !important;
+ }
+
+ .me-xxl-n8 {
+ margin-right: -8rem !important;
+ }
+
+ .me-xxl-n9 {
+ margin-right: -10rem !important;
+ }
+
+ .me-xxl-n10 {
+ margin-right: -12rem !important;
+ }
+
+ .me-xxl-n11 {
+ margin-right: -14rem !important;
+ }
+
+ .me-xxl-n12 {
+ margin-right: -16rem !important;
+ }
+
+ .mb-xxl-n1 {
+ margin-bottom: -0.25rem !important;
+ }
+
+ .mb-xxl-n2 {
+ margin-bottom: -0.5rem !important;
+ }
+
+ .mb-xxl-n3 {
+ margin-bottom: -1rem !important;
+ }
+
+ .mb-xxl-n4 {
+ margin-bottom: -1.5rem !important;
+ }
+
+ .mb-xxl-n5 {
+ margin-bottom: -3rem !important;
+ }
+
+ .mb-xxl-n6 {
+ margin-bottom: -4rem !important;
+ }
+
+ .mb-xxl-n7 {
+ margin-bottom: -6rem !important;
+ }
+
+ .mb-xxl-n8 {
+ margin-bottom: -8rem !important;
+ }
+
+ .mb-xxl-n9 {
+ margin-bottom: -10rem !important;
+ }
+
+ .mb-xxl-n10 {
+ margin-bottom: -12rem !important;
+ }
+
+ .mb-xxl-n11 {
+ margin-bottom: -14rem !important;
+ }
+
+ .mb-xxl-n12 {
+ margin-bottom: -16rem !important;
+ }
+
+ .ms-xxl-n1 {
+ margin-left: -0.25rem !important;
+ }
+
+ .ms-xxl-n2 {
+ margin-left: -0.5rem !important;
+ }
+
+ .ms-xxl-n3 {
+ margin-left: -1rem !important;
+ }
+
+ .ms-xxl-n4 {
+ margin-left: -1.5rem !important;
+ }
+
+ .ms-xxl-n5 {
+ margin-left: -3rem !important;
+ }
+
+ .ms-xxl-n6 {
+ margin-left: -4rem !important;
+ }
+
+ .ms-xxl-n7 {
+ margin-left: -6rem !important;
+ }
+
+ .ms-xxl-n8 {
+ margin-left: -8rem !important;
+ }
+
+ .ms-xxl-n9 {
+ margin-left: -10rem !important;
+ }
+
+ .ms-xxl-n10 {
+ margin-left: -12rem !important;
+ }
+
+ .ms-xxl-n11 {
+ margin-left: -14rem !important;
+ }
+
+ .ms-xxl-n12 {
+ margin-left: -16rem !important;
+ }
+
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+
+ .p-xxl-1 {
+ padding: 0.25rem !important;
+ }
+
+ .p-xxl-2 {
+ padding: 0.5rem !important;
+ }
+
+ .p-xxl-3 {
+ padding: 1rem !important;
+ }
+
+ .p-xxl-4 {
+ padding: 1.5rem !important;
+ }
+
+ .p-xxl-5 {
+ padding: 3rem !important;
+ }
+
+ .p-xxl-6 {
+ padding: 4rem !important;
+ }
+
+ .p-xxl-7 {
+ padding: 6rem !important;
+ }
+
+ .p-xxl-8 {
+ padding: 8rem !important;
+ }
+
+ .p-xxl-9 {
+ padding: 10rem !important;
+ }
+
+ .p-xxl-10 {
+ padding: 12rem !important;
+ }
+
+ .p-xxl-11 {
+ padding: 14rem !important;
+ }
+
+ .p-xxl-12 {
+ padding: 16rem !important;
+ }
+
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+
+ .px-xxl-6 {
+ padding-right: 4rem !important;
+ padding-left: 4rem !important;
+ }
+
+ .px-xxl-7 {
+ padding-right: 6rem !important;
+ padding-left: 6rem !important;
+ }
+
+ .px-xxl-8 {
+ padding-right: 8rem !important;
+ padding-left: 8rem !important;
+ }
+
+ .px-xxl-9 {
+ padding-right: 10rem !important;
+ padding-left: 10rem !important;
+ }
+
+ .px-xxl-10 {
+ padding-right: 12rem !important;
+ padding-left: 12rem !important;
+ }
+
+ .px-xxl-11 {
+ padding-right: 14rem !important;
+ padding-left: 14rem !important;
+ }
+
+ .px-xxl-12 {
+ padding-right: 16rem !important;
+ padding-left: 16rem !important;
+ }
+
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+
+ .py-xxl-6 {
+ padding-top: 4rem !important;
+ padding-bottom: 4rem !important;
+ }
+
+ .py-xxl-7 {
+ padding-top: 6rem !important;
+ padding-bottom: 6rem !important;
+ }
+
+ .py-xxl-8 {
+ padding-top: 8rem !important;
+ padding-bottom: 8rem !important;
+ }
+
+ .py-xxl-9 {
+ padding-top: 10rem !important;
+ padding-bottom: 10rem !important;
+ }
+
+ .py-xxl-10 {
+ padding-top: 12rem !important;
+ padding-bottom: 12rem !important;
+ }
+
+ .py-xxl-11 {
+ padding-top: 14rem !important;
+ padding-bottom: 14rem !important;
+ }
+
+ .py-xxl-12 {
+ padding-top: 16rem !important;
+ padding-bottom: 16rem !important;
+ }
+
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
+
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
+
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
+
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
+
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
+
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
+
+ .pt-xxl-6 {
+ padding-top: 4rem !important;
+ }
+
+ .pt-xxl-7 {
+ padding-top: 6rem !important;
+ }
+
+ .pt-xxl-8 {
+ padding-top: 8rem !important;
+ }
+
+ .pt-xxl-9 {
+ padding-top: 10rem !important;
+ }
+
+ .pt-xxl-10 {
+ padding-top: 12rem !important;
+ }
+
+ .pt-xxl-11 {
+ padding-top: 14rem !important;
+ }
+
+ .pt-xxl-12 {
+ padding-top: 16rem !important;
+ }
+
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
+
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
+
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
+
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
+
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
+
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
+ }
+
+ .pe-xxl-6 {
+ padding-right: 4rem !important;
+ }
+
+ .pe-xxl-7 {
+ padding-right: 6rem !important;
+ }
+
+ .pe-xxl-8 {
+ padding-right: 8rem !important;
+ }
+
+ .pe-xxl-9 {
+ padding-right: 10rem !important;
+ }
+
+ .pe-xxl-10 {
+ padding-right: 12rem !important;
+ }
+
+ .pe-xxl-11 {
+ padding-right: 14rem !important;
+ }
+
+ .pe-xxl-12 {
+ padding-right: 16rem !important;
+ }
+
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
+
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
+
+ .pb-xxl-6 {
+ padding-bottom: 4rem !important;
+ }
+
+ .pb-xxl-7 {
+ padding-bottom: 6rem !important;
+ }
+
+ .pb-xxl-8 {
+ padding-bottom: 8rem !important;
+ }
+
+ .pb-xxl-9 {
+ padding-bottom: 10rem !important;
+ }
+
+ .pb-xxl-10 {
+ padding-bottom: 12rem !important;
+ }
+
+ .pb-xxl-11 {
+ padding-bottom: 14rem !important;
+ }
+
+ .pb-xxl-12 {
+ padding-bottom: 16rem !important;
+ }
+
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
+
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
+ }
+
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
+
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
+
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
+
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
+
+ .ps-xxl-6 {
+ padding-left: 4rem !important;
+ }
+
+ .ps-xxl-7 {
+ padding-left: 6rem !important;
+ }
+
+ .ps-xxl-8 {
+ padding-left: 8rem !important;
+ }
+
+ .ps-xxl-9 {
+ padding-left: 10rem !important;
+ }
+
+ .ps-xxl-10 {
+ padding-left: 12rem !important;
+ }
+
+ .ps-xxl-11 {
+ padding-left: 14rem !important;
+ }
+
+ .ps-xxl-12 {
+ padding-left: 16rem !important;
+ }
+
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
+
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
+
+ .gap-xxl-6 {
+ gap: 4rem !important;
+ }
+
+ .gap-xxl-7 {
+ gap: 6rem !important;
+ }
+
+ .gap-xxl-8 {
+ gap: 8rem !important;
+ }
+
+ .gap-xxl-9 {
+ gap: 10rem !important;
+ }
+
+ .gap-xxl-10 {
+ gap: 12rem !important;
+ }
+
+ .gap-xxl-11 {
+ gap: 14rem !important;
+ }
+
+ .gap-xxl-12 {
+ gap: 16rem !important;
+ }
+
+ .text-xxl-start {
+ text-align: left !important;
+ }
+
+ .text-xxl-end {
+ text-align: right !important;
+ }
+
+ .text-xxl-center {
+ text-align: center !important;
+ }
+
+ .transform-scale-xxl-5 {
+ transform: scale(0.5) !important;
+ }
+
+ .transform-scale-xxl-6 {
+ transform: scale(0.6) !important;
+ }
+
+ .transform-scale-xxl-7 {
+ transform: scale(0.7) !important;
+ }
+
+ .transform-scale-xxl-8 {
+ transform: scale(0.8) !important;
+ }
+
+ .transform-scale-xxl-9 {
+ transform: scale(0.9) !important;
+ }
+
+ .transform-scale-xxl-10 {
+ transform: scale(1) !important;
+ }
+
+ .border-radius-top-start-xxl {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-xxl-0 {
+ border-top-left-radius: 0 !important;
+ }
+
+ .border-radius-top-start-xxl-sm {
+ border-top-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-start-xxl-md {
+ border-top-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-start-xxl-lg {
+ border-top-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-start-xxl-xl {
+ border-top-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-start-xxl-2xl {
+ border-top-left-radius: 1rem !important;
+ }
+
+ .border-radius-top-start-xxl-circle {
+ border-top-left-radius: 50% !important;
+ }
+
+ .border-radius-top-start-xxl-pill {
+ border-top-left-radius: 50rem !important;
+ }
+
+ .border-radius-top-end-xxl {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-xxl-0 {
+ border-top-right-radius: 0 !important;
+ }
+
+ .border-radius-top-end-xxl-sm {
+ border-top-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-top-end-xxl-md {
+ border-top-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-top-end-xxl-lg {
+ border-top-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-top-end-xxl-xl {
+ border-top-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-top-end-xxl-2xl {
+ border-top-right-radius: 1rem !important;
+ }
+
+ .border-radius-top-end-xxl-circle {
+ border-top-right-radius: 50% !important;
+ }
+
+ .border-radius-top-end-xxl-pill {
+ border-top-right-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-start-xxl {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-xxl-0 {
+ border-bottom-left-radius: 0 !important;
+ }
+
+ .border-radius-bottom-start-xxl-sm {
+ border-bottom-left-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-start-xxl-md {
+ border-bottom-left-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-start-xxl-lg {
+ border-bottom-left-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-start-xxl-xl {
+ border-bottom-left-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-start-xxl-2xl {
+ border-bottom-left-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-start-xxl-circle {
+ border-bottom-left-radius: 50% !important;
+ }
+
+ .border-radius-bottom-start-xxl-pill {
+ border-bottom-left-radius: 50rem !important;
+ }
+
+ .border-radius-bottom-end-xxl {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-xxl-0 {
+ border-bottom-right-radius: 0 !important;
+ }
+
+ .border-radius-bottom-end-xxl-sm {
+ border-bottom-right-radius: 0.125rem !important;
+ }
+
+ .border-radius-bottom-end-xxl-md {
+ border-bottom-right-radius: 0.375rem !important;
+ }
+
+ .border-radius-bottom-end-xxl-lg {
+ border-bottom-right-radius: 0.5rem !important;
+ }
+
+ .border-radius-bottom-end-xxl-xl {
+ border-bottom-right-radius: 0.75rem !important;
+ }
+
+ .border-radius-bottom-end-xxl-2xl {
+ border-bottom-right-radius: 1rem !important;
+ }
+
+ .border-radius-bottom-end-xxl-circle {
+ border-bottom-right-radius: 50% !important;
+ }
+
+ .border-radius-bottom-end-xxl-pill {
+ border-bottom-right-radius: 50rem !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 3rem !important;
+ }
+
+ .fs-2 {
+ font-size: 2.25rem !important;
+ }
+
+ .fs-3 {
+ font-size: 1.875rem !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;
+ }
+}
+
+/*!
+
+=========================================================
+* Material Dashboard 2 - v3.1.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/material-dashboard
+* Copyright 2023 Creative Tim (https://www.creative-tim.com)
+* Licensed under MIT (site.license)
+
+* Coded by www.creative-tim.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+.alert-primary {
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
+}
+
+.alert-secondary {
+ background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
+}
+
+.alert-success {
+ background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
+}
+
+.alert-info {
+ background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
+}
+
+.alert-warning {
+ background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
+}
+
+.alert-danger {
+ background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
+}
+
+.alert-light {
+ background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
+}
+
+.alert-dark {
+ background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
+}
+
+.btn-close:focus {
+ box-shadow: none;
+}
+
+.alert-dismissible .btn-close {
+ background-image: none;
+}
+
+.avatar {
+ color: #fff;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1rem;
+ border-radius: 50rem;
+ height: 48px;
+ width: 48px;
+ transition: all .2s ease-in-out;
+}
+
+.avatar img {
+ width: 100%;
+}
+
+.avatar+.avatar-content {
+ display: inline-block;
+ margin-left: 0.75rem;
+}
+
+.avatar.avatar-raised {
+ margin-top: -24px;
+}
+
+.avatar.avatar-scale-up:hover {
+ transform: scale(1.2);
+}
+
+.active .avatar.avatar-scale-up {
+ transform: scale(1.2);
+}
+
+.avatar-xxl {
+ width: 110px !important;
+ height: 110px !important;
+}
+
+.avatar-xxl.avatar-raised {
+ margin-top: -55px;
+}
+
+.avatar-xl {
+ width: 74px !important;
+ height: 74px !important;
+}
+
+.avatar-xl.avatar-raised {
+ margin-top: -37px;
+}
+
+.avatar-lg {
+ width: 58px !important;
+ height: 58px !important;
+ font-size: 0.875rem;
+}
+
+.avatar-lg.avatar-raised {
+ margin-top: -29px;
+}
+
+.avatar-sm {
+ width: 36px !important;
+ height: 36px !important;
+ font-size: 0.875rem;
+}
+
+.avatar-sm.avatar-raised {
+ margin-top: -18px;
+}
+
+.avatar-xs {
+ width: 24px !important;
+ height: 24px !important;
+ font-size: 0.75rem;
+}
+
+.avatar-xs.avatar-raised {
+ margin-top: -12px;
+}
+
+.avatar-group .avatar {
+ position: relative;
+ z-index: 2;
+ border: 2px solid #fff;
+}
+
+.avatar-group .avatar:hover {
+ z-index: 3;
+}
+
+.avatar-group .avatar+.avatar {
+ margin-left: -1rem;
+}
+
+.badge.bg-primary {
+ background: #e91e63;
+}
+
+.badge.bg-secondary {
+ background: #7b809a;
+}
+
+.badge.bg-success {
+ background: #4CAF50;
+}
+
+.badge.bg-info {
+ background: #1A73E8;
+}
+
+.badge.bg-warning {
+ background: #fb8c00;
+}
+
+.badge.bg-danger {
+ background: #F44335;
+}
+
+.badge.bg-light {
+ background: #f0f2f5;
+}
+
+.badge.bg-dark {
+ background: #344767;
+}
+
+.badge.bg-white {
+ background: #fff;
+}
+
+.badge.bg-dark-blue {
+ background: #1A237E;
+}
+
+.badge {
+ text-transform: uppercase;
+}
+
+.btn {
+ margin-bottom: 1rem;
+ letter-spacing: 0;
+ text-transform: uppercase;
+ background-size: 150%;
+ background-position-x: 25%;
+ position: relative;
+ overflow: hidden;
+ -webkit-appearance: none;
+}
+
+.btn:not([class*="btn-outline-"]) {
+ border: 0;
+}
+
+.btn:active,
+.btn:active:focus,
+.btn:active:hover {
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
+ transform: none;
+ opacity: 0.85;
+}
+
+.btn.bg-white:hover {
+ color: #7b809a;
+}
+
+.btn.btn-link {
+ box-shadow: none;
+ font-weight: 700;
+}
+
+.btn.btn-link:hover,
+.btn.btn-link:focus {
+ box-shadow: none;
+}
+
+.btn.btn-round {
+ border-radius: 1.875rem;
+}
+
+.btn.btn-icon-only {
+ width: 2.375rem;
+ height: 2.375rem;
+ padding: 0.7rem 0.7rem;
+}
+
+.btn.btn-sm.btn-icon-only,
+.btn-group-sm>.btn.btn-icon-only {
+ width: 1.5rem;
+ height: 1.5rem;
+ padding: 0.3rem 0.3rem;
+}
+
+.btn.btn-sm i,
+.btn-group-sm>.btn i {
+ font-size: 0.5rem;
+}
+
+.btn.btn-lg.btn-icon-only,
+.btn-group-lg>.btn.btn-icon-only {
+ width: 3.25rem;
+ height: 3.25rem;
+ padding: 1rem 1rem;
+}
+
+.btn.btn-lg i,
+.btn-group-lg>.btn i {
+ font-size: 1.2rem;
+ position: relative;
+ top: 0px;
+}
+
+.btn.btn-rounded {
+ border-radius: 1.875rem;
+}
+
+.btn .material-icons {
+ vertical-align: middle;
+ margin-top: -1px;
+ margin-bottom: -1px;
+ font-size: 1.1rem;
+ display: inline-block;
+ top: 0;
+}
+
+.btn-check:checked+.btn svg .color-background {
+ fill: #fff;
+}
+
+.btn-check:checked+.btn:hover svg .color-background {
+ fill: #344767;
+}
+
+.icon-move-right i {
+ transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
+}
+
+.icon-move-right:hover i,
+.icon-move-right:focus i {
+ transform: translateX(5px);
+}
+
+.icon-move-left i {
+ transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
+}
+
+.icon-move-left:hover i,
+.icon-move-left:focus i {
+ transform: translateX(-5px);
+}
+
+.btn-primary,
+.btn.bg-gradient-primary {
+ box-shadow: 0 3px 3px 0 rgba(233, 30, 99, 0.15), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.15);
+}
+
+.btn-primary:hover,
+.btn.bg-gradient-primary:hover {
+ background-color: #e91e63;
+ border-color: #e91e63;
+ box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.4), 0 4px 23px 0 rgba(233, 30, 99, 0.15), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
+}
+
+.btn-primary .btn.bg-outline-primary,
+.btn.bg-gradient-primary .btn.bg-outline-primary {
+ border: 1px solid #e91e63;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle,
+.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-primary.dropdown-toggle {
+ color: color-yiq(#e91e63);
+ background-color: #e91e63;
+}
+
+.btn-primary.focus,
+.btn-primary:focus,
+.btn.bg-gradient-primary.focus,
+.btn.bg-gradient-primary:focus {
+ color: #fff;
+}
+
+.btn-outline-primary {
+ box-shadow: none;
+}
+
+.btn-outline-primary:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #e91e63;
+}
+
+.btn-secondary,
+.btn.bg-gradient-secondary {
+ box-shadow: 0 3px 3px 0 rgba(, 128, 154, 0.15), 0 3px 1px -2px rgba(, 128, 154, 0.2), 0 1px 5px 0 rgba(, 128, 154, 0.15);
+}
+
+.btn-secondary:hover,
+.btn.bg-gradient-secondary:hover {
+ background-color: #7b809a;
+ border-color: #7b809a;
+ box-shadow: 0 14px 26px -12px rgba(, 128, 154, 0.4), 0 4px 23px 0 rgba(, 128, 154, 0.15), 0 8px 10px -5px rgba(, 128, 154, 0.2);
+}
+
+.btn-secondary .btn.bg-outline-secondary,
+.btn.bg-gradient-secondary .btn.bg-outline-secondary {
+ border: 1px solid #7b809a;
+}
+
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active,
+.show>.btn-secondary.dropdown-toggle,
+.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-secondary.dropdown-toggle {
+ color: color-yiq(#7b809a);
+ background-color: #7b809a;
+}
+
+.btn-secondary.focus,
+.btn-secondary:focus,
+.btn.bg-gradient-secondary.focus,
+.btn.bg-gradient-secondary:focus {
+ color: #fff;
+}
+
+.btn-outline-secondary {
+ box-shadow: none;
+}
+
+.btn-outline-secondary:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #7b809a;
+}
+
+.btn-success,
+.btn.bg-gradient-success {
+ box-shadow: 0 3px 3px 0 rgba(76, 175, 80, 0.15), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.15);
+}
+
+.btn-success:hover,
+.btn.bg-gradient-success:hover {
+ background-color: #4CAF50;
+ border-color: #4CAF50;
+ box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.4), 0 4px 23px 0 rgba(76, 175, 80, 0.15), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
+}
+
+.btn-success .btn.bg-outline-success,
+.btn.bg-gradient-success .btn.bg-outline-success {
+ border: 1px solid #4CAF50;
+}
+
+.btn-success:not(:disabled):not(.disabled).active,
+.btn-success:not(:disabled):not(.disabled):active,
+.show>.btn-success.dropdown-toggle,
+.btn.bg-gradient-success:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-success:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-success.dropdown-toggle {
+ color: color-yiq(#4CAF50);
+ background-color: #4CAF50;
+}
+
+.btn-success.focus,
+.btn-success:focus,
+.btn.bg-gradient-success.focus,
+.btn.bg-gradient-success:focus {
+ color: #fff;
+}
+
+.btn-outline-success {
+ box-shadow: none;
+}
+
+.btn-outline-success:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #4CAF50;
+}
+
+.btn-info,
+.btn.bg-gradient-info {
+ box-shadow: 0 3px 3px 0 rgba(26, 115, 232, 0.15), 0 3px 1px -2px rgba(26, 115, 232, 0.2), 0 1px 5px 0 rgba(26, 115, 232, 0.15);
+}
+
+.btn-info:hover,
+.btn.bg-gradient-info:hover {
+ background-color: #1A73E8;
+ border-color: #1A73E8;
+ box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2);
+}
+
+.btn-info .btn.bg-outline-info,
+.btn.bg-gradient-info .btn.bg-outline-info {
+ border: 1px solid #1A73E8;
+}
+
+.btn-info:not(:disabled):not(.disabled).active,
+.btn-info:not(:disabled):not(.disabled):active,
+.show>.btn-info.dropdown-toggle,
+.btn.bg-gradient-info:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-info:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-info.dropdown-toggle {
+ color: color-yiq(#1A73E8);
+ background-color: #1A73E8;
+}
+
+.btn-info.focus,
+.btn-info:focus,
+.btn.bg-gradient-info.focus,
+.btn.bg-gradient-info:focus {
+ color: #fff;
+}
+
+.btn-outline-info {
+ box-shadow: none;
+}
+
+.btn-outline-info:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #1A73E8;
+}
+
+.btn-warning,
+.btn.bg-gradient-warning {
+ box-shadow: 0 3px 3px 0 rgba(251, 140, 0, 0.15), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.15);
+}
+
+.btn-warning:hover,
+.btn.bg-gradient-warning:hover {
+ background-color: #fb8c00;
+ border-color: #fb8c00;
+ box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.4), 0 4px 23px 0 rgba(251, 140, 0, 0.15), 0 8px 10px -5px rgba(251, 140, 0, 0.2);
+}
+
+.btn-warning .btn.bg-outline-warning,
+.btn.bg-gradient-warning .btn.bg-outline-warning {
+ border: 1px solid #fb8c00;
+}
+
+.btn-warning:not(:disabled):not(.disabled).active,
+.btn-warning:not(:disabled):not(.disabled):active,
+.show>.btn-warning.dropdown-toggle,
+.btn.bg-gradient-warning:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-warning:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-warning.dropdown-toggle {
+ color: color-yiq(#fb8c00);
+ background-color: #fb8c00;
+}
+
+.btn-warning.focus,
+.btn-warning:focus,
+.btn.bg-gradient-warning.focus,
+.btn.bg-gradient-warning:focus {
+ color: #fff;
+}
+
+.btn-outline-warning {
+ box-shadow: none;
+}
+
+.btn-outline-warning:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #fb8c00;
+}
+
+.btn-danger,
+.btn.bg-gradient-danger {
+ box-shadow: 0 3px 3px 0 rgba(244, 67, 53, 0.15), 0 3px 1px -2px rgba(244, 67, 53, 0.2), 0 1px 5px 0 rgba(244, 67, 53, 0.15);
+}
+
+.btn-danger:hover,
+.btn.bg-gradient-danger:hover {
+ background-color: #F44335;
+ border-color: #F44335;
+ box-shadow: 0 14px 26px -12px rgba(244, 67, 53, 0.4), 0 4px 23px 0 rgba(244, 67, 53, 0.15), 0 8px 10px -5px rgba(244, 67, 53, 0.2);
+}
+
+.btn-danger .btn.bg-outline-danger,
+.btn.bg-gradient-danger .btn.bg-outline-danger {
+ border: 1px solid #F44335;
+}
+
+.btn-danger:not(:disabled):not(.disabled).active,
+.btn-danger:not(:disabled):not(.disabled):active,
+.show>.btn-danger.dropdown-toggle,
+.btn.bg-gradient-danger:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-danger:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-danger.dropdown-toggle {
+ color: color-yiq(#F44335);
+ background-color: #F44335;
+}
+
+.btn-danger.focus,
+.btn-danger:focus,
+.btn.bg-gradient-danger.focus,
+.btn.bg-gradient-danger:focus {
+ color: #fff;
+}
+
+.btn-outline-danger {
+ box-shadow: none;
+}
+
+.btn-outline-danger:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #F44335;
+}
+
+.btn-light,
+.btn.bg-gradient-light {
+ box-shadow: 0 3px 3px 0 rgba(240, 242, 245, 0.15), 0 3px 1px -2px rgba(240, 242, 245, 0.2), 0 1px 5px 0 rgba(240, 242, 245, 0.15);
+}
+
+.btn-light:hover,
+.btn.bg-gradient-light:hover {
+ background-color: #f0f2f5;
+ border-color: #f0f2f5;
+ box-shadow: 0 14px 26px -12px rgba(240, 242, 245, 0.4), 0 4px 23px 0 rgba(240, 242, 245, 0.15), 0 8px 10px -5px rgba(240, 242, 245, 0.2);
+}
+
+.btn-light .btn.bg-outline-light,
+.btn.bg-gradient-light .btn.bg-outline-light {
+ border: 1px solid #f0f2f5;
+}
+
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show>.btn-light.dropdown-toggle,
+.btn.bg-gradient-light:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-light:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-light.dropdown-toggle {
+ color: color-yiq(#f0f2f5);
+ background-color: #f0f2f5;
+}
+
+.btn-outline-light {
+ box-shadow: none;
+}
+
+.btn-outline-light:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #f0f2f5;
+}
+
+.btn-dark,
+.btn.bg-gradient-dark {
+ box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15);
+}
+
+.btn-dark:hover,
+.btn.bg-gradient-dark:hover {
+ background-color: #344767;
+ border-color: #344767;
+ box-shadow: 0 14px 26px -12px rgba(52, 71, 103, 0.4), 0 4px 23px 0 rgba(52, 71, 103, 0.15), 0 8px 10px -5px rgba(52, 71, 103, 0.2);
+}
+
+.btn-dark .btn.bg-outline-dark,
+.btn.bg-gradient-dark .btn.bg-outline-dark {
+ border: 1px solid #344767;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show>.btn-dark.dropdown-toggle,
+.btn.bg-gradient-dark:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-dark:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-dark.dropdown-toggle {
+ color: color-yiq(#344767);
+ background-color: #344767;
+}
+
+.btn-dark.focus,
+.btn-dark:focus,
+.btn.bg-gradient-dark.focus,
+.btn.bg-gradient-dark:focus {
+ color: #fff;
+}
+
+.btn-outline-dark {
+ box-shadow: none;
+}
+
+.btn-outline-dark:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #344767;
+}
+
+.btn-white,
+.btn.bg-gradient-white {
+ box-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.15);
+}
+
+.btn-white:hover,
+.btn.bg-gradient-white:hover {
+ background-color: #fff;
+ border-color: #fff;
+ box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.4), 0 4px 23px 0 rgba(255, 255, 255, 0.15), 0 8px 10px -5px rgba(255, 255, 255, 0.2);
+}
+
+.btn-white .btn.bg-outline-white,
+.btn.bg-gradient-white .btn.bg-outline-white {
+ border: 1px solid #fff;
+}
+
+.btn-white:not(:disabled):not(.disabled).active,
+.btn-white:not(:disabled):not(.disabled):active,
+.show>.btn-white.dropdown-toggle,
+.btn.bg-gradient-white:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-white:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-white.dropdown-toggle {
+ color: color-yiq(#fff);
+ background-color: #fff;
+}
+
+.btn-outline-white {
+ box-shadow: none;
+}
+
+.btn-outline-white:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #fff;
+}
+
+.btn-dark-blue,
+.btn.bg-gradient-dark-blue {
+ box-shadow: 0 3px 3px 0 rgba(26, 35, 126, 0.15), 0 3px 1px -2px rgba(26, 35, 126, 0.2), 0 1px 5px 0 rgba(26, 35, 126, 0.15);
+}
+
+.btn-dark-blue:hover,
+.btn.bg-gradient-dark-blue:hover {
+ background-color: #1A237E;
+ border-color: #1A237E;
+ box-shadow: 0 14px 26px -12px rgba(26, 35, 126, 0.4), 0 4px 23px 0 rgba(26, 35, 126, 0.15), 0 8px 10px -5px rgba(26, 35, 126, 0.2);
+}
+
+.btn-dark-blue .btn.bg-outline-dark-blue,
+.btn.bg-gradient-dark-blue .btn.bg-outline-dark-blue {
+ border: 1px solid #1A237E;
+}
+
+.btn-dark-blue:not(:disabled):not(.disabled).active,
+.btn-dark-blue:not(:disabled):not(.disabled):active,
+.show>.btn-dark-blue.dropdown-toggle,
+.btn.bg-gradient-dark-blue:not(:disabled):not(.disabled).active,
+.btn.bg-gradient-dark-blue:not(:disabled):not(.disabled):active,
+.show>.btn.bg-gradient-dark-blue.dropdown-toggle {
+ color: color-yiq(#1A237E);
+ background-color: #1A237E;
+}
+
+.btn-dark-blue.focus,
+.btn-dark-blue:focus,
+.btn.bg-gradient-dark-blue.focus,
+.btn.bg-gradient-dark-blue:focus {
+ color: #fff;
+}
+
+.btn-outline-dark-blue {
+ box-shadow: none;
+}
+
+.btn-outline-dark-blue:hover:not(.active) {
+ background-color: transparent;
+ opacity: .75;
+ box-shadow: none;
+ color: #1A237E;
+}
+
+.btn-outline-white {
+ border-color: rgba(255, 255, 255, 0.75);
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.btn-primary,
+.btn.bg-gradient-primary {
+ color: #fff;
+}
+
+.btn-primary:hover,
+.btn.bg-gradient-primary:hover {
+ color: #fff;
+}
+
+.btn-secondary,
+.btn.bg-gradient-secondary {
+ color: #fff;
+}
+
+.btn-secondary:hover,
+.btn.bg-gradient-secondary:hover {
+ color: #fff;
+}
+
+.btn-danger,
+.btn.bg-gradient-danger {
+ color: #fff;
+}
+
+.btn-danger:hover,
+.btn.bg-gradient-danger:hover {
+ color: #fff;
+}
+
+.btn-info,
+.btn.bg-gradient-info {
+ color: #fff;
+}
+
+.btn-info:hover,
+.btn.bg-gradient-info:hover {
+ color: #fff;
+}
+
+.btn-success,
+.btn.bg-gradient-success {
+ color: #fff;
+}
+
+.btn-success:hover,
+.btn.bg-gradient-success:hover {
+ color: #fff;
+}
+
+.btn-warning,
+.btn.bg-gradient-warning {
+ color: #fff;
+}
+
+.btn-warning:hover,
+.btn.bg-gradient-warning:hover {
+ color: #fff;
+}
+
+.btn-dark,
+.btn.bg-gradient-dark {
+ color: #fff;
+}
+
+.btn-dark:hover,
+.btn.bg-gradient-dark:hover {
+ color: #fff;
+}
+
+.btn-light,
+.btn.bg-gradient-light {
+ color: #3A416F;
+}
+
+.btn-light:hover,
+.btn.bg-gradient-light:hover {
+ color: #3A416F;
+}
+
+.breadcrumb-item {
+ font-size: 0.875rem;
+}
+
+.breadcrumb-item.text-white::before {
+ color: #fff;
+}
+
+.breadcrumb-dark {
+ background-color: #344767;
+}
+
+.breadcrumb-dark .breadcrumb-item {
+ font-weight: 600;
+}
+
+.breadcrumb-dark .breadcrumb-item a {
+ color: #f8f9fa;
+}
+
+.breadcrumb-dark .breadcrumb-item a:hover {
+ color: #fff;
+}
+
+.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before {
+ color: #adb5bd;
+}
+
+.breadcrumb-dark .breadcrumb-item.active {
+ color: #dee2e6;
+}
+
+.breadcrumb-links {
+ padding: 0;
+ margin: 0;
+ background: transparent;
+}
+
+.card {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.card[data-animation="true"] .card-header {
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
+}
+
+.card:hover[data-animation="true"] .card-header {
+ -webkit-transform: translate3d(0, -50px, 0);
+ -moz-transform: translate3d(0, -50px, 0);
+ -o-transform: translate3d(0, -50px, 0);
+ -ms-transform: translate3d(0, -50px, 0);
+ transform: translate3d(0, -50px, 0);
+}
+
+.card .card-header {
+ padding: 1.5rem;
+}
+
+.card .card-body {
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
+ padding: 1.5rem;
+}
+
+.card.card-plain {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.card .card-footer {
+ padding: 1.5rem;
+ background-color: transparent;
+}
+
+.author {
+ display: flex;
+}
+
+.author .name>span {
+ line-height: 1.571;
+ font-weight: 600;
+ font-size: 0.875rem;
+ color: #3A416F;
+}
+
+.author .stats {
+ font-size: 0.875rem;
+ font-weight: 400;
+}
+
+.card.card-background {
+ align-items: center;
+}
+
+.card.card-background .full-background {
+ background-position: 50%;
+ background-size: cover;
+ margin-bottom: 30px;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ border-radius: 0.75rem;
+}
+
+.card.card-background .card-body {
+ color: #fff;
+ position: relative;
+ z-index: 2;
+}
+
+.card.card-background .card-body .content-center,
+.card.card-background .card-body .content-left {
+ min-height: 330px;
+ max-width: 450px;
+ padding-top: 60px;
+ padding-bottom: 60px;
+}
+
+.card.card-background .card-body .content-center {
+ text-align: center;
+}
+
+.card.card-background .card-body.body-left {
+ width: 90%;
+}
+
+.card.card-background .card-body .author .name span,
+.card.card-background .card-body .author .name .stats {
+ color: #fff;
+}
+
+.card.card-background:after {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+ display: block;
+ content: "";
+ background: rgba(0, 0, 0, 0.56);
+ border-radius: 0.75rem;
+}
+
+.card.card-background.card-background-mask-primary:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-primary:after {
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-secondary:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-secondary:after {
+ background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-success:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-success:after {
+ background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-info:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-info:after {
+ background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-warning:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-warning:after {
+ background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-danger:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-danger:after {
+ background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-light:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-light:after {
+ background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
+ opacity: .85;
+}
+
+.card.card-background.card-background-mask-dark:before {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.card.card-background.card-background-mask-dark:after {
+ background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
+ opacity: .85;
+}
+
+.card.card-background .card-category {
+ font-size: 0.875rem;
+ font-weight: 600;
+}
+
+.card.card-background .card-description {
+ margin-top: 24px;
+ margin-bottom: 24px;
+}
+
+.rotating-card-container {
+ -webkit-perspective: 800px;
+ -moz-perspective: 800px;
+ -o-perspective: 800px;
+ -ms-perspective: 800px;
+ perspective: 800px;
+}
+
+.rotating-card-container .card-rotate {
+ background: transparent;
+ box-shadow: none;
+}
+
+.rotating-card-container .card-rotate:after {
+ display: none;
+}
+
+.rotating-card-container .card {
+ -webkit-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
+ -moz-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
+ -o-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
+ -ms-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
+ transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
+ -webkit-transform-style: preserve-3d;
+ -moz-transform-style: preserve-3d;
+ -o-transform-style: preserve-3d;
+ -ms-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ position: relative;
+}
+
+.rotating-card-container .card .back,
+.rotating-card-container .card .front {
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -o-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ position: absolute;
+ background-color: #fff;
+ border-radius: 0.5rem;
+ top: 0;
+ left: 0;
+ justify-content: center;
+ align-content: center;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: -o-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
+ -o-flex-direction: column;
+ flex-direction: column;
+}
+
+.rotating-card-container .card .back .card-body,
+.rotating-card-container .card .front .card-body {
+ justify-content: center;
+ align-content: center;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: -o-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
+ -o-flex-direction: column;
+ flex-direction: column;
+}
+
+.rotating-card-container .card .back:after,
+.rotating-card-container .card .front:after {
+ position: absolute;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ display: block;
+ left: 0;
+ top: 0;
+ content: "";
+ border-radius: 0.5rem;
+ background-image: linear-gradient(195deg, #EC407A, #D81B60);
+ opacity: .85;
+}
+
+.rotating-card-container .card .front {
+ z-index: 2;
+ position: relative;
+}
+
+.rotating-card-container .card .back {
+ -webkit-transform: rotateY(180deg);
+ -moz-transform: rotateY(180deg);
+ -o-transform: rotateY(180deg);
+ -ms-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+ z-index: 5;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+}
+
+.rotating-card-container .card .back.back-background .card-body {
+ position: relative;
+ z-index: 2;
+}
+
+.rotating-card-container .card .back .card-footer .btn {
+ margin: 0;
+}
+
+.rotating-card-container .card .back .card-body {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+.rotating-card-container:not(.manual-flip):hover .card {
+ -webkit-transform: rotateY(180deg);
+ -moz-transform: rotateY(180deg);
+ -o-transform: rotateY(180deg);
+ -ms-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+.rotating-card-container.hover.manual-flip .card {
+ -webkit-transform: rotateY(180deg);
+ -moz-transform: rotateY(180deg);
+ -o-transform: rotateY(180deg);
+ -ms-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+.card-profile .rotating-card-container .front {
+ text-align: left;
+}
+
+.back-background .card-body {
+ min-height: auto;
+ padding-top: 15px;
+ padding-bottom: 15px;
+}
+
+/* Fix bug for IE */
+@media screen and (-ms-high-contrast: active),
+(-ms-high-contrast: none) {
+
+ .rotating-card-container .card .back,
+ .rotating-card-container .card .front {
+ -ms-backface-visibility: visible;
+ backface-visibility: visible;
+ }
+
+ .rotating-card-container .card .back {
+ visibility: hidden;
+ transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1);
+ }
+
+ .rotating-card-container .card .front {
+ z-index: 4;
+ }
+
+ .rotating-card-container.manual-flip.hover .card .back,
+ .rotating-card-container:not(.manual-flip):hover .card .back {
+ z-index: 5;
+ visibility: visible;
+ }
+}
+
+.dark-version {
+ background-color: #1a2035 !important;
+}
+
+.dark-version .main-content {
+ background-color: #1a2035 !important;
+}
+
+.dark-version.virtual-reality>div {
+ background-image: none !important;
+}
+
+.dark-version .sidenav {
+ background: #1f283e !important;
+}
+
+.dark-version .sidenav.bg-transparent {
+ background: transparent !important;
+}
+
+.dark-version .sidenav.bg-transparent .navbar-nav .nav-link {
+ color: #fff !important;
+}
+
+.dark-version .sidenav.bg-transparent .nav .nav-link {
+ color: #fff !important;
+}
+
+.dark-version .sidenav.bg-white {
+ background: #fff !important;
+}
+
+.dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after {
+ color: rgba(206, 212, 218, 0.7);
+}
+
+.dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i {
+ color: #344767 !important;
+}
+
+.dark-version .sidenav.bg-white .collapse .nav-item h6,
+.dark-version .sidenav.bg-white .collapse .nav-item .h6 {
+ color: #344767 !important;
+}
+
+.dark-version .sidenav .collapse .nav-item .nav-link i {
+ color: #fff !important;
+}
+
+.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i,
+.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text {
+ color: #344767 !important;
+}
+
+.dark-version .fixed-plugin .btn.bg-gradient-dark,
+.dark-version .fixed-plugin .btn.btn-outline-dark {
+ color: #fff !important;
+ border: 1px solid #fff !important;
+}
+
+.dark-version .fixed-plugin .btn.active {
+ background: #fff !important;
+ color: #344767 !important;
+}
+
+.dark-version .bg-gradient-dark {
+ background-image: linear-gradient(195deg, #323a54, #1a2035) !important;
+}
+
+.dark-version .dropdown .dropdown-menu:before {
+ color: #202940;
+}
+
+.dark-version .dropdown .dropdown-menu .dropdown-item:hover,
+.dark-version .dropdown .dropdown-menu .dropdown-item:focus {
+ background-color: #1a2035 !important;
+}
+
+.dark-version .dropdown .dropdown-menu .dropdown-item i,
+.dark-version .dropdown .dropdown-menu .dropdown-item .material-icons {
+ color: #fff;
+}
+
+.dark-version .card,
+.dark-version .swal2-popup,
+.dark-version .dropdown .dropdown-menu,
+.dark-version .kanban-board {
+ background: #202940;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.dark-version .card .card-header,
+.dark-version .swal2-popup .card-header,
+.dark-version .dropdown .dropdown-menu .card-header,
+.dark-version .kanban-board .card-header {
+ background: transparent;
+}
+
+.dark-version .card p,
+.dark-version .swal2-popup p,
+.dark-version .dropdown .dropdown-menu p,
+.dark-version .kanban-board p {
+ color: #fff !important;
+ opacity: .6;
+}
+
+.dark-version .kanban-item {
+ background: transparent !important;
+ border: 1px solid;
+}
+
+.dark-version .swal2-html-container {
+ color: #fff !important;
+ opacity: .6;
+}
+
+.dark-version h1,
+.dark-version .h1,
+.dark-version .h1,
+.dark-version h2,
+.dark-version .h2,
+.dark-version .h2,
+.dark-version h3,
+.dark-version .h3,
+.dark-version .h3,
+.dark-version h4,
+.dark-version .h4,
+.dark-version .h4,
+.dark-version h5,
+.dark-version .h5,
+.dark-version .h5,
+.dark-version h6,
+.dark-version .h6,
+.dark-version .h6,
+.dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button),
+.dark-version .table thead tr th,
+.dark-version .kanban-title-board {
+ color: #fff !important;
+}
+
+.dark-version .input-group.input-group-dynamic .form-control,
+.dark-version .input-group.input-group-static .form-control {
+ background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important;
+ background-size: 0 100%, 100% 100%;
+}
+
+.dark-version .input-group.input-group-dynamic .form-control:focus,
+.dark-version .input-group.input-group-static .form-control:focus {
+ background-size: 100% 100%, 100% 100%;
+}
+
+.dark-version .input-group.input-group-outline .form-control {
+ border-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.dark-version .input-group .is-valid,
+.dark-version .input-group .is-invalid {
+ border-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.dark-version .accordion .accordion-button {
+ border-color: rgba(255, 255, 255, 0.4) !important;
+ color: #fff;
+ opacity: .8;
+}
+
+.dark-version .table> :not(caption)>*>* {
+ border-color: rgba(255, 255, 255, 0.4) !important;
+ color: rgba(255, 255, 255, 0.6) !important;
+}
+
+.dark-version label {
+ color: rgba(255, 255, 255, 0.8) !important;
+}
+
+.dark-version .list-group-item,
+.dark-version .multisteps-form__panel {
+ background-color: transparent !important;
+}
+
+.dark-version .nav.bg-white {
+ background-color: #202940 !important;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.dark-version .nav .nav-link[data-scroll]:hover {
+ color: #344767 !important;
+}
+
+.dark-version .toast {
+ background-color: #202940 !important;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.dark-version .toast .toast-header {
+ background: transparent;
+}
+
+.dark-version .toast span {
+ color: #fff;
+}
+
+.dark-version .toast p {
+ color: #fff !important;
+ opacity: .6;
+}
+
+.dark-version .choices .choices__input {
+ background-color: transparent !important;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.4);
+ color: #fff;
+}
+
+.dark-version .choices .choices__list.choices__list--dropdown {
+ background: #202940;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.dark-version .fc-theme-standard td,
+.dark-version .fc-theme-standard th {
+ border-color: rgba(, 128, 154, 0.3);
+}
+
+.dark-version .dataTable-sorter::after {
+ border-bottom-color: #fff;
+}
+
+.dark-version .dataTable-sorter::before {
+ border-top-color: #fff;
+}
+
+.dark-version .ql-snow .ql-stroke {
+ stroke: #f0f2f5;
+}
+
+.dark-version .ql-snow .ql-fill,
+.dark-version .ql-snow .ql-stroke.ql-fill {
+ fill: #f0f2f5;
+}
+
+.dark-version .ql-toolbar.ql-snow .ql-picker-label {
+ color: #f0f2f5;
+}
+
+.dark-version .form-control {
+ color: rgba(255, 255, 255, 0.8) !important;
+}
+
+body.dark-version {
+ color: rgba(255, 255, 255, 0.8) !important;
+}
+
+@media (min-width: 992px) {
+
+ .dropdown .dropdown-menu,
+ .dropup .dropdown-menu,
+ .dropstart .dropdown-menu,
+ .dropend .dropdown-menu {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+ cursor: pointer;
+ }
+
+ .dropdown .dropdown-toggle:after,
+ .dropup .dropdown-toggle:after,
+ .dropstart .dropdown-toggle:after,
+ .dropend .dropdown-toggle:after {
+ content: "\f107";
+ font: normal normal normal 14px/1 FontAwesome;
+ border: none;
+ vertical-align: middle;
+ font-weight: 600;
+ }
+
+ .dropdown .dropdown-toggle.show:after,
+ .dropup .dropdown-toggle.show:after,
+ .dropstart .dropdown-toggle.show:after,
+ .dropend .dropdown-toggle.show:after {
+ transform: rotate(180deg);
+ }
+
+ .dropdown .dropdown-toggle:after,
+ .dropup .dropdown-toggle:after,
+ .dropstart .dropdown-toggle:after,
+ .dropend .dropdown-toggle:after {
+ transition: 0.3s ease;
+ }
+
+ .dropdown.dropdown-hover .dropdown-menu,
+ .dropdown .dropdown-menu {
+ display: block;
+ position: absolute;
+ opacity: 0;
+ transform-origin: 0 0;
+ inset: 0px auto auto 0px;
+ margin-top: 2.8125rem !important;
+ pointer-events: none;
+ transform: scale(0.95) !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ will-change: transform, box-shadow;
+ }
+
+ .dropdown.dropdown-hover .dropdown-menu .dropdown.dropdown-hover .dropdown-menu,
+ .dropdown.dropdown-hover .dropdown-menu .dropdown .dropdown-menu,
+ .dropdown .dropdown-menu .dropdown.dropdown-hover .dropdown-menu,
+ .dropdown .dropdown-menu .dropdown .dropdown-menu {
+ margin-top: 0 !important;
+ }
+
+ .dropdown.dropdown-hover:hover>.dropdown-menu,
+ .dropdown .dropdown-menu.show {
+ opacity: 1;
+ pointer-events: auto;
+ visibility: visible;
+ transform: scale(1) !important;
+ }
+
+ .dropdown.dropdown-hover:hover>.dropdown-menu:before,
+ .dropdown .dropdown-menu.show:before {
+ top: -20px;
+ }
+
+ .dropdown.dropdown-hover:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -24px;
+ width: 100%;
+ height: 100%;
+ }
+
+ .dropdown:not(.dropdown-hover) .dropdown-menu.show {
+ margin-top: 2.8125rem !important;
+ }
+
+ .dropdown .dropdown-menu:before {
+ font-family: "FontAwesome";
+ content: "\f0d8";
+ position: absolute;
+ top: 0;
+ left: 28px;
+ right: auto;
+ font-size: 22px;
+ color: #fff;
+ transition: top 0.35s ease;
+ }
+
+ .dropdown .dropdown-item .arrow {
+ transform: rotate(-90deg);
+ }
+
+ .dropdown-item {
+ transition: background-color 0.3s ease, color 0.3s ease;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu {
+ display: block;
+ opacity: 0;
+ top: 0;
+ transform-origin: 0 0;
+ pointer-events: none;
+ transform: scale(0.95) !important;
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before {
+ font-family: "FontAwesome";
+ content: "\f0d8";
+ position: absolute;
+ top: 0;
+ left: 28px;
+ right: auto;
+ font-size: 22px;
+ color: #fff;
+ transition: top 0.35s ease;
+ }
+
+ .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu {
+ margin-top: 2.8125rem !important;
+ }
+
+ .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show {
+ opacity: 1;
+ pointer-events: auto;
+ visibility: visible;
+ transform: scale(1) !important;
+ }
+
+ .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before {
+ top: -20px;
+ }
+
+ .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu {
+ background-color: transparent;
+ overflow: scroll;
+ position: relative;
+ }
+
+ .dropdown .dropdown-menu {
+ opacity: 0;
+ top: 0;
+ transform-origin: 0 0;
+ pointer-events: none;
+ transform: scale(0.95) !important;
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .dropdown .dropdown-menu:before {
+ font-family: "FontAwesome";
+ content: "\f0d8";
+ position: absolute;
+ top: 0;
+ left: 28px;
+ right: auto;
+ font-size: 22px;
+ color: #fff;
+ transition: top 0.35s ease;
+ }
+
+ .dropdown:not(.dropdown-hover) .dropdown-menu {
+ margin-top: 2.8125rem !important;
+ }
+
+ .dropdown .dropdown-menu.show {
+ opacity: 1;
+ pointer-events: auto;
+ visibility: visible;
+ transform: scale(1) !important;
+ }
+
+ .dropdown .dropdown-menu.show:before {
+ top: -20px;
+ }
+
+ .dropdown.nav-item .dropdown-menu {
+ position: absolute;
+ }
+
+ .dropdown.nav-item .dropdown-menu-animation {
+ display: block;
+ height: 0;
+ transition: all .35s ease;
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ opacity: 0;
+ }
+
+ .dropdown.nav-item .dropdown-menu-animation.show {
+ height: 250px;
+ opacity: 1;
+ }
+}
+
+.dropdown-menu li {
+ position: relative;
+}
+
+.dropdown.dropdown-subitem:after {
+ left: 100%;
+ bottom: 0;
+ width: 50%;
+}
+
+.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before {
+ transform: rotate(-90deg);
+ left: 0;
+ top: 0;
+ z-index: -1;
+ transition: left .35s ease;
+}
+
+.dropdown .dropdown-menu.dropdown-menu-end {
+ right: 0 !important;
+ left: auto !important;
+}
+
+.dropdown .dropdown-menu.dropdown-menu-end:before {
+ right: 28px;
+ left: auto;
+}
+
+.dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before {
+ left: -8px;
+}
+
+.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu {
+ transform: scale(1) !important;
+}
+
+.dropdown .dropdown-menu .dropdown-item+.dropdown-menu {
+ right: -197px;
+ left: auto;
+ top: 0;
+}
+
+.dropdown-image {
+ background-size: cover;
+}
+
+@media (min-width: 992px) {
+ .dropdown-xl {
+ min-width: 40rem;
+ }
+
+ .dropdown-lg {
+ min-width: 23rem;
+ }
+
+ .dropdown-md {
+ min-width: 15rem;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .dropdown-lg-responsive {
+ min-width: 19rem;
+ }
+}
+
+.dropup .dropdown-menu {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+ cursor: pointer;
+ top: auto !important;
+ bottom: 100% !important;
+ margin-bottom: 0.5rem !important;
+ display: block;
+ opacity: 0;
+ transform-origin: bottom;
+ pointer-events: none;
+ transform: scale(0.95) !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ will-change: transform, box-shadow;
+}
+
+.dropup .dropdown-menu.show {
+ pointer-events: auto;
+ transform: scale(1) !important;
+ opacity: 1;
+}
+
+.dropup .dropdown-menu.show:after {
+ bottom: -20px;
+}
+
+.dropup .dropdown-menu:after {
+ font-family: "FontAwesome";
+ content: "\f0d7";
+ position: absolute;
+ z-index: -1;
+ bottom: 22px;
+ left: 28px;
+ right: auto;
+ font-size: 22px;
+ color: #fff;
+ transition: bottom 0.35s ease;
+}
+
+.page-header {
+ padding: 0;
+ position: relative;
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ background-size: cover;
+ background-position: 50%;
+}
+
+.page-header .container {
+ z-index: 1;
+}
+
+.page-header video {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ min-width: 100%;
+ min-height: 100%;
+ width: auto;
+ height: auto;
+ z-index: 0;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+.fixed-plugin .fixed-plugin-button {
+ background: #fff;
+ border-radius: 50%;
+ bottom: 30px;
+ right: 30px;
+ font-size: 1.25rem;
+ z-index: 990;
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
+ cursor: pointer;
+}
+
+.fixed-plugin .fixed-plugin-button i {
+ pointer-events: none;
+}
+
+.fixed-plugin .card {
+ position: fixed !important;
+ right: -360px;
+ top: 0;
+ height: 100%;
+ left: auto !important;
+ transform: unset !important;
+ width: 360px;
+ border-radius: 0;
+ padding: 0 10px;
+ transition: .2s ease;
+ z-index: 1020;
+}
+
+.fixed-plugin .badge {
+ border: 1px solid #fff;
+ border-radius: 50%;
+ cursor: pointer;
+ display: inline-block;
+ height: 23px;
+ margin-right: 5px;
+ position: relative;
+ width: 23px;
+ transition: all 0.2s ease-in-out;
+}
+
+.fixed-plugin .badge:hover,
+.fixed-plugin .badge.active {
+ border-color: #344767;
+}
+
+.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) {
+ border: 1px solid transparent;
+}
+
+.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) {
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid #344767;
+ color: #344767;
+}
+
+.fixed-plugin.show .card {
+ right: 0;
+}
+
+.input-group {
+ border-radius: 0;
+}
+
+.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0.375rem !important;
+ border-bottom-right-radius: 0.375rem !important;
+}
+
+.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0.375rem !important;
+ border-bottom-right-radius: 0.375rem !important;
+}
+
+.input-group,
+.input-group .input-group-text {
+ transition: 0.2s ease;
+ border: none;
+}
+
+.input-group> :not(:first-child):not(.dropdown-menu) {
+ margin-left: 2px;
+}
+
+.input-group label {
+ transition: all 0.3s ease;
+}
+
+.input-group.input-group-dynamic .form-control,
+.input-group.input-group-static .form-control {
+ background: no-repeat bottom, 50% calc(100% - 1px);
+ background-size: 0 100%, 100% 100%;
+ transition: 0.2s ease;
+}
+
+.input-group.input-group-dynamic .form-control:not(:first-child),
+.input-group.input-group-static .form-control:not(:first-child) {
+ border-left: 0;
+ padding-left: 0;
+}
+
+.input-group.input-group-dynamic .form-control:not(:last-child),
+.input-group.input-group-static .form-control:not(:last-child) {
+ border-right: 0;
+ padding-right: 0;
+}
+
+.input-group.input-group-dynamic .form-control+.input-group-text,
+.input-group.input-group-static .form-control+.input-group-text {
+ border-left: 0;
+ border-right: 1px solid #d2d6da;
+}
+
+.input-group.input-group-dynamic .form-control,
+.input-group.input-group-dynamic .form-control:focus,
+.input-group.input-group-static .form-control,
+.input-group.input-group-static .form-control:focus {
+ background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
+ border-radius: 0 !important;
+}
+
+.input-group.input-group-dynamic .form-control:focus,
+.input-group.input-group-static .form-control:focus {
+ background-size: 100% 100%, 100% 100%;
+}
+
+.input-group.input-group-dynamic .form-control[disabled],
+.input-group.input-group-static .form-control[disabled] {
+ cursor: not-allowed;
+ background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f0f2f5 1px, rgba(209, 209, 209, 0) 0) !important;
+}
+
+.input-group.input-group-dynamic .input-group-text,
+.input-group.input-group-static .input-group-text {
+ border-right: 0;
+}
+
+.input-group.input-group-dynamic.is-focused .form-label,
+.input-group.input-group-dynamic.is-filled .form-label,
+.input-group.input-group-static.is-focused .form-label,
+.input-group.input-group-static.is-filled .form-label {
+ font-size: 0.6875rem !important;
+}
+
+.input-group.input-group-dynamic.is-focused .form-label,
+.input-group.input-group-static.is-focused .form-label {
+ top: -0.7rem;
+}
+
+.input-group.input-group-dynamic.is-focused label,
+.input-group.input-group-static.is-focused label {
+ color: #e91e63;
+}
+
+.input-group.input-group-dynamic.is-focused.is-valid label,
+.input-group.input-group-static.is-focused.is-valid label {
+ color: #4CAF50;
+}
+
+.input-group.input-group-dynamic.is-focused.is-valid .form-control,
+.input-group.input-group-dynamic.is-focused.is-valid .form-control:focus,
+.input-group.input-group-static.is-focused.is-valid .form-control,
+.input-group.input-group-static.is-focused.is-valid .form-control:focus {
+ background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
+ border-radius: 0 !important;
+}
+
+.input-group.input-group-dynamic.is-focused.is-invalid label,
+.input-group.input-group-static.is-focused.is-invalid label {
+ color: #F44335;
+}
+
+.input-group.input-group-dynamic.is-focused.is-invalid .form-control,
+.input-group.input-group-dynamic.is-focused.is-invalid .form-control:focus,
+.input-group.input-group-static.is-focused.is-invalid .form-control,
+.input-group.input-group-static.is-focused.is-invalid .form-control:focus {
+ background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
+ border-radius: 0 !important;
+}
+
+.input-group.input-group-dynamic.is-valid .form-control,
+.input-group.input-group-dynamic.is-valid .form-control:focus,
+.input-group.input-group-static.is-valid .form-control,
+.input-group.input-group-static.is-valid .form-control:focus {
+ background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
+ border-radius: 0 !important;
+}
+
+.input-group.input-group-dynamic.is-invalid .form-control,
+.input-group.input-group-dynamic.is-invalid .form-control:focus,
+.input-group.input-group-static.is-invalid .form-control,
+.input-group.input-group-static.is-invalid .form-control:focus {
+ background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
+ border-radius: 0 !important;
+}
+
+.input-group.input-group-dynamic.is-filled.is-focused .form-label,
+.input-group.input-group-dynamic.is-filled .form-label,
+.input-group.input-group-static.is-filled.is-focused .form-label,
+.input-group.input-group-static.is-filled .form-label {
+ top: -1rem;
+}
+
+.input-group.input-group-outline .form-control {
+ background: none;
+ border: 1px solid #d2d6da;
+ border-radius: 0.375rem;
+ border-top-left-radius: 0.375rem !important;
+ border-bottom-left-radius: 0.375rem !important;
+ padding: 0.625rem 0.75rem !important;
+ line-height: 1.3 !important;
+}
+
+.input-group.input-group-outline .form-control.form-control-lg {
+ padding: 0.75rem 0.75rem !important;
+}
+
+.input-group.input-group-outline .form-control.form-control-sm {
+ padding: 0.25rem 0.75rem !important;
+}
+
+.input-group.input-group-outline .form-control[disabled] {
+ cursor: not-allowed;
+ border-style: dashed;
+}
+
+.input-group.input-group-outline .form-label {
+ display: flex;
+ line-height: 3.925 !important;
+ top: -0.375rem;
+ margin-bottom: 0;
+}
+
+.input-group.input-group-outline .form-label:before {
+ content: "";
+ margin-right: 4px;
+ border-left: solid 1px transparent;
+ border-radius: 4px 0;
+}
+
+.input-group.input-group-outline .form-label:after {
+ content: "";
+ flex-grow: 1;
+ margin-left: 4px;
+ border-right: solid 1px transparent;
+ border-radius: 0 5px;
+}
+
+.input-group.input-group-outline .form-label:before,
+.input-group.input-group-outline .form-label:after {
+ content: "";
+ border-top: solid 1px;
+ border-top-color: #d2d6da;
+ pointer-events: none;
+ margin-top: 0.375rem;
+ box-sizing: border-box;
+ display: block;
+ height: 0.5rem;
+ width: 0.625rem;
+ border-width: 1px 0 0;
+ border-color: transparent;
+}
+
+.input-group.input-group-outline.is-focused .form-label+.form-control,
+.input-group.input-group-outline.is-filled .form-label+.form-control {
+ border-color: #e91e63 !important;
+ border-top-color: transparent !important;
+ box-shadow: inset 1px 0 #e91e63, inset -1px 0 #e91e63, inset 0 -1px #e91e63;
+}
+
+.input-group.input-group-outline.is-focused .form-label,
+.input-group.input-group-outline.is-filled .form-label {
+ width: 100%;
+ height: 100%;
+ font-size: 0.6875rem !important;
+ color: #e91e63;
+ display: flex;
+ line-height: 1.25 !important;
+}
+
+.input-group.input-group-outline.is-focused .form-label:before,
+.input-group.input-group-outline.is-focused .form-label:after,
+.input-group.input-group-outline.is-filled .form-label:before,
+.input-group.input-group-outline.is-filled .form-label:after {
+ opacity: 1;
+}
+
+.input-group.input-group-outline.is-focused .form-label:before,
+.input-group.input-group-outline.is-focused .form-label:after,
+.input-group.input-group-outline.is-filled .form-label:before,
+.input-group.input-group-outline.is-filled .form-label:after {
+ border-top-color: #e91e63;
+ box-shadow: inset 0 1px #e91e63;
+}
+
+.input-group.input-group-outline.is-valid .form-control {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' 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 0.75rem center;
+ background-size: 1rem 1rem;
+}
+
+.input-group.input-group-outline.is-valid.is-focused .form-label+.form-control,
+.input-group.input-group-outline.is-valid.is-filled .form-label+.form-control {
+ border-color: #4CAF50 !important;
+ box-shadow: inset 1px 0 #4CAF50, inset -1px 0 #4CAF50, inset 0 -1px #4CAF50;
+ border-top-color: transparent !important;
+}
+
+.input-group.input-group-outline.is-valid.is-focused .form-label,
+.input-group.input-group-outline.is-valid.is-filled .form-label {
+ color: #4CAF50;
+}
+
+.input-group.input-group-outline.is-valid.is-focused .form-label:before,
+.input-group.input-group-outline.is-valid.is-focused .form-label:after,
+.input-group.input-group-outline.is-valid.is-filled .form-label:before,
+.input-group.input-group-outline.is-valid.is-filled .form-label:after {
+ border-top-color: #4CAF50;
+ box-shadow: inset 0 1px #4CAF50;
+}
+
+.input-group.input-group-outline.is-invalid .form-control {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 1rem 1rem;
+}
+
+.input-group.input-group-outline.is-invalid.is-focused .form-label+.form-control,
+.input-group.input-group-outline.is-invalid.is-filled .form-label+.form-control {
+ border-color: #F44335 !important;
+ box-shadow: inset 1px 0 #F44335, inset -1px 0 #F44335, inset 0 -1px #F44335;
+ border-top-color: transparent !important;
+}
+
+.input-group.input-group-outline.is-invalid.is-focused .form-label,
+.input-group.input-group-outline.is-invalid.is-filled .form-label {
+ color: #F44335;
+}
+
+.input-group.input-group-outline.is-invalid.is-focused .form-label:before,
+.input-group.input-group-outline.is-invalid.is-focused .form-label:after,
+.input-group.input-group-outline.is-invalid.is-filled .form-label:before,
+.input-group.input-group-outline.is-invalid.is-filled .form-label:after {
+ border-top-color: #F44335;
+ box-shadow: inset 0 1px #F44335;
+}
+
+.input-group.input-group-outline.input-group-sm .form-label,
+.input-group.input-group-outline.input-group-sm label,
+.input-group.input-group-dynamic.input-group-sm .form-label,
+.input-group.input-group-dynamic.input-group-sm label,
+.input-group.input-group-static.input-group-sm .form-label,
+.input-group.input-group-static.input-group-sm label {
+ font-size: 0.75rem;
+}
+
+.input-group.input-group-outline.input-group-lg .form-label,
+.input-group.input-group-outline.input-group-lg label,
+.input-group.input-group-dynamic.input-group-lg .form-label,
+.input-group.input-group-dynamic.input-group-lg label,
+.input-group.input-group-static.input-group-lg .form-label,
+.input-group.input-group-static.input-group-lg label {
+ font-size: 0.975rem;
+}
+
+.input-group.input-group-static .form-control {
+ width: 100%;
+}
+
+.input-group.input-group-static label {
+ margin-left: 0;
+ margin-bottom: 0;
+}
+
+.form-check:not(.form-switch) .form-check-input {
+ float: initial !important;
+ margin-left: auto !important;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="checkbox"],
+.form-check:not(.form-switch) .form-check-input[type="radio"] {
+ border: 1px solid #d1d7e1;
+ margin-top: 0.25rem;
+ position: relative;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked,
+.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
+ border-color: #e91e63;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
+ background-image: none;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
+ transition: opacity 0.25s ease-in-out;
+ font-family: "FontAwesome";
+ content: "\f00c";
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.67rem;
+ opacity: 0;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
+ background: #e91e63;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {
+ opacity: 1;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="radio"] {
+ transition: border 0s;
+ background: transparent;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="radio"]:after {
+ transition: opacity 0.25s ease-in-out;
+ content: "";
+ position: absolute;
+ width: 0.8375rem;
+ height: 0.8375rem;
+ border-radius: 50%;
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%), var(--bs-gradient);
+ opacity: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
+ padding: 6px;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after {
+ opacity: 1;
+}
+
+.form-check:not(.form-switch) .form-check-input[type="radio"]:active {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 12px rgba(53, 71, 102, 0.1);
+ border-radius: 50rem;
+ transition: 0.05s ease;
+}
+
+.form-check-label,
+.form-check-input[type="checkbox"] {
+ cursor: pointer;
+}
+
+.form-check-label {
+ font-size: 0.875rem;
+ font-weight: 400;
+}
+
+.form-check-input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.form-switch .form-check-input {
+ position: relative;
+ background-color: #ced4da;
+ height: 0.9375rem;
+ width: 1.875rem;
+}
+
+.form-switch .form-check-input:after {
+ transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out;
+ content: "";
+ width: 1.25rem;
+ height: 1.25rem;
+ border-radius: 50%;
+ border: 1px solid #ced4da;
+ position: absolute;
+ background-color: #fff;
+ transform: translateX(1px);
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ top: -2.5px;
+ left: -5px;
+}
+
+.form-switch .form-check-input:checked:after {
+ transform: translateX(21px);
+ border-color: #42424a;
+}
+
+.form-switch .form-check-input:checked {
+ border-color: #42424a;
+ background-color: #42424a;
+}
+
+.form-switch .form-check-input:checked:active:after {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(53, 71, 102, 0.1);
+}
+
+.form-switch .form-check-input:active:after {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(0, 0, 0, 0.1);
+}
+
+.form-select {
+ transition: 0.2s ease;
+}
+
+label,
+.form-label {
+ font-size: 0.875rem;
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #7b809a;
+ margin-left: 0.25rem;
+}
+
+.input-group .form-label {
+ position: absolute;
+ top: 0.6125rem;
+ margin-left: 0;
+ transition: 0.2s ease all;
+}
+
+.form-control {
+ border: none;
+}
+
+.form-control.is-invalid {
+ border: 1px solid #d2d6da;
+ padding: 0.625rem 0.75rem;
+ line-height: 1.3 !important;
+}
+
+.form-control.is-invalid:focus {
+ box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6);
+}
+
+.form-control.is-valid {
+ border: 1px solid #d2d6da;
+ padding: 0.625rem 0.75rem;
+ line-height: 1.3 !important;
+}
+
+.form-control.is-valid:focus {
+ box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65);
+}
+
+.form-control[disabled] {
+ padding: 0.625rem 0.75rem;
+ line-height: 1.45 !important;
+}
+
+.input-group .input-group-text {
+ position: absolute;
+ padding: .75rem 0;
+ right: 0;
+ border-right: 0 !important;
+}
+
+.input-group .input-group-text i {
+ color: #6c757d;
+}
+
+.input-group.input-group-static .input-group-text {
+ bottom: 0;
+}
+
+.footer .nav-link {
+ color: #344767;
+ font-weight: 400;
+ font-size: 0.875rem;
+ padding-top: 0;
+ padding-bottom: 0.25rem;
+}
+
+.footer .nav-link:hover {
+ opacity: 1 !important;
+ transition: opacity 0.3 ease;
+}
+
+.footer .footer-logo {
+ max-width: 2rem;
+}
+
+.bg-gradient-primary {
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
+}
+
+.bg-gradient-secondary {
+ background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
+}
+
+.bg-gradient-success {
+ background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
+}
+
+.bg-gradient-info {
+ background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
+}
+
+.bg-gradient-warning {
+ background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
+}
+
+.bg-gradient-danger {
+ background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
+}
+
+.bg-gradient-light {
+ background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
+}
+
+.bg-gradient-dark {
+ background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
+}
+
+.bg-gradient-faded-primary {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, 0.6) 0, #c1134e 100%);
+}
+
+.bg-gradient-faded-secondary {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(, 128, 154, 0.6) 0, #626780 100%);
+}
+
+.bg-gradient-faded-success {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%);
+}
+
+.bg-gradient-faded-info {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%);
+}
+
+.bg-gradient-faded-warning {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%);
+}
+
+.bg-gradient-faded-danger {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%);
+}
+
+.bg-gradient-faded-light {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%);
+}
+
+.bg-gradient-faded-dark {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%);
+}
+
+.bg-gradient-faded-white {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%);
+}
+
+.bg-gradient-faded-dark-blue {
+ background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 35, 126, 0.6) 0, #111754 100%);
+}
+
+.bg-gradient-faded-primary-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 30, 99, 0.3) 0, #e91e63 100%);
+}
+
+.bg-gradient-faded-secondary-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(, 128, 154, 0.3) 0, #7b809a 100%);
+}
+
+.bg-gradient-faded-success-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, 0.3) 0, #4CAF50 100%);
+}
+
+.bg-gradient-faded-info-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, 0.3) 0, #1A73E8 100%);
+}
+
+.bg-gradient-faded-warning-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, 0.3) 0, #fb8c00 100%);
+}
+
+.bg-gradient-faded-danger-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, 0.3) 0, #F44335 100%);
+}
+
+.bg-gradient-faded-light-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%);
+}
+
+.bg-gradient-faded-dark-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%);
+}
+
+.bg-gradient-faded-white-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%);
+}
+
+.bg-gradient-faded-dark-blue-vertical {
+ background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 35, 126, 0.3) 0, #1A237E 100%);
+}
+
+.material-icons {
+ font-family: 'Material Icons Round';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 20px;
+ /* Preferred icon size */
+ display: inline-block;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ direction: ltr;
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+ /* Support for IE. */
+ font-feature-settings: 'liga';
+}
+
+.nav.nav-pills .nav-link .material-icons {
+ top: 3px;
+}
+
+.icon-shape {
+ width: 48px;
+ height: 48px;
+ background-position: center;
+ border-radius: 0.5rem;
+}
+
+.icon-shape i {
+ color: #fff;
+ opacity: 0.8;
+ top: 11px;
+ position: relative;
+}
+
+.icon-shape .ni {
+ top: 14px;
+}
+
+.icon-xxs {
+ width: 20px;
+ height: 20px;
+}
+
+.icon-xxs i {
+ top: 0;
+ font-size: 0.65rem;
+}
+
+.icon-xs {
+ width: 24px;
+ height: 24px;
+}
+
+.icon-xs i {
+ top: -1px;
+ font-size: 0.75rem;
+}
+
+.icon-sm {
+ width: 32px;
+ height: 32px;
+}
+
+.icon-sm i {
+ top: 4px;
+ font-size: 0.875rem;
+}
+
+.icon-md {
+ width: 48px;
+ height: 48px;
+}
+
+.icon-md i {
+ top: 30%;
+ font-size: 1.125rem;
+}
+
+.icon-md.icon-striped {
+ background-position-x: 85px;
+ background-position-y: 85px;
+}
+
+.icon-md.icon-striped i {
+ top: 11%;
+ margin-left: -10px;
+ font-size: 0.875rem;
+}
+
+.icon-lg {
+ width: 64px;
+ height: 64px;
+}
+
+.icon-lg i {
+ top: 31%;
+ font-size: 1.5rem;
+}
+
+.icon-lg.icon-striped {
+ background-position-x: 111px;
+ background-position-y: 111px;
+}
+
+.icon-lg.icon-striped i {
+ top: 21%;
+ margin-left: -15px;
+}
+
+.icon-xl {
+ width: 100px;
+ height: 100px;
+ border-radius: 0.5rem;
+}
+
+.icon-xl i {
+ top: 35%;
+ font-size: 2.1rem;
+}
+
+.icon-xl.icon-striped {
+ background-position-x: 80px;
+ background-position-y: 80px;
+}
+
+.icon-xl.icon-striped i {
+ top: 30%;
+ margin-left: -15px;
+}
+
+.info-horizontal {
+ text-align: left !important;
+}
+
+.info-horizontal .icon {
+ float: left;
+}
+
+.info-horizontal .description {
+ overflow: hidden;
+}
+
+svg.text-primary .color-foreground {
+ fill: #EC407A;
+}
+
+svg.text-primary .color-background {
+ fill: #D81B60;
+}
+
+svg.text-secondary .color-foreground {
+ fill: #747b8a;
+}
+
+svg.text-secondary .color-background {
+ fill: #495361;
+}
+
+svg.text-info .color-foreground {
+ fill: #49a3f1;
+}
+
+svg.text-info .color-background {
+ fill: #1A73E8;
+}
+
+svg.text-warning .color-foreground {
+ fill: #FFA726;
+}
+
+svg.text-warning .color-background {
+ fill: #FB8C00;
+}
+
+svg.text-danger .color-foreground {
+ fill: #EF5350;
+}
+
+svg.text-danger .color-background {
+ fill: #E53935;
+}
+
+svg.text-success .color-foreground {
+ fill: #66BB6A;
+}
+
+svg.text-success .color-background {
+ fill: #43A047;
+}
+
+svg.text-dark .color-foreground {
+ fill: #42424a;
+}
+
+svg.text-dark .color-background {
+ fill: #191919;
+}
+
+html {
+ border: none !important;
+}
+
+.blur {
+ box-shadow: inset 0px 0px 2px #fefefed1;
+ -webkit-backdrop-filter: saturate(200%) blur(30px);
+ backdrop-filter: saturate(200%) blur(30px);
+ background-color: rgba(255, 255, 255, 0.8) !important;
+}
+
+.blur.saturation-less {
+ -webkit-backdrop-filter: saturate(20%) blur(30px);
+ backdrop-filter: saturate(20%) blur(30px);
+}
+
+.blur.blur-rounded {
+ border-radius: 40px;
+}
+
+.blur.blur-light {
+ background-color: rgba(255, 255, 255, 0.4);
+}
+
+.blur.blur-dark {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.shadow-blur {
+ box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
+}
+
+.shadow-card {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+}
+
+.navbar-blur {
+ -webkit-backdrop-filter: saturate(200%) blur(30px);
+ backdrop-filter: saturate(200%) blur(30px);
+ background-color: rgba(255, 255, 255, 0.58) !important;
+}
+
+.blur-section {
+ -webkit-backdrop-filter: saturate(200%) blur(30px);
+ backdrop-filter: saturate(200%) blur(30px);
+}
+
+.blur-section.blur-gradient-primary {
+ background-image: linear-gradient(195deg, rgba(236, 64, 122, 0.95) 0%, rgba(216, 27, 96, 0.95) 100%);
+}
+
+*.move-on-hover {
+ -webkit-transition: 0.2s ease-out;
+ transition: 0.2s ease-out;
+ overflow: hidden;
+ -webkit-transform-origin: 50% 0;
+ transform-origin: 50% 0;
+ transform-origin: 50% 0;
+ -webkit-transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0);
+ transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ will-change: transform, box-shadow;
+}
+
+*.move-on-hover:hover {
+ -webkit-transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px);
+ transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px);
+}
+
+*.gradient-animation {
+ background: linear-gradient(-45deg, #49a3f1, #F44335, #fb8c00, #EC407A, #344767);
+ background-size: 400% 400% !important;
+ animation: gradient 10s ease infinite;
+}
+
+hr {
+ border-top: none;
+ height: 1px;
+}
+
+hr.vertical {
+ position: absolute;
+ background-color: transparent;
+ height: 100%;
+ right: 0;
+ top: 0;
+ width: 1px;
+}
+
+hr.vertical.light {
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
+}
+
+hr.vertical.dark {
+ background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent);
+}
+
+hr.vertical.gray-light {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+hr.horizontal {
+ background-color: transparent;
+}
+
+hr.horizontal.light {
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
+}
+
+hr.horizontal.dark {
+ background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent);
+}
+
+hr.horizontal.gray-light {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
+}
+
+.lock-size {
+ width: 1.7rem;
+ height: 1.7rem;
+}
+
+.border-radius-xs {
+ border-radius: 0.1rem;
+}
+
+.border-radius-sm {
+ border-radius: 0.125rem;
+}
+
+.border-radius-md {
+ border-radius: 0.375rem;
+}
+
+.border-radius-lg {
+ border-radius: 0.5rem;
+}
+
+.border-radius-xl {
+ border-radius: 0.75rem;
+}
+
+.border-radius-2xl {
+ border-radius: 1rem;
+}
+
+.border-radius-section {
+ border-radius: 10rem;
+}
+
+.border-bottom-end-radius-0 {
+ border-bottom-right-radius: 0;
+}
+
+.border-top-end-radius-0 {
+ border-top-right-radius: 0;
+}
+
+.border-bottom-start-radius-0 {
+ border-bottom-left-radius: 0;
+}
+
+.border-top-start-radius-0 {
+ border-top-left-radius: 0;
+}
+
+.border-dashed {
+ border-style: dashed;
+}
+
+.z-index-sticky {
+ z-index: 1020;
+}
+
+.waves {
+ position: relative;
+ width: 100%;
+ height: 16vh;
+ margin-bottom: -7px;
+ /*Fix for safari gap*/
+ min-height: 100px;
+ max-height: 150px;
+}
+
+.waves.waves-sm {
+ height: 50px;
+ min-height: 50px;
+}
+
+.waves.no-animation .moving-waves>use {
+ animation: none;
+}
+
+.wave-rotate {
+ transform: rotate(180deg);
+}
+
+/* Animation for the waves */
+.moving-waves>use {
+ animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
+}
+
+.moving-waves>use:nth-child(1) {
+ animation-delay: -2s;
+ animation-duration: 11s;
+}
+
+.moving-waves>use:nth-child(2) {
+ animation-delay: -4s;
+ animation-duration: 13s;
+}
+
+.moving-waves>use:nth-child(3) {
+ animation-delay: -3s;
+ animation-duration: 15s;
+}
+
+.moving-waves>use:nth-child(4) {
+ animation-delay: -4s;
+ animation-duration: 20s;
+}
+
+.moving-waves>use:nth-child(5) {
+ animation-delay: -4s;
+ animation-duration: 25s;
+}
+
+.moving-waves>use:nth-child(6) {
+ animation-delay: -3s;
+ animation-duration: 30s;
+}
+
+@keyframes move-forever {
+ 0% {
+ transform: translate3d(-90px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(85px, 0, 0);
+ }
+}
+
+/*Shrinking for mobile*/
+@media (max-width: 767.98px) {
+ .waves {
+ height: 40px;
+ min-height: 40px;
+ }
+
+ hr.horizontal {
+ background-color: transparent;
+ }
+
+ hr.horizontal:not(.dark) {
+ background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
+ }
+
+ hr.horizontal.vertical {
+ transform: rotate(90deg);
+ }
+
+ hr.horizontal.dark {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
+ }
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.popover .popover-header {
+ font-weight: 600;
+}
+
+.bg-cover {
+ background-size: cover;
+}
+
+.mask {
+ position: absolute;
+ background-size: cover;
+ background-position: center center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.8;
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.transform-translate-50 {
+ transform: translate(0, -50%);
+}
+
+@media (min-width: 992px) {
+ .virtual-reality .sidenav {
+ animation-name: fadeInBottom;
+ animation-fill-mode: both;
+ animation-duration: 1.5s;
+ transform: scale(0.6);
+ left: 18% !important;
+ position: absolute;
+ }
+}
+
+.choices .choices__list {
+ background: no-repeat bottom, 50% calc(100% - 1px);
+ background-size: 0 100%, 100% 100%;
+ transition: 0.2s ease;
+}
+
+.choices .choices__list.choices__list--single .choices__item--selectable {
+ margin-bottom: 0.5rem;
+}
+
+.choices .choices__list.choices__list--single,
+.choices .choices__list.choices__list--single:focus {
+ background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
+}
+
+.choices .choices__list.choices__list--dropdown {
+ background: #fff;
+}
+
+.choices.is-focused .choices__list {
+ background-size: 100% 100%, 100% 100%;
+}
+
+.border-right-after:after {
+ content: "";
+ position: absolute;
+ right: 0;
+ top: 3vh;
+ height: 70%;
+ width: 50%;
+ border-right: 1px solid #dee2e6;
+}
+
+.rotate-caret .collapse .nav-link:after {
+ margin-right: auto;
+ margin-left: 0;
+}
+
+@media (min-width: 1200px) {
+ .g-sidenav-hidden.rtl .main-content {
+ margin-right: 7rem !important;
+ }
+}
+
+.rtl .ps__rail-y {
+ right: auto !important;
+ left: 0;
+}
+
+.rtl .start-0 {
+ right: 0 !important;
+}
+
+.rtl .end-0 {
+ left: 0 !important;
+}
+
+.bullets {
+ position: sticky;
+ top: 30%;
+ height: 0;
+ transform: translate(-50%, -50%);
+ margin-left: auto;
+}
+
+.bullets ul {
+ display: flex;
+ flex-direction: column;
+ align-items: end;
+ list-style-type: none;
+ margin-right: -1rem;
+}
+
+.bullets ul li .indicator {
+ cursor: pointer;
+ margin-top: 1rem;
+ display: block;
+ height: 10px;
+ width: 10px;
+ border-radius: 50%;
+ background-color: #e91e63;
+}
+
+.bullets ul li .active {
+ transform: scale(1.3);
+ transition: transform 200ms ease-in-out;
+}
+
+.img-material-tw {
+ object-fit: cover;
+}
+
+.navbar {
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
+}
+
+.navbar .navbar-brand {
+ color: #344767;
+ font-size: 0.875rem;
+}
+
+.navbar .nav-link {
+ color: #344767;
+ padding: 0.5rem 1rem;
+ font-weight: 400;
+ font-size: 0.875rem;
+}
+
+.navbar.navbar-absolute {
+ position: absolute;
+ width: 100%;
+ z-index: 1;
+}
+
+.navbar.navbar-transparent .nav-link,
+.navbar.navbar-transparent .nav-link i {
+ color: #fff;
+}
+
+.navbar.navbar-transparent .nav-link:hover,
+.navbar.navbar-transparent .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
+ background: #fff;
+}
+
+.navbar.navbar-transparent .navbar-collapse {
+ border-radius: 0.75rem;
+}
+
+.navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark,
+.navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark {
+ color: #fff !important;
+}
+
+.navbar .sidenav-toggler-inner {
+ width: 18px;
+}
+
+.navbar .sidenav-toggler-inner .sidenav-toggler-line {
+ transition: all 0.15s ease;
+ background: #7b809a;
+ border-radius: 0.1rem;
+ position: relative;
+ display: block;
+ height: 2px;
+}
+
+.navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) {
+ margin-bottom: 3px;
+}
+
+.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child,
+.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child {
+ width: 13px;
+ transform: translateX(5px);
+}
+
+.navbar-light {
+ background-color: #fff !important;
+}
+
+.navbar-light .navbar-toggler {
+ border: none;
+}
+
+.navbar-light .navbar-toggler:focus {
+ box-shadow: none;
+}
+
+.navbar-toggler .navbar-toggler-icon {
+ background-image: none;
+}
+
+.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
+ display: block;
+ position: relative;
+ width: 22px;
+ height: 1px;
+ border-radius: 1px;
+ background: #6c757d;
+ transition: all 0.2s;
+ margin: 0 auto;
+}
+
+.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2,
+.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 {
+ margin-top: 7px;
+}
+
+.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 {
+ transform: rotate(45deg);
+ transform-origin: 10% 10%;
+ margin-top: 4px;
+}
+
+.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 {
+ opacity: 0;
+}
+
+.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 {
+ transform: rotate(-45deg);
+ transform-origin: 10% 90%;
+ margin-top: 3px;
+}
+
+@media (max-width: 991.98px) {
+ .navbar.navbar-transparent .navbar-collapse {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .navbar.navbar-transparent .navbar-collapse.collapsing {
+ background: #fff;
+ }
+
+ .navbar.navbar-transparent .navbar-collapse.show {
+ background: #fff;
+ }
+
+ .navbar.navbar-transparent .navbar-collapse.show .nav-link,
+ .navbar.navbar-transparent .navbar-collapse.show i {
+ color: #344767;
+ }
+
+ .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+
+ .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav {
+ flex-direction: row;
+ }
+
+ .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
+ box-shadow: none !important;
+ }
+
+ .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu:before {
+ display: none !important;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .navbar-collapse {
+ position: relative;
+ }
+
+ .navbar-collapse .navbar-nav {
+ width: 100%;
+ }
+
+ .navbar-collapse .navbar-nav .nav-item.dropdown {
+ position: static;
+ }
+
+ .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
+ left: 0;
+ right: 0;
+ }
+
+ .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before {
+ content: none;
+ }
+}
+
+@media (max-width: 575.98px) {
+ .navbar-nav .nav-item.dropdown .dropdown-menu {
+ left: 0;
+ right: auto;
+ }
+}
+
+.navbar-vertical .navbar-brand>img,
+.navbar-vertical .navbar-brand-img {
+ max-width: 100%;
+ max-height: 2rem;
+}
+
+.navbar-vertical .navbar-nav .nav-link {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ font-weight: 300;
+ color: #fff;
+}
+
+.navbar-vertical .navbar-nav .nav-link>i {
+ min-width: 1.8rem;
+ font-size: 1.5rem;
+ line-height: 1.5rem;
+ text-align: center;
+}
+
+.navbar-vertical .navbar-nav .nav-link .dropdown-menu {
+ border: none;
+}
+
+.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu {
+ margin-left: 0.5rem;
+}
+
+.navbar-vertical .navbar-nav .nav-link .avatar {
+ width: 1.875rem;
+ height: 1.875rem;
+}
+
+.navbar-vertical .navbar-nav .nav-sm .nav-link {
+ font-size: 0.8125rem;
+}
+
+.navbar-vertical .navbar-nav .nav-link {
+ display: flex;
+ align-items: center;
+ white-space: nowrap;
+}
+
+.navbar-vertical .navbar-heading {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ font-size: 0.75rem;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+}
+
+.navbar-vertical.navbar-expand-xs {
+ display: block;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ max-width: 15.625rem !important;
+ overflow-y: auto;
+ padding: 0;
+ box-shadow: none;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-collapse {
+ display: block;
+ overflow: auto;
+ height: calc(100vh - 200px);
+}
+
+.navbar-vertical.navbar-expand-xs>[class*="container"] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+@media all and (-ms-high-contrast: none),
+(-ms-high-contrast: active) {
+ .navbar-vertical.navbar-expand-xs>[class*="container"] {
+ min-height: none;
+ height: 100%;
+ }
+}
+
+.navbar-vertical.navbar-expand-xs.fixed-start {
+ left: 0;
+}
+
+.navbar-vertical.navbar-expand-xs.fixed-end {
+ right: 0;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ margin: 0 1rem;
+ margin-bottom: 1.5px;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text,
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon,
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal,
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i {
+ pointer-events: none;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item {
+ width: 100%;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item {
+ margin-top: 0.125rem;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni {
+ top: 0;
+}
+
+.navbar-vertical.navbar-expand-xs .lavalamp-object {
+ width: calc(100% - 1rem) !important;
+ background: theme-color("primary");
+ color: color-yiq(#e91e63);
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ border-radius: 0.125rem;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 15px;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal {
+ transition: all 0.1s ease 0s;
+}
+
+.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+ .navbar-vertical.navbar-expand-sm {
+ display: block;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ max-width: 15.625rem !important;
+ overflow-y: auto;
+ padding: 0;
+ box-shadow: none;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-collapse {
+ display: block;
+ overflow: auto;
+ height: calc(100vh - 200px);
+ }
+
+ .navbar-vertical.navbar-expand-sm>[class*="container"] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media all and (min-width: 576px) and (-ms-high-contrast: none),
+(min-width: 576px) and (-ms-high-contrast: active) {
+ .navbar-vertical.navbar-expand-sm>[class*="container"] {
+ min-height: none;
+ height: 100%;
+ }
+}
+
+@media (min-width: 576px) {
+ .navbar-vertical.navbar-expand-sm.fixed-start {
+ left: 0;
+ }
+
+ .navbar-vertical.navbar-expand-sm.fixed-end {
+ right: 0;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ margin: 0 1rem;
+ margin-bottom: 1.5px;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text,
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon,
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal,
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i {
+ pointer-events: none;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item {
+ width: 100%;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item {
+ margin-top: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni {
+ top: 0;
+ }
+
+ .navbar-vertical.navbar-expand-sm .lavalamp-object {
+ width: calc(100% - 1rem) !important;
+ background: theme-color("primary");
+ color: color-yiq(#e91e63);
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ border-radius: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 15px;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal {
+ transition: all 0.1s ease 0s;
+ }
+
+ .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-vertical.navbar-expand-md {
+ display: block;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ max-width: 15.625rem !important;
+ overflow-y: auto;
+ padding: 0;
+ box-shadow: none;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-collapse {
+ display: block;
+ overflow: auto;
+ height: calc(100vh - 200px);
+ }
+
+ .navbar-vertical.navbar-expand-md>[class*="container"] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media all and (min-width: 768px) and (-ms-high-contrast: none),
+(min-width: 768px) and (-ms-high-contrast: active) {
+ .navbar-vertical.navbar-expand-md>[class*="container"] {
+ min-height: none;
+ height: 100%;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-vertical.navbar-expand-md.fixed-start {
+ left: 0;
+ }
+
+ .navbar-vertical.navbar-expand-md.fixed-end {
+ right: 0;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ margin: 0 1rem;
+ margin-bottom: 1.5px;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text,
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon,
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal,
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i {
+ pointer-events: none;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav-item {
+ width: 100%;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item {
+ margin-top: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni {
+ top: 0;
+ }
+
+ .navbar-vertical.navbar-expand-md .lavalamp-object {
+ width: calc(100% - 1rem) !important;
+ background: theme-color("primary");
+ color: color-yiq(#e91e63);
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ border-radius: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 15px;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal {
+ transition: all 0.1s ease 0s;
+ }
+
+ .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-vertical.navbar-expand-lg {
+ display: block;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ max-width: 15.625rem !important;
+ overflow-y: auto;
+ padding: 0;
+ box-shadow: none;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-collapse {
+ display: block;
+ overflow: auto;
+ height: calc(100vh - 200px);
+ }
+
+ .navbar-vertical.navbar-expand-lg>[class*="container"] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media all and (min-width: 992px) and (-ms-high-contrast: none),
+(min-width: 992px) and (-ms-high-contrast: active) {
+ .navbar-vertical.navbar-expand-lg>[class*="container"] {
+ min-height: none;
+ height: 100%;
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-vertical.navbar-expand-lg.fixed-start {
+ left: 0;
+ }
+
+ .navbar-vertical.navbar-expand-lg.fixed-end {
+ right: 0;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ margin: 0 1rem;
+ margin-bottom: 1.5px;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text,
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon,
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal,
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i {
+ pointer-events: none;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item {
+ width: 100%;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item {
+ margin-top: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni {
+ top: 0;
+ }
+
+ .navbar-vertical.navbar-expand-lg .lavalamp-object {
+ width: calc(100% - 1rem) !important;
+ background: theme-color("primary");
+ color: color-yiq(#e91e63);
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ border-radius: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 15px;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal {
+ transition: all 0.1s ease 0s;
+ }
+
+ .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-vertical.navbar-expand-xl {
+ display: block;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ max-width: 15.625rem !important;
+ overflow-y: auto;
+ padding: 0;
+ box-shadow: none;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-collapse {
+ display: block;
+ overflow: auto;
+ height: calc(100vh - 200px);
+ }
+
+ .navbar-vertical.navbar-expand-xl>[class*="container"] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media all and (min-width: 1200px) and (-ms-high-contrast: none),
+(min-width: 1200px) and (-ms-high-contrast: active) {
+ .navbar-vertical.navbar-expand-xl>[class*="container"] {
+ min-height: none;
+ height: 100%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-vertical.navbar-expand-xl.fixed-start {
+ left: 0;
+ }
+
+ .navbar-vertical.navbar-expand-xl.fixed-end {
+ right: 0;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ margin: 0 1rem;
+ margin-bottom: 1.5px;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text,
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon,
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal,
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i {
+ pointer-events: none;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item {
+ width: 100%;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item {
+ margin-top: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni {
+ top: 0;
+ }
+
+ .navbar-vertical.navbar-expand-xl .lavalamp-object {
+ width: calc(100% - 1rem) !important;
+ background: theme-color("primary");
+ color: color-yiq(#e91e63);
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ border-radius: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 15px;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal {
+ transition: all 0.1s ease 0s;
+ }
+
+ .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-vertical.navbar-expand-xxl {
+ display: block;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ max-width: 15.625rem !important;
+ overflow-y: auto;
+ padding: 0;
+ box-shadow: none;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-collapse {
+ display: block;
+ overflow: auto;
+ height: calc(100vh - 200px);
+ }
+
+ .navbar-vertical.navbar-expand-xxl>[class*="container"] {
+ flex-direction: column;
+ align-items: stretch;
+ min-height: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media all and (min-width: 1400px) and (-ms-high-contrast: none),
+(min-width: 1400px) and (-ms-high-contrast: active) {
+ .navbar-vertical.navbar-expand-xxl>[class*="container"] {
+ min-height: none;
+ height: 100%;
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar-vertical.navbar-expand-xxl.fixed-start {
+ left: 0;
+ }
+
+ .navbar-vertical.navbar-expand-xxl.fixed-end {
+ right: 0;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ margin: 0 1rem;
+ margin-bottom: 1.5px;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text,
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon,
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal,
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i {
+ pointer-events: none;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item {
+ width: 100%;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item {
+ margin-top: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni {
+ top: 0;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .lavalamp-object {
+ width: calc(100% - 1rem) !important;
+ background: theme-color("primary");
+ color: color-yiq(#e91e63);
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ border-radius: 0.125rem;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 15px;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal {
+ transition: all 0.1s ease 0s;
+ }
+
+ .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+}
+
+.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%);
+}
+
+.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%);
+}
+
+.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%);
+}
+
+.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%);
+}
+
+.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%);
+}
+
+.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%);
+}
+
+.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%);
+}
+
+.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%);
+}
+
+.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%);
+}
+
+.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%);
+}
+
+.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%);
+}
+
+.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%);
+}
+
+.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%);
+}
+
+.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%);
+}
+
+.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #344767 0%, #344767 100%);
+}
+
+.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #344767 0%, #344767 100%);
+}
+
+.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #fff 0%, #fff 100%);
+}
+
+.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #fff 0%, #fff 100%);
+}
+
+.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%);
+}
+
+.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%);
+}
+
+.main-content,
+.sidenav {
+ transition: all 0.2s ease-in-out;
+}
+
+.sidenav {
+ z-index: 9999;
+}
+
+.sidenav .navbar-brand,
+.sidenav .navbar-heading {
+ display: block;
+}
+
+@media (min-width: 1200px) {
+ .sidenav:hover {
+ max-width: 15.625rem;
+ }
+
+ .sidenav .sidenav-toggler {
+ padding: 1.5rem;
+ }
+
+ .sidenav.fixed-start+.main-content {
+ margin-left: 17.125rem;
+ }
+
+ .sidenav.fixed-end+.main-content {
+ margin-right: 17.125rem;
+ }
+}
+
+.sidenav .navbar-heading .docs-mini {
+ padding-left: 3px;
+}
+
+.sidenav .navbar-heading {
+ transition: all 0.1s ease;
+}
+
+.sidenav .navbar-brand {
+ padding: 1.5rem 2rem;
+}
+
+.sidenav .collapse .nav-item .nav-link.active {
+ color: #fff !important;
+}
+
+.sidenav .collapse .nav-item .nav-link.active i {
+ color: #fff !important;
+}
+
+body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i,
+body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text,
+body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark i,
+body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark .nav-link-text {
+ color: #344767 !important;
+}
+
+.sidenav-header {
+ height: 4.875rem;
+}
+
+.sidenav-footer .card.card-background:after {
+ opacity: 0.65;
+}
+
+.g-sidenav-show .sidenav .nav-item .collapse {
+ height: auto;
+ transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .g-sidenav-show .sidenav .nav-item .collapse {
+ transition: none;
+ }
+}
+
+.g-sidenav-show .sidenav .nav-link-text {
+ transition: 0.3s ease;
+ opacity: 1;
+}
+
+.g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
+ margin-left: 0;
+}
+
+@media (max-width: 1199.98px) {
+ .g-sidenav-show.rtl .sidenav {
+ transform: translateX(17.125rem);
+ }
+
+ .g-sidenav-show:not(.rtl) .sidenav {
+ transform: translateX(-17.125rem);
+ }
+
+ .g-sidenav-show .sidenav.fixed-start+.main-content {
+ margin-left: 0 !important;
+ }
+
+ .g-sidenav-show.g-sidenav-pinned .sidenav {
+ transform: translateX(0);
+ }
+}
+
+.navbar-vertical.bg-white {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.navbar-vertical.bg-white .navbar-nav .nav-link.active {
+ box-shadow: none;
+}
+
+.navbar-vertical.bg-transparent .navbar-nav .nav-link.active:after,
+.navbar-vertical.bg-white .navbar-nav .nav-link.active:after {
+ color: rgba(206, 212, 218, 0.7) !important;
+}
+
+.navbar-vertical .navbar-nav .nav-link.active {
+ font-weight: 400;
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ border-radius: 0.375rem;
+ margin-top: 1.5px;
+ margin-bottom: 1.5px;
+}
+
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active {
+ color: #fff;
+ border-right-width: 0;
+ border-bottom-width: 0;
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active,
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
+ background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%);
+}
+
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active span,
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active span {
+ color: #fff;
+}
+
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active {
+ background-color: rgba(199, 199, 199, 0.2);
+}
+
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active,
+.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active {
+ background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%);
+}
+
+.navbar-main {
+ transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in;
+}
+
+.navbar-main.fixed-top {
+ width: calc(100% - (15.625rem + 1.5rem * 3));
+}
+
+.navbar-main.fixed-top+[class*="container"] {
+ margin-top: 7.1875rem !important;
+}
+
+.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: 'Font Awesome 5 Free';
+ font-weight: 700;
+ content: "\f107";
+ margin-left: auto;
+ color: rgba(206, 212, 218, 0.7);
+ transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
+ transition: none;
+ }
+}
+
+.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
+ color: #CED4DA;
+ transform: rotate(180deg);
+}
+
+.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"].active:after {
+ color: #fff;
+}
+
+.navbar-vertical .navbar-nav .nav-item .collapse .nav,
+.navbar-vertical .navbar-nav .nav-item .collapsing .nav {
+ transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+ .navbar-vertical .navbar-nav .nav-item .collapse .nav,
+ .navbar-vertical .navbar-nav .nav-item .collapsing .nav {
+ transition: none;
+ }
+}
+
+.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link,
+.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link {
+ position: relative;
+ background-color: transparent;
+ box-shadow: none;
+ color: rgba(206, 212, 218, 0.7);
+}
+
+.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active,
+.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active {
+ color: #CED4DA;
+}
+
+.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link,
+.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link {
+ color: #CED4DA;
+}
+
+.navbar-vertical.blur .navbar-nav>.nav-item .nav-link {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.navbar-vertical .navbar-brand .navbar-brand-img,
+.navbar-vertical .navbar-brand span {
+ transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+ .navbar-vertical .navbar-brand .navbar-brand-img,
+ .navbar-vertical .navbar-brand span {
+ transition: none;
+ }
+}
+
+.navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
+ transition: all 0.2s ease-in-out;
+ text-align: center;
+ min-width: 1.8rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
+ transition: none;
+ }
+}
+
+.navbar-vertical .docs-info {
+ transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .navbar-vertical .docs-info {
+ transition: none;
+ }
+}
+
+.navbar-vertical .nav-item .nav-link {
+ margin-top: 3px;
+ margin-bottom: 3px;
+ border-radius: 0.375rem;
+ margin-bottom: 1.5px;
+ margin-top: 1.5px;
+}
+
+.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link,
+.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link {
+ margin-top: 1.5px;
+ margin-bottom: 1.5px;
+}
+
+.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link,
+.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link,
+.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link,
+.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link {
+ margin-top: 1.5px;
+ margin-bottom: 1.5px;
+}
+
+.navbar-vertical .nav-item:hover .nav-link {
+ background-color: rgba(199, 199, 199, 0.2);
+ border-radius: 0.375rem;
+}
+
+.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item:hover>.nav-link {
+ background-color: rgba(199, 199, 199, 0.2);
+ border-radius: 0.375rem;
+}
+
+.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item+.collapse .nav .nav-item:hover .nav-link {
+ background-color: rgba(199, 199, 199, 0.2);
+ border-radius: 0.375rem;
+}
+
+@media (min-width: 1200px) {
+ .g-sidenav-hidden.rtl .main-content {
+ margin-right: 6rem !important;
+ }
+
+ .g-sidenav-hidden.rtl .navbar-vertical:hover {
+ max-width: 15.625rem !important;
+ }
+
+ .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round {
+ margin-right: 2px;
+ }
+
+ .g-sidenav-hidden.rtl .sidenav:hover+.main-content {
+ margin-right: 17.125rem !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical {
+ max-width: 6rem !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical.fixed-start+.main-content {
+ margin-left: 7.5rem;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .navbar-brand img {
+ width: auto !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .navbar-brand span {
+ opacity: 0;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon {
+ padding: 10px;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .material-icons-round {
+ margin-left: 2px;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text,
+ .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal {
+ opacity: 0;
+ width: 0;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon {
+ min-width: 1.8rem;
+ margin-left: 0.15rem !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after {
+ content: "";
+ opacity: 0;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav {
+ margin-left: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link {
+ margin-left: 1rem;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after {
+ content: "\f107";
+ }
+
+ .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape {
+ margin-bottom: 0 !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info {
+ opacity: 0;
+ width: 0;
+ height: 0;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover {
+ max-width: 15.625rem !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content {
+ margin-left: 17.125rem;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span {
+ opacity: 1;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text,
+ .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal {
+ opacity: 1;
+ width: auto;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after {
+ content: "\f107";
+ opacity: 1;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav,
+ .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav {
+ margin-left: 0 !important;
+ padding-left: 0 !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape {
+ margin-bottom: 1rem !important;
+ }
+
+ .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info {
+ opacity: 1;
+ width: auto;
+ height: auto;
+ }
+}
+
+.nav.nav-pills {
+ background: #f8f9fa;
+ border-radius: 0.75rem;
+ position: relative;
+}
+
+.nav.nav-pills.nav-pills-vertical {
+ border-radius: 1.1875rem;
+}
+
+.nav.nav-pills.nav-pills-vertical .nav-link.active {
+ border-radius: 0.875rem;
+}
+
+.nav.nav-pills .nav-link {
+ z-index: 3;
+ color: #344767;
+ border-radius: 0.5rem;
+ background-color: inherit;
+}
+
+.nav.nav-pills .nav-link.active {
+ animation: 0.2s ease;
+}
+
+.nav.nav-pills .nav-link:hover:not(.active) {
+ color: #344767;
+}
+
+.nav.nav-pills.nav-pills-primary {
+ background: #fff;
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-primary .nav-link.active {
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active {
+ background: #EC407A;
+ color: #EC407A;
+}
+
+.nav.nav-pills.nav-pills-info {
+ background: #fff;
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-info .nav-link.active {
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-info .moving-tab .nav-link.active {
+ background: #49a3f1;
+ color: #49a3f1;
+}
+
+.nav.nav-pills.nav-pills-success {
+ background: #fff;
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-success .nav-link.active {
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-success .moving-tab .nav-link.active {
+ background: #66BB6A;
+ color: #66BB6A;
+}
+
+.nav.nav-pills.nav-pills-warning {
+ background: #fff;
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-warning .nav-link.active {
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active {
+ background: #FFA726;
+ color: #FFA726;
+}
+
+.nav.nav-pills.nav-pills-danger {
+ background: #fff;
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-danger .nav-link.active {
+ color: #fff;
+}
+
+.nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active {
+ background: #EF5350;
+ color: #EF5350;
+}
+
+.nav.nav-pills .nav-item {
+ z-index: 3;
+}
+
+.moving-tab {
+ z-index: 1 !important;
+}
+
+.moving-tab .nav-link {
+ color: #fff;
+ transition: .2s ease;
+ border-radius: 0.5rem;
+}
+
+.moving-tab .nav-link.active {
+ color: #fff;
+ font-weight: 600;
+ box-shadow: 0px 1px 5px 1px #ddd;
+ animation: 0.2s ease;
+ background: #fff;
+}
+
+.moving-tab .nav-link:hover:not(.active) {
+ color: #344767;
+}
+
+.page-item.active .page-link {
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
+}
+
+.page-item .page-link,
+.page-item span {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #7b809a;
+ padding: 0;
+ margin: 0 3px;
+ border-radius: 50% !important;
+ width: 36px;
+ height: 36px;
+ font-size: 0.875rem;
+}
+
+.pagination-lg .page-item .page-link,
+.pagination-lg .page-item span {
+ width: 46px;
+ height: 46px;
+ line-height: 46px;
+}
+
+.pagination-sm .page-item .page-link,
+.pagination-sm .page-item span {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+}
+
+.pagination.pagination-primary .page-item.active>.page-link,
+.pagination.pagination-primary .page-item.active>.page-link:focus,
+.pagination.pagination-primary .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
+ border: none;
+}
+
+.pagination.pagination-secondary .page-item.active>.page-link,
+.pagination.pagination-secondary .page-item.active>.page-link:focus,
+.pagination.pagination-secondary .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
+ border: none;
+}
+
+.pagination.pagination-success .page-item.active>.page-link,
+.pagination.pagination-success .page-item.active>.page-link:focus,
+.pagination.pagination-success .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%);
+ border: none;
+}
+
+.pagination.pagination-info .page-item.active>.page-link,
+.pagination.pagination-info .page-item.active>.page-link:focus,
+.pagination.pagination-info .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
+ border: none;
+}
+
+.pagination.pagination-warning .page-item.active>.page-link,
+.pagination.pagination-warning .page-item.active>.page-link:focus,
+.pagination.pagination-warning .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%);
+ border: none;
+}
+
+.pagination.pagination-danger .page-item.active>.page-link,
+.pagination.pagination-danger .page-item.active>.page-link:focus,
+.pagination.pagination-danger .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%);
+ border: none;
+}
+
+.pagination.pagination-light .page-item.active>.page-link,
+.pagination.pagination-light .page-item.active>.page-link:focus,
+.pagination.pagination-light .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%);
+ border: none;
+}
+
+.pagination.pagination-dark .page-item.active>.page-link,
+.pagination.pagination-dark .page-item.active>.page-link:focus,
+.pagination.pagination-dark .page-item.active>.page-link:hover {
+ background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
+ border: none;
+}
+
+.popover {
+ box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
+}
+
+.popover .popover-header {
+ font-weight: 600;
+}
+
+.progress-bar {
+ height: 6px;
+ border-radius: 0.125rem;
+}
+
+.progress {
+ overflow: visible;
+}
+
+.progress.progress-sm {
+ height: 4px;
+}
+
+.progress.progress-lg {
+ height: 20px;
+}
+
+.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
+ float: right;
+ padding-left: 0.5rem;
+ padding-right: 0;
+}
+
+.rtl .sidenav .navbar-nav {
+ width: 100%;
+ padding-right: 0;
+}
+
+.rtl .fixed-plugin .fixed-plugin-button {
+ left: 30px;
+ right: auto;
+}
+
+.rtl .fixed-plugin .card {
+ left: -360px !important;
+ right: auto;
+}
+
+.rtl .fixed-plugin.show .card {
+ right: auto;
+ left: 0 !important;
+}
+
+.rtl .timeline .timeline-content {
+ margin-right: 45px;
+ margin-left: 0;
+}
+
+.rtl .timeline .timeline-step {
+ transform: translateX(50%);
+}
+
+.rtl .timeline.timeline-one-side:before {
+ right: 1rem;
+}
+
+.rtl .timeline.timeline-one-side .timeline-step {
+ right: 1rem;
+}
+
+.rtl .form-check.form-switch .form-check-input:after {
+ transform: translateX(-1px);
+}
+
+.rtl .form-check.form-switch .form-check-input:checked:after {
+ transform: translateX(21px);
+}
+
+.rtl .avatar-group .avatar+.avatar {
+ margin-left: 0;
+ margin-right: -1rem;
+}
+
+.rtl .dropdown .dropdown-menu {
+ left: 0;
+}
+
+.rtl .input-group.input-group-outline .form-label:before {
+ margin-left: 4px;
+ margin-right: 0;
+ border-radius: 0 4px;
+}
+
+.rtl .input-group.input-group-outline .form-label:after {
+ margin-left: 0;
+ margin-right: 4px;
+ border-radius: 5px 0;
+}
+
+.rtl .input-group.input-group-outline.is-valid .form-control,
+.rtl .input-group.input-group-outline.is-invalid .form-control {
+ background-position: left 0.75rem center !important;
+}
+
+.rtl .input-group .input-group-text {
+ border-left: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+ margin-right: -1px;
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),
+.rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+}
+
+.ripple {
+ display: block;
+ position: absolute;
+ background: rgba(255, 255, 255, 0.3);
+ border-radius: 100%;
+ transform: scale(0);
+ animation: ripple 0.65s linear;
+}
+
+@keyframes ripple {
+ 100% {
+ opacity: 0;
+ transform: scale(2.5);
+ }
+}
+
+.btn.btn-facebook {
+ background-color: #3b5998;
+ color: #fff;
+}
+
+.btn.btn-facebook:focus,
+.btn.btn-facebook:hover {
+ background-color: #344e86;
+ color: #fff;
+}
+
+.btn.btn-facebook:active,
+.btn.btn-facebook:focus,
+.btn.btn-facebook:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-facebook.btn-simple {
+ color: #344e86;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-facebook.btn-simple:hover,
+.btn.btn-facebook.btn-simple:focus,
+.btn.btn-facebook.btn-simple:hover:focus,
+.btn.btn-facebook.btn-simple:active,
+.btn.btn-facebook.btn-simple:hover:focus:active {
+ color: #344e86;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-facebook.btn-neutral {
+ color: #3b5998;
+ background-color: #fff;
+}
+
+.btn.btn-facebook.btn-neutral:hover,
+.btn.btn-facebook.btn-neutral:focus,
+.btn.btn-facebook.btn-neutral:active {
+ color: #344e86;
+}
+
+.btn.btn-twitter {
+ background-color: #55acee;
+ color: #fff;
+}
+
+.btn.btn-twitter:focus,
+.btn.btn-twitter:hover {
+ background-color: #3ea1ec;
+ color: #fff;
+}
+
+.btn.btn-twitter:active,
+.btn.btn-twitter:focus,
+.btn.btn-twitter:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-twitter.btn-simple {
+ color: #3ea1ec;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-twitter.btn-simple:hover,
+.btn.btn-twitter.btn-simple:focus,
+.btn.btn-twitter.btn-simple:hover:focus,
+.btn.btn-twitter.btn-simple:active,
+.btn.btn-twitter.btn-simple:hover:focus:active {
+ color: #3ea1ec;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-twitter.btn-neutral {
+ color: #55acee;
+ background-color: #fff;
+}
+
+.btn.btn-twitter.btn-neutral:hover,
+.btn.btn-twitter.btn-neutral:focus,
+.btn.btn-twitter.btn-neutral:active {
+ color: #3ea1ec;
+}
+
+.btn.btn-pinterest {
+ background-color: #cc2127;
+ color: #fff;
+}
+
+.btn.btn-pinterest:focus,
+.btn.btn-pinterest:hover {
+ background-color: #b21d22;
+ color: #fff;
+}
+
+.btn.btn-pinterest:active,
+.btn.btn-pinterest:focus,
+.btn.btn-pinterest:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-pinterest.btn-simple {
+ color: #b21d22;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-pinterest.btn-simple:hover,
+.btn.btn-pinterest.btn-simple:focus,
+.btn.btn-pinterest.btn-simple:hover:focus,
+.btn.btn-pinterest.btn-simple:active,
+.btn.btn-pinterest.btn-simple:hover:focus:active {
+ color: #b21d22;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-pinterest.btn-neutral {
+ color: #cc2127;
+ background-color: #fff;
+}
+
+.btn.btn-pinterest.btn-neutral:hover,
+.btn.btn-pinterest.btn-neutral:focus,
+.btn.btn-pinterest.btn-neutral:active {
+ color: #b21d22;
+}
+
+.btn.btn-linkedin {
+ background-color: #0077B5;
+ color: #fff;
+}
+
+.btn.btn-linkedin:focus,
+.btn.btn-linkedin:hover {
+ background-color: #00669c;
+ color: #fff;
+}
+
+.btn.btn-linkedin:active,
+.btn.btn-linkedin:focus,
+.btn.btn-linkedin:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-linkedin.btn-simple {
+ color: #00669c;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-linkedin.btn-simple:hover,
+.btn.btn-linkedin.btn-simple:focus,
+.btn.btn-linkedin.btn-simple:hover:focus,
+.btn.btn-linkedin.btn-simple:active,
+.btn.btn-linkedin.btn-simple:hover:focus:active {
+ color: #00669c;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-linkedin.btn-neutral {
+ color: #0077B5;
+ background-color: #fff;
+}
+
+.btn.btn-linkedin.btn-neutral:hover,
+.btn.btn-linkedin.btn-neutral:focus,
+.btn.btn-linkedin.btn-neutral:active {
+ color: #00669c;
+}
+
+.btn.btn-dribbble {
+ background-color: #ea4c89;
+ color: #fff;
+}
+
+.btn.btn-dribbble:focus,
+.btn.btn-dribbble:hover {
+ background-color: #e73177;
+ color: #fff;
+}
+
+.btn.btn-dribbble:active,
+.btn.btn-dribbble:focus,
+.btn.btn-dribbble:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-dribbble.btn-simple {
+ color: #e73177;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-dribbble.btn-simple:hover,
+.btn.btn-dribbble.btn-simple:focus,
+.btn.btn-dribbble.btn-simple:hover:focus,
+.btn.btn-dribbble.btn-simple:active,
+.btn.btn-dribbble.btn-simple:hover:focus:active {
+ color: #e73177;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-dribbble.btn-neutral {
+ color: #ea4c89;
+ background-color: #fff;
+}
+
+.btn.btn-dribbble.btn-neutral:hover,
+.btn.btn-dribbble.btn-neutral:focus,
+.btn.btn-dribbble.btn-neutral:active {
+ color: #e73177;
+}
+
+.btn.btn-github {
+ background-color: #24292E;
+ color: #fff;
+}
+
+.btn.btn-github:focus,
+.btn.btn-github:hover {
+ background-color: #171a1d;
+ color: #fff;
+}
+
+.btn.btn-github:active,
+.btn.btn-github:focus,
+.btn.btn-github:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-github.btn-simple {
+ color: #171a1d;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-github.btn-simple:hover,
+.btn.btn-github.btn-simple:focus,
+.btn.btn-github.btn-simple:hover:focus,
+.btn.btn-github.btn-simple:active,
+.btn.btn-github.btn-simple:hover:focus:active {
+ color: #171a1d;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-github.btn-neutral {
+ color: #24292E;
+ background-color: #fff;
+}
+
+.btn.btn-github.btn-neutral:hover,
+.btn.btn-github.btn-neutral:focus,
+.btn.btn-github.btn-neutral:active {
+ color: #171a1d;
+}
+
+.btn.btn-youtube {
+ background-color: #e52d27;
+ color: #fff;
+}
+
+.btn.btn-youtube:focus,
+.btn.btn-youtube:hover {
+ background-color: #d41f1a;
+ color: #fff;
+}
+
+.btn.btn-youtube:active,
+.btn.btn-youtube:focus,
+.btn.btn-youtube:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-youtube.btn-simple {
+ color: #d41f1a;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-youtube.btn-simple:hover,
+.btn.btn-youtube.btn-simple:focus,
+.btn.btn-youtube.btn-simple:hover:focus,
+.btn.btn-youtube.btn-simple:active,
+.btn.btn-youtube.btn-simple:hover:focus:active {
+ color: #d41f1a;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-youtube.btn-neutral {
+ color: #e52d27;
+ background-color: #fff;
+}
+
+.btn.btn-youtube.btn-neutral:hover,
+.btn.btn-youtube.btn-neutral:focus,
+.btn.btn-youtube.btn-neutral:active {
+ color: #d41f1a;
+}
+
+.btn.btn-instagram {
+ background-color: #125688;
+ color: #fff;
+}
+
+.btn.btn-instagram:focus,
+.btn.btn-instagram:hover {
+ background-color: #0e456d;
+ color: #fff;
+}
+
+.btn.btn-instagram:active,
+.btn.btn-instagram:focus,
+.btn.btn-instagram:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-instagram.btn-simple {
+ color: #0e456d;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-instagram.btn-simple:hover,
+.btn.btn-instagram.btn-simple:focus,
+.btn.btn-instagram.btn-simple:hover:focus,
+.btn.btn-instagram.btn-simple:active,
+.btn.btn-instagram.btn-simple:hover:focus:active {
+ color: #0e456d;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-instagram.btn-neutral {
+ color: #125688;
+ background-color: #fff;
+}
+
+.btn.btn-instagram.btn-neutral:hover,
+.btn.btn-instagram.btn-neutral:focus,
+.btn.btn-instagram.btn-neutral:active {
+ color: #0e456d;
+}
+
+.btn.btn-reddit {
+ background-color: #ff4500;
+ color: #fff;
+}
+
+.btn.btn-reddit:focus,
+.btn.btn-reddit:hover {
+ background-color: #e03d00;
+ color: #fff;
+}
+
+.btn.btn-reddit:active,
+.btn.btn-reddit:focus,
+.btn.btn-reddit:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-reddit.btn-simple {
+ color: #e03d00;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-reddit.btn-simple:hover,
+.btn.btn-reddit.btn-simple:focus,
+.btn.btn-reddit.btn-simple:hover:focus,
+.btn.btn-reddit.btn-simple:active,
+.btn.btn-reddit.btn-simple:hover:focus:active {
+ color: #e03d00;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-reddit.btn-neutral {
+ color: #ff4500;
+ background-color: #fff;
+}
+
+.btn.btn-reddit.btn-neutral:hover,
+.btn.btn-reddit.btn-neutral:focus,
+.btn.btn-reddit.btn-neutral:active {
+ color: #e03d00;
+}
+
+.btn.btn-tumblr {
+ background-color: #35465c;
+ color: #fff;
+}
+
+.btn.btn-tumblr:focus,
+.btn.btn-tumblr:hover {
+ background-color: #2a3749;
+ color: #fff;
+}
+
+.btn.btn-tumblr:active,
+.btn.btn-tumblr:focus,
+.btn.btn-tumblr:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-tumblr.btn-simple {
+ color: #2a3749;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-tumblr.btn-simple:hover,
+.btn.btn-tumblr.btn-simple:focus,
+.btn.btn-tumblr.btn-simple:hover:focus,
+.btn.btn-tumblr.btn-simple:active,
+.btn.btn-tumblr.btn-simple:hover:focus:active {
+ color: #2a3749;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-tumblr.btn-neutral {
+ color: #35465c;
+ background-color: #fff;
+}
+
+.btn.btn-tumblr.btn-neutral:hover,
+.btn.btn-tumblr.btn-neutral:focus,
+.btn.btn-tumblr.btn-neutral:active {
+ color: #2a3749;
+}
+
+.btn.btn-behance {
+ background-color: #1769ff;
+ color: #fff;
+}
+
+.btn.btn-behance:focus,
+.btn.btn-behance:hover {
+ background-color: #0057f7;
+ color: #fff;
+}
+
+.btn.btn-behance:active,
+.btn.btn-behance:focus,
+.btn.btn-behance:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-behance.btn-simple {
+ color: #0057f7;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-behance.btn-simple:hover,
+.btn.btn-behance.btn-simple:focus,
+.btn.btn-behance.btn-simple:hover:focus,
+.btn.btn-behance.btn-simple:active,
+.btn.btn-behance.btn-simple:hover:focus:active {
+ color: #0057f7;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-behance.btn-neutral {
+ color: #1769ff;
+ background-color: #fff;
+}
+
+.btn.btn-behance.btn-neutral:hover,
+.btn.btn-behance.btn-neutral:focus,
+.btn.btn-behance.btn-neutral:active {
+ color: #0057f7;
+}
+
+.btn.btn-vimeo {
+ background-color: #1AB7EA;
+ color: #fff;
+}
+
+.btn.btn-vimeo:focus,
+.btn.btn-vimeo:hover {
+ background-color: #13a3d2;
+ color: #fff;
+}
+
+.btn.btn-vimeo:active,
+.btn.btn-vimeo:focus,
+.btn.btn-vimeo:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-vimeo.btn-simple {
+ color: #13a3d2;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-vimeo.btn-simple:hover,
+.btn.btn-vimeo.btn-simple:focus,
+.btn.btn-vimeo.btn-simple:hover:focus,
+.btn.btn-vimeo.btn-simple:active,
+.btn.btn-vimeo.btn-simple:hover:focus:active {
+ color: #13a3d2;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-vimeo.btn-neutral {
+ color: #1AB7EA;
+ background-color: #fff;
+}
+
+.btn.btn-vimeo.btn-neutral:hover,
+.btn.btn-vimeo.btn-neutral:focus,
+.btn.btn-vimeo.btn-neutral:active {
+ color: #13a3d2;
+}
+
+.btn.btn-slack {
+ background-color: #3aaf85;
+ color: #fff;
+}
+
+.btn.btn-slack:focus,
+.btn.btn-slack:hover {
+ background-color: #329874;
+ color: #fff;
+}
+
+.btn.btn-slack:active,
+.btn.btn-slack:focus,
+.btn.btn-slack:active:focus {
+ box-shadow: none;
+}
+
+.btn.btn-slack.btn-simple {
+ color: #329874;
+ background-color: transparent;
+ background-image: none !important;
+ box-shadow: none;
+ border: none;
+}
+
+.btn.btn-slack.btn-simple:hover,
+.btn.btn-slack.btn-simple:focus,
+.btn.btn-slack.btn-simple:hover:focus,
+.btn.btn-slack.btn-simple:active,
+.btn.btn-slack.btn-simple:hover:focus:active {
+ color: #329874;
+ background: transparent !important;
+ box-shadow: none !important;
+}
+
+.btn.btn-slack.btn-neutral {
+ color: #3aaf85;
+ background-color: #fff;
+}
+
+.btn.btn-slack.btn-neutral:hover,
+.btn.btn-slack.btn-neutral:focus,
+.btn.btn-slack.btn-neutral:active {
+ color: #329874;
+}
+
+.table thead th {
+ padding: 0.75rem 1.5rem;
+ text-transform: capitalize;
+ letter-spacing: 0px;
+ border-bottom: 1px solid #f0f2f5;
+}
+
+.table th {
+ font-weight: 600;
+}
+
+.table td .progress {
+ height: 3px;
+ width: 120px;
+ margin: 0;
+}
+
+.table td .progress .progress-bar {
+ height: 3px;
+}
+
+.table td,
+.table th {
+ white-space: nowrap;
+}
+
+.table.align-items-center td,
+.table.align-items-center th {
+ vertical-align: middle;
+}
+
+.table tbody tr:last-child td {
+ border-width: 0;
+}
+
+.table> :not(:last-child)> :last-child>* {
+ border-bottom-color: #f0f2f5;
+}
+
+.table> :not(:first-child) {
+ border-top: 1px solid currentColor;
+}
+
+.timeline {
+ position: relative;
+}
+
+.timeline:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 1rem;
+ height: 100%;
+ border-right: 2px solid #e5e5e5;
+}
+
+.timeline.timeline-dark:before {
+ border-right-color: #4a4a4a;
+}
+
+.timeline-block {
+ position: relative;
+}
+
+.timeline-block:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.timeline-block:first-child {
+ margin-top: 0;
+}
+
+.timeline-block:last-child {
+ margin-bottom: 0;
+}
+
+.timeline-step {
+ position: absolute;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ left: 0;
+ width: 26px;
+ height: 26px;
+ border-radius: 50%;
+ background: #fff;
+ text-align: center;
+ transform: translateX(-50%);
+ font-size: 1rem;
+ font-weight: 600;
+ z-index: 1;
+}
+
+.timeline-step svg,
+.timeline-step i {
+ line-height: 1.4;
+}
+
+.timeline-content {
+ position: relative;
+ margin-left: 45px;
+ padding-top: 0.35rem;
+ position: relative;
+ top: -6px;
+}
+
+.timeline-content:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media (min-width: 992px) {
+ .timeline:before {
+ left: 50%;
+ margin-left: -1px;
+ }
+
+ .timeline-step {
+ left: 50%;
+ }
+
+ .timeline-content {
+ width: 38%;
+ }
+
+ .timeline-block:nth-child(even) .timeline-content {
+ float: right;
+ }
+}
+
+.timeline-one-side:before {
+ left: 1rem;
+}
+
+.timeline-one-side .timeline-step {
+ left: 1rem;
+}
+
+.timeline-one-side .timeline-content {
+ width: auto;
+}
+
+@media (min-width: 992px) {
+ .timeline-one-side .timeline-content {
+ max-width: 30rem;
+ }
+}
+
+.timeline-one-side .timeline-block:nth-child(even) .timeline-content {
+ float: none;
+}
+
+.tilt {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+}
+
+.tilt .up {
+ -webkit-transform: translateZ(50px) scale(0.7);
+ transform: translateZ(50px) scale(0.7) !important;
+ transition: all 0.5s;
+}
+
+.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,
+.bs-tooltip-right .tooltip-arrow {
+ left: 1px;
+}
+
+.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,
+.bs-tooltip-left .tooltip-arrow {
+ right: 1px;
+}
+
+html * {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+ font-weight: 400;
+ line-height: 1.6;
+}
+
+h1,
+.h1,
+.h1 {
+ font-size: 3rem;
+ line-height: 1.25;
+ letter-spacing: 0;
+}
+
+@media (max-width: 575.98px) {
+
+ h1,
+ .h1,
+ .h1 {
+ font-size: calc(1.425rem + 2.1vw);
+ }
+}
+
+h2,
+.h2,
+.h2 {
+ font-size: 2.25rem;
+ line-height: 1.3;
+ letter-spacing: 0.05rem;
+}
+
+@media (max-width: 575.98px) {
+
+ h2,
+ .h2,
+ .h2 {
+ font-size: calc(1.35rem + 1.2vw);
+ }
+}
+
+h3,
+.h3,
+.h3 {
+ font-size: 1.875rem;
+ line-height: 1.375;
+}
+
+@media (max-width: 575.98px) {
+
+ h3,
+ .h3,
+ .h3 {
+ font-size: calc(1.3125rem + 0.75vw);
+ }
+}
+
+h4,
+.h4,
+.h4 {
+ font-size: 1.5rem;
+ line-height: 1.375;
+}
+
+@media (max-width: 575.98px) {
+
+ h4,
+ .h4,
+ .h4 {
+ font-size: calc(1.275rem + 0.3vw);
+ }
+}
+
+h5,
+.h5,
+.h5 {
+ font-size: 1.25rem;
+ line-height: 1.375;
+}
+
+@media (max-width: 575.98px) {
+
+ h5,
+ .h5,
+ .h5 {
+ font-size: 1.25rem;
+ }
+}
+
+h6,
+.h6,
+.h6 {
+ font-size: 1rem;
+ line-height: 1.625;
+}
+
+p,
+.p {
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.6;
+}
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1.625;
+}
+
+h1,
+.h1,
+.h1,
+h2,
+.h2,
+.h2,
+h3,
+.h3,
+.h3 {
+ font-weight: 600;
+ font-family: var(--bs-font-sans-serif);
+}
+
+h4,
+.h4,
+.h4,
+h5,
+.h5,
+.h5,
+h6,
+.h6,
+.h6 {
+ font-weight: 600;
+}
+
+h1,
+.h1,
+.h1,
+h2,
+.h2,
+.h2,
+h3,
+.h3,
+.h3,
+h4,
+.h4,
+.h4 {
+ letter-spacing: -0.05rem;
+}
+
+a {
+ letter-spacing: 0rem;
+ color: #344767;
+}
+
+.text-sm {
+ line-height: 1.5;
+}
+
+.text-xs {
+ line-height: 1.25;
+}
+
+p,
+.p {
+ font-size: 1rem;
+}
+
+.lead {
+ font-size: 1.25rem;
+}
+
+.text-lg {
+ font-size: 1.125rem !important;
+}
+
+.text-md {
+ font-size: 1rem !important;
+}
+
+.text-sm {
+ font-size: 0.875rem !important;
+}
+
+.text-xs {
+ font-size: 0.75rem !important;
+}
+
+.text-xxs {
+ font-size: 0.65rem !important;
+}
+
+p {
+ line-height: 1.625;
+ font-weight: 300;
+}
+
+.text-sans-serif {
+ font-family: "Roboto", Helvetica, Arial, sans-serif !important;
+}
+
+.text-monospace {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+}
+
+.text-justify {
+ text-align: justify !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.font-weight-light {
+ font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+ font-weight: lighter !important;
+}
+
+.font-weight-normal {
+ font-weight: 400 !important;
+}
+
+.font-weight-bold {
+ font-weight: 600 !important;
+}
+
+.font-weight-bolder {
+ font-weight: 700 !important;
+}
+
+.font-italic {
+ font-style: italic !important;
+}
+
+.text-gradient {
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ position: relative;
+ z-index: 1;
+}
+
+.text-gradient.text-primary {
+ background-image: linear-gradient(195deg, #EC407A, #D81B60);
+}
+
+.text-gradient.text-info {
+ background-image: linear-gradient(195deg, #49a3f1, #1A73E8);
+}
+
+.text-gradient.text-success {
+ background-image: linear-gradient(195deg, #66BB6A, #43A047);
+}
+
+.text-gradient.text-warning {
+ background-image: linear-gradient(195deg, #FFA726, #FB8C00);
+}
+
+.text-gradient.text-danger {
+ background-image: linear-gradient(195deg, #EF5350, #E53935);
+}
+
+.text-gradient.text-dark {
+ background-image: linear-gradient(195deg, #42424a, #191919);
+}
+
+.blockquote {
+ border-left: 3px solid #6c757d;
+}
+
+.blockquote>span {
+ font-style: italic;
+}
+
+.text-muted {
+ color: #7b809a !important;
+}
+
+.text-black-50 {
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-break {
+ word-wrap: break-word !important;
+}
+
+.text-reset {
+ color: inherit !important;
+}
+
+.letter-wider {
+ letter-spacing: 0.05rem;
+}
+
+.letter-normal {
+ letter-spacing: 0rem;
+}
+
+.letter-tighter {
+ letter-spacing: -0.05rem;
+}
+
+.text-lighter {
+ font-weight: lighter;
+}
+
+.text-light {
+ font-weight: 300;
+}
+
+.text-normal {
+ font-weight: 400;
+}
+
+.text-bold {
+ font-weight: 600;
+}
+
+.text-bolder {
+ font-weight: 700;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+}
+
+.text-4xl {
+ font-size: 2rem;
+}
+
+.text-5xl {
+ font-size: 2.25rem;
+}
+
+.text-6xl {
+ font-size: 3rem;
+}
+
+.text-7xl {
+ font-size: 3.75rem;
+}
+
+.text-8xl {
+ font-size: 4rem;
+}
+
+.text-9xl {
+ font-size: 5rem;
+}
+
+.flatpickr-calendar {
+ background: transparent;
+ opacity: 0;
+ display: none;
+ text-align: center;
+ visibility: hidden;
+ padding: 0;
+ -webkit-animation: none;
+ animation: none;
+ direction: ltr;
+ border: 0;
+ font-size: 14px;
+ line-height: 24px;
+ border-radius: 0.75rem;
+ position: absolute;
+ width: 307.875px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ background: #fff;
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ transform: scale(0.95) !important;
+}
+
+.flatpickr-calendar.open,
+.flatpickr-calendar.inline {
+ opacity: 1;
+ max-height: 640px;
+ visibility: visible;
+ transform: scale(1) !important;
+}
+
+.flatpickr-calendar.open {
+ display: inline-block;
+ z-index: 99999;
+}
+
+.flatpickr-calendar.animate.open {
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+
+.flatpickr-calendar.inline {
+ display: block;
+ position: relative;
+ top: 2px;
+}
+
+.flatpickr-calendar.static {
+ position: absolute;
+ top: calc(100% + 2px);
+}
+
+.flatpickr-calendar.static.open {
+ z-index: 999;
+ display: block;
+}
+
+.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
+ -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+
+.flatpickr-calendar .hasWeeks .dayContainer,
+.flatpickr-calendar .hasTime .dayContainer {
+ border-bottom: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.flatpickr-calendar .hasWeeks .dayContainer {
+ border-left: 0;
+}
+
+.flatpickr-calendar.hasTime .flatpickr-time {
+ height: 40px;
+ border-top: 1px solid #e6e6e6;
+}
+
+.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
+ height: auto;
+}
+
+.flatpickr-calendar:before,
+.flatpickr-calendar:after {
+ position: absolute;
+ display: block;
+ pointer-events: none;
+ border: solid transparent;
+ content: '';
+ height: 0;
+ width: 0;
+ left: 22px;
+}
+
+.flatpickr-calendar.rightMost:before,
+.flatpickr-calendar.arrowRight:before,
+.flatpickr-calendar.rightMost:after,
+.flatpickr-calendar.arrowRight:after {
+ left: auto;
+ right: 22px;
+}
+
+.flatpickr-calendar.arrowCenter:before,
+.flatpickr-calendar.arrowCenter:after {
+ left: 50%;
+ right: 50%;
+}
+
+.flatpickr-calendar:before {
+ border-width: 5px;
+ margin: 0 -5px;
+}
+
+.flatpickr-calendar:after {
+ border-width: 4px;
+ margin: 0 -4px;
+}
+
+.flatpickr-calendar.arrowTop:before,
+.flatpickr-calendar.arrowTop:after {
+ bottom: 100%;
+}
+
+.flatpickr-calendar.arrowTop:before {
+ border-bottom-color: #fff;
+}
+
+.flatpickr-calendar.arrowTop:after {
+ border-bottom-color: #fff;
+}
+
+.flatpickr-calendar.arrowBottom:before,
+.flatpickr-calendar.arrowBottom:after {
+ top: 100%;
+}
+
+.flatpickr-calendar.arrowBottom:before {
+ border-top-color: #e6e6e6;
+}
+
+.flatpickr-calendar.arrowBottom:after {
+ border-top-color: #fff;
+}
+
+.flatpickr-calendar:focus {
+ outline: 0;
+}
+
+.flatpickr-wrapper {
+ position: relative;
+ display: inline-block;
+}
+
+.flatpickr-months {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.flatpickr-months .flatpickr-month {
+ background: transparent;
+ color: #344767;
+ fill: rgba(0, 0, 0, 0.8);
+ height: 34px;
+ line-height: 1;
+ text-align: center;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: hidden;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+ text-decoration: none;
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ height: 34px;
+ padding: 10px;
+ z-index: 3;
+ color: rgba(0, 0, 0, 0.9);
+ fill: rgba(0, 0, 0, 0.9);
+}
+
+.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
+.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
+ display: none;
+}
+
+.flatpickr-months .flatpickr-prev-month i,
+.flatpickr-months .flatpickr-next-month i {
+ position: relative;
+}
+
+.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
+ /*
+ /*rtl:begin:ignore*/
+ /*
+ */
+ left: 0;
+ /*
+ /*rtl:end:ignore*/
+ /*
+ */
+}
+
+/*
+ /*rtl:begin:ignore*/
+/*
+ /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
+ /*
+ /*rtl:begin:ignore*/
+ /*
+ */
+ right: 0;
+ /*
+ /*rtl:end:ignore*/
+ /*
+ */
+}
+
+/*
+ /*rtl:begin:ignore*/
+/*
+ /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,
+.flatpickr-months .flatpickr-next-month:hover {
+ color: #959ea9;
+}
+
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+ fill: #f64747;
+}
+
+.flatpickr-months .flatpickr-prev-month svg,
+.flatpickr-months .flatpickr-next-month svg {
+ width: 14px;
+ height: 14px;
+}
+
+.flatpickr-months .flatpickr-prev-month svg path,
+.flatpickr-months .flatpickr-next-month svg path {
+ -webkit-transition: fill 0.1s;
+ transition: fill 0.1s;
+ fill: inherit;
+}
+
+.numInputWrapper {
+ position: relative;
+ height: auto;
+}
+
+.numInputWrapper input,
+.numInputWrapper span {
+ display: inline-block;
+}
+
+.numInputWrapper input {
+ width: 100%;
+}
+
+.numInputWrapper input::-ms-clear {
+ display: none;
+}
+
+.numInputWrapper input::-webkit-outer-spin-button,
+.numInputWrapper input::-webkit-inner-spin-button {
+ margin: 0;
+ -webkit-appearance: none;
+}
+
+.numInputWrapper span {
+ position: absolute;
+ right: 0;
+ width: 14px;
+ padding: 0 4px 0 2px;
+ height: 50%;
+ line-height: 50%;
+ opacity: 0;
+ cursor: pointer;
+ border: 1px solid rgba(57, 57, 57, 0.15);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.numInputWrapper span:hover {
+ background: rgba(0, 0, 0, 0.1);
+}
+
+.numInputWrapper span:active {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.numInputWrapper span:after {
+ display: block;
+ content: "";
+ position: absolute;
+}
+
+.numInputWrapper span.arrowUp {
+ top: 0;
+ border-bottom: 0;
+}
+
+.numInputWrapper span.arrowUp:after {
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-bottom: 4px solid rgba(57, 57, 57, 0.6);
+ top: 26%;
+}
+
+.numInputWrapper span.arrowDown {
+ top: 50%;
}
-.nav-tabs>li.disabled>a,
-.nav-tabs>li.disabled>a:hover {
- color: rgba(255, 255, 255, 0.5);
+.numInputWrapper span.arrowDown:after {
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid rgba(57, 57, 57, 0.6);
+ top: 40%;
}
-.nav-tabs>li .material-icons {
- margin: -1px 5px 0 0;
+.numInputWrapper span svg {
+ width: inherit;
+ height: auto;
}
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus {
- background-color: rgba(255, 255, 255, 0.2);
- transition: background-color .1s .2s;
+.numInputWrapper span svg path {
+ fill: rgba(0, 0, 0, 0.5);
}
-.ct-label {
- fill: rgba(0, 0, 0, 0.4);
- color: rgba(0, 0, 0, 0.4);
- font-size: 1.3rem;
- line-height: 1;
+.numInputWrapper:hover {
+ background: rgba(0, 0, 0, 0.05);
}
-.ct-chart-line .ct-label,
-.ct-chart-bar .ct-label {
- display: block;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
+.numInputWrapper:hover span {
+ opacity: 1;
}
-.ct-label.ct-horizontal.ct-start {
- -webkit-box-align: flex-end;
- -webkit-align-items: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
- -webkit-box-pack: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
- justify-content: flex-start;
- text-align: left;
- text-anchor: start;
-}
-
-.ct-label.ct-horizontal.ct-end {
- -webkit-box-align: flex-start;
- -webkit-align-items: flex-start;
- -ms-flex-align: flex-start;
- align-items: flex-start;
- -webkit-box-pack: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
- justify-content: flex-start;
- text-align: left;
- text-anchor: start;
-}
-
-.ct-label.ct-vertical.ct-start {
- -webkit-box-align: flex-end;
- -webkit-align-items: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
- -webkit-box-pack: flex-end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: flex-end;
- justify-content: flex-end;
- text-align: right;
- text-anchor: end;
-}
-
-.ct-label.ct-vertical.ct-end {
- -webkit-box-align: flex-end;
- -webkit-align-items: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
- -webkit-box-pack: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
- justify-content: flex-start;
- text-align: left;
- text-anchor: start;
-}
-
-.ct-chart-bar .ct-label.ct-horizontal.ct-start {
- -webkit-box-align: flex-end;
- -webkit-align-items: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-align: center;
- text-anchor: start;
-}
-
-.ct-chart-bar .ct-label.ct-horizontal.ct-end {
- -webkit-box-align: flex-start;
- -webkit-align-items: flex-start;
- -ms-flex-align: flex-start;
- align-items: flex-start;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-align: center;
- text-anchor: start;
-}
-
-.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
- -webkit-box-align: flex-end;
- -webkit-align-items: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
- -webkit-box-pack: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
- justify-content: flex-start;
- text-align: left;
- text-anchor: start;
-}
-
-.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
- -webkit-box-align: flex-start;
- -webkit-align-items: flex-start;
- -ms-flex-align: flex-start;
- align-items: flex-start;
- -webkit-box-pack: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
- justify-content: flex-start;
- text-align: left;
- text-anchor: start;
-}
-
-.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: flex-end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: flex-end;
- justify-content: flex-end;
- text-align: right;
- text-anchor: end;
-}
-
-.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: flex-start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: flex-start;
- justify-content: flex-start;
- text-align: left;
- text-anchor: end;
+.flatpickr-current-month {
+ font-size: 135%;
+ line-height: inherit;
+ font-weight: 300;
+ color: inherit;
+ position: absolute;
+ width: 75%;
+ left: 12.5%;
+ padding: 7.48px 0 0 0;
+ line-height: 1;
+ height: 34px;
+ display: inline-block;
+ text-align: center;
+ -webkit-transform: translate3d(0px, 0px, 0px);
+ transform: translate3d(0px, 0px, 0px);
}
-.ct-grid {
- stroke: rgba(0, 0, 0, 0.2);
- stroke-width: 1px;
- stroke-dasharray: 2px;
+.flatpickr-current-month span.cur-month {
+ font-family: inherit;
+ font-weight: 700;
+ color: inherit;
+ display: inline-block;
+ margin-left: 0.5ch;
+ padding: 0;
}
-.ct-point {
- stroke-width: 8px;
- stroke-linecap: round;
+.flatpickr-current-month span.cur-month:hover {
+ background: rgba(0, 0, 0, 0.05);
}
-.ct-line {
- fill: none;
- stroke-width: 3px;
+.flatpickr-current-month .numInputWrapper {
+ width: 6ch;
+ width: 7ch\0;
+ display: inline-block;
}
-.ct-area {
- stroke: none;
- fill-opacity: 0.8;
+.flatpickr-current-month .numInputWrapper span.arrowUp:after {
+ border-bottom-color: rgba(0, 0, 0, 0.9);
}
-.ct-bar {
- fill: none;
- stroke-width: 10px;
+.flatpickr-current-month .numInputWrapper span.arrowDown:after {
+ border-top-color: rgba(0, 0, 0, 0.9);
}
-.ct-slice-donut {
- fill: none;
- stroke-width: 60px;
+.flatpickr-current-month input.cur-year {
+ background: transparent;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: inherit;
+ cursor: text;
+ padding: 0 0 0 0.5ch;
+ margin: 0;
+ display: inline-block;
+ font-size: inherit;
+ font-family: inherit;
+ font-weight: 300;
+ line-height: inherit;
+ height: auto;
+ border: 0;
+ border-radius: 0;
+ vertical-align: initial;
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+}
+
+.flatpickr-current-month input.cur-year:focus {
+ outline: 0;
+}
+
+.flatpickr-current-month input.cur-year[disabled],
+.flatpickr-current-month input.cur-year[disabled]:hover {
+ font-size: 100%;
+ color: rgba(0, 0, 0, 0.5);
+ background: transparent;
+ pointer-events: none;
+}
+
+.flatpickr-current-month .flatpickr-monthDropdown-months {
+ appearance: menulist;
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ box-sizing: border-box;
+ color: inherit;
+ cursor: pointer;
+ font-size: inherit;
+ font-family: inherit;
+ font-weight: 300;
+ height: auto;
+ line-height: inherit;
+ margin: -1px 0 0 0;
+ outline: none;
+ padding: 0 0 0 0.5ch;
+ position: relative;
+ vertical-align: initial;
+ -webkit-box-sizing: border-box;
+ -webkit-appearance: menulist;
+ -moz-appearance: menulist;
+ width: auto;
+}
+
+.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
+.flatpickr-current-month .flatpickr-monthDropdown-months:active {
+ outline: none;
+}
+
+.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
+ background: rgba(0, 0, 0, 0.05);
+}
+
+.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
+ background-color: transparent;
+ outline: none;
+ padding: 0;
+}
+
+.flatpickr-weekdays {
+ background: transparent;
+ text-align: center;
+ overflow: hidden;
+ width: 100%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 28px;
+}
+
+.flatpickr-weekdays .flatpickr-weekdaycontainer {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+span.flatpickr-weekday {
+ cursor: default;
+ font-size: 90%;
+ background: transparent;
+ color: rgba(0, 0, 0, 0.54);
+ line-height: 1;
+ margin: 0;
+ text-align: center;
+ display: block;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ font-weight: bolder;
+}
+
+.dayContainer,
+.flatpickr-weeks {
+ padding: 1px 0 0 0;
+}
+
+.flatpickr-days {
+ position: relative;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ width: 307.875px;
+}
+
+.flatpickr-days:focus {
+ outline: 0;
+}
+
+.dayContainer {
+ padding: 0;
+ outline: 0;
+ text-align: left;
+ width: 307.875px;
+ min-width: 307.875px;
+ max-width: 307.875px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ display: -ms-flexbox;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-around;
+ justify-content: space-around;
+ -webkit-transform: translate3d(0px, 0px, 0px);
+ transform: translate3d(0px, 0px, 0px);
+ opacity: 1;
+}
+
+.dayContainer+.dayContainer {
+ -webkit-box-shadow: -1px 0 0 #e6e6e6;
+ box-shadow: -1px 0 0 #e6e6e6;
+}
+
+.flatpickr-day {
+ background: none;
+ border: 1px solid transparent;
+ border-radius: 150px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #344767;
+ cursor: pointer;
+ font-weight: 400;
+ width: 14.2857143%;
+ -webkit-flex-basis: 14.2857143%;
+ -ms-flex-preferred-size: 14.2857143%;
+ flex-basis: 14.2857143%;
+ max-width: 39px;
+ height: 39px;
+ line-height: 39px;
+ margin: 0;
+ display: inline-block;
+ position: relative;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-align: center;
+}
+
+.flatpickr-day.inRange,
+.flatpickr-day.prevMonthDay.inRange,
+.flatpickr-day.nextMonthDay.inRange,
+.flatpickr-day.today.inRange,
+.flatpickr-day.prevMonthDay.today.inRange,
+.flatpickr-day.nextMonthDay.today.inRange,
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.nextMonthDay:hover,
+.flatpickr-day:focus,
+.flatpickr-day.prevMonthDay:focus,
+.flatpickr-day.nextMonthDay:focus {
+ cursor: pointer;
+ outline: 0;
+ background: #e6e6e6;
+ border-color: #e6e6e6;
+}
+
+.flatpickr-day.today {
+ border-color: #959ea9;
+}
+
+.flatpickr-day.today:hover,
+.flatpickr-day.today:focus {
+ border-color: #959ea9;
+ background: #959ea9;
+ color: #fff;
+}
+
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.endRange,
+.flatpickr-day.selected.inRange,
+.flatpickr-day.startRange.inRange,
+.flatpickr-day.endRange.inRange,
+.flatpickr-day.selected:focus,
+.flatpickr-day.startRange:focus,
+.flatpickr-day.endRange:focus,
+.flatpickr-day.selected:hover,
+.flatpickr-day.startRange:hover,
+.flatpickr-day.endRange:hover,
+.flatpickr-day.selected.prevMonthDay,
+.flatpickr-day.startRange.prevMonthDay,
+.flatpickr-day.endRange.prevMonthDay,
+.flatpickr-day.selected.nextMonthDay,
+.flatpickr-day.startRange.nextMonthDay,
+.flatpickr-day.endRange.nextMonthDay {
+ background: #569ff7;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ border-color: #569ff7;
+}
+
+.flatpickr-day.selected.startRange,
+.flatpickr-day.startRange.startRange,
+.flatpickr-day.endRange.startRange {
+ border-radius: 50px 0 0 50px;
+}
+
+.flatpickr-day.selected.endRange,
+.flatpickr-day.startRange.endRange,
+.flatpickr-day.endRange.endRange {
+ border-radius: 0 50px 50px 0;
+}
+
+.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
+.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
+.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
+ -webkit-box-shadow: -10px 0 0 #569ff7;
+ box-shadow: -10px 0 0 #569ff7;
+}
+
+.flatpickr-day.selected.startRange.endRange,
+.flatpickr-day.startRange.startRange.endRange,
+.flatpickr-day.endRange.startRange.endRange {
+ border-radius: 50px;
+}
+
+.flatpickr-day.inRange {
+ border-radius: 0;
+ -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+ box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover,
+.flatpickr-day.prevMonthDay,
+.flatpickr-day.nextMonthDay,
+.flatpickr-day.notAllowed,
+.flatpickr-day.notAllowed.prevMonthDay,
+.flatpickr-day.notAllowed.nextMonthDay {
+ color: rgba(57, 57, 57, 0.3);
+ background: transparent;
+ border-color: transparent;
+ cursor: default;
+}
+
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover {
+ cursor: not-allowed;
+ color: rgba(57, 57, 57, 0.1);
}
-.ct-series-a .ct-point,
-.ct-series-a .ct-line,
-.ct-series-a .ct-bar,
-.ct-series-a .ct-slice-donut {
- stroke: #00bcd4;
+.flatpickr-day.week.selected {
+ border-radius: 0;
+ -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
+ box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
-.ct-series-a .ct-slice-pie,
-.ct-series-a .ct-area {
- fill: #00bcd4;
+.flatpickr-day.hidden {
+ visibility: hidden;
}
-.ct-series-b .ct-point,
-.ct-series-b .ct-line,
-.ct-series-b .ct-bar,
-.ct-series-b .ct-slice-donut {
- stroke: #f44336;
+.rangeMode .flatpickr-day {
+ margin-top: 1px;
}
-.ct-series-b .ct-slice-pie,
-.ct-series-b .ct-area {
- fill: #f44336;
+.flatpickr-weekwrapper {
+ float: left;
}
-.ct-series-c .ct-point,
-.ct-series-c .ct-line,
-.ct-series-c .ct-bar,
-.ct-series-c .ct-slice-donut {
- stroke: #ff9800;
+.flatpickr-weekwrapper .flatpickr-weeks {
+ padding: 0 12px;
+ -webkit-box-shadow: 1px 0 0 #e6e6e6;
+ box-shadow: 1px 0 0 #e6e6e6;
}
-.ct-series-c .ct-slice-pie,
-.ct-series-c .ct-area {
- fill: #ff9800;
+.flatpickr-weekwrapper .flatpickr-weekday {
+ float: none;
+ width: 100%;
+ line-height: 28px;
}
-.ct-series-d .ct-point,
-.ct-series-d .ct-line,
-.ct-series-d .ct-bar,
-.ct-series-d .ct-slice-donut {
- stroke: #9c27b0;
+.flatpickr-weekwrapper span.flatpickr-day,
+.flatpickr-weekwrapper span.flatpickr-day:hover {
+ display: block;
+ width: 100%;
+ max-width: none;
+ color: rgba(57, 57, 57, 0.3);
+ background: transparent;
+ cursor: default;
+ border: none;
}
-.ct-series-d .ct-slice-pie,
-.ct-series-d .ct-area {
- fill: #9c27b0;
+.flatpickr-innerContainer {
+ display: block;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
}
-.ct-series-e .ct-point,
-.ct-series-e .ct-line,
-.ct-series-e .ct-bar,
-.ct-series-e .ct-slice-donut {
- stroke: #4caf50;
+.flatpickr-rContainer {
+ display: inline-block;
+ padding: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
-.ct-series-e .ct-slice-pie,
-.ct-series-e .ct-area {
- fill: #4caf50;
+.flatpickr-time {
+ text-align: center;
+ outline: 0;
+ display: block;
+ height: 0;
+ line-height: 40px;
+ max-height: 40px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
}
-.ct-series-f .ct-point,
-.ct-series-f .ct-line,
-.ct-series-f .ct-bar,
-.ct-series-f .ct-slice-donut {
- stroke: #9C9B99;
+.flatpickr-time:after {
+ content: "";
+ display: table;
+ clear: both;
}
-.ct-series-f .ct-slice-pie,
-.ct-series-f .ct-area {
- fill: #9C9B99;
+.flatpickr-time .numInputWrapper {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 40%;
+ height: 40px;
+ float: left;
}
-.ct-series-g .ct-point,
-.ct-series-g .ct-line,
-.ct-series-g .ct-bar,
-.ct-series-g .ct-slice-donut {
- stroke: #999999;
+.flatpickr-time .numInputWrapper span.arrowUp:after {
+ border-bottom-color: #393939;
}
-.ct-series-g .ct-slice-pie,
-.ct-series-g .ct-area {
- fill: #999999;
+.flatpickr-time .numInputWrapper span.arrowDown:after {
+ border-top-color: #393939;
}
-.ct-series-h .ct-point,
-.ct-series-h .ct-line,
-.ct-series-h .ct-bar,
-.ct-series-h .ct-slice-donut {
- stroke: #dd4b39;
+.flatpickr-time.hasSeconds .numInputWrapper {
+ width: 26%;
}
-.ct-series-h .ct-slice-pie,
-.ct-series-h .ct-area {
- fill: #dd4b39;
+.flatpickr-time.time24hr .numInputWrapper {
+ width: 49%;
}
-.ct-series-i .ct-point,
-.ct-series-i .ct-line,
-.ct-series-i .ct-bar,
-.ct-series-i .ct-slice-donut {
- stroke: #35465c;
+.flatpickr-time input {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 0;
+ border-radius: 0;
+ text-align: center;
+ margin: 0;
+ padding: 0;
+ height: inherit;
+ line-height: inherit;
+ color: #393939;
+ font-size: 14px;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
}
-.ct-series-i .ct-slice-pie,
-.ct-series-i .ct-area {
- fill: #35465c;
+.flatpickr-time input.flatpickr-hour {
+ font-weight: bold;
+}
+
+.flatpickr-time input.flatpickr-minute,
+.flatpickr-time input.flatpickr-second {
+ font-weight: 400;
}
-.ct-series-j .ct-point,
-.ct-series-j .ct-line,
-.ct-series-j .ct-bar,
-.ct-series-j .ct-slice-donut {
- stroke: #e52d27;
+.flatpickr-time input:focus {
+ outline: 0;
+ border: 0;
}
-.ct-series-j .ct-slice-pie,
-.ct-series-j .ct-area {
- fill: #e52d27;
+.flatpickr-time .flatpickr-time-separator,
+.flatpickr-time .flatpickr-am-pm {
+ height: inherit;
+ float: left;
+ line-height: inherit;
+ color: #393939;
+ font-weight: bold;
+ width: 2%;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center;
}
-.ct-series-k .ct-point,
-.ct-series-k .ct-line,
-.ct-series-k .ct-bar,
-.ct-series-k .ct-slice-donut {
- stroke: #55acee;
+.flatpickr-time .flatpickr-am-pm {
+ outline: 0;
+ width: 18%;
+ cursor: pointer;
+ text-align: center;
+ font-weight: 400;
}
-.ct-series-k .ct-slice-pie,
-.ct-series-k .ct-area {
- fill: #55acee;
+.flatpickr-time input:hover,
+.flatpickr-time .flatpickr-am-pm:hover,
+.flatpickr-time input:focus,
+.flatpickr-time .flatpickr-am-pm:focus {
+ background: #eee;
}
-.ct-series-l .ct-point,
-.ct-series-l .ct-line,
-.ct-series-l .ct-bar,
-.ct-series-l .ct-slice-donut {
- stroke: #cc2127;
+.flatpickr-input[readonly] {
+ cursor: pointer;
}
-.ct-series-l .ct-slice-pie,
-.ct-series-l .ct-area {
- fill: #cc2127;
+@-webkit-keyframes fpFadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
-.ct-series-m .ct-point,
-.ct-series-m .ct-line,
-.ct-series-m .ct-bar,
-.ct-series-m .ct-slice-donut {
- stroke: #1769ff;
+@keyframes fpFadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
}
-.ct-series-m .ct-slice-pie,
-.ct-series-m .ct-area {
- fill: #1769ff;
+.datepicker.flatpickr-input {
+ background-color: #fff;
}
-.ct-series-n .ct-point,
-.ct-series-n .ct-line,
-.ct-series-n .ct-bar,
-.ct-series-n .ct-slice-donut {
- stroke: #6188e2;
+.flatpickr-calendar.open {
+ margin-left: 0px;
+ margin-top: 4px;
}
-.ct-series-n .ct-slice-pie,
-.ct-series-n .ct-area {
- fill: #6188e2;
+.flatpickr-calendar.arrowBottom {
+ margin-top: -20px;
}
-.ct-series-o .ct-point,
-.ct-series-o .ct-line,
-.ct-series-o .ct-bar,
-.ct-series-o .ct-slice-donut {
- stroke: #a748ca;
+.flatpickr-calendar .flatpickr-innerContainer {
+ margin-top: 15px !important;
}
-.ct-series-o .ct-slice-pie,
-.ct-series-o .ct-area {
- fill: #a748ca;
+.flatpickr-calendar .numInputWrapper span {
+ border: none;
+ border-bottom: 1px solid rgba(57, 57, 57, 0.15);
}
-.ct-square {
- display: block;
- position: relative;
- width: 100%;
+.flatpickr-calendar .numInputWrapper:hover .arrowUp,
+.flatpickr-calendar .numInputWrapper:hover .arrowDown {
+ margin-top: 3px;
}
-.ct-square:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 100%;
+.flatpickr-calendar .flatpickr-day.today,
+.flatpickr-calendar .flatpickr-day.selected,
+.flatpickr-calendar .flatpickr-day.startRange,
+.flatpickr-calendar .flatpickr-day.endRange {
+ background: #e91e63 !important;
+ color: #fff;
+ border: none;
}
-.ct-square:after {
- content: "";
- display: table;
- clear: both;
+.flatpickr-calendar .flatpickr-day.inRange {
+ background: rgba(94, 114, 228, 0.28);
+ border: none;
+ -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
+ box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
}
-.ct-square>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.flatpickr-calendar .flatpickr-day:not(.selected):hover,
+.flatpickr-calendar .flatpickr-day:not(.selected):focus {
+ background: rgba(94, 114, 228, 0.28);
+ border: none;
}
-.ct-minor-second {
- display: block;
- position: relative;
- width: 100%;
+.flatpickr-calendar .flatpickr-time input:hover,
+.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
+.flatpickr-calendar .flatpickr-time input:focus,
+.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
+ background: rgba(94, 114, 228, 0.28);
}
-.ct-minor-second:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 93.75%;
+.flatpickr.form-control {
+ background: #fff;
}
-.ct-minor-second:after {
- content: "";
- display: table;
- clear: both;
+.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
+.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
+.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
+ box-shadow: -10px 0 0 #e91e63;
}
-.ct-minor-second>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+/*! nouislider - 14.6.3 - 11/19/2020 */
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+ -webkit-touch-callout: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ -webkit-user-select: none;
+ -ms-touch-action: none;
+ touch-action: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
-.ct-major-second {
- display: block;
- position: relative;
- width: 100%;
+.noUi-target {
+ position: relative;
}
-.ct-major-second:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 88.88889%;
+.noUi-base,
+.noUi-connects {
+ width: 100%;
+ height: 2px;
+ position: relative;
+ z-index: 1;
+ top: 0;
}
-.ct-major-second:after {
- content: "";
- display: table;
- clear: both;
+/* Wrapper for all connect elements.
+ */
+.noUi-connects {
+ z-index: 0;
+ overflow: hidden;
}
-.ct-major-second>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-connect,
+.noUi-origin {
+ will-change: transform;
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ -ms-transform-origin: 0 0;
+ -webkit-transform-origin: 0 0;
+ -webkit-transform-style: preserve-3d;
+ transform-origin: 0 0;
+ transform-style: flat;
}
-.ct-minor-third {
- display: block;
- position: relative;
- width: 100%;
+.noUi-connect {
+ height: 100%;
+ width: 100%;
+ border-radius: 0.25rem;
}
-.ct-minor-third:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 83.33333%;
+.noUi-origin {
+ height: 10%;
+ width: 10%;
}
-.ct-minor-third:after {
- content: "";
- display: table;
- clear: both;
+/* Offset direction
+ */
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
+ left: 0;
+ right: auto;
}
-.ct-minor-third>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+/* Give origins 0 height/width so they don't interfere with clicking the
+ * connect elements.
+ */
+.noUi-vertical .noUi-origin {
+ width: 0;
}
-.ct-major-third {
- display: block;
- position: relative;
- width: 100%;
+.noUi-horizontal .noUi-origin {
+ height: 0;
}
-.ct-major-third:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 80%;
+.noUi-handle {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ position: absolute;
}
-.ct-major-third:after {
- content: "";
- display: table;
- clear: both;
+.noUi-touch-area {
+ height: 100%;
+ width: 100%;
}
-.ct-major-third>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+ -webkit-transition: transform 0.3s;
+ transition: transform 0.3s;
}
-.ct-perfect-fourth {
- display: block;
- position: relative;
- width: 100%;
+.noUi-state-drag * {
+ cursor: inherit !important;
}
-.ct-perfect-fourth:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 75%;
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+ height: 2px;
}
-.ct-perfect-fourth:after {
- content: "";
- display: table;
- clear: both;
+.noUi-horizontal .noUi-handle {
+ border-radius: 50%;
+ background-color: #fff;
+ box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2);
+ height: 14px;
+ width: 14px;
+ cursor: pointer;
+ margin-top: -6px;
+ outline: none;
+ right: -10px;
}
-.ct-perfect-fourth>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-vertical {
+ width: 3px;
}
-.ct-perfect-fifth {
- display: block;
- position: relative;
- width: 100%;
+.noUi-vertical .noUi-handle {
+ width: 28px;
+ height: 34px;
+ right: -6px;
+ top: -17px;
}
-.ct-perfect-fifth:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 66.66667%;
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
+ left: -17px;
+ right: auto;
}
-.ct-perfect-fifth:after {
- content: "";
- display: table;
- clear: both;
+/* Styling;
+ * Giving the connect element a border radius causes issues with using transform: scale
+ */
+.noUi-target {
+ background: #f0f2f5;
+ border-radius: .25rem;
}
-.ct-perfect-fifth>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-connects {
+ border-radius: 3px;
}
-.ct-minor-sixth {
- display: block;
- position: relative;
- width: 100%;
+.noUi-connect {
+ background: #e91e63;
}
-.ct-minor-sixth:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 62.5%;
+/* Handles and cursors;
+ */
+.noUi-draggable {
+ cursor: ew-resize;
}
-.ct-minor-sixth:after {
- content: "";
- display: table;
- clear: both;
+.noUi-vertical .noUi-draggable {
+ cursor: ns-resize;
}
-.ct-minor-sixth>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-handle {
+ border: 1px solid #e91e63;
+ border-radius: 3px;
+ background: #fff;
+ cursor: default;
+ box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
+ webkit-transition: .3s ease 0s;
+ -moz-transition: .3s ease 0s;
+ -ms-transition: .3s ease 0s;
+ -o-transform: .3s ease 0s;
+ transition: .3s ease 0s;
}
-.ct-golden-section {
- display: block;
- position: relative;
- width: 100%;
+.noUi-active {
+ box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
+ transform: scale3d(1.5, 1.5, 1);
}
-.ct-golden-section:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 61.8047%;
+/* Disabled state;
+ */
+[disabled] .noUi-connect {
+ background: #B8B8B8;
}
-.ct-golden-section:after {
- content: "";
- display: table;
- clear: both;
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+ cursor: not-allowed;
}
-.ct-golden-section>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
-.ct-major-sixth {
- display: block;
- position: relative;
- width: 100%;
+.noUi-pips {
+ position: absolute;
+ color: #999;
}
-.ct-major-sixth:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 60%;
+/* Values;
+ *
+ */
+.noUi-value {
+ position: absolute;
+ white-space: nowrap;
+ text-align: center;
}
-.ct-major-sixth:after {
- content: "";
- display: table;
- clear: both;
+.noUi-value-sub {
+ color: #ccc;
+ font-size: 10px;
}
-.ct-major-sixth>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+/* Markings;
+ *
+ */
+.noUi-marker {
+ position: absolute;
+ background: #CCC;
}
-.ct-minor-seventh {
- display: block;
- position: relative;
- width: 100%;
+.noUi-marker-sub {
+ background: #AAA;
}
-.ct-minor-seventh:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 56.25%;
+.noUi-marker-large {
+ background: #AAA;
}
-.ct-minor-seventh:after {
- content: "";
- display: table;
- clear: both;
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+ padding: 10px 0;
+ height: 80px;
+ top: 100%;
+ left: 0;
+ width: 100%;
}
-.ct-minor-seventh>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-value-horizontal {
+ -webkit-transform: translate(-50%, 50%);
+ transform: translate(-50%, 50%);
}
-.ct-major-seventh {
- display: block;
- position: relative;
- width: 100%;
+.noUi-rtl .noUi-value-horizontal {
+ -webkit-transform: translate(50%, 50%);
+ transform: translate(50%, 50%);
}
-.ct-major-seventh:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 53.33333%;
+.noUi-marker-horizontal.noUi-marker {
+ margin-left: -1px;
+ width: 2px;
+ height: 5px;
}
-.ct-major-seventh:after {
- content: "";
- display: table;
- clear: both;
+.noUi-marker-horizontal.noUi-marker-sub {
+ height: 10px;
}
-.ct-major-seventh>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-marker-horizontal.noUi-marker-large {
+ height: 15px;
}
-.ct-octave {
- display: block;
- position: relative;
- width: 100%;
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+ padding: 0 10px;
+ height: 100%;
+ top: 0;
+ left: 100%;
}
-.ct-octave:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 50%;
+.noUi-value-vertical {
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ padding-left: 25px;
}
-.ct-octave:after {
- content: "";
- display: table;
- clear: both;
+.noUi-rtl .noUi-value-vertical {
+ -webkit-transform: translate(0, 50%);
+ transform: translate(0, 50%);
}
-.ct-octave>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-marker-vertical.noUi-marker {
+ width: 5px;
+ height: 2px;
+ margin-top: -1px;
}
-.ct-major-tenth {
- display: block;
- position: relative;
- width: 100%;
+.noUi-marker-vertical.noUi-marker-sub {
+ width: 10px;
}
-.ct-major-tenth:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 40%;
+.noUi-marker-vertical.noUi-marker-large {
+ width: 15px;
}
-.ct-major-tenth:after {
- content: "";
- display: table;
- clear: both;
+.noUi-tooltip {
+ display: block;
+ position: absolute;
+ border: 1px solid #D9D9D9;
+ border-radius: 3px;
+ background: #fff;
+ color: #000;
+ padding: 5px;
+ text-align: center;
+ white-space: nowrap;
}
-.ct-major-tenth>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.noUi-horizontal .noUi-tooltip {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ left: 50%;
+ bottom: 120%;
}
-.ct-major-eleventh {
- display: block;
- position: relative;
- width: 100%;
+.noUi-vertical .noUi-tooltip {
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ top: 50%;
+ right: 120%;
}
-.ct-major-eleventh:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 37.5%;
+.noUi-horizontal .noUi-origin>.noUi-tooltip {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ left: auto;
+ bottom: 10px;
}
-.ct-major-eleventh:after {
- content: "";
- display: table;
- clear: both;
+.noUi-vertical .noUi-origin>.noUi-tooltip {
+ -webkit-transform: translate(0, -18px);
+ transform: translate(0, -18px);
+ top: auto;
+ right: 28px;
}
-.ct-major-eleventh>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+/* PrismJS 1.23.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 1em;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
}
-.ct-major-twelfth {
- display: block;
- position: relative;
- width: 100%;
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ overflow: auto;
+ border-radius: .75rem;
}
-.ct-major-twelfth:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 33.33333%;
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f8f9fa;
}
-.ct-major-twelfth:after {
- content: "";
- display: table;
- clear: both;
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
}
-.ct-major-twelfth>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
}
-.ct-double-octave {
- display: block;
- position: relative;
- width: 100%;
+.token.punctuation {
+ color: #999;
}
-.ct-double-octave:before {
- display: block;
- float: left;
- content: "";
- width: 0;
- height: 0;
- padding-bottom: 25%;
+.token.namespace {
+ opacity: .7;
}
-.ct-double-octave:after {
- content: "";
- display: table;
- clear: both;
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
}
-.ct-double-octave>svg {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
}
-.ct-blue {
- stroke: #9c27b0 !important;
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ /* This background color was intended by the author of this theme. */
+ background: rgba(255, 255, 255, 0.5);
}
-.ct-azure {
- stroke: #00bcd4 !important;
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
}
-.ct-green {
- stroke: #4caf50 !important;
+.token.function,
+.token.class-name {
+ color: #DD4A68;
}
-.ct-orange {
- stroke: #ff9800 !important;
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
}
-.ct-red {
- stroke: #f44336 !important;
+.token.important,
+.token.bold {
+ font-weight: bold;
}
-.ct-white {
- stroke: #FFFFFF !important;
+.token.italic {
+ font-style: italic;
}
-.ct-rose {
- stroke: #e91e63 !important;
+.token.entity {
+ cursor: help;
}
-@media (min-width: 992px) {
- .navbar-form {
- margin-top: 21px;
- margin-bottom: 21px;
- padding-left: 5px;
- padding-right: 5px;
- }
- .navbar-nav.navbar-right>li>.dropdown-menu:before {
- left: auto;
- right: 12px;
- }
- .navbar-nav.navbar-right>li>.dropdown-menu:after {
- left: auto;
- right: 12px;
- }
- .footer:not(.footer-big) nav>ul li:first-child {
- margin-left: 0;
- }
- body>.navbar-collapse.collapse {
- display: none !important;
- }
- .card form [class*="col-"] {
- padding: 6px;
- }
- .card form [class*="col-"]:first-child {
- padding-left: 15px;
- }
- .card form [class*="col-"]:last-child {
- padding-right: 15px;
- }
- .sidebar .navbar-form {
- display: none !important;
- }
- .sidebar .nav-mobile-menu {
- display: none;
- }
-}
-
-
-/* Changes for small display */
-
-@media (max-width: 991px) {
- .sidebar {
- display: none;
- box-shadow: none;
- }
- .sidebar .sidebar-wrapper {
- padding-bottom: 60px;
- }
- .sidebar .nav-mobile-menu {
- margin-top: 0;
- }
- .sidebar .nav-mobile-menu .notification {
- float: left;
- line-height: 30px;
- margin-right: 8px;
- }
- .sidebar .nav-mobile-menu .open .dropdown-menu {
- position: static;
- float: none;
- width: auto;
- margin-top: 0;
- background-color: transparent;
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- html,
- body {
- overflow-x: hidden;
- }
- .nav-open .menu-on-left .main-panel,
- .nav-open .menu-on-left .wrapper-full-page,
- .nav-open .menu-on-left .navbar-fixed>div {
- -webkit-transform: translate3d(260px, 0, 0);
- -moz-transform: translate3d(260px, 0, 0);
- -o-transform: translate3d(260px, 0, 0);
- -ms-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
- }
- .menu-on-left .main-panel {
- position: initial;
- }
- .menu-on-left .sidebar,
- .menu-on-left .off-canvas-sidebar {
- left: 0;
- right: auto;
- -webkit-transform: translate3d(-260px, 0, 0);
- -moz-transform: translate3d(-260px, 0, 0);
- -o-transform: translate3d(-260px, 0, 0);
- -ms-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
- }
- .menu-on-left #bodyClick {
- left: 260px;
- right: auto;
- }
- .main-panel {
- width: 100%;
- }
- .navbar-transparent {
- padding-top: 15px;
- background-color: rgba(0, 0, 0, 0.45);
- }
- body,
- html {
- position: relative;
- overflow-x: hidden;
- }
- .navbar .container {
- left: 0;
- width: 100%;
- -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- position: relative;
- }
- .navbar .navbar-collapse.collapse,
- .navbar .navbar-collapse.collapse.in,
- .navbar .navbar-collapse.collapsing {
- display: none !important;
- }
- .navbar-nav>li {
- float: none;
- position: relative;
- display: block;
- }
- .sidebar,
- .off-canvas-sidebar {
- position: fixed;
- display: block;
- top: 0;
- height: 100vh;
- width: 260px;
- right: 0;
- left: auto;
- z-index: 1032;
- visibility: visible;
- background-color: #9A9A9A;
- overflow-y: visible;
- border-top: none;
- text-align: left;
- padding-right: 0px;
- padding-left: 0;
- -webkit-transform: translate3d(260px, 0, 0);
- -moz-transform: translate3d(260px, 0, 0);
- -o-transform: translate3d(260px, 0, 0);
- -ms-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
- -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
- }
- .sidebar>ul,
- .off-canvas-sidebar>ul {
- position: relative;
- z-index: 4;
- overflow-y: scroll;
- height: calc(100vh - 61px);
- width: 100%;
- }
- .sidebar::before,
- .off-canvas-sidebar::before {
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- position: absolute;
- background-color: #282828;
- display: block;
- content: "";
- z-index: 1;
- }
- .sidebar .logo,
- .off-canvas-sidebar .logo {
- position: relative;
- z-index: 4;
- }
- .sidebar .navbar-form,
- .off-canvas-sidebar .navbar-form {
- margin: 10px 15px;
- float: none !important;
- padding-top: 1px;
- padding-bottom: 1px;
- }
- .sidebar .table-responsive,
- .off-canvas-sidebar .table-responsive {
- width: 100%;
- margin-bottom: 15px;
- overflow-x: scroll;
- overflow-y: hidden;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- -webkit-overflow-scrolling: touch;
- }
- .form-group .form-control {
- font-size: 16px;
- height: 37px;
- }
- .navbar-form .btn {
- position: absolute;
- top: 27px;
- right: 15px;
- }
- .nav-open .navbar-collapse {
- -webkit-transform: translate3d(0px, 0, 0);
- -moz-transform: translate3d(0px, 0, 0);
- -o-transform: translate3d(0px, 0, 0);
- -ms-transform: translate3d(0px, 0, 0);
- transform: translate3d(0px, 0, 0);
- }
- .nav-open .navbar .container {
- left: -250px;
- }
- .nav-open .main-panel {
- left: 0;
- -webkit-transform: translate3d(-260px, 0, 0);
- -moz-transform: translate3d(-260px, 0, 0);
- -o-transform: translate3d(-260px, 0, 0);
- -ms-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
- }
- .nav-open .sidebar {
- box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
- }
- .nav-open .off-canvas-sidebar,
- .nav-open .sidebar {
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .close-layer {
- height: 100%;
- width: 100%;
- position: absolute;
- opacity: 0;
- top: 0;
- left: auto;
- content: "";
- z-index: 9999;
- overflow-x: hidden;
- -webkit-transition: all 370ms ease-in;
- -moz-transition: all 370ms ease-in;
- -o-transition: all 370ms ease-in;
- -ms-transition: all 370ms ease-in;
- transition: all 370ms ease-in;
- }
- .close-layer.visible {
- opacity: 1;
- }
- .navbar-toggle .icon-bar {
- display: block;
- position: relative;
- background: #fff;
- width: 24px;
- height: 2px;
- border-radius: 1px;
- margin: 0 auto;
- }
- .navbar-header .navbar-toggle {
- margin: 10px 15px 10px 0;
- width: 40px;
- height: 40px;
- }
- .bar1,
- .bar2,
- .bar3 {
- outline: 1px solid transparent;
- }
- @-webkit-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @-moz-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .dropdown-menu .divider {
- background-color: rgba(229, 229, 229, 0.15);
- }
- .navbar-nav {
- margin: 1px 0;
- }
- .navbar-nav .open .dropdown-menu>li>a {
- padding: 15px 15px 5px 50px;
- }
- .navbar-nav .open .dropdown-menu>li:first-child>a {
- padding: 5px 15px 5px 50px;
- }
- .navbar-nav .open .dropdown-menu>li:last-child>a {
- padding: 15px 15px 25px 50px;
- }
- [class*="navbar-"] .navbar-nav>li>a,
- [class*="navbar-"] .navbar-nav>li>a:hover,
- [class*="navbar-"] .navbar-nav>li>a:focus,
- [class*="navbar-"] .navbar-nav .active>a,
- [class*="navbar-"] .navbar-nav .active>a:hover,
- [class*="navbar-"] .navbar-nav .active>a:focus,
- [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a,
- [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:hover,
- [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:focus,
- [class*="navbar-"] .navbar-nav .navbar-nav .open .dropdown-menu>li>a:active {
- color: white;
- }
- [class*="navbar-"] .navbar-nav>li>a,
- [class*="navbar-"] .navbar-nav>li>a:hover,
- [class*="navbar-"] .navbar-nav>li>a:focus,
- [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a,
- [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:hover,
- [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:focus {
- opacity: .7;
- background: transparent;
- }
- [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu>li>a:active {
- opacity: 1;
- }
- [class*="navbar-"] .navbar-nav .dropdown>a:hover .caret {
- border-bottom-color: #777;
- border-top-color: #777;
- }
- [class*="navbar-"] .navbar-nav .dropdown>a:active .caret {
- border-bottom-color: white;
- border-top-color: white;
- }
- .dropdown-menu {
- display: none;
- }
- .navbar-fixed-top {
- -webkit-backface-visibility: hidden;
- }
- #bodyClick {
- height: 100%;
- width: 100%;
- position: fixed;
- opacity: 0;
- top: 0;
- left: auto;
- right: 260px;
- content: "";
- z-index: 9999;
- overflow-x: hidden;
- }
- .social-line .btn {
- margin: 0 0 10px 0;
- }
- .subscribe-line .form-control {
- margin: 0 0 10px 0;
- }
- .social-line.pull-right {
- float: none;
- }
- .footer:not(.footer-big) nav>ul li {
- float: none;
- }
- .social-area.pull-right {
- float: none !important;
- }
- .form-control+.form-control-feedback {
- margin-top: -8px;
- }
- .navbar-toggle:hover,
- .navbar-toggle:focus {
- background-color: transparent !important;
- }
- .btn.dropdown-toggle {
- margin-bottom: 0;
- }
- .media-post .author {
- width: 20%;
- float: none !important;
- display: block;
- margin: 0 auto 10px;
- }
- .media-post .media-body {
- width: 100%;
- }
- .navbar-collapse.collapse {
- height: 100% !important;
- }
- .navbar-collapse.collapse.in {
- display: block;
- }
- .navbar-header .collapse,
- .navbar-toggle {
- display: block !important;
- }
- .navbar-header {
- float: none;
- }
- .navbar-collapse .nav p {
- font-size: 14px;
- margin: 0;
- }
- .navbar-collapse [class^="pe-7s-"] {
- float: left;
- font-size: 20px;
- margin-right: 10px;
- }
+/*
+ * Container style
+ */
+.ps {
+ overflow: hidden !important;
+ overflow-anchor: none;
+ -ms-overflow-style: none;
+ touch-action: auto;
+ -ms-touch-action: auto;
}
-@media (min-width: 768px) {
- .navbar>.container-fluid .navbar-brand {
- margin-left: 0;
- }
+/*
+ * Scrollbar rail styles
+ */
+.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;
+ /* there must be 'bottom' or 'top' for ps__rail-x */
+ bottom: 0px;
+ /* please don't change 'position' */
+ 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;
+ /* there must be 'right' or 'left' for ps__rail-y */
+ right: 0;
+ /* please don't change 'position' */
+ 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: 0.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: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.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;
+ /* there must be 'bottom' for ps__thumb-x */
+ bottom: 2px;
+ /* please don't change 'position' */
+ 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;
+ /* there must be 'right' for ps__thumb-y */
+ right: 2px;
+ /* please don't change 'position' */
+ 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;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+ .ps {
+ overflow: auto !important;
+ }
}
-@media (max-width: 480px),
-(max-width: 767px) {
- .form-group .form-control {
- width: 83%;
- }
- .navbar-form .form-group {
- margin-bottom: 0;
- }
+@media screen and (-ms-high-contrast: active),
+(-ms-high-contrast: none) {
+ .ps {
+ overflow: auto !important;
+ }
}
-@media (min-width: 992px) {
- .table-full-width {
- margin-left: -20px;
- margin-right: -20px;
- }
- .table-responsive {
- overflow: visible;
- }
-}
\ No newline at end of file
+/*# sourceMappingURL=dashboard-free.css.map */
\ No newline at end of file
diff --git a/assets/css/material-dashboard.css.map b/assets/css/material-dashboard.css.map
new file mode 100644
index 000000000..47de91de2
--- /dev/null
+++ b/assets/css/material-dashboard.css.map
@@ -0,0 +1,360 @@
+{
+ "version": 3,
+ "file": "dashboard-free.css",
+ "sources": [
+ "../scss/dashboard-free.scss",
+ "../scss/bootstrap/_functions.scss",
+ "../scss/custom/_variables.scss",
+ "../scss//_variables.scss",
+ "../scss//variables/_animations.scss",
+ "../scss//variables/_avatars.scss",
+ "../scss//variables/_cards.scss",
+ "../scss//variables/_dark-version.scss",
+ "../scss//variables/_dropdowns.scss",
+ "../scss//variables/_header.scss",
+ "../scss//variables/_info-areas.scss",
+ "../scss//variables/_navbar.scss",
+ "../scss//variables/_navbar-vertical.scss",
+ "../scss//variables/_utilities.scss",
+ "../scss//variables/_utilities-extend.scss",
+ "../scss//variables/_misc.scss",
+ "../scss//variables/_misc-extend.scss",
+ "../scss//variables/_form-switch.scss",
+ "../scss//variables/_fixed-plugin.scss",
+ "../scss//variables/_pagination.scss",
+ "../scss//variables/_badge.scss",
+ "../scss//variables/_rtl.scss",
+ "../scss//variables/_ripple.scss",
+ "../scss//variables/_cards-extend.scss",
+ "../scss//variables/_choices.scss",
+ "../scss//variables/_timeline.scss",
+ "../scss//variables/_full-calendar.scss",
+ "../scss//variables/_social-buttons.scss",
+ "../scss//variables/_virtual-reality.scss",
+ "../scss//_utilities.scss",
+ "../scss/bootstrap/_functions.scss",
+ "../scss/bootstrap/_variables.scss",
+ "../scss/bootstrap/_maps.scss",
+ "../scss/bootstrap/_utilities.scss",
+ "../scss/bootstrap/bootstrap.scss",
+ "../scss/bootstrap/mixins/_banner.scss",
+ "../scss/bootstrap/_functions.scss",
+ "../scss/bootstrap/_variables.scss",
+ "../scss/bootstrap/_maps.scss",
+ "../scss/bootstrap/_mixins.scss",
+ "../scss/bootstrap/vendor/_rfs.scss",
+ "../scss/bootstrap/mixins/_deprecate.scss",
+ "../scss/bootstrap/mixins/_breakpoints.scss",
+ "../scss/bootstrap/mixins/_color-scheme.scss",
+ "../scss/bootstrap/mixins/_image.scss",
+ "../scss/bootstrap/mixins/_resize.scss",
+ "../scss/bootstrap/mixins/_visually-hidden.scss",
+ "../scss/bootstrap/mixins/_reset-text.scss",
+ "../scss/bootstrap/mixins/_text-truncate.scss",
+ "../scss/bootstrap/mixins/_utilities.scss",
+ "../scss/bootstrap/mixins/_alert.scss",
+ "../scss/bootstrap/mixins/_backdrop.scss",
+ "../scss/bootstrap/mixins/_buttons.scss",
+ "../scss/bootstrap/mixins/_caret.scss",
+ "../scss/bootstrap/mixins/_pagination.scss",
+ "../scss/bootstrap/mixins/_lists.scss",
+ "../scss/bootstrap/mixins/_list-group.scss",
+ "../scss/bootstrap/mixins/_forms.scss",
+ "../scss/bootstrap/mixins/_table-variants.scss",
+ "../scss/bootstrap/mixins/_border-radius.scss",
+ "../scss/bootstrap/mixins/_box-shadow.scss",
+ "../scss/bootstrap/mixins/_gradients.scss",
+ "../scss/bootstrap/mixins/_transition.scss",
+ "../scss/bootstrap/mixins/_clearfix.scss",
+ "../scss/bootstrap/mixins/_container.scss",
+ "../scss/bootstrap/mixins/_grid.scss",
+ "../scss/bootstrap/_utilities.scss",
+ "../scss/bootstrap/_root.scss",
+ "../scss/bootstrap/_reboot.scss",
+ "../scss/bootstrap/_type.scss",
+ "../scss/bootstrap/_images.scss",
+ "../scss/bootstrap/_containers.scss",
+ "../scss/bootstrap/_grid.scss",
+ "../scss/bootstrap/_tables.scss",
+ "../scss/bootstrap/_forms.scss",
+ "../scss/bootstrap/forms/_labels.scss",
+ "../scss/bootstrap/forms/_form-text.scss",
+ "../scss/bootstrap/forms/_form-control.scss",
+ "../scss/bootstrap/forms/_form-select.scss",
+ "../scss/bootstrap/forms/_form-check.scss",
+ "../scss/bootstrap/forms/_form-range.scss",
+ "../scss/bootstrap/forms/_floating-labels.scss",
+ "../scss/bootstrap/forms/_input-group.scss",
+ "../scss/bootstrap/forms/_validation.scss",
+ "../scss/bootstrap/_buttons.scss",
+ "../scss/bootstrap/_transitions.scss",
+ "../scss/bootstrap/_dropdown.scss",
+ "../scss/bootstrap/_button-group.scss",
+ "../scss/bootstrap/_nav.scss",
+ "../scss/bootstrap/_navbar.scss",
+ "../scss/bootstrap/_card.scss",
+ "../scss/bootstrap/_accordion.scss",
+ "../scss/bootstrap/_breadcrumb.scss",
+ "../scss/bootstrap/_pagination.scss",
+ "../scss/bootstrap/_badge.scss",
+ "../scss/bootstrap/_alert.scss",
+ "../scss/bootstrap/_progress.scss",
+ "../scss/bootstrap/_list-group.scss",
+ "../scss/bootstrap/_close.scss",
+ "../scss/bootstrap/_toasts.scss",
+ "../scss/bootstrap/_modal.scss",
+ "../scss/bootstrap/_tooltip.scss",
+ "../scss/bootstrap/_popover.scss",
+ "../scss/bootstrap/_carousel.scss",
+ "../scss/bootstrap/_spinners.scss",
+ "../scss/bootstrap/_offcanvas.scss",
+ "../scss/bootstrap/_placeholders.scss",
+ "../scss/bootstrap/_helpers.scss",
+ "../scss/bootstrap/helpers/_clearfix.scss",
+ "../scss/bootstrap/helpers/_color-bg.scss",
+ "../scss/bootstrap/helpers/_colored-links.scss",
+ "../scss/bootstrap/helpers/_ratio.scss",
+ "../scss/bootstrap/helpers/_position.scss",
+ "../scss/bootstrap/helpers/_stacks.scss",
+ "../scss/bootstrap/helpers/_visually-hidden.scss",
+ "../scss/bootstrap/helpers/_stretched-link.scss",
+ "../scss/bootstrap/helpers/_text-truncation.scss",
+ "../scss/bootstrap/helpers/_vr.scss",
+ "../scss/bootstrap/utilities/_api.scss",
+ "../scss//theme.scss",
+ "../scss//variables/_navbar-vertical.scss",
+ "../scss//variables/_social-buttons.scss",
+ "../scss//variables/_breadcrumb.scss",
+ "../scss//mixins/mixins.scss",
+ "../scss//mixins/_badge.scss",
+ "../scss//mixins/_buttons.scss",
+ "../scss//mixins/_hover.scss",
+ "../scss//mixins/_colored-shadows.scss",
+ "../scss//mixins/_social-buttons.scss",
+ "../scss//mixins/_vendor.scss",
+ "../scss//_alert.scss",
+ "../scss//_avatars.scss",
+ "../scss//_badge.scss",
+ "../scss//_buttons.scss",
+ "../scss//_breadcrumbs.scss",
+ "../scss//_cards.scss",
+ "../scss//cards/card-background.scss",
+ "../scss//cards/card-rotate.scss",
+ "../scss//_dark-version.scss",
+ "../scss//_dropdown.scss",
+ "../scss//_dropup.scss",
+ "../scss//_header.scss",
+ "../scss//_fixed-plugin.scss",
+ "../scss//forms/_forms.scss",
+ "../scss//forms/_input-group.scss",
+ "../scss//forms/_form-check.scss",
+ "../scss//forms/_form-switch.scss",
+ "../scss//forms/_form-select.scss",
+ "../scss//forms/_labels.scss",
+ "../scss//forms/_inputs.scss",
+ "../scss//_footer.scss",
+ "../scss//_gradients.scss",
+ "../scss//_icons.scss",
+ "../scss//_info-areas.scss",
+ "../scss//_misc.scss",
+ "../scss//_navbar.scss",
+ "../scss//_navbar-vertical.scss",
+ "../scss//_nav.scss",
+ "../scss//_pagination.scss",
+ "../scss//_popovers.scss",
+ "../scss//_progress.scss",
+ "../scss//_rtl.scss",
+ "../scss//_ripple.scss",
+ "../scss//_social-buttons.scss",
+ "../scss//_tables.scss",
+ "../scss//_timeline.scss",
+ "../scss//_tilt.scss",
+ "../scss//_tooltips.scss",
+ "../scss//_typography.scss",
+ "../scss//plugins/free/plugins.scss",
+ "../scss//plugins/free/_flatpickr.scss",
+ "../scss//plugins/free/_nouislider.scss",
+ "../scss//plugins/free/_prism.scss",
+ "../scss//plugins/free/_perfect-scrollbar.scss",
+ "../scss/custom/_styles.scss"
+ ],
+ "sourcesContent": [
+ "// =========================================================\n// * Material Dashboard 2 - v3.1.0\n// =========================================================\n\n// * Product Page: https://www.creative-tim.com/product/material-dashboard\n// * Copyright 2023 Creative Tim (https://www.creative-tim.com)\n\n// Coded by www.creative-tim.com\n\n// =========================================================\n\n// * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Custom Variables\n@import \"custom/variables\";\n\n// Theme Variables\n@import \"/variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"/theme\";\n\n// Custom Variables\n@import \"custom/styles\";\n",
+ "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Kitty Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n",
+ "",
+ "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n$soft-background-color: #ffffff !default; // Testing\n$font-color: #7b809a !default;\n$h-color: #344767 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #f0f2f5 !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n// fusv-enable\n\n$blue: #63B3ED !default;\n$indigo: #596CFF !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #F56565 !default;\n$rose: #e91e63 !default;\n$orange: #fd7e14 !default;\n$yellow: #FBD38D !default;\n$green: #81E6D9 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800,\n) !default;\n// scss-docs-end colors-map\n\n$primary: #e91e63 !default;\n$secondary: #7b809a !default;\n$info: #1A73E8 !default;\n$success: #4CAF50 !default;\n$warning: #fb8c00 !default;\n$danger: #F44335 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n$dark-blue: #1A237E !default;\n\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white,\n \"dark-blue\": $dark-blue,\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #EC407A !default;\n$primary-gradient-state: #D81B60 !default;\n\n$secondary-gradient: #747b8a !default;\n$secondary-gradient-state: #495361 !default;\n\n$info-gradient: #49a3f1 !default;\n$info-gradient-state: #1A73E8 !default;\n\n$success-gradient: #66BB6A !default;\n$success-gradient-state: #43A047 !default;\n\n$danger-gradient: #EF5350 !default;\n$danger-gradient-state: #E53935 !default;\n\n$warning-gradient: #FFA726 !default;\n$warning-gradient-state: #FB8C00 !default;\n\n$dark-gradient: #42424a !default;\n$dark-gradient-state: #191919 !default;\n\n$light-gradient: #EBEFF4 !default;\n$light-gradient-state: #CED4DA !default;\n\n$dark-gradient-dark: #323a54 !default;\n$dark-gradient-state-dark: #1a2035 !default;\n\n// Gradient Colors map\n$theme-gradient-colors: (\n \"primary\": ($primary-gradient, $primary-gradient-state),\n \"secondary\": ($secondary-gradient, $secondary-gradient-state),\n \"success\": ($success-gradient, $success-gradient-state),\n \"info\": ($info-gradient, $info-gradient-state),\n \"warning\": ($warning-gradient, $warning-gradient-state),\n \"danger\": ($danger-gradient, $danger-gradient-state),\n \"light\": ($light-gradient, $light-gradient-state),\n \"dark\": ($dark-gradient, $dark-gradient-state)\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 2) !default;\n$purple-700: shade-color($purple, 4) !default;\n$purple-800: shade-color($purple, 6) !default;\n$purple-900: shade-color($purple, 8) !default;\n\n$pink-100: tint-color($pink, 8) !default;\n$pink-200: tint-color($pink, 6) !default;\n$pink-300: tint-color($pink, 4) !default;\n$pink-400: tint-color($pink, 2) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 2) !default;\n$pink-700: shade-color($pink, 4) !default;\n$pink-800: shade-color($pink, 6) !default;\n$pink-900: shade-color($pink, 8) !default;\n\n$red-100: tint-color($red, 8) !default;\n$red-200: tint-color($red, 6) !default;\n$red-300: tint-color($red, 4) !default;\n$red-400: tint-color($red, 2) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 2) !default;\n$red-700: shade-color($red, 4) !default;\n$red-800: shade-color($red, 6) !default;\n$red-900: shade-color($red, 8) !default;\n\n$orange-100: tint-color($orange, 8) !default;\n$orange-200: tint-color($orange, 6) !default;\n$orange-300: tint-color($orange, 4) !default;\n$orange-400: tint-color($orange, 2) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 2) !default;\n$orange-700: shade-color($orange, 4) !default;\n$orange-800: shade-color($orange, 6) !default;\n$orange-900: shade-color($orange, 8) !default;\n\n$yellow-100: tint-color($yellow, 8) !default;\n$yellow-200: tint-color($yellow, 6) !default;\n$yellow-300: tint-color($yellow, 4) !default;\n$yellow-400: tint-color($yellow, 2) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 2) !default;\n$yellow-700: shade-color($yellow, 4) !default;\n$yellow-800: shade-color($yellow, 6) !default;\n$yellow-900: shade-color($yellow, 8) !default;\n\n$green-100: tint-color($green, 8) !default;\n$green-200: tint-color($green, 6) !default;\n$green-300: tint-color($green, 4) !default;\n$green-400: tint-color($green, 2) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 2) !default;\n$green-700: shade-color($green, 4) !default;\n$green-800: shade-color($green, 6) !default;\n$green-900: shade-color($green, 8) !default;\n\n$teal-100: tint-color($teal, 8) !default;\n$teal-200: tint-color($teal, 6) !default;\n$teal-300: tint-color($teal, 4) !default;\n$teal-400: tint-color($teal, 2) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 2) !default;\n$teal-700: shade-color($teal, 4) !default;\n$teal-800: shade-color($teal, 6) !default;\n$teal-900: shade-color($teal, 8) !default;\n\n$cyan-100: tint-color($cyan, 8) !default;\n$cyan-200: tint-color($cyan, 6) !default;\n$cyan-300: tint-color($cyan, 4) !default;\n$cyan-400: tint-color($cyan, 2) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 2) !default;\n$cyan-700: shade-color($cyan, 4) !default;\n$cyan-800: shade-color($cyan, 6) !default;\n$cyan-900: shade-color($cyan, 8) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: true !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n 6: $spacer * 4,\n 7: $spacer * 6,\n 8: $spacer * 8,\n 9: $spacer * 10,\n 10: $spacer * 12,\n 11: $spacer * 14,\n 12: $spacer * 16,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n 0: 0,\n 1: 1%,\n 2: 2%,\n 3: 3%,\n 4: 4%,\n 5: 5%,\n 6: 6%,\n 7: 7%,\n 8: 8%,\n 9: 9%,\n 10: 10%,\n 50: 50%,\n 100: 100%\n) !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $font-color !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: $link-color !default;\n$link-hover-decoration: none !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius-xs: .1rem !default;\n$border-radius-sm: .125rem !default;\n$border-radius-md: .375rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: .75rem !default;\n$border-radius-2xl: 1rem !default;\n$border-radius-section: 10rem !default;\n\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-xs: 0 2px 9px -5px rgba($black, 0.15) !default;\n$box-shadow-sm: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06) !default;\n$box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05) !default;\n$box-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n// colored Shadows\n\n$box-shadow-primary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n$box-shadow-secondary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(210, 210, 210, .4) !default;\n$box-shadow-info: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4) !default;\n$box-shadow-warning: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4) !default;\n$box-shadow-success: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4) !default;\n$box-shadow-danger: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4) !default;\n$box-shadow-dark: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !default;\n$box-shadow-light: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-material: all .3s ease !default;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-roboto-slab: 'Roboto Slab', sans-serif !default;\n\n// stylelint-enable value-keyword-case\n$font-family-base: var(--bs-font-sans-serif) !default;\n$font-family-code: var(--bs-font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xxs: $font-size-base * .65 !default;\n$font-size-xs: $font-size-base * .75 !default;\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.125 !default;\n$font-size-xl: $font-size-base * 1.25 !default;\n$font-size-2xl: $font-size-base * 1.5 !default;\n$font-size-3xl: $font-size-base * 1.875 !default;\n$font-size-4xl: $font-size-base * 2 !default;\n$font-size-5xl: $font-size-base * 2.25 !default;\n$font-size-6xl: $font-size-base * 3 !default;\n$font-size-7xl: $font-size-base * 3.75 !default;\n$font-size-8xl: $font-size-base * 4 !default;\n$font-size-9xl: $font-size-base * 5 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-bolder: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$h1-font-weight: $font-weight-bold !default;\n$h2-font-weight: $font-weight-bold !default;\n$h3-font-weight: $font-weight-bold !default;\n$h4-font-weight: $font-weight-bold !default;\n$h5-font-weight: $font-weight-bold !default;\n$h6-font-weight: $font-weight-bold !default;\n$p-font-weight: $font-weight-normal !default;\n$lead-font-weight: $font-weight-normal !default;\n$text-sm-font-weight: $font-weight-normal !default;\n$text-xs-font-weight: $font-weight-normal !default;\n\n$line-height: 1.75rem !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-line-height: 1.25 !default;\n$h2-line-height: 1.3 !default;\n$h3-line-height: 1.375 !default;\n$h4-line-height: 1.375 !default;\n$h5-line-height: 1.375 !default;\n$h6-line-height: 1.625 !default;\n$p-line-height: 1.6 !default;\n$lead-line-height: 1.625 !default;\n$text-sm-line-height: 1.5 !default;\n$text-xs-line-height: 1.25 !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.25 !default;\n$h3-font-size: $font-size-base * 1.875 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n$lead-font-size: $font-size-base * 1.25 !default;\n\n\n$text-sm-font-size: .875rem !default;\n$text-xs-font-size: .75rem !default;\n$p-font-size: 1rem !default;\n\n$headings-margin-bottom: $spacer * 0.5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: #344767 !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-secondary: $font-color !default;\n$text-muted: $gray-600 !default;\n\n// text gradient\n$text-gradient-bg-clip: text !default;\n$text-gradient-text-fill: transparent !default;\n$text-gradient-position: relative !default;\n$text-gradient-zindex: 1 !default;\n$text-gradient-bg-primary: linear-gradient(195deg, $primary-gradient, $primary-gradient-state) !default;\n$text-gradient-bg-info: linear-gradient(195deg, $info-gradient, $info-gradient-state) !default;\n$text-gradient-bg-success: linear-gradient(195deg, $success-gradient, $success-gradient-state) !default;\n$text-gradient-bg-warning: linear-gradient(195deg, $warning-gradient, $warning-gradient-state) !default;\n$text-gradient-bg-danger: linear-gradient(195deg, $danger-gradient, $danger-gradient-state) !default;\n$text-gradient-bg-dark: linear-gradient(195deg, $dark-gradient, $dark-gradient-state) !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n// Letter Spacing\n$letter-wider: .05rem !default;\n$letter-normal: 0rem !default;\n$letter-tighter: -0.05rem !default;\n$h1-letter-spacing: 0.1rem !default;\n$a-letter-spacing: -0.025rem !default;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-head-spacer-y: .75rem !default;\n$table-head-spacer-x: 1.5rem !default;\n$table-head-font-size: .65rem !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-text-transform: capitalize !default;\n$table-head-letter-spacing: 0px !default;\n$table-head-bg: $gray-100 !default;\n$table-head-color: $gray-600 !default;\n\n$table-body-font-size: .8125rem !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-bg-scale: -80% !default;\n\n\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 1rem !default;\n$input-btn-line-height: 1.7 !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .75rem !default;\n$input-btn-font-size-sm: .75rem !default;\n\n$input-btn-padding-y-lg: .75rem !default;\n$input-btn-padding-x-lg: .75rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: .625rem !default;\n$btn-padding-x: 1.5rem !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $text-xs-font-size !default;\n$btn-line-height: 1.667 !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: 0 !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .375rem !default;\n$btn-padding-x-sm: 1rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .75rem !default;\n$btn-padding-x-lg: 1.75rem !default;\n$btn-font-size-lg: .875rem !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-bolder !default;\n$btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07) !default;\n$btn-box-shadow-values: 0 5px 8px 0 !default;\n$btn-box-shadow-hover-values: 0 8px 10px 0 !default;\n$btn-hover-box-shadow: 0 3px 5px -1px rgba(0,0,0,.09), 0 2px 3px -1px rgba(0,0,0,.07) !default;\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-hover-opacity: .85 !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n$btn-background-size: 150% !default;\n$btn-hover-transform: none !default;\n$btn-active-hover-transform: none !default;\n$btn-background-position-x: 25% !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n$shadow-umbra-opacity: 0.2 !default;\n$shadow-penumbra-opacity: 0.14 !default;\n$shadow-ambient-opacity: 0.12 !default;\n$shadow-focus: 0 0 8px rgba($black, .18),\n 0 8px 16px rgba($black, .36);\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: .5rem !default;\n$btn-border-radius-lg: .5rem !default;\n$btn-border-radius-sm: .5rem !default;\n$btn-border-rounded: 1.875rem !default;\n\n$btn-icon-transition: all .2s cubic-bezier(.34,1.61,.7,1.3) !default;\n$btn-icon-transform-right: translateX(5px) !default;\n$btn-icon-transform-left: translateX(-5px) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius-md !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: all .15s ease-in !default;\n\n$btn-just-icon-padding-x-sm: .3rem !default;\n$btn-just-icon-padding-y-sm: .3rem !default;\n$btn-just-icon-padding-x: .7rem !default;\n$btn-just-icon-padding-y: .7rem !default;\n$btn-just-icon-padding-x-lg: 1rem !default;\n$btn-just-icon-padding-y-lg: 1rem !default;\n$btn-just-icon-width: 2.375rem !default;\n$btn-just-icon-height: $btn-just-icon-width !default;\n$btn-just-icon-width-sm: 1.5rem !default;\n$btn-just-icon-height-sm: $btn-just-icon-width-sm !default;\n$btn-just-icon-sm-font-size: .5rem !default;\n$btn-just-icon-width-lg: 3.25rem !default;\n$btn-just-icon-height-lg: $btn-just-icon-width-lg !default;\n$btn-just-icon-lg-font-size: 1.2rem !default;\n$btn-just-icon-lg-position: relative !default;\n$btn-just-icon-lg-top: 0px !default;\n\n$btn-material-icon-margin: -1px !default;\n$btn-material-icon-font-size: 1.1rem !default;\n$btn-material-icon-display: inline-block !default;\n$btn-material-icon-top: 0 !default;\n\n// we've overwritten the default Bootstrap function\n// for dynamically adding font color since the colors\n// added by that function were not correctly set\n$btn-primary-font-color: $white !default;\n$btn-secondary-font-color: $white !default;\n$btn-danger-font-color: $white !default;\n$btn-info-font-color: $white !default;\n$btn-success-font-color: $white !default;\n$btn-warning-font-color: $white !default;\n$btn-dark-font-color: $white !default;\n$btn-light-font-color: #3A416F !default;\n\n$btn-font-colors: () !default;\n\n$btn-font-colors: map-merge(\n (\n \"primary\": $btn-primary-font-color,\n \"secondary\": $btn-secondary-font-color,\n \"danger\": $btn-danger-font-color,\n \"info\": $btn-info-font-color,\n \"success\": $btn-success-font-color,\n \"warning\": $btn-warning-font-color,\n \"dark\": $btn-dark-font-color,\n \"light\": $btn-light-font-color\n ),\n $btn-font-colors\n);\n\n// Forms\n\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n\n$form-label-margin-bottom: .5rem !default;\n$form-label-margin-left: .25rem !default;\n$form-label-font-size: .875rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 400 !default;\n$form-label-color: $font-color !default;\n$form-label-position: absolute !default;\n$form-label-top: .6125rem!default;\n$form-label-transition: 0.2s ease all !default;\n\n$form-label-top-focused: -.7rem!default;\n$form-label-top-outline-focused: -.8rem!default;\n$form-label-top-focused-filled: -1rem!default;\n$form-label-font-size-focused: .6875rem !default;\n\n$form-control-outline-padding: .625rem .75rem !default;\n$form-label-outline-ms: .75rem !default;\n$form-label-outline-focused-ms: .5rem !default;\n$form-label-outline-focused-padding: 0 .188rem !default;\n$form-label-outline-focused-z-index: 5 !default;\n$form-label-outline-line-height: 3.925 !default;\n$form-label-outline-top: .375rem !default;\n$form-label-outline-after-height: .5rem !default;\n$form-label-outline-after-width: .625rem !default;\n$form-label-outline-after-border-width: 1px 0 0 !default;\n\n\n\n$input-padding-y: .5rem !default;\n$input-padding-x: 0 !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $font-size-sm !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: 1.5rem !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: .75rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: .875rem !default;\n\n$input-bg: transparent !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: #d2d6da !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;\n\n$input-border-radius: $border-radius-md !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: transparent !default;\n$input-focus-border-color: transparent !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: none !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-plaintext-color: $dark !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: unset !default;\n$input-height-inner-half: 1rem !default;\n$input-height-inner-quarter: .75rem !default;\n\n$input-height: unset !default;\n$input-height-sm: unset !default;\n$input-height-lg: unset !default;\n\n$input-transition: .2s ease !default;\n\n$input-background: no-repeat bottom,50% calc(100% - 1px);\n$input-background-size: 0 100%,100% 100%;\n$input-background-size-focus: 100% 100%,100% 100%;\n$input-background-image: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-valid: linear-gradient(0deg,$success 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-invalid: linear-gradient(0deg,$danger 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-disabled: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,$gray-200 1px,hsla(0,0%,82%,0) 0);\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: auto !default;\n$form-check-padding-left: $form-check-input-width + .45em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out !default;\n$form-check-transition-time: .25s !default;\n\n$form-check-input-active-filter: brightness(99%) !default;\n\n$form-check-input-bg: $white !default;\n$form-check-input-border: none !default;\n$form-check-input-border-radius: .35rem !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: none !default;\n$form-check-input-focus-box-shadow: none !default;\n\n$form-check-input-checked-color: $white !default;\n$form-check-input-checked-bg-color: transparent !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: linear-gradient(195deg, $primary-gradient 0%, $primary-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .8375rem !default;\n$form-check-radio-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 12px rgba(53, 71, 102, .1) !default;\n$form-check-radio-transition: .05s ease;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-switch-color: rgba(0, 0, 0, 1) !default;\n$form-switch-bg-color: $gray-400 !default;\n$form-switch-height: 0.9375rem !default;\n$form-switch-width: $form-switch-height*2 !default;\n$form-switch-check-after-width: 1.25rem !default;\n$form-switch-check-after-transition: .1s ease !default;\n$form-switch-check-after-border-color: $gray-400 !default;\n$form-switch-check-active-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(0, 0, 0, .1) !default;\n$form-switch-check-active-checked-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(53, 71, 102, .1) !default;\n\n$form-switch-check-top: -2.5px !default;\n$form-switch-check-left: -5px !default;\n$form-switch-padding-start: $form-switch-width + .5rem !default;\n$form-switch-bg-image: none !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-translate-x-start: 1px !default;\n$form-switch-translate-x-end: 21px !default;\n$form-switch-round-box-shadow: $box-shadow !default;\n$form-switch-transition: $form-check-transition !default;\n\n$form-switch-focus-color: $form-switch-color !default;\n$form-switch-focus-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-color: $white !default;\n$form-switch-checked-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-check-inline-margin-right: 1rem !default;\n\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $dark !default;\n$input-group-addon-bg: transparent !default;\n$input-group-addon-border-color: $input-border-color !default;\n$input-group-sm-font-size: $font-size-xs !default;\n$input-group-lg-font-size: $font-size-base * .975 !default;\n\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-height: $input-height !default;\n$form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-disabled-color: $gray-600 !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml, \") !default;\n\n$form-select-feedback-icon-padding-right: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius-md !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: $input-focus-box-shadow !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-height-sm: $input-height-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-height-lg: $input-height-lg !default;\n\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-file-height: $input-height !default;\n$form-file-focus-border-color: $input-focus-border-color !default;\n$form-file-focus-box-shadow: $input-focus-box-shadow !default;\n$form-file-disabled-bg: $input-disabled-bg !default;\n$form-file-disabled-border-color: $input-disabled-border-color !default;\n\n$form-file-padding-y: $input-padding-y !default;\n$form-file-padding-x: $input-padding-x !default;\n$form-file-line-height: $input-line-height !default;\n$form-file-font-family: $input-font-family !default;\n$form-file-font-weight: $input-font-weight !default;\n$form-file-color: $input-color !default;\n$form-file-bg: $input-bg !default;\n$form-file-border-width: $input-border-width !default;\n$form-file-border-color: $input-border-color !default;\n$form-file-border-radius: $input-border-radius !default;\n$form-file-box-shadow: $input-box-shadow !default;\n$form-file-button-color: $form-file-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n\n$form-file-padding-y-sm: $input-padding-y-sm !default;\n$form-file-padding-x-sm: $input-padding-x-sm !default;\n$form-file-font-size-sm: $input-font-size-sm !default;\n$form-file-height-sm: $input-height-sm !default;\n\n$form-file-padding-y-lg: $input-padding-y-lg !default;\n$form-file-padding-x-lg: $input-padding-x-lg !default;\n$form-file-font-size-lg: $input-font-size-lg !default;\n$form-file-height-lg: $input-height-lg !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: #66d432 !default;\n$form-feedback-invalid-color: #fd5c70 !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml, \") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml, \") !default;\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: null !default;\n$nav-link-hover-color: null !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n$nav-link-footer-padding: .25rem !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius-md !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: 0.75rem !default;\n$nav-pills-link-active-color: $dark !default;\n$nav-pills-link-active-bg: $white !default;\n$nav-pills-link-transition: background-color .3s ease !default;\n$nav-pills-background: $gray-100 !default;\n$nav-pills-vertical-background: transparent !default;\n$nav-pills-vertical-radius: 1.1875rem !default;\n$nav-pills-vertical-link-radius: .875rem !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * 0.5 !default;\n$navbar-padding-x: null !default;\n$navbar-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16) !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n$navbar-nav-link-padding: $navbar-nav-link-padding-x 1rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * 0.5 !default;\n$navbar-brand-margin-right: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-blur-bg-color: rgba(255, 255, 255, .8) !default;\n$navbar-blur-dark-bg-color: rgba(2, 5, 22, .8) !default;\n\n$navbar-dark-color: rgba($white, .85) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml, \") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $dark !default;\n$navbar-light-hover-color: rgba($dark, .7) !default;\n$navbar-light-active-color: rgba($dark, .9) !default;\n$navbar-light-disabled-color: rgba($dark, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml, \") !default;\n$navbar-light-toggler-border-color: rgba($dark, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n// Sidenav toggler\n$sidenav-toggler-width: 18px !default;\n$sidenav-toggler-line-transition: all .15s ease !default;\n$sidenav-toggler-line-height: 2px !default;\n$sidenav-toggler-line-margin-bottom: 3px !default;\n$sidenav-toggler-line-active-width: 13px !default;\n$sidenav-toggler-line-transform: translateX(5px) !default;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 11rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: 1.625rem !default;\n$dropdown-font-size: $font-size-sm !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: transparent !default;\n$dropdown-border-radius: $border-radius-md !default;\n$dropdown-border-width: 0 !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-transition-time: .3s ease !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * 0.5 !default;\n$dropdown-box-shadow: $box-shadow-lg !default;\n\n$dropdown-link-color: $font-color !default;\n$dropdown-link-hover-color: $h-color !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $font-color !default;\n$dropdown-link-active-bg: transparent !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .3rem !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius-md !default;\n$pagination-margin-left: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n// Cards\n\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * 0.5 !default;\n$card-border-width: 0 !default;\n$card-border-radius: $border-radius-xl !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * 0.5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: $white !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $spacer !default;\n\n$card-group-margin: $grid-gutter-width * 0.5 !default;\n\n\n// Accordion\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 0rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: transparent !default;\n$accordion-border-width: 0 !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius-sm !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: $accordion-bg !default;\n$accordion-button-active-color: $dark !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: none !default;\n\n$accordion-icon-width: 1rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(180deg) !default;\n\n$accordion-button-icon: none !default;\n$accordion-button-active-icon: none !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius-md !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * 0.25 !default;\n$tooltip-padding-x: $spacer * 0.5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-xs !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: 0px !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow-sm !default;\n\n$popover-header-bg: $gray-200 !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $font-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .75rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 0 !default;\n$toast-border-color: transparent !default;\n$toast-border-radius: $border-radius-md !default;\n$toast-box-shadow: $box-shadow !default;\n\n$toast-header-color: $h-color !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bolder !default;\n$badge-color: $white !default;\n$badge-padding-y: .55em !default;\n$badge-padding-x: .9em !default;\n$badge-border-radius-custom: .45rem !default;\n$badge-border-radius: $badge-border-radius-custom !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: $spacer !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius-md !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: 0 !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n\n\n// Progress bars\n\n$progress-height: 6px !default;\n$progress-bar-height: 6px !default;\n$progress-height-sm: 4px !default;\n$progress-height-lg: 20px !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius-sm !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: inherit !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius-md !default;\n\n$list-group-item-padding-y: $spacer * 0.5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-level: -9 !default;\n$list-group-item-color-level: 6 !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius-md !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n\n\n// Figures\n\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: $spacer * 0.5 !default;\n$breadcrumb-padding-x: $spacer !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-border-radius: $border-radius-md !default;\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml, \") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml, \") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $white !default;\n$btn-close-bg: url(\"data:image/svg+xml, \") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n$pre-color: null !default;\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Variables for Core\n\n@import \"variables/animations\";\n@import \"variables/avatars\";\n@import \"variables/cards\";\n@import \"variables/dark-version\";\n@import \"variables/dropdowns\";\n@import 'variables/header';\n@import 'variables/info-areas';\n@import 'variables/navbar';\n@import 'variables/navbar-vertical';\n@import 'variables/utilities';\n@import 'variables/utilities-extend';\n@import 'variables/misc';\n@import 'variables/misc-extend';\n@import 'variables/form-switch';\n@import 'variables/fixed-plugin';\n@import 'variables/pagination';\n@import 'variables/badge';\n@import 'variables/rtl';\n@import 'variables/ripple';\n@import 'variables/cards-extend';\n@import 'variables/choices';\n@import 'variables/timeline';\n@import 'variables/full-calendar';\n@import 'variables/social-buttons';\n@import 'variables/virtual-reality';\n\n\n// Import Utilities\n@import \"utilities\";\n",
+ "// Waves Animation & Styling\n\n$waves-position: relative !default;\n$waves-width: 100% !default;\n$waves-height: 16vh !default;\n$waves-min-height: 100px !default;\n$waves-max-height: 150px !default;\n$waves-margin-bottom: -7px !default;\n$waves-height-sm: 50px !default;\n$waves-min-height-sm: $waves-height-sm !default;\n$waves-rotate: rotate(180deg) !default;\n$waves-mobile-height: 40px !default;\n\n$moving-waves-keyframe-0: translate3d(-90px,0,0) !default;\n$moving-waves-keyframe-100: translate3d(85px,0,0) !default;\n$moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default;\n$moving-waves-child-1-delay: -2s !default;\n$moving-waves-child-1-duration: 11s !default;\n$moving-waves-child-2-delay: -4s !default;\n$moving-waves-child-2-duration: 13s !default;\n$moving-waves-child-3-delay: -3s !default;\n$moving-waves-child-3-duration: 15s !default;\n$moving-waves-child-4-delay: -4s !default;\n$moving-waves-child-4-duration: 20s !default;\n$moving-waves-child-5-delay: -4s !default;\n$moving-waves-child-5-duration: 25s !default;\n$moving-waves-child-6-delay: -3s !default;\n$moving-waves-child-6-duration: 30s !default;\n\n// Fade In\n\n$fade-in-animation-name: fadeInBottom !default;\n$fade-in-animation-top-name: fadeInTop !default;\n$fade-in-bottom-transform: translateY(100%) !default;\n$fade-in-top-transform: translateY(-100%) !default;\n\n\n$fade-in-1-animation-duration: 1.5s !default;\n$fade-in-2-animation-duration: 1.75s !default;\n$fade-in-3-animation-duration: 2s !default;\n$fade-in-4-animation-duration: 2.25s !default;\n$fade-in-5-animation-duration: 2.5s !default;\n\n\n$floating-man-width: 350px !default;\n",
+ "// Avatar\n$avatar-height: 48px !default;\n$avatar-width: 48px !default;\n\n$avatar-xs-height: 24px !default;\n$avatar-xs-width: 24px !default;\n\n$avatar-sm-height: 36px !default;\n$avatar-sm-width: 36px !default;\n\n$avatar-lg-height: 58px !default;\n$avatar-lg-width: 58px !default;\n\n$avatar-xl-height: 74px !default;\n$avatar-xl-width: 74px !default;\n\n$avatar-xxl-height: 110px !default;\n$avatar-xxl-width: 110px !default;\n\n$avatar-font-size: 1rem !default;\n$avatar-content-margin: .75rem !default;\n\n\n// Avatar Group\n$avatar-group-border: 2px !default;\n$avatar-group-zindex: 2 !default;\n$avatar-group-zindex-hover: 3 !default;\n$avatar-group-double: -1rem !default;\n",
+ "$card-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),\n 0 2px 4px -1px rgba(0,0,0,0.06) !default;\n$card-background-blur: rgba(255, 255, 255, 0.8) !default;\n\n$card-header-padding: 1.5rem !default;\n\n$card-body-padding: $card-header-padding !default;\n$card-plain-bg-color: transparent !default;\n$card-plain-box-shadow: none !default;\n\n$card-footer-padding: $card-body-padding !default;\n\n$card-title-font-weight: $font-weight-bold !default;\n$card-title-line-height: 1.2 !default;\n\n$card-author-display: flex !default;\n$card-author-name-line-height: 1.571 !default;\n$card-author-name-color: #3A416F !default;\n$card-author-stats-color: #5D6494 !default;\n$card-avatar-width: 30px !default;\n$card-avatar-height: $card-avatar-width !default;\n$card-avatar-overflow: hidden !default;\n$card-avatar-radius: 50% !default;\n$card-avatar-mr: 5px !default;\n$card-stats-name-mt: -4px !default;\n$card-name-ml: .25rem !default;\n\n$card-badge-text-transform: uppercase !default;\n$card-badge-bg-color: #FAFAFF !default;\n\n\n// Card Background\n$card-bg-align-items: center !default;\n$card-bg-body-position: relative !default;\n$card-bg-body-z-index: 2 !default;\n$card-bg-content-min-height: 330px !default;\n$card-bg-content-max-width: 450px !default;\n$card-bg-content-pt: 60px !default;\n$card-bg-content-pb: $card-bg-content-pt !default;\n$card-bg-body-left-width: 90% !default;\n\n$card-bg-description-margin: 24px !default;\n\n$card-bg-filter-position: absolute !default;\n$card-bg-filter-top: 0 !default;\n$card-bg-filter-bottom: $card-bg-filter-top !default;\n$card-bg-filter-left: $card-bg-filter-top !default;\n$card-bg-filter-height: 100% !default;\n$card-bg-filter-width: $card-bg-filter-height !default;\n$card-bg-filter-z-index: 1 !default;\n$card-bg-filter-display: block !default;\n$card-bg-filter-content: \"\" !default;\n$card-bg-filter-bg: rgba(0,0,0,.56) !default;\n$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;\n$card-bg-filter-radius: 1rem !default;\n\n$card-full-bg-bg-position: 50% !default;\n$card-full-bg-bg-size: cover !default;\n$card-full-bg-mb: 30px !default;\n$card-full-bg-width: 100% !default;\n$card-full-bg-height: $card-full-bg-width !default;\n$card-full-bg-position: absolute !default;\n$card-full-bg-radius: $card-bg-filter-radius !default;\n\n$header-data-animation-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n",
+ "$dark-version-body-color: rgba(255, 255, 255, .8) !default;\n$dark-version-bg-color: #1a2035 !default;\n$dark-version-sidenav-bg-color: #1f283e !default;\n$dark-version-card-bg-color: #202940 !default;\n$dark-version-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .20), 0 1px 5px 0 rgba(0, 0, 0, .12) !default;\n$dark-version-input-bg-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, .6) 1px, rgba(209, 209, 209, 0) 0) !default;\n$dark-version-border-color: rgba(255, 255, 255, .4) !default;\n$dark-version-table-color: rgba(255, 255, 255, .6) !default;\n$dark-version-caret-sidebar-color: rgba(206, 212, 218, .7) !default;\n",
+ "$dropdown-subitem-position: 101% !default;\n$dropdown-transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1) !important !default;\n$dropdown-transform-origin: 0 0 !default;\n$dropdown-transform: scale(.95) !important !default;\n$dropdown-transform-show: scale(1) !important !default;\n\n$dropdown-multilevel-transform: scale(.95) !important !default;\n$dropdown-multilevel-transform-show: scale(1) !important !default;\n\n$dropup-transform-origin: bottom !default;\n$dropup-transform: scale(.95) !important !default;\n$dropup-transform-show: scale(1) !important !default;\n\n$dropdown-icon-margin-right: .75rem !default;\n\n$dropdown-toggle-arrow-transform: rotate(180deg) !default;\n$dropdown-toggle-arrow-transition: .3s ease !default;\n\n$dropdown-button-after-margin-top: 3px !default;\n\n$dropdown-animation-arrow-left-position: 28px !default;\n$dropup-animation-arrow-bottom-position: 22px !default;\n$dropdown-animation-arrow-font-size: 22px !default;\n$dropup-animation-arrow-transition: bottom .35s ease !default;\n$dropdown-animation-arrow-transition: top .35s ease !default;\n$dropup-mb: .5rem !default;\n\n$dropdown-mt: 2.8125rem !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-arrow-active-top: -20px !default;\n\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n\n$dropdown-subitem-position: 101% !default;\n\n\n// Extend\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n",
+ "$page-header-padding: 0 !default;\n$page-header-position: relative !default;\n$page-header-overflow: hidden !default;\n$page-header-display: flex !default;\n$page-header-align-items: center !default;\n$page-header-bg-size: cover !default;\n$page-header-bg-position: 50% !default;\n\n$mask-position: absolute !default;\n$mask-bg-size: cover !default;\n$mask-bg-position: center center !default;\n$mask-top: 0 !default;\n$mask-left: $mask-top !default;\n$mask-width: 100% !default;\n$mask-height: $mask-width !default;\n$mask-opacity: .8 !default;\n\n$page-header-conteiner-index: 1 !default;\n\n$header-video-top: 50% !default;\n$header-video-left: $header-video-top !default;\n$header-video-min-width: 100% !default;\n$header-video-min-height: $header-video-min-width !default;\n$header-video-min-transform: translateX(-50%) translateY(-50%) !default;\n",
+ "$icon-shape-bg-image: linear-gradient(195deg,#7928CA,#FF0080) !default;\n$icon-shape-bg-position: center !default;\n\n$icon-striped-bg-md: 85px !default;\n$icon-striped-bg-lg: 111px !default;\n$icon-striped-bg-xl: 80px !default;\n\n$icon-striped-icon-mt: 25% !default;\n$icon-striped-icon-ml: -24% !default;\n\n$icon-shape-icon-opacity: .8 !default;\n$info-icon-top: 11px !default;\n$info-icon-top-xxs: 0 !default;\n$info-icon-top-xs: -1px !default;\n$info-icon-top-sm: 4px !default;\n$info-icon-top-md: 30% !default;\n$info-icon-top-lg: 31% !default;\n$info-icon-top-xl: 35% !default;\n$info-icon-position: relative !default;\n\n$icon-xxs-width: 20px !default;\n$icon-xxs-height: $icon-xxs-width !default;\n$icon-xs-width: 24px !default;\n$icon-xs-height: $icon-xs-width !default;\n$icon-sm-width: 32px !default;\n$icon-sm-height: $icon-sm-width !default;\n$icon-md-width: 48px !default;\n$icon-md-height: $icon-md-width !default;\n$icon-lg-width: 64px !default;\n$icon-lg-height: $icon-lg-width !default;\n$icon-xl-width: 100px !default;\n$icon-xl-height: $icon-xl-width !default;\n",
+ "// Navbar toggler icon on responsive styling\n\n$navbar-toggler-bar-display: block !default;\n$navbar-toggler-bar-position: relative !default;\n$navbar-toggler-bar-width: 22px !default;\n$navbar-toggler-bar-height: 1px !default;\n$navbar-toggler-bar-radius: 1px !default;\n$navbar-toggler-bar-transition: all 0.2s !default;\n$navbar-toggler-bar-margin-top: 7px !default;\n\n$navbar-toggler-bar-1-transform: rotate(45deg) !default;\n$navbar-toggler-bar-1-transform-origin: 10% 10% !default;\n$navbar-toggler-bar-1-margin-top: 4px !default;\n$navbar-toggler-bar-2-opacity: 0 !default;\n$navbar-toggler-bar-3-transform: rotate(-45deg) !default;\n$navbar-toggler-bar-3-transform-origin: 10% 90% !default;\n$navbar-toggler-bar-3-margin-top: 3px !default;\n",
+ "$navbar-light-bg: #FBFBFB !default;\n$navbar-light-hover-bg: darken($gray-100, 5%) !default;\n$navbar-light-active-bg: darken($gray-100, 5%) !default;\n$navbar-light-border-color: rgba($black, .05) !default;\n$navbar-light-color: rgba($black, .6) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-border-color: transparent !default;\n// Vertical navbar\n$sidenav-header-width: 4.875rem !default;\n$sidenav-card-opacity: .65 !default;\n$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;\n$navbar-vertical-border-color: rgba($black, .05) !default;\n$navbar-vertical-width: 3.875rem !default;\n$navbar-vertical-open-width: 15.625rem !default;\n$navbar-vertical-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-y: .75rem !default;\n$navbar-vertical-sidenav-normal-ml: 4.01rem !default;\n$navbar-vertical-m: 1rem !default;\n$navbar-vertical-inner: calc(100vh - 200px) !default;\n$navbar-icon-min-width: 1.8rem !default;\n$navbar-icon-margin-left: 0.15rem !default;\n$navbar-icon-material-margin-left: 2px !default;\n$navbar-breadcrumb-padding-y: $nav-link-padding-y !default;\n$navbar-breadcrumb-padding-x: 0 !default;\n$navbar-light-border-color: $border-color !default;\n$navbar-dark-bg: transparent !default;\n$navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-border-color: rgba(255, 255, 255, .1) !default;\n$navbar-dark-color: rgba($white, .95) !default;\n$navbar-dark-hover-color: rgba($white, .65) !default;\n$navbar-dark-active-color: rgba($white, .65) !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-border-color: transparent !default;\n$navbar-padding-y: 1rem !default;\n$navbar-padding-x: 1rem !default;\n$navbar-nav-link-padding-x: 1rem !default;\n$navbar-nav-link-padding-y: 1rem !default;\n$navbar-nav-link-font-size: .875rem !default;\n$navbar-nav-link-font-weight: 300 !default;\n$navbar-nav-link-text-transform: normal !default;\n$navbar-nav-link-letter-spacing: 0 !default;\n$navbar-nav-link-border-radius: $border-radius-md !default;\n$font-size-xs: ($font-size-base * .75);\n$transition-base-time: .25s;\n$transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;\n\n// Navbar collapse\n\n$navbar-vertical-collapse-margin-left: 1.35rem !default;\n$navbar-vertical-collapse-left: -18px !default;\n$navbar-vertical-collapse-top: 50% !default;\n$navbar-vertical-collapse-translate: translate(0,-50%) !default;\n$navbar-vertical-hidden-width: 6rem !default;\n\n// Hover effect\n$navbar-vertical-hover-bg-color: rgba(199, 199, 199, 0.2) !default;\n\n// RTL Page\n\n$rtl-sidebar-bullet-right: -1.125rem !default;\n$rtl-sidebar-hover-padding-right: 2.5rem !default;\n",
+ "// on hover transition variables\n$move-transition: .2s ease-out !default;\n$move-overflow: hidden !default;\n$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;\n$move-transform-origin: 50% 0 !default;\n$move-backface-visibility: hidden !default;\n$move-will-change: transform,box-shadow !default;\n$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;\n\n// Sections Height Utilities\n$section-height-25-min-height: 25vh !default;\n$section-height-35-min-height: 35vh !default;\n$section-height-45-min-height: 45vh !default;\n$section-height-50-min-height: 50vh !default;\n$section-height-55-min-height: 55vh !default;\n$section-height-65-min-height: 65vh !default;\n$section-height-70-min-height: 70vh !default;\n$section-height-75-min-height: 75vh !default;\n$section-height-80-min-height: 80vh !default;\n$section-height-85-min-height: 85vh !default;\n$section-height-90-min-height: 90vh !default;\n$section-height-95-min-height: 95vh !default;\n$section-height-100-min-height: 100vh !default;\n\n// extra padding utilities variables - CT\n$padding-6: 4rem !default;\n$padding-7: 6rem !default;\n$padding-8: 8rem !default;\n$padding-9: 10rem !default;\n$padding-10: 12rem !default;\n$padding-11: 14rem !default;\n$padding-12: 16rem !default;\n\n// extra margins utilities variables - CT\n$margin-6: 4rem !default;\n$margin-7: 6rem !default;\n$margin-8: 8rem !default;\n$margin-9: 10rem !default;\n$margin-10: 12rem !default;\n$margin-11: 14rem !default;\n$margin-12: 16rem !default;\n\n// extra width values variables - CT\n$width-0: 0% !default;\n$width-1: 1% !default;\n$width-2: 2% !default;\n$width-3: 3% !default;\n$width-4: 4% !default;\n$width-5: 5% !default;\n$width-6: 6% !default;\n$width-7: 7% !default;\n$width-8: 8% !default;\n$width-9: 9% !default;\n$width-10: 10% !default;\n$width-15: 15% !default;\n$width-20: 20% !default;\n$width-25: 25% !default;\n$width-30: 30% !default;\n$width-35: 35% !default;\n$width-40: 40% !default;\n$width-45: 45% !default;\n$width-50: 50% !default;\n$width-55: 55% !default;\n$width-60: 60% !default;\n$width-65: 65% !default;\n$width-70: 70% !default;\n$width-75: 75% !default;\n$width-80: 80% !default;\n$width-85: 85% !default;\n$width-90: 90% !default;\n$width-95: 95% !default;\n$width-100: 100% !default;\n\n// extra max width values variables - CT\n$max-width-100: 100px !default;\n$max-width-200: 200px !default;\n$max-width-300: 300px !default;\n$max-width-400: 400px !default;\n$max-width-500: 500px !default;\n\n// extra height values variables - CT\n$height-100: 100px !default;\n$height-200: 200px !default;\n$height-300: 300px !default;\n$height-400: 400px !default;\n$height-500: 500px !default;\n$height-600: 600px !default;\n\n\n// extra min height values variables - CT\n$min-height-100: 100px !default;\n$min-height-130: 130px !default;\n$min-height-140: 140px !default;\n$min-height-150: 150px !default;\n$min-height-160: 160px !default;\n$min-height-200: 200px !default;\n$min-height-250: 250px !default;\n$min-height-300: 300px !default;\n$min-height-400: 400px !default;\n$min-height-500: 500px !default;\n$min-height-600: 600px !default;\n\n// extra min height values variables - CT\n$max-height-100: 100px !default;\n$max-height-130: 130px !default;\n$max-height-140: 140px !default;\n$max-height-150: 150px !default;\n$max-height-160: 160px !default;\n$max-height-200: 200px !default;\n$max-height-250: 250px !default;\n$max-height-300: 300px !default;\n$max-height-400: 400px !default;\n$max-height-500: 500px !default;\n$max-height-600: 600px !default;\n\n// extra min height vh values variables - CT\n$max-height-vh-10: 10vh !default;\n$max-height-vh-20: 20vh !default;\n$max-height-vh-30: 30vh !default;\n$max-height-vh-40: 40vh !default;\n$max-height-vh-50: 50vh !default;\n$max-height-vh-60: 60vh !default;\n$max-height-vh-70: 70vh !default;\n$max-height-vh-80: 80vh !default;\n$max-height-vh-90: 90vh !default;\n$max-height-vh-100: 100vh !default;\n\n// Extra Padding values Map\n$paddings: (\n \"6\": $padding-6,\n \"7\": $padding-7,\n \"8\": $padding-8,\n \"9\": $padding-9,\n \"10\": $padding-10,\n \"11\": $padding-11,\n \"12\": $padding-12\n) !default;\n\n// Extra Margins values Map\n$margins: (\n \"6\": $margin-6,\n \"7\": $margin-7,\n \"8\": $margin-8,\n \"9\": $margin-9,\n \"10\": $margin-10,\n \"11\": $margin-11,\n \"12\": $margin-12\n) !default;\n\n$width: (\n \"0\": $width-0,\n \"1\": $width-1,\n \"2\": $width-2,\n \"3\": $width-3,\n \"4\": $width-4,\n \"5\": $width-5,\n \"6\": $width-6,\n \"7\": $width-7,\n \"8\": $width-8,\n \"9\": $width-9,\n \"10\": $width-10,\n \"15\": $width-15,\n \"20\": $width-20,\n \"25\": $width-25,\n \"30\": $width-30,\n \"35\": $width-35,\n \"40\": $width-40,\n \"45\": $width-45,\n \"50\": $width-50,\n \"55\": $width-55,\n \"60\": $width-60,\n \"65\": $width-65,\n \"70\": $width-70,\n \"75\": $width-75,\n \"80\": $width-80,\n \"85\": $width-85,\n \"90\": $width-90,\n \"95\": $width-95,\n \"100\": $width-100,\n \"auto\": auto\n) !default;\n\n\n// blur effect variables\n$blur-border-radius-rounded: 40px !default;\n$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;\n$blur-backdrop-filter: saturate(200%) blur(30px) !default;\n$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;\n\n$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;\n\n// sidebar variables\n\n$sidebar-width: 80px !default;\n$sidebar-transition: 1s ease !default;\n",
+ "// Colores Shadow on cards\n$colored-shadow-top: 3.5% !default;\n$colored-shadow-blur: 12px !default;\n$colored-shadow-scale: .94 !default;\n$colored-shadow-scale-avatar: .87 !default;\n\n// Card Projects\n$card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default;\n$card-project-avatar-transform: scale(.8) translateY(-45px) !default;\n$card-project-hover-transform: translateY(-2px) !default;\n\n// Transform Perspective effect\n$transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default;\n$transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default;\n\n// Z index\n$z-index2: 2 !default;\n\n// Width in PX\n$width-32-px: 32px !default;\n$width-48-px: 48px !default;\n$width-64-px: 64px !default;\n\n// Wizard variants\n$multistep-progress-primary-color: #f48aaa !default;\n$multistep-progress-success-color: #9ed1a0 !default;\n$multistep-progress-danger-color: #f79592 !default;\n$multistep-progress-warning-color: #ffc483 !default;\n$multistep-progress-info-color: #88d9e4 !default;\n$multistep-progress-dark-color: #848486 !default;\n$multistep-progress-secondary-color: #a4a9b2 !default;\n$multistep-progress-light-color: #ebeef1 !default;\n",
+ "// Horizontal Faded Line\n$hr-bg: transparent !default;\n$hr-transform: rotate(90deg) !default;\n$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;\n$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n\n\n// Gradient Animation\n$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;\n$gradient-animation-bg-size: 400% 400% !default;\n\n// Device Wrapper\n$device-wrapper-radius: 3.5rem !default;\n$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;\n$device-wrapper-animation: gradient 10s ease infinite !default;\n\n\n// Nav pills\n$nav-pills-link-border-radius: 0.5rem !default;\n$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;\n$nav-pills-link-active-padding: 7px 15px !default;\n$nav-pills-link-active-margin: 1px !default;\n$nav-pills-link-active-animation: .2s ease !default;\n\n// Table Progress\n\n$table-progress-width: 120px !default;\n$table-progress-height: 3px !default;\n$table-progress-margin: 0 !default;\n\n// Tooltip Arrow\n\n$tooltip-arrow-left: 1px !default;\n$tooltip-arrow-right: $tooltip-arrow-left !default;\n\n// Footer Link hover animation\n\n$footer-link-animation: opacity .3 ease !default;\n\n// Blur background\n\n$blur-light-background: rgba(255, 255, 255, 0.4) !default;\n$blur-dark-background: rgba(0, 0, 0, 0.3) !default;\n\n// HR w/ opacity\n\n$hr-bg-color: transparent !default;\n$hr-width: 1px !default;\n$hr-margin: .75rem 0 !default;\n$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-bg-color-light: linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0)) !default;\n$hr-bg-color-dark: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent) !default;\n\n// border right - pseudo\n\n$border-right-after-top: 3vh !default;\n$border-right-after-height: 70% !default;\n$border-right-after-width: 50% !default;\n$border-right-after-border-color: #dee2e6 !default;\n",
+ "// Text Border\n$text-border-bg-color: rgba($secondary,.5) !default;\n$text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default;\n$text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default;\n$text-border-display: inline-block !default;\n$text-border-width: 30% !default;\n$text-border-height: 1px !default;\n$text-border-position: relative !default;\n$text-border-vertical-align: middle !default;\n$text-border-before-right: .5em !default;\n$text-border-before-ml: -50% !default;\n$text-border-after-left: $text-border-before-right !default;\n$text-border-after-mr: $text-border-before-ml !default;\n\n\n// Header Shapes\n\n$shape-1-width: 55% !default;\n$shape-1-left: 15% !default;\n$shape-2-width: 35% !default;\n$shape-2-left: 20% !default;\n$shape-3-width: 50% !default;\n$shape-3-left: -28rem !default;\n\n$shape-img-1-right: 7% !default;\n$shape-img-1-width: 36% !default;\n$shape-img-1-margin-top: 12% !default;\n\n$shape-img-2-left: 24% !default;\n$shape-img-2-width: 27% !default;\n$shape-img-2-margin-top: 10% !default;\n\n// Comming Soon page\n\n$coming-rotate-transform: rotate(20deg) !default;\n\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Round Slider\n\n$round-slider-m-width: 200px !default;\n$round-slider-scale-m-width: 300px !default;\n$round-slider-transition: all .5s ease-out 0s !default;\n",
+ "$slider-dim: 15px !default;\n$slider-position: 2px !default;\n$moving-circle: translateX(21px) !default;\n",
+ "$fixed-plugin-bottom: 30px !default;\n$fixed-plugin-right: $fixed-plugin-bottom !default;\n$fixed-plugin-radius: 50% !default;\n$fixed-plugin-box-shadow: $navbar-box-shadow !default;\n$fixed-plugin-button-z-index: 990 !default;\n$fixed-plugin-card-z-index: 1020 !default;\n$fixed-plugin-card-width: 360px !default;\n",
+ "// Pagination\n\n$pagination-active-box-shadow: $btn-hover-box-shadow !default;\n\n$page-link-display: flex !default;\n$page-link-align-items: center !default;\n$page-link-justify-content: $page-link-align-items !default;\n$page-link-margin: 0 3px !default;\n$page-link-radius: 50% !default;\n$page-link-width: 36px !default;\n$page-link-height: $page-link-width !default;\n\n$page-link-width-lg: 46px !default;\n$page-link-height-lg: $page-link-width-lg !default;\n$page-link-line-height-lg: $page-link-width-lg !default;\n\n$page-link-width-sm: 30px !default;\n$page-link-height-sm: $page-link-width-sm !default;\n$page-link-line-height-sm: $page-link-width-sm !default;\n",
+ "// Badge\n$badge-sm-padding: .45em .775em !default;\n$badge-sm-font-size: .65em !default;\n$badge-md-padding: .65em 1em !default;\n$badge-lg-padding: .85em 1.375em !default;\n$badge-inline-margin-right: .625rem !default;\n$badge-inline-span-top: 2px !default;\n$badge-btn-margin: .5rem !default;\n\n// Badge Circle\n$badge-circle-border-radius: 50% !default;\n$badge-circle-width: 1.25rem !default;\n$badge-circle-height: 1.25rem !default;\n$badge-circle-font-size: .75rem !default;\n$badge-circle-font-weight: 600 !default;\n\n$badge-circle-md-width: 1.5rem !default;\n$badge-circle-md-height: 1.5rem !default;\n\n$badge-circle-lg-width: 2rem !default;\n$badge-circle-lg-height: 2rem !default;\n\n//Badge Dot\n$badge-dot-icon-width: .375rem !default;\n$badge-dot-icon-height: .375rem !default;\n$badge-dot-icon-radius: 50% !default;\n$badge-dot-icon-margin-right: .375rem !default;\n\n$badge-dot-md-icon-width: .5rem !default;\n$badge-dot-md-icon-height: .5rem !default;\n\n$badge-dot-lg-icon-width: .625rem !default;\n$badge-dot-lg-icon-height: .625rem !default;\n\n//Badge Floating\n$badge-floating-top: -50% !default;\n$badge-floating-border: 3px !default;\n$badge-floating-transform: translate(147%, 50%) !default;\n\n$card-badge-position: -.6875rem !default;\n",
+ "$timeline-step-transform-rtl: translateX(50%) !default;\n",
+ "// RIPPLE Effect\n\n$ripple-position: relative !default;\n\n$ripple-container-position: absolute !default;\n$ripple-container-top: 0 !default;\n$ripple-container-left: $ripple-container-top !default;\n$ripple-container-z-index: 1 !default;\n$ripple-container-width: 100% !default;\n$ripple-container-height: $ripple-container-width !default;\n$ripple-container-overflow: hidden !default;\n$ripple-container-pointer: none !default;\n$ripple-container-radius: inherit !default;\n\n$ripple-decorator-position: $ripple-container-position !default;\n$ripple-decorator-width: 20px !default;\n$ripple-decorator-height: $ripple-decorator-width !default;\n$ripple-decorator-mt: -10px !default;\n$ripple-decorator-ml: $ripple-decorator-mt !default;\n$ripple-decorator-pointer: $ripple-container-pointer !default;\n$ripple-decorator-bg-color: rgba($black, 0.05) !default;\n$ripple-decorator-radius: 100% !default;\n$ripple-decorator-opacity: 0 !default;\n$ripple-decorator-transform: scale(1) !default;\n$ripple-decorator-transform-origin: 50% !default;\n\n$ripple-on-opacity: .1 !default;\n$ripple-on-transition: opacity 0.15s ease-in 0s,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s !default;\n\n$ripple-out-opacity: 0 !default;\n$ripple-out-transition: opacity 0.1s linear 0s !default;\n",
+ "// Card Profile\n$card-profile-body-text-align: center !default;\n$card-profile-body-padding: 1.25rem 2rem !default;\n$card-profile-avatar-margin: 0 auto !default;\n$card-profile-img-mt: 32px !default;\n$card-profile-img-radius: 50% !default;\n$card-profile-img-width: 130px !default;\n$card-profile-btn-mt: 24px !default;\n$card-profile-p-line-height: 1.778 !default;\n\n// Card Pricing\n$card-pricing-body-padding: 2.25rem !default;\n$card-pricing-line-height: 1.111 !default;\n$card-pricing-title-mb: $card-bg-description-margin !default;\n$card-pricing-td-line-height: 1.429 !default;\n$card-pricing-icon-height: 4rem !default;\n$card-pricing-icon-width: $card-pricing-icon-height !default;\n$card-pricing-icon-position: absolute !default;\n$card-pricing-icon-top: -22px !default;\n$card-pricing-icon-font-size: 1.25rem !default;\n$card-pricing-icon-lg-font-size: 1.75rem !default;\n$card-pricing-i-padding: 18px !default;\n$card-pricing-badge-padding: 5px !default;\n$card-pricing-badge-font-size: 6px !default;\n$card-pricing-badge-position: relative !default;\n$card-pricing-badge-top: -2px !default;\n$card-pricing-border-color: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));\n$card-pricing-border-color-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));\n",
+ "$choices-box-shadow: $dropdown-box-shadow !default;\n$choices-border-radius: .5rem !default;\n$choices-animation: .3s cubic-bezier(.23,1,.32,1) !default;\n$choices-transition: $dropdown-transition !default;\n$choices-transform: scale(.95) !important !default;\n$choices-transform-show: scale(1) !important !default;\n$choices-padding-y: 1rem !default;\n$choices-padding-x: .5rem !default;\n",
+ "// Timeline\n\n$timeline-axis-width: 2px !default;\n$timeline-axis-color: #e5e5e5 !default;\n$timeline-axis-color-dark: #4a4a4a !default;\n$timeline-left: 1rem !default;\n\n$timeline-step-bg: $white !default;\n$timeline-step-width: 26px !default;\n$timeline-step-height: $timeline-step-width !default;\n$timeline-step-radius: 50% !default;\n$timeline-step-transform: translateX(-50%) !default;\n$timeline-step-line-height: 1.4 !default;\n\n$timeline-step-border-width: 2px !default;\n$timeline-step-border-color: $timeline-axis-color !default;\n\n$timeline-content-margin-left: 45px !default;\n$timeline-content-padding-top: .35rem !default;\n$timeline-content-top: -6px !default;\n",
+ "$fc-event-title-padding-y: .2rem !default;\n$fc-event-title-padding-x: .3rem !default;\n\n$fc-daygrid-event-border-radius: .35rem !default;\n\n$fc-theme-standard-dark-border-color: rgba($secondary, .3) !default;\n",
+ "// Social Buttons\n\n$facebook: #3b5998 !default;\n$facebook-states: darken($facebook, 5%) !default;\n$twitter: #55acee !default;\n$twitter-states: darken($twitter, 5%) !default;\n$instagram: #125688 !default;\n$instagram-states: darken($instagram, 6%) !default;\n$linkedin: #0077B5 !default;\n$linkedin-states: darken($linkedin, 5%) !default;\n$pinterest: #cc2127 !default;\n$pinterest-states: darken($pinterest, 6%) !default;\n$youtube: #e52d27 !default;\n$youtube-states: darken($youtube, 6%) !default;\n$dribbble: #ea4c89 !default;\n$dribbble-states: darken($dribbble, 6%) !default;\n$github: #24292E !default;\n$github-states: darken($github, 6%) !default;\n$reddit: #ff4500 !default;\n$reddit-states: darken($reddit, 6%) !default;\n$tumblr: #35465c !default;\n$tumblr-states: darken($tumblr, 6%) !default;\n$behance: #1769ff !default;\n$behance-states: darken($behance, 6%) !default;\n$vimeo: #1AB7EA !default;\n$vimeo-states: darken($vimeo, 6%) !default;\n$slack: #3aaf85 !default;\n$slack-states: darken($slack, 6%) !default;\n",
+ "$animation-name: fadeInBottom !default;\n$animation-mode: both !default;\n$animation-duration: 1.5s !default;\n$transform-scale: scale(0.6) !default;\n$position-left: 18% !default; \n",
+ "@import \"../bootstrap/functions\";\n@import \"../bootstrap/variables\";\n@import \"../bootstrap/maps\";\n@import \"../bootstrap/utilities\";\n\n$utilities: (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-overflow-x\n \"overflow-x\": (\n property: overflow-x,\n class: overflow-x,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-x\n // scss-docs-start utils-overflow-y\n \"overflow-y\": (\n property: overflow-y,\n class: overflow-y,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-y\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n xl: $box-shadow-xl,\n none: none,\n )\n ),\n // scss-docs-start utils-colored-shadow\n \"colored-shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n primary: $box-shadow-primary,\n secondary: $box-shadow-secondary,\n info: $box-shadow-info,\n warning: $box-shadow-warning,\n success: $box-shadow-success,\n danger: $box-shadow-danger,\n dark: $box-shadow-dark,\n light: $box-shadow-light,\n )\n ),\n // scss-docs-end utils-colored-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n //Scale\n \"transform\": (\n property: transform,\n class: transform-scale,\n responsive: true,\n values: (\n 5: scale(.5),\n 6: scale(.6),\n 7: scale(.7),\n 8: scale(.8),\n 9: scale(.9),\n 10: scale(1),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n responsive: true,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n responsive: true,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n responsive: true,\n class: w,\n values: $width\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (\n 25: $section-height-25-min-height,\n 35: $section-height-35-min-height,\n 45: $section-height-45-min-height,\n 50: $section-height-50-min-height,\n 55: $section-height-55-min-height,\n 65: $section-height-65-min-height,\n 70: $section-height-70-min-height,\n 75: $section-height-75-min-height,\n 80: $section-height-80-min-height,\n 85: $section-height-85-min-height,\n 90: $section-height-90-min-height,\n 95: $section-height-95-min-height,\n 100: 100vh\n )\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n values: map-merge(\n $theme-colors,\n (\n \"white\": $white,\n \"body\": $body-color,\n \"rose\": $rose,\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5),\n \"white-50\": rgba($white, .5),\n \"reset\": inherit,\n )\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n values: map-merge(\n $theme-colors,\n (\n \"body\": $body-bg,\n \"white\": $white,\n \"transparent\": transparent,\n \"gray-100\": $gray-100,\n \"gray-200\": $gray-200,\n \"gray-300\": $gray-300,\n \"gray-400\": $gray-400,\n \"gray-500\": $gray-500,\n \"gray-600\": $gray-600,\n \"gray-700\": $gray-700,\n \"gray-800\": $gray-800,\n \"gray-900\": $gray-900,\n )\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n ),\n // Opacity utilities\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 1: .1,\n 2: .2,\n 3: .3,\n 4: .4,\n 5: .5,\n 6: .6,\n 7: .7,\n 8: .8,\n 9: .9,\n 10: 1\n ),\n ),\n // Z-index utilities\n \"z-index\": (\n property: z-index,\n values: (\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3\n ),\n ),\n // Letter spacing utilities\n \"letter-spacing\": (\n property: letter-spacing,\n values: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n ),\n ),\n // Border radius utilities\n \"border-top-left-radius\": (\n property: border-top-left-radius,\n class: border-radius-top-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-top-right-radius\": (\n property: border-top-right-radius,\n class: border-radius-top-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-left-radius\": (\n property: border-bottom-left-radius,\n class: border-radius-bottom-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-right-radius\": (\n property: border-bottom-right-radius,\n class: border-radius-bottom-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n // Max Height Values\n \"max-height-px\": (\n property: max-height,\n class: max-height,\n values: (\n 100: $max-height-100,\n 130: $max-height-130,\n 140: $max-height-140,\n 150: $max-height-150,\n 160: $max-height-160,\n 200: $max-height-200,\n 250: $max-height-250,\n 300: $max-height-300,\n 400: $max-height-400,\n 500: $max-height-500,\n 600: $max-height-600\n )\n ),\n // Max Height Values vh\n \"max-height-vh\": (\n property: max-height,\n class: max-height-vh,\n values: (\n 10: $max-height-vh-10,\n 20: $max-height-vh-20,\n 30: $max-height-vh-30,\n 40: $max-height-vh-40,\n 50: $max-height-vh-50,\n 60: $max-height-vh-60,\n 70: $max-height-vh-70,\n 80: $max-height-vh-80,\n 90: $max-height-vh-90,\n 100: $max-height-vh-100,\n )\n ),\n // Min Height Values\n \"min-height-px\": (\n property: min-height,\n class: min-height,\n values: (\n 100: $min-height-100,\n 130: $min-height-130,\n 140: $min-height-140,\n 150: $min-height-150,\n 160: $min-height-160,\n 200: $min-height-200,\n 250: $min-height-250,\n 300: $min-height-300,\n 400: $min-height-400,\n 500: $min-height-500,\n 600: $min-height-600\n )\n ),\n // Height Values\n \"height-px\": (\n property: height,\n class: height,\n values: (\n 100: $height-100,\n 200: $height-200,\n 300: $height-300,\n 400: $height-400,\n 500: $height-500,\n 600: $height-600\n )\n ),\n // Max Width Values\n \"max-width-px\": (\n property: max-width,\n class: max-width,\n values: (\n 100: $max-width-100,\n 200: $max-width-200,\n 300: $max-width-300,\n 400: $max-width-400,\n 500: $max-width-500\n )\n ),\n);\n",
+ "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Kitty Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n",
+ "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"black\": $black,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-100,\n \"purple-200\": $purple-200,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-container-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-style: solid !default;\n$border-color: $gray-300 !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .375rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style: null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n\n// fusv-disable\n$hr-bg-color: null !default; // Deprecated in v5.2.0\n$hr-height: null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null !default; // Allows for inherited colors\n$hr-border-width: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-bg: $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: var(--#{$prefix}body-color) !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: var(--#{$prefix}border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: var(--#{$prefix}link-color) !default;\n$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-color: null !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml, \") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml, \") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml, \") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml, \") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml, \") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml, \") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toast: 1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: var(--#{$prefix}link-color) !default;\n$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml, \") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml, \") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-dark-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-font-size: $font-size-base !default;\n\n$pagination-color: var(--#{$prefix}link-color) !default;\n$pagination-bg: $white !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-border-width: $border-width !default;\n$pagination-margin-start: ($pagination-border-width * -1) !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default; // Sass variable because of $accordion-button-icon\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: var(--#{$prefix}border-color) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml, \") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml, \") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// fusv-disable\n$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-font-size: $font-size-base !default;\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg !default;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: $border-width !default;\n$toast-border-color: var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n\n$modal-header-border-color: var(--#{$prefix}border-color) !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg: null !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml, \") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml, \") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-dark-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml, \") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--#{$prefix}body-bg) !default;\n$kbd-bg: var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: null !default;\n",
+ "// Re-assigned maps\n//\n// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// scss-docs-start utilities-border-colors\n$utilities-border: map-merge(\n $utilities-colors,\n (\n \"white\": to-rgb($white)\n )\n) !default;\n$utilities-border-colors: map-loop($utilities-border, rgba-css-var, \"$key\", \"border\") !default;\n// scss-docs-end utilities-border-colors\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n$gutters: $spacers !default;\n",
+ "// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n local-vars: (\n \"border-opacity\": 1\n ),\n values: $utilities-border-colors\n ),\n \"border-width\": (\n css-var: true,\n css-variable-name: border-width,\n class: border,\n values: $border-widths\n ),\n \"border-opacity\": (\n css-var: true,\n class: border-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // Gap utility\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n semibold: $font-weight-semibold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: var(--#{$prefix}border-radius),\n 0: 0,\n 1: var(--#{$prefix}border-radius-sm),\n 2: var(--#{$prefix}border-radius),\n 3: var(--#{$prefix}border-radius-lg),\n 4: var(--#{$prefix}border-radius-xl),\n 5: var(--#{$prefix}border-radius-2xl),\n circle: 50%,\n pill: var(--#{$prefix}border-radius-pill)\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: var(--#{$prefix}border-radius))\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n",
+ "@import \"mixins/banner\";\n@include bsBanner(\"\");\n\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"maps\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n@import \"placeholders\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n",
+ "@mixin bsBanner($file) {\n /*!\n * Bootstrap #{$file} v5.2.3 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n}\n\n",
+ "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Kitty Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n",
+ "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"black\": $black,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-100,\n \"purple-200\": $purple-200,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-container-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-style: solid !default;\n$border-color: $gray-300 !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .375rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style: null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n\n// fusv-disable\n$hr-bg-color: null !default; // Deprecated in v5.2.0\n$hr-height: null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null !default; // Allows for inherited colors\n$hr-border-width: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-bg: $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: var(--#{$prefix}body-color) !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: var(--#{$prefix}border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: var(--#{$prefix}link-color) !default;\n$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-color: null !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml, \") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml, \") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml, \") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml, \") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml, \") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml, \") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml, \") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toast: 1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: var(--#{$prefix}link-color) !default;\n$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml, \") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml, \") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-dark-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-font-size: $font-size-base !default;\n\n$pagination-color: var(--#{$prefix}link-color) !default;\n$pagination-bg: $white !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-border-width: $border-width !default;\n$pagination-margin-start: ($pagination-border-width * -1) !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default; // Sass variable because of $accordion-button-icon\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: var(--#{$prefix}border-color) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml, \") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml, \") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// fusv-disable\n$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-font-size: $font-size-base !default;\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg !default;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: $border-width !default;\n$toast-border-color: var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n\n$modal-header-border-color: var(--#{$prefix}border-color) !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg: null !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml, \") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml, \") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-dark-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml, \") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--#{$prefix}body-bg) !default;\n$kbd-bg: var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: null !default;\n",
+ "// Re-assigned maps\n//\n// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// scss-docs-start utilities-border-colors\n$utilities-border: map-merge(\n $utilities-colors,\n (\n \"white\": to-rgb($white)\n )\n) !default;\n$utilities-border-colors: map-loop($utilities-border, rgba-css-var, \"$key\", \"border\") !default;\n// scss-docs-end utilities-border-colors\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n$gutters: $spacers !default;\n",
+ "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Helpers\n@import \"mixins/breakpoints\";\n@import \"mixins/color-scheme\";\n@import \"mixins/image\";\n@import \"mixins/resize\";\n@import \"mixins/visually-hidden\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-truncate\";\n\n// Utilities\n@import \"mixins/utilities\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/backdrop\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/forms\";\n@import \"mixins/table-variants\";\n\n// Skins\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/container\";\n@import \"mixins/grid\";\n",
+ "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n @if $rfs-two-dimensional {\n @if $rfs-mode == max-media-query {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n @content;\n }\n }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n @if $rfs-class == disable and $rfs-mode == max-media-query {\n // Adding an extra class increases specificity, which prevents the media query to override the property\n &,\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @else if $rfs-class == enable and $rfs-mode == min-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n @if $rfs-class == enable {\n @if $rfs-mode == min-media-query {\n @content;\n }\n\n @include _rfs-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n }\n @else {\n @if $rfs-class == disable and $rfs-mode == min-media-query {\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @include _rfs-media-query {\n @content;\n }\n }\n}\n\n// Helper function to get the formatted non-responsive value\n@function rfs-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n @if $unit == px {\n // Convert to rem if needed\n $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);\n }\n @else if $unit == rem {\n // Convert to px if needed\n $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);\n }\n @else {\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n $val: $val + ' ' + $value;\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// Helper function to get the responsive value calculated by RFS\n@function rfs-fluid-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $unit or $unit != px and $unit != rem {\n $val: $val + ' ' + $value;\n }\n\n @else {\n // Remove unit from $value for calculations\n $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));\n\n // Only add the media query if the value is greater than the minimum value\n @if abs($value) <= $rfs-base-value or not $enable-rfs {\n $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);\n }\n @else {\n // Calculate the minimum value\n $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);\n\n // Calculate difference between $value and the minimum value\n $value-diff: abs($value) - $value-min;\n\n // Base value formatting\n $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);\n\n // Use negative value if needed\n $min-width: if($value < 0, -$min-width, $min-width);\n\n // Use `vmin` if two-dimensional is enabled\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n // Return the calculated value\n $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';\n }\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// RFS mixin\n@mixin rfs($values, $property: font-size) {\n @if $values != null {\n $val: rfs-value($values);\n $fluidVal: rfs-fluid-value($values);\n\n // Do not print the media query if responsive & non-responsive values are the same\n @if $val == $fluidVal {\n #{$property}: $val;\n }\n @else {\n @include _rfs-rule {\n #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);\n\n // Include safari iframe resize fix if needed\n min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n }\n\n @include _rfs-media-query-rule {\n #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);\n }\n }\n }\n}\n\n// Shorthand helper mixins\n@mixin font-size($value) {\n @include rfs($value);\n}\n\n@mixin padding($value) {\n @include rfs($value, padding);\n}\n\n@mixin padding-top($value) {\n @include rfs($value, padding-top);\n}\n\n@mixin padding-right($value) {\n @include rfs($value, padding-right);\n}\n\n@mixin padding-bottom($value) {\n @include rfs($value, padding-bottom);\n}\n\n@mixin padding-left($value) {\n @include rfs($value, padding-left);\n}\n\n@mixin margin($value) {\n @include rfs($value, margin);\n}\n\n@mixin margin-top($value) {\n @include rfs($value, margin-top);\n}\n\n@mixin margin-right($value) {\n @include rfs($value, margin-right);\n}\n\n@mixin margin-bottom($value) {\n @include rfs($value, margin-bottom);\n}\n\n@mixin margin-left($value) {\n @include rfs($value, margin-left);\n}\n",
+ "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n",
+ "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n",
+ "// scss-docs-start mixin-color-scheme\n@mixin color-scheme($name) {\n @media (prefers-color-scheme: #{$name}) {\n @content;\n }\n}\n// scss-docs-end mixin-color-scheme\n",
+ "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n",
+ "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n",
+ "// stylelint-disable declaration-no-important\n\n// Hide content visually while keeping it accessible to assistive technologies\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin visually-hidden() {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// Use to only display content when it's focused, or one of its child elements is focused\n// (i.e. when focus is within the element/container that the class was applied to)\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n\n@mixin visually-hidden-focusable() {\n &:not(:focus):not(:focus-within) {\n @include visually-hidden();\n }\n}\n",
+ "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n}\n",
+ "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",
+ "// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n // Use custom CSS variable name if present, otherwise default to `class`\n $css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, class));\n\n // State params to generate pseudo-classes\n $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (e.g. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n $is-css-var: map-get($utility, css-var);\n $is-local-vars: map-get($utility, local-vars);\n $is-rtl: map-get($utility, rtl);\n\n @if $value != null {\n @if $is-rtl == false {\n /* rtl:begin:remove */\n }\n\n @if $is-css-var {\n .#{$property-class + $infix + $property-class-modifier} {\n --#{$prefix}#{$css-variable-name}: #{$value};\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n --#{$prefix}#{$css-variable-name}: #{$value};\n }\n }\n } @else {\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n @if $is-local-vars {\n @each $local-var, $variable in $is-local-vars {\n --#{$prefix}#{$local-var}: #{$variable};\n }\n }\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n @each $property in $properties {\n @if $is-local-vars {\n @each $local-var, $variable in $is-local-vars {\n --#{$prefix}#{$local-var}: #{$variable};\n }\n }\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n }\n\n @if $is-rtl == false {\n /* rtl:end:remove */\n }\n }\n }\n}\n",
+ "// scss-docs-start alert-variant-mixin\n@mixin alert-variant($background, $border, $color) {\n --#{$prefix}alert-color: #{$color};\n --#{$prefix}alert-bg: #{$background};\n --#{$prefix}alert-border-color: #{$border};\n\n @if $enable-gradients {\n background-image: var(--#{$prefix}gradient);\n }\n\n .alert-link {\n color: shade-color($color, 20%);\n }\n}\n// scss-docs-end alert-variant-mixin\n",
+ "// Shared between modals and offcanvases\n@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex;\n width: 100vw;\n height: 100vh;\n background-color: $backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $backdrop-opacity; }\n}\n",
+ "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n $background,\n $border,\n $color: color-contrast($background),\n $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n $hover-color: color-contrast($hover-background),\n $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n $active-color: color-contrast($active-background),\n $disabled-background: $background,\n $disabled-border: $border,\n $disabled-color: color-contrast($disabled-background)\n) {\n --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-bg: #{$background};\n --#{$prefix}btn-border-color: #{$border};\n --#{$prefix}btn-hover-color: #{$hover-color};\n --#{$prefix}btn-hover-bg: #{$hover-background};\n --#{$prefix}btn-hover-border-color: #{$hover-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix($color, $border, 15%))};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$disabled-color};\n --#{$prefix}btn-disabled-bg: #{$disabled-background};\n --#{$prefix}btn-disabled-border-color: #{$disabled-border};\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n $color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $color,\n $active-color: color-contrast($active-background)\n) {\n --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-border-color: #{$color};\n --#{$prefix}btn-hover-color: #{$color-hover};\n --#{$prefix}btn-hover-bg: #{$active-background};\n --#{$prefix}btn-hover-border-color: #{$active-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$color};\n --#{$prefix}btn-disabled-bg: transparent;\n --#{$prefix}btn-disabled-border-color: #{$color};\n --#{$prefix}gradient: none;\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n --#{$prefix}btn-padding-y: #{$padding-y};\n --#{$prefix}btn-padding-x: #{$padding-x};\n @include rfs($font-size, --#{$prefix}btn-font-size);\n --#{$prefix}btn-border-radius: #{$border-radius};\n}\n// scss-docs-end btn-size-mixin\n",
+ "// scss-docs-start caret-mixins\n@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-end {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-start {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == end {\n @include caret-end();\n }\n }\n\n @if $direction == start {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-start();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n// scss-docs-end caret-mixins\n",
+ "// Pagination\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n --#{$prefix}pagination-padding-x: #{$padding-x};\n --#{$prefix}pagination-padding-y: #{$padding-y};\n @include rfs($font-size, --#{$prefix}pagination-font-size);\n --#{$prefix}pagination-border-radius: #{$border-radius};\n}\n// scss-docs-end pagination-mixin\n",
+ "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n",
+ "// List Groups\n\n// scss-docs-start list-group-mixin\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n &:hover,\n &:focus {\n color: $color;\n background-color: shade-color($background, 10%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n// scss-docs-end list-group-mixin\n",
+ "// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state(\n $state,\n $color,\n $icon,\n $tooltip-color: color-contrast($color),\n $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),\n $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)\n) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n font-style: $form-feedback-font-style;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: $tooltip-color;\n background-color: $tooltip-bg-color;\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .form-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n &:not([multiple]):not([size]),\n &:not([multiple])[size=\"1\"] {\n padding-right: $form-select-feedback-icon-padding-end;\n background-image: escape-svg($form-select-indicator), escape-svg($icon);\n background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n }\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n .form-control-color {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n width: add($form-color-width, $input-height-inner);\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n &:checked {\n background-color: $color;\n }\n\n &:focus {\n box-shadow: $focus-box-shadow;\n }\n\n ~ .form-check-label {\n color: $color;\n }\n }\n }\n .form-check-inline .form-check-input {\n ~ .#{$state}-feedback {\n margin-left: .5em;\n }\n }\n\n .input-group {\n > .form-control:not(:focus),\n > .form-select:not(:focus),\n > .form-floating:not(:focus-within) {\n @include form-validation-state-selector($state) {\n @if $state == \"valid\" {\n z-index: 3;\n } @else if $state == \"invalid\" {\n z-index: 4;\n }\n }\n }\n }\n}\n// scss-docs-end form-validation-mixins\n",
+ "// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n .table-#{$state} {\n $color: color-contrast(opaque($body-bg, $background));\n $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n $table-border-color: mix($color, $background, percentage($table-border-factor));\n\n --#{$prefix}table-color: #{$color};\n --#{$prefix}table-bg: #{$background};\n --#{$prefix}table-border-color: #{$table-border-color};\n --#{$prefix}table-striped-bg: #{$striped-bg};\n --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};\n --#{$prefix}table-active-bg: #{$active-bg};\n --#{$prefix}table-active-color: #{color-contrast($active-bg)};\n --#{$prefix}table-hover-bg: #{$hover-bg};\n --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n color: var(--#{$prefix}table-color);\n border-color: var(--#{$prefix}table-border-color);\n }\n}\n// scss-docs-end table-variant\n",
+ "// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n// scss-docs-end border-radius-mixins\n",
+ "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @each $value in $shadow {\n @if $value != null {\n $result: append($result, $value, \"comma\");\n }\n @if $value == none and length($shadow) > 1 {\n @warn \"The keyword 'none' must be used as a single argument.\";\n }\n }\n\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n",
+ "// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n background-color: $color;\n\n @if $enable-gradients {\n background-image: var(--#{$prefix}gradient);\n }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n",
+ "// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n",
+ "// scss-docs-start clearfix\n@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n// scss-docs-end clearfix\n",
+ "// Container mixins\n\n@mixin make-container($gutter: $container-padding-x) {\n --#{$prefix}gutter-x: #{$gutter};\n --#{$prefix}gutter-y: 0;\n width: 100%;\n padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-right: auto;\n margin-left: auto;\n}\n",
+ "// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --#{$prefix}gutter-x: #{$gutter};\n --#{$prefix}gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed\n margin-top: calc(-1 * var(--#{$prefix}gutter-y)); // stylelint-disable-line function-disallowed-list\n margin-right: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n margin-left: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready() {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$prefix}gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n @if $size {\n flex: 0 0 auto;\n width: percentage(divide($size, $columns));\n\n } @else {\n flex: 1 1 0;\n max-width: 100%;\n }\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: divide($size, $columns);\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// number of columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 auto;\n width: divide(100%, $count);\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --#{$prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$prefix}gutter-y: #{$value};\n }\n }\n }\n }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .g-col#{$infix}-#{$i} {\n grid-column: auto / span $i;\n }\n }\n\n // Start with `1` because `0` is and invalid value.\n // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n @for $i from 1 through ($columns - 1) {\n .g-start#{$infix}-#{$i} {\n grid-column-start: $i;\n }\n }\n }\n }\n }\n}\n",
+ "// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n local-vars: (\n \"border-opacity\": 1\n ),\n values: $utilities-border-colors\n ),\n \"border-width\": (\n css-var: true,\n css-variable-name: border-width,\n class: border,\n values: $border-widths\n ),\n \"border-opacity\": (\n css-var: true,\n class: border-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // Gap utility\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n semibold: $font-weight-semibold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: var(--#{$prefix}border-radius),\n 0: 0,\n 1: var(--#{$prefix}border-radius-sm),\n 2: var(--#{$prefix}border-radius),\n 3: var(--#{$prefix}border-radius-lg),\n 4: var(--#{$prefix}border-radius-xl),\n 5: var(--#{$prefix}border-radius-2xl),\n circle: 50%,\n pill: var(--#{$prefix}border-radius-pill)\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: var(--#{$prefix}border-radius))\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n",
+ ":root {\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n // Colors\n //\n // Generate palettes for full colors, grays, and theme colors.\n\n @each $color, $value in $colors {\n --#{$prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $grays {\n --#{$prefix}gray-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors-rgb {\n --#{$prefix}#{$color}-rgb: #{$value};\n }\n\n --#{$prefix}white-rgb: #{to-rgb($white)};\n --#{$prefix}black-rgb: #{to-rgb($black)};\n --#{$prefix}body-color-rgb: #{to-rgb($body-color)};\n --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$prefix}gradient: #{$gradient};\n\n // Root and body\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --#{$prefix}root-font-size: #{$font-size-root};\n }\n --#{$prefix}body-font-family: #{$font-family-base};\n @include rfs($font-size-base, --#{$prefix}body-font-size);\n --#{$prefix}body-font-weight: #{$font-weight-base};\n --#{$prefix}body-line-height: #{$line-height-base};\n --#{$prefix}body-color: #{$body-color};\n @if $body-text-align != null {\n --#{$prefix}body-text-align: #{$body-text-align};\n }\n --#{$prefix}body-bg: #{$body-bg};\n // scss-docs-end root-body-variables\n\n // scss-docs-start root-border-var\n --#{$prefix}border-width: #{$border-width};\n --#{$prefix}border-style: #{$border-style};\n --#{$prefix}border-color: #{$border-color};\n --#{$prefix}border-color-translucent: #{$border-color-translucent};\n\n --#{$prefix}border-radius: #{$border-radius};\n --#{$prefix}border-radius-sm: #{$border-radius-sm};\n --#{$prefix}border-radius-lg: #{$border-radius-lg};\n --#{$prefix}border-radius-xl: #{$border-radius-xl};\n --#{$prefix}border-radius-2xl: #{$border-radius-2xl};\n --#{$prefix}border-radius-pill: #{$border-radius-pill};\n // scss-docs-end root-border-var\n\n --#{$prefix}link-color: #{$link-color};\n --#{$prefix}link-hover-color: #{$link-hover-color};\n\n --#{$prefix}code-color: #{$code-color};\n\n --#{$prefix}highlight-bg: #{$mark-bg};\n}\n",
+ "// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n @if $font-size-root != null {\n @include font-size(var(--#{$prefix}root-font-size));\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\n// scss-docs-start reboot-body-rules\nbody {\n margin: 0; // 1\n font-family: var(--#{$prefix}body-font-family);\n @include font-size(var(--#{$prefix}body-font-size));\n font-weight: var(--#{$prefix}body-font-weight);\n line-height: var(--#{$prefix}body-line-height);\n color: var(--#{$prefix}body-color);\n text-align: var(--#{$prefix}body-text-align);\n background-color: var(--#{$prefix}body-bg); // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n// scss-docs-end reboot-body-rules\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n opacity: $hr-opacity;\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, ``-`` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on ` `s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 2. Add explicit cursor to indicate changed behavior.\n// 3. Prevent the text-decoration to be skipped.\n\nabbr[title] {\n text-decoration: underline dotted; // 1\n cursor: help; // 2\n text-decoration-skip-ink: none; // 3\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: var(--#{$prefix}highlight-bg);\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: var(--#{$prefix}link-color);\n text-decoration: $link-decoration;\n\n &:hover {\n color: var(--#{$prefix}link-hover-color);\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: var(--#{$prefix}code-color);\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `
` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n cursor: pointer;\n}\n\nselect {\n // Remove the inheritance of word-wrap in Safari.\n // See https://github.com/twbs/bootstrap/issues/24990\n word-wrap: normal;\n\n // Undo the opacity change from Chrome\n &:disabled {\n opacity: 1;\n }\n}\n\n// Remove the dropdown arrow only from text type inputs built with datalists in Chrome.\n// See https://stackoverflow.com/a/54997118\n\n[list]:not([type=\"date\"]):not([type=\"datetime-local\"]):not([type=\"month\"]):not([type=\"week\"]):not([type=\"time\"])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\n// 3. Opinionated: add \"hand\" cursor to non-disabled button elements.\n\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n\n @if $enable-button-pointers {\n &:not(:disabled) {\n cursor: pointer; // 3\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n// 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.\n\ntextarea {\n resize: vertical; // 1\n}\n\n// 1. Browsers set a default `min-width: min-content;` on fieldsets,\n// unlike e.g. `