.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s} @charset "UTF-8"; @font-face { font-family: "ordinator"; src: url("/fonts/ordinator.eot?40207635"); src: url("/fonts/ordinator.eot?40207635#iefix") format("embedded-opentype"), url("/fonts/ordinator.woff2?40207635") format("woff2"), url("/fonts/ordinator.woff?40207635") format("woff"), url("/fonts/ordinator.ttf?40207635") format("truetype"), url("/fonts/ordinator.svg?40207635#ordinator") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'ordinator'; src: url('../font/ordinator.svg?40207635#ordinator') format('svg'); } } */ [class^=icon-]:before, [class*=" icon-"]:before { font-family: "ordinator"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Animation example, for spinners */ .animate-spin { animation: spin 2s infinite linear; display: inline-block; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .icon-attach:before { content: "\e800"; } /* '' */ .icon-link:before { content: "\e801"; } /* '' */ .icon-link-1:before { content: "\e802"; } /* '' */ .icon-arrow-right:before { content: "\e803"; } /* '' */ .icon-check:before { content: "\e804"; } /* '' */ .icon-arrow-left:before { content: "\e805"; } /* '' */ .icon-tachometer-fast:before { content: "\e806"; } /* '' */ .icon-play-circle:before { content: "\e807"; } /* '' */ .icon-trash-alt:before { content: "\e808"; } /* '' */ .icon-arrow-circle-down:before { content: "\e809"; } /* '' */ .icon-angle-right:before { content: "\e80a"; } /* '' */ .icon-times-1:before { content: "\e80b"; } /* '' */ .icon-arrow-circle-left:before { content: "\e80c"; } /* '' */ .icon-arrow-circle-right:before { content: "\e80d"; } /* '' */ .icon-external-link:before { content: "\e80e"; } /* '' */ .icon-code:before { content: "\e80f"; } /* '' */ .icon-copy:before { content: "\e810"; } /* '' */ .icon-text-width-1:before { content: "\e811"; } /* '' */ .icon-arrow-circle-up:before { content: "\e812"; } /* '' */ .icon-align-justify-1:before { content: "\e813"; } /* '' */ .icon-home:before { content: "\e814"; } /* '' */ .icon-redo-1:before { content: "\e815"; } /* '' */ .icon-plus:before { content: "\e816"; } /* '' */ .icon-bullhorn:before { content: "\e817"; } /* '' */ .icon-pencil:before { content: "\e818"; } /* '' */ .icon-video:before { content: "\e819"; } /* '' */ .icon-star:before { content: "\e81a"; } /* '' */ .icon-user-plus:before { content: "\e81b"; } /* '' */ .icon-user:before { content: "\e81c"; } /* '' */ .icon-user-times:before { content: "\e81d"; } /* '' */ .icon-users-1:before { content: "\e81e"; } /* '' */ .icon-sliders-v-1:before { content: "\e81f"; } /* '' */ .icon-sliders-h:before { content: "\e820"; } /* '' */ .icon-sliders-h-1:before { content: "\e821"; } /* '' */ .icon-sort-alt:before { content: "\e822"; } /* '' */ .icon-file-audio:before { content: "\e823"; } /* '' */ .icon-bullseye:before { content: "\e824"; } /* '' */ .icon-arrow-from-bottom:before { content: "\e825"; } /* '' */ .icon-arrow-from-top:before { content: "\e826"; } /* '' */ .icon-arrow-from-left:before { content: "\e827"; } /* '' */ .icon-align-left:before { content: "\e828"; } /* '' */ .icon-arrows-cw:before { content: "\e829"; } /* '' */ .icon-arrow-from-right:before { content: "\e82a"; } /* '' */ .icon-crop:before { content: "\e82b"; } /* '' */ .icon-edit:before { content: "\e82c"; } /* '' */ .icon-newspaper:before { content: "\e832"; } /* '' */ .icon-arrows:before { content: "\e838"; } /* '' */ .icon-address-book:before { content: "\e83e"; } /* '' */ .icon-user-alt:before { content: "\e83f"; } /* '' */ .icon-sliders-v:before { content: "\e840"; } /* '' */ .icon-circle-notch:before { content: "\e841"; } /* '' */ .icon-database:before { content: "\e842"; } /* '' */ .icon-cog:before { content: "\e843"; } /* '' */ .icon-search-plus:before { content: "\e844"; } /* '' */ .icon-folder-upload:before { content: "\e845"; } /* '' */ .icon-power-off:before { content: "\e848"; } /* '' */ .icon-search:before { content: "\e849"; } /* '' */ .icon-envelope:before { content: "\e84a"; } /* '' */ .icon-eye:before { content: "\e84b"; } /* '' */ .icon-infinity:before { content: "\e84c"; } /* '' */ .icon-map-marker-alt:before { content: "\e84d"; } /* '' */ .icon-times:before { content: "\e84e"; } /* '' */ .icon-print:before { content: "\e84f"; } /* '' */ .icon-bug:before { content: "\e850"; } /* '' */ .icon-spinner-third:before { content: "\e851"; } /* '' */ .icon-angle-down:before { content: "\e852"; } /* '' */ .icon-angle-up:before { content: "\e853"; } /* '' */ .icon-angle-left:before { content: "\e854"; } /* '' */ .icon-text-width:before { content: "\e855"; } /* '' */ .icon-align-justify:before { content: "\e856"; } /* '' */ .icon-check-square:before { content: "\e857"; } /* '' */ .icon-user-secret:before { content: "\e858"; } /* '' */ .icon-list-ul:before { content: "\e859"; } /* '' */ .icon-chart-bar:before { content: "\e85a"; } /* '' */ .icon-key:before { content: "\e85d"; } /* '' */ .icon-file-alt:before { content: "\e85e"; } /* '' */ .icon-arrow-to-bottom:before { content: "\e85f"; } /* '' */ .icon-arrow-to-top:before { content: "\e860"; } /* '' */ .icon-calendar-plus:before { content: "\e861"; } /* '' */ .icon-tags:before { content: "\e862"; } /* '' */ .icon-image:before { content: "\e863"; } /* '' */ .icon-question:before { content: "\e864"; } /* '' */ .icon-question-circle:before { content: "\e865"; } /* '' */ .icon-info-circle:before { content: "\e866"; } /* '' */ .icon-info:before { content: "\e867"; } /* '' */ .icon-lock-alt:before { content: "\e868"; } /* '' */ .icon-lock-open-alt:before { content: "\e869"; } /* '' */ .icon-eye-slash:before { content: "\e86a"; } /* '' */ .icon-tag:before { content: "\e86b"; } /* '' */ .icon-comment-alt:before { content: "\e86c"; } /* '' */ .icon-exclamation-triangle:before { content: "\e86d"; } /* '' */ .icon-calendar-alt:before { content: "\e86e"; } /* '' */ .icon-calendar:before { content: "\e86f"; } /* '' */ .icon-phone-alt:before { content: "\e870"; } /* '' */ .icon-arrows-1:before { content: "\e871"; } /* '' */ .icon-expand-alt:before { content: "\e872"; } /* '' */ .icon-archive:before { content: "\e873"; } /* '' */ .icon-axe:before { content: "\e874"; } /* '' */ .icon-bars:before { content: "\e875"; } /* '' */ .icon-bell:before { content: "\e876"; } /* '' */ .icon-bells:before { content: "\e877"; } /* '' */ .icon-bookmark:before { content: "\e878"; } /* '' */ .icon-clock:before { content: "\e87a"; } /* '' */ .icon-file-pdf:before { content: "\e87b"; } /* '' */ .icon-file-word:before { content: "\e87c"; } /* '' */ .icon-file-video:before { content: "\e87d"; } /* '' */ .icon-hourglass:before { content: "\e87f"; } /* '' */ .icon-images:before { content: "\e880"; } /* '' */ .icon-pencil-alt:before { content: "\e881"; } /* '' */ .icon-search-plus-1:before { content: "\e882"; } /* '' */ .icon-share:before { content: "\e883"; } /* '' */ .icon-fleche:before { content: "\e886"; } /* '' */ .icon-sort-down:before { content: "\e887"; } /* '' */ .icon-sort-up:before { content: "\e888"; } /* '' */ .icon-sort:before { content: "\e889"; } /* '' */ .icon-check-1:before { content: "\e88b"; } /* '' */ .icon-bell-1:before { content: "\e8e8"; } /* '' */ .icon-user-1:before { content: "\e8e9"; } /* '' */ .icon-user-secret-1:before { content: "\e8ea"; } /* '' */ .icon-user-cowboy:before { content: "\e8eb"; } /* '' */ .icon-user-circle:before { content: "\e8ec"; } /* '' */ .icon-smile:before { content: "\e8ed"; } /* '' */ .icon-check-empty:before { content: "\f096"; } /* '' */ .icon-list-bullet:before { content: "\f0ca"; } /* '' */ .icon-unlink:before { content: "\f127"; } /* '' */ .icon-mic:before { content: "\f130"; } /* '' */ .icon-ellipsis:before { content: "\f141"; } /* '' */ .icon-ellipsis-vert:before { content: "\f142"; } /* '' */ .icon-dot-circled:before { content: "\f192"; } /* '' */ .icon-language:before { content: "\f1ab"; } /* '' */ .icon-toggle-off:before { content: "\f204"; } /* '' */ .icon-toggle-on:before { content: "\f205"; } /* '' */ .icon-i-cursor:before { content: "\f246"; } /* '' */ .icon-object-group:before { content: "\f247"; } /* '' */ .icon-clone:before { content: "\f24d"; } /* '' */ .icon-hand-grab-o:before { content: "\f255"; } /* '' */ .icon-hand-paper-o:before { content: "\f256"; } /* '' */ .icon-commenting-o:before { content: "\f27b"; } /* '' */ .icon-hashtag:before { content: "\f292"; } /* '' */ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } [dir=rtl] .iti__arrow { margin-right: 6px; margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #ccc; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .iti__country { display: flex; align-items: center; padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name { margin-right: 6px; } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } [dir=rtl] .iti--allow-dropdown input, [dir=rtl] .iti--allow-dropdown input[type=text], [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input, [dir=rtl] .iti--separate-dial-code input[type=text], [dir=rtl] .iti--separate-dial-code input[type=tel] { padding-right: 52px; padding-left: 6px; margin-right: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container { right: 0; left: auto; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; } [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 0; margin-right: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5762px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 12px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cq { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1137px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1159px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1181px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1203px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1225px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1269px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1291px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1313px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1335px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1357px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1379px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1467px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1489px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1511px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1555px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1577px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1599px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1621px 0px; } .iti__flag.iti__ez { height: 14px; background-position: -1643px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1665px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1687px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1709px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1731px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1775px 0px; } .iti__flag.iti__fx { height: 14px; background-position: -1797px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1819px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1841px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1863px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1907px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1973px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -2061px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2083px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2105px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2149px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2171px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2215px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2237px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2259px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2303px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2325px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2369px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2391px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2413px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2435px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2457px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2479px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2501px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2567px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2589px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2611px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2633px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2655px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2677px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2699px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2743px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2787px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2809px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2853px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2875px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2897px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2941px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2963px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2985px 0px; } .iti__flag.iti__li { height: 12px; background-position: -3007px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -3029px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -3051px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3073px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3095px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3117px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3139px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3161px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3183px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3205px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3226px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3248px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3270px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3314px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3380px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3402px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3512px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3556px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3578px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3622px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3666px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3688px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3710px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3732px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3752px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3774px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3796px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3818px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3840px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3862px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3899px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3921px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3943px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3965px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3987px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -4031px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -4053px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4075px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4097px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4119px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4141px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4163px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4185px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4207px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4229px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4251px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4273px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4361px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4383px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4405px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4427px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4449px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4493px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4515px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4537px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4559px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4647px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4669px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4691px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4713px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4735px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4757px 0px; } .iti__flag.iti__su { height: 10px; background-position: -4779px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4801px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4823px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4889px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4911px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4933px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4955px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4977px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -5021px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -5065px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -5087px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5109px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5131px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5175px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5197px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5219px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5263px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uk { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5329px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5351px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5373px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5395px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5417px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5439px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5456px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5522px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5566px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5610px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5632px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5654px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5676px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5698px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5720px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5742px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url(/images/vendor/intl-tel-input/build/flags.png?1952df896c6a79bb730cdfb69adf4fa0); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(/images/vendor/intl-tel-input/build/flags@2x.png?276410ffdcdd2ff8dca2477e71874903); } } .iti__flag.iti__np { background-color: transparent; } #succesMsg { position: fixed; top: -200px; left: 50%; margin: 0; margin-left: -150px; z-index: 9999; width: 300px; padding: 30px; animation: 1s 2 alternate showMessage; text-align: center; background-color: yellow; color: black; font-size: 1rem; /* -webkit-box-shadow: 0 30px 30px 0 rgba(29,10,81,.1); -moz-box-shadow: 0 30px 30px 0 rgba(29,10,81,.1); box-shadow: 0 30px 30px 0 rgba(29,10,81,.1); border-radius: 5px; */ box-shadow: 0 1px 6px rgba(5, 27, 44, 0.06), 0 2px 32px rgba(5, 27, 44, 0.16) !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0.5rem; } #succesMsg .icon { color: black; font-size: 2rem; } @keyframes showMessage { 20%, 100% { top: 0; } } .coulisses-bo img { width: 100%; height: auto; } .fieldWitherror { border-bottom: 3px solid red; } .fieldWitherror .field-error-block { color: red; } .required:after { content: "*"; padding: 0 3px; display: inline-block; } input:disabled { border: none; background-color: inherit !important; } .dragging { box-shadow: 5px 5px 16px 5px rgba(152, 152, 152, 0.58); } .medium-field { max-width: 300px; } .small-field { max-width: 150px; } .requiredfield:after { content: "*"; padding: 0px 5px; } .widget-password .btn-change-pass::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; } .widget-password input[name=password] { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .widget-password .btn-toggle-pass { border: 1px solid black; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .widget-password input[name=password_confirmation] { max-width: 350px; } .widget-password .label-repeat-pass { margin-top: 1rem; } .widget-password .field-help { max-width: 350px; } .widget-password input.werror { border-color: red; } .switch-field { overflow: hidden; } .switch-field input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .switch-field label { float: left; } .switch-field label { display: inline-block; min-width: 60px; background-color: white; color: rgba(0, 0, 0, 0.6); font-weight: normal; text-align: center; text-shadow: none; padding: 6px 14px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; } .switch-field label:hover { cursor: pointer; } .switch-field input:checked + label { background-color: blue; color: white; box-shadow: none; } .switch-field label:first-of-type { border-radius: 4px 0 0 4px; } .switch-field label:last-of-type { border-radius: 0 4px 4px 0; } .selectize-input input { width: 100% !important; } .selectize-input .item { display: inline-block; padding: 0.375rem 0.75rem; margin-right: 8px; } .color_preview { display: inline-block; vertical-align: middle; margin-right: 3px; width: 20px; height: 20px; } .widget-plupload .filelist span::after, .widget-media .filelist span::after, .widget-mlplupload .filelist span::after { content: " | "; margin: 0 5px; } .widget-plupload .filelist span:last-child::after, .widget-media .filelist span:last-child::after, .widget-mlplupload .filelist span:last-child::after { content: ""; } .widget-plupload .file-preview, .widget-media .file-preview, .widget-mlplupload .file-preview { text-align: center; } .widget-plupload .file-preview a, .widget-media .file-preview a, .widget-mlplupload .file-preview a { display: block; font-size: 2.5rem; } .widget-plupload .file-preview img, .widget-media .file-preview img, .widget-mlplupload .file-preview img { width: 100px; } .widget-suggest { min-width: 280px; } .ui-helper-hidden-accessible { display: none; } .ui-menu { list-style: none; margin: 0; padding: 0; max-width: 100%; display: inline-block; } .ui-menu li { border: 1px solid #DDD; background-color: #FFF; } .ui-menu li div { padding: 4px; } .ui-menu .ui-state-active { background-color: #007bff; color: #FFF; } .ui-autocomplete { z-index: 9999; } #Modal form .btn-form-delete { display: none; } .smallpagination .infos, .smallpagination .page-number { display: none; } input[data-intl-tel-input-id] { border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 0.375rem 0.75rem; } .wysiwyg_zone p { margin-bottom: 0; } .wysiwyg_zone .btn-wrapper { display: inline-block; padding: 10px; } .wysiwyg_zone hr { opacity: 1; margin: 0; border-top: 1.5px solid #000; margin-bottom: 1rem; } .wysiwyg_txt_withstartline::before { content: ""; width: 6%; height: 1px; border-bottom: 1.5px solid #000; display: inline-block; vertical-align: middle; margin-right: 1%; } .wysiwyg_txt_withstartlinetransp::before { content: ""; width: 6%; height: 1px; display: inline-block; vertical-align: middle; margin-right: 1%; } .wysiwyg_txt_withstartspace { text-indent: 2rem; display: block; } .wysiwyg_txt_withstartspaceandtrait { margin-left: 2rem; padding-left: 10px; border-left: 1.5px solid #000; display: block; } .wysiwyg_txt_grey { color: #AAAAAA; } .wysiwyg_txt_surligne { display: block; width: 100%; border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0.25rem; margin-top: 1.5rem; } h4 + p .wysiwyg_txt_surligne, .h4 + p .wysiwyg_txt_surligne { margin-top: 0.5rem; } .wysiwyg_txt_surlignesimple { text-decoration: underline; text-decoration-thickness: 1.5px; } p.wysiwyg_txt_surligne { display: block; width: 100%; border-bottom: 1.5px solid #000; padding-bottom: 1rem; } .wysiwyg_list_trait { list-style: none; list-style-position: outside; padding: 0; } .wysiwyg_list_trait li { padding-left: 20px; } .wysiwyg_list_trait li::before { content: ""; width: 10px; height: 1px; border-bottom: 1.5px solid #000; display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: -20px; } .wysiwyg_blocgris { background-color: #D9D9D9; width: 100%; padding: 1rem; padding-bottom: 3rem; } /* a.wysiwyg_grandboutongris{ background-color:#D9D9D9; width:100%; height:100%; //padding: 1rem; //padding-bottom: 3rem; display:block; color:#000; }*/ .wysiwyg_blocgris a { text-decoration: none; border-bottom: none !important; } .wysiwyg_txt_small { font-size: 10px; line-height: 12px; } .wysiwyg_txt_center { text-align: center; } .wysiwyg_whitebutton { padding: 4px 8px; border: 1px solid #000; display: inline-block; color: #000; text-decoration: none; } a.wysiwyg_whitebutton { padding: 4px 8px; border: 1px solid #000 !important; display: inline-block; color: #000; text-decoration: none; } .wysiwyg_logopartenaire { height: 80px !important; width: auto !important; display: inline-block; vertical-align: bottom; } .wysiwyg_logopartenairewidth { width: 80px !important; height: auto !important; display: inline-block; vertical-align: bottom; } .wysiwyg_logomargin { margin: 8px 8px 8px 0; display: inline-block; vertical-align: bottom; } .wysiwyg_nounderlinelink { text-decoration: none !important; border: 0 !important; display: inline-block; } /* .wysiwyg_hr{ display:block; width:100%; border-bottom:2px solid #000; padding-bottom: .5rem; }*/ /* .really-big { color:#000; font-size: 90px; line-height: 90px; font-weight: 600; a{ text-decoration:none; color:#000; } }*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 18px; height: 12px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 18px; height: 2px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -5px; } .hamburger-inner::after { bottom: -5px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 36px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 36px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 36px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 36px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 36px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 36px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-3.6px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-3.6px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(3.6px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(3.6px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-3.6px, -4.5px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-3.6px, 4.5px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(3.6px, -4.5px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(3.6px, 4.5px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -10px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -5px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -10px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -5px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 5px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 10px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 5px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 5px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 10px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 5px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 5px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -36px; top: -36px; transform: translate3d(36px, 36px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -36px; top: -36px; transform: translate3d(-36px, 36px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 5px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -36px; top: 36px; transform: translate3d(36px, -36px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -36px; top: 36px; transform: translate3d(-36px, -36px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1px; } .hamburger--slider .hamburger-inner::before { top: 5px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 10px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-2.5714285714px, -3px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 1px; } .hamburger--slider-r .hamburger-inner::before { top: 5px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 10px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 5px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(2.5714285714px, -3px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 1px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 5px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 10px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 5px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -10px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -5px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* @import "../../node_modules/swiper/modules/a11y/a11y.scss"; @import "../../node_modules/swiper/modules/autoplay/autoplay.scss"; @import "../../node_modules/swiper/modules/controller/controller.scss"; @import "../../node_modules/swiper/modules/effect-cards/effect-cards.scss"; @import "../../node_modules/swiper/modules/effect-coverflow/effect-coverflow.scss"; @import "../../node_modules/swiper/modules/effect-creative/effect-creative.scss"; @import "../../node_modules/swiper/modules/effect-cube/effect-cube.scss"; @import "../../node_modules/swiper/modules/effect-fade/effect-fade.scss"; @import "../../node_modules/swiper/modules/effect-flip/effect-flip.scss"; @import "../../node_modules/swiper/modules/free-mode/free-mode.scss"; @import "../../node_modules/swiper/modules/grid/grid.scss"; @import "../../node_modules/swiper/modules/hash-navigation/hash-navigation.scss"; @import "../../node_modules/swiper/modules/history/history.scss"; @import "../../node_modules/swiper/modules/keyboard/keyboard.scss"; @import "../../node_modules/swiper/modules/manipulation/manipulation.scss"; @import "../../node_modules/swiper/modules/mousewheel/mousewheel.scss"; @import "../../node_modules/swiper/modules/navigation/navigation.scss"; @import "../../node_modules/swiper/modules/pagination/pagination.scss"; @import "../../node_modules/swiper/modules/parallax/parallax.scss"; @import "../../node_modules/swiper/modules/scrollbar/scrollbar.scss"; @import "../../node_modules/swiper/modules/thumbs/thumbs.scss"; @import "../../node_modules/swiper/modules/virtual/virtual.scss"; @import "../../node_modules/swiper/modules/zoom/zoom.scss"; */ @font-face { font-family: "NeueHaasGrotesk"; src: url(/fonts/NeueHaasGroteskTextMedium.woff2?a0bcccc90164bb7a7998206cb50cc0bf) format("woff2"), url(/fonts/NeueHaasGroteskTextMedium.woff?d0282fa75f7c9cf0d2d9f69ae5932ac2) format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: "NeueHaasGroteskItalic"; src: url(/fonts/NeueHaasGroteskTextMediumItalic.woff2?574bf05df0562169fbfa700b3348a5e8) format("woff2"), url(/fonts/NeueHaasGroteskTextMediumitalic.woff?f7e7213c75ad17ab7d8c2ba1c2c5cdaf) format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #FF4AED; --bs-red: #FF0000; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #00FFC2; --bs-teal: #20c997; --bs-cyan: #00FFC2; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #000; --bs-secondary: #efefef; --bs-success: #00FFC2; --bs-info: #00FFC2; --bs-warning: #ffc107; --bs-danger: #FF0000; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 0, 0, 0; --bs-secondary-rgb: 239, 239, 239; --bs-success-rgb: 0, 255, 194; --bs-info-rgb: 0, 255, 194; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 255, 0, 0; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: black; --bs-secondary-text-emphasis: #606060; --bs-success-text-emphasis: #00664e; --bs-info-text-emphasis: #00664e; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #660000; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cccccc; --bs-secondary-bg-subtle: #fcfcfc; --bs-success-bg-subtle: #ccfff3; --bs-info-bg-subtle: #ccfff3; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #ffcccc; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #999999; --bs-secondary-border-subtle: #f9f9f9; --bs-success-border-subtle: #99ffe7; --bs-info-border-subtle: #99ffe7; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #ff9999; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "NeueHaasGrotesk", 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.3; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #000; --bs-link-color-rgb: 0, 0, 0; --bs-link-decoration: underline; --bs-link-hover-color: black; --bs-link-hover-color-rgb: 0, 0, 0; --bs-code-color: #FF4AED; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0; --bs-border-radius-sm: 0; --bs-border-radius-lg: 0; --bs-border-radius-xl: 0; --bs-border-radius-xxl: 0; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 0; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(0, 0, 0, 0.25); --bs-form-valid-color: #00FFC2; --bs-form-valid-border-color: #00FFC2; --bs-form-invalid-color: #FF0000; --bs-form-invalid-border-color: #FF0000; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #666666; --bs-secondary-text-emphasis: whitesmoke; --bs-success-text-emphasis: #66ffda; --bs-info-text-emphasis: #66ffda; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ff6666; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: black; --bs-secondary-bg-subtle: #303030; --bs-success-bg-subtle: #003327; --bs-info-bg-subtle: #003327; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #330000; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: black; --bs-secondary-border-subtle: #8f8f8f; --bs-success-border-subtle: #009974; --bs-info-border-subtle: #009974; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #990000; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #666666; --bs-link-hover-color: #858585; --bs-link-color-rgb: 102, 102, 102; --bs-link-hover-color-rgb: 133, 133, 133; --bs-code-color: #ff92f4; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #66ffda; --bs-form-valid-border-color: #66ffda; --bs-form-invalid-color: #ff6666; --bs-form-invalid-border-color: #ff6666; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-family: "NeueHaasGrotesk", Arial, sans-serif; font-weight: normal; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.75rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.3; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #000; --bs-btn-border-color: #000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: black; --bs-btn-hover-border-color: black; --bs-btn-focus-shadow-rgb: 38, 38, 38; --bs-btn-active-color: #fff; --bs-btn-active-bg: black; --bs-btn-active-border-color: black; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #000; --bs-btn-disabled-border-color: #000; } .btn-secondary { --bs-btn-color: #000; --bs-btn-bg: #efefef; --bs-btn-border-color: #efefef; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f1f1f1; --bs-btn-hover-border-color: #f1f1f1; --bs-btn-focus-shadow-rgb: 203, 203, 203; --bs-btn-active-color: #000; --bs-btn-active-bg: #f2f2f2; --bs-btn-active-border-color: #f1f1f1; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #efefef; --bs-btn-disabled-border-color: #efefef; } .btn-success { --bs-btn-color: #000; --bs-btn-bg: #00FFC2; --bs-btn-border-color: #00FFC2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #26ffcb; --bs-btn-hover-border-color: #1affc8; --bs-btn-focus-shadow-rgb: 0, 217, 165; --bs-btn-active-color: #000; --bs-btn-active-bg: #33ffce; --bs-btn-active-border-color: #1affc8; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00FFC2; --bs-btn-disabled-border-color: #00FFC2; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #00FFC2; --bs-btn-border-color: #00FFC2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #26ffcb; --bs-btn-hover-border-color: #1affc8; --bs-btn-focus-shadow-rgb: 0, 217, 165; --bs-btn-active-color: #000; --bs-btn-active-bg: #33ffce; --bs-btn-active-border-color: #1affc8; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #00FFC2; --bs-btn-disabled-border-color: #00FFC2; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #000; --bs-btn-bg: #FF0000; --bs-btn-border-color: #FF0000; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ff2626; --bs-btn-hover-border-color: #ff1a1a; --bs-btn-focus-shadow-rgb: 217, 0, 0; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff3333; --bs-btn-active-border-color: #ff1a1a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #FF0000; --bs-btn-disabled-border-color: #FF0000; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #000; --bs-btn-border-color: #000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #000; --bs-btn-hover-border-color: #000; --bs-btn-focus-shadow-rgb: 0, 0, 0; --bs-btn-active-color: #fff; --bs-btn-active-bg: #000; --bs-btn-active-border-color: #000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #000; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #efefef; --bs-btn-border-color: #efefef; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #efefef; --bs-btn-hover-border-color: #efefef; --bs-btn-focus-shadow-rgb: 239, 239, 239; --bs-btn-active-color: #000; --bs-btn-active-bg: #efefef; --bs-btn-active-border-color: #efefef; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #efefef; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #efefef; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #00FFC2; --bs-btn-border-color: #00FFC2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #00FFC2; --bs-btn-hover-border-color: #00FFC2; --bs-btn-focus-shadow-rgb: 0, 255, 194; --bs-btn-active-color: #000; --bs-btn-active-bg: #00FFC2; --bs-btn-active-border-color: #00FFC2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #00FFC2; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #00FFC2; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #00FFC2; --bs-btn-border-color: #00FFC2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #00FFC2; --bs-btn-hover-border-color: #00FFC2; --bs-btn-focus-shadow-rgb: 0, 255, 194; --bs-btn-active-color: #000; --bs-btn-active-bg: #00FFC2; --bs-btn-active-border-color: #00FFC2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #00FFC2; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #00FFC2; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #FF0000; --bs-btn-border-color: #FF0000; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #FF0000; --bs-btn-hover-border-color: #FF0000; --bs-btn-focus-shadow-rgb: 255, 0, 0; --bs-btn-active-color: #000; --bs-btn-active-bg: #FF0000; --bs-btn-active-border-color: #FF0000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #FF0000; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #FF0000; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 38, 38, 38; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.75rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #000 !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #000 !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #000 !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(0, 0, 0, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(0, 0, 0, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(242, 242, 242, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(242, 242, 242, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(51, 255, 206, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(51, 255, 206, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(51, 255, 206, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(51, 255, 206, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(255, 51, 51, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 51, 51, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 1.125rem; --bs-nav-link-font-size: 1.125rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: #000; --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #000; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 1.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.9625rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 1.125rem; --bs-nav-link-font-size: 1.125rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 1.125rem; padding-bottom: 1.125rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.3; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.3; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: gray; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.3em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.3; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.3em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.3em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.3em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.3em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.3em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.3em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.3em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.3em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.3; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: gray; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.3rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.15em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: gray; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .form-check-input:checked { background-color: #000; border-color: #000; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #000; border-color: #000; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='gray'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #000; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b3b3b3; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #000; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b3b3b3; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.3; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.3em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300FFC2' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.325em + 0.1875rem) center; background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.3em + 0.75rem); background-position: top calc(0.325em + 0.1875rem) right calc(0.325em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300FFC2' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.3em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.3em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF0000'%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='%23FF0000' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.325em + 0.1875rem) center; background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.3em + 0.75rem); background-position: top calc(0.325em + 0.1875rem) right calc(0.325em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF0000'%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='%23FF0000' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.3em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* 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' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon { filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000; } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url('data:image/svg+xml,%3csvg version="1.1" id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.5 17.5" style="enable-background:new 0 0 17.5 17.5;" xml:space="preserve"%3e%3cpath d="M17.5,16.8L9.5,8.7l7.9-7.9l-0.7-0.7L8.8,8l-8-8L0,0.7l8.1,8.1l-7.9,7.9l0.7,0.7l7.9-7.9l8,8L17.5,16.8z"/%3e%3c/svg%3e'); --bs-btn-close-opacity: 1; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #000; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #000; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.3; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.3; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; 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) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.3 !important; } .lh-base { line-height: 1.3 !important; } .lh-lg { line-height: 1.3 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } @font-face { font-family: "fap"; src: url(/fonts/fap.eot?e0ab530e602ba59fb2c67758d08a35ff); src: url(/fonts/fap.eot?e0ab530e602ba59fb2c67758d08a35ff#iefix) format("embedded-opentype"), url(/fonts/fap.woff2?e977ae1a8772e52dc2108e6fcc57d317) format("woff2"), url(/fonts/fap.woff?194fc087f69c8e83a91757ce08d46f41) format("woff"), url(/fonts/fap.ttf?c86c14d8ee887b26e2f88c2f1d105557) format("truetype"), url(/fonts/fap.svg?f58a842d1f8f3785c1557800a816b1fb#fap) format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fap'; src: url('../font/fap.svg?60857051#fap') format('svg'); } } */ [class^=iconfap-]:before, [class*=" iconfap-"]:before { font-family: "fap"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .iconfap-arrow-left:before { content: "\e800"; } /* '' */ .iconfap-arrow-right:before { content: "\e801"; } /* '' */ .iconfap-croix:before { content: "\e802"; } /* '' */ .iconfap-magnifier:before { content: "\e803"; } /* '' */ .iconfap-edit:before { content: "\e804"; } /* '' */ .iconfap-angle-down:before { content: "\e805"; } /* '' */ .iconfap-angle-up:before { content: "\e806"; } /* '' */ .iconfap-arrow-down:before { content: "\e80e"; } /* '' */ .iconfap-arrow-top:before { content: "\e80f"; } /* '' */ .iconfap-icocompte:before { content: "\e902"; } /* '' */ form.formbuilder { display: block; margin: 0 auto; } form.formbuilder .fbf-item { padding: 1%; text-align: left; width: 98%; display: block; white-space: normal; } form.formbuilder .fbf-item.size-M { width: 48.5%; display: inline-block; margin: 0; vertical-align: top; } @media (max-width: 767.98px) { form.formbuilder .fbf-item.size-M { width: 100%; display: block; } } form.formbuilder .form-label { font-size: 1rem; margin: 2rem 0 0.5rem 0; } form.formbuilder .fbf-textarea textarea { min-height: 250px; } form.formbuilder .fbf-text input[type=number] { max-width: 120px; } form.formbuilder .fbf-text .date-fields-wrapper .order-1, form.formbuilder .fbf-text .date-fields-wrapper .order-2 { width: 120px; position: relative; } form.formbuilder .fbf-text .date-fields-wrapper .order-1:after, form.formbuilder .fbf-text .date-fields-wrapper .order-2:after { content: "/"; position: absolute; right: -3px; top: 5px; } form.formbuilder .fbf-text .date-fields-wrapper .order-3 { width: 160px; } form.formbuilder .fbtype_checkbox .form-check { padding-left: 0; } form.formbuilder .fbtype_select .form-check { padding-left: 0; } form.formbuilder .help { font-size: 0.8em; } form.formbuilder .help:before { content: "\e866"; font-family: "ordinator"; display: inline-block; margin-right: 5px; opacity: 0.6; } form.formbuilder .help p { display: inline-block; } /** * tom-select.css (v//@@version) * Copyright (c) contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * */ :root { --ts-pr-clear-button: 0; --ts-pr-caret: 0; --ts-pr-min: .75rem; } .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input { cursor: pointer; } .ts-control { padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; box-shadow: inset 0 0 12px 4px #fff; } .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after { content: "!"; visibility: hidden; } .ts-wrapper.plugin-drag_drop .ui-sortable-helper { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .plugin-checkbox_options .option input { margin-right: 0.5rem; } .plugin-clear_button { --ts-pr-clear-button: 1em; } .plugin-clear_button .clear-button { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); right: calc(8px - 6px); margin-right: 0 !important; background: transparent !important; transition: opacity 0.5s; cursor: pointer; } .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button { right: max(var(--ts-pr-caret), 8px); } .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button { opacity: 1; } .ts-wrapper .dropdown-header { position: relative; padding: 10px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0; } .ts-wrapper .dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .ts-wrapper .dropdown-header-close:hover { color: black; } .plugin-dropdown_input.focus.dropdown-active .ts-control { box-shadow: none; border: 1px solid #d0d0d0; box-shadow: var(--bs-box-shadow-inset); } .plugin-dropdown_input .dropdown-input { border: 1px solid #d0d0d0; border-width: 0 0 1px 0; display: block; padding: 8px 8px; box-shadow: none; width: 100%; background: transparent; } .plugin-dropdown_input.focus .ts-dropdown .dropdown-input { border-color: gray; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .plugin-dropdown_input .items-placeholder { border: 0 none !important; box-shadow: none !important; width: 100%; } .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder { display: none !important; } .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input { min-width: 0; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input { flex: none; min-width: 4px; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder { color: transparent; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder { color: transparent; } .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content { display: flex; } .ts-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; flex-grow: 1; flex-basis: 0; min-width: 0; } .ts-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .ts-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .ts-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .ts-wrapper.plugin-remove_button .item { display: inline-flex; align-items: center; padding-right: 0 !important; } .ts-wrapper.plugin-remove_button .item .remove { color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 0 6px; border-radius: 0 2px 2px 0; box-sizing: border-box; } .ts-wrapper.plugin-remove_button .item .remove:hover { background: rgba(0, 0, 0, 0.05); } .ts-wrapper.plugin-remove_button.disabled .item .remove:hover { background: none; } .ts-wrapper.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border-left: 1px solid #d0d0d0; margin-left: 6px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove { border-left-color: #cacaca; } .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove { border-left-color: white; } .ts-wrapper.plugin-remove_button.rtl .item .remove { border-right: 1px solid #d0d0d0; margin-right: 6px; } .ts-wrapper.plugin-remove_button.rtl .item.active .remove { border-right-color: #cacaca; } .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove { border-right-color: white; } .ts-wrapper { position: relative; } .ts-dropdown, .ts-control, .ts-control input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; font-smoothing: inherit; } .ts-control, .ts-wrapper.single.input-active .ts-control { background: #fff; cursor: text; } .ts-control { border: 1px solid #d0d0d0; padding: 8px 8px; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: flex; flex-wrap: wrap; } .ts-wrapper.multi.has-items .ts-control { padding: calc(8px - 2px - 0px) 8px calc(8px - 2px - 3px - 0px); } .full .ts-control { background-color: #fff; } .disabled .ts-control, .disabled .ts-control * { cursor: default !important; } .focus .ts-control { box-shadow: none; } .ts-control > * { vertical-align: baseline; display: inline-block; } .ts-wrapper.multi .ts-control > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0px solid #d0d0d0; } .ts-wrapper.multi .ts-control > div.active { background: #e8e8e8; color: #303030; border: 0px solid #cacaca; } .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active { color: #7d7d7d; background: white; border: 0px solid white; } .ts-control > input { flex: 1 1 auto; min-width: 7rem; display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; box-shadow: none !important; } .ts-control > input::-ms-clear { display: none; } .ts-control > input:focus { outline: none !important; } .has-items .ts-control > input { margin: 0px 4px !important; } .ts-control.rtl { text-align: right; } .ts-control.rtl.single .ts-control:after { left: 15px; right: auto; } .ts-control.rtl .ts-control > input { margin: 0px 4px 0px -2px !important; } .disabled .ts-control { opacity: 0.5; background-color: #fafafa; } .input-hidden .ts-control > input { opacity: 0; position: absolute; left: -10000px; } .ts-dropdown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: 0.25rem 0 0 0; border-top: 0 none; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .ts-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .ts-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create { padding: 5px 8px; } .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .ts-dropdown [data-selectable].option { opacity: 1; cursor: pointer; } .ts-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .ts-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .ts-dropdown .active { background-color: #f5fafd; color: #495c68; } .ts-dropdown .active.create { color: #495c68; } .ts-dropdown .create { color: rgba(48, 48, 48, 0.5); } .ts-dropdown .spinner { display: inline-block; width: 30px; height: 30px; margin: 5px 8px; } .ts-dropdown .spinner:after { content: " "; display: block; width: 24px; height: 24px; margin: 3px; border-radius: 50%; border: 5px solid #d0d0d0; border-color: #d0d0d0 transparent #d0d0d0 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ts-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; overflow-scrolling: touch; scroll-behavior: smooth; } .ts-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } html, body { height: 100%; min-height: 100% !important; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; animation: fadeInAnimation ease 1s; animation-iteration-count: 1; animation-fill-mode: forwards; } @media (min-width: 992px) { body.gallery-shown { position: fixed; overflow-y: scroll; } } body.fadeOut { animation: fadeOutAnimation ease 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } #loader { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 9999; background-color: #fff; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutAnimation { 0% { opacity: 1; } 100% { opacity: 0; } } html { font-size: 15px; } #main-content { height: 100%; } a, button { outline: 0; } body p, body li { font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body p, body li { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body p, body li { font-size: 0.9375rem; line-height: 1.0625rem; } } button { outline: none; } strong, b { font-weight: 500; } .wysiwyg_zone a { text-decoration-thickness: 1.5px; } .wysiwyg_zone img { max-width: 100%; height: auto; } /* Header */ .logo a { text-decoration: none; } .logo a span { display: inline-block; margin-left: 1rem; } .petit-logo-wrapper a { text-decoration: none; display: inline-block; padding: 0.25rem 0; } .petit-logo-wrapper span:first-of-type { margin-right: 1rem; } @media (min-width: 992px) { .petit-logo-wrapper a { display: flex; } .petit-logo-wrapper span { width: 50%; } .petit-logo-wrapper span:last-of-type { padding-left: calc(var(--bs-gutter-x) * 0.5); } .petit-logo-wrapper span:first-of-type { margin-right: 0; } } #head-bar { position: fixed; top: 0; /* Stay on top */ width: 100%; /* Full width */ transition: top 0.5s; /* Transition effect when sliding down (and up) */ z-index: 83; padding-top: 0.5rem; font-size: 0.9375rem; line-height: 1.0625rem; } #head-bar a { color: #000; text-decoration: none; } #head-bar a, #head-bar .icon { transition: color 0.5s; /* Transition effect when sliding down (and up) */ } #head-bar .hamburger-inner, #head-bar .hamburger-inner::before, #head-bar .hamburger-inner::after { transition: color 0.5s; /* Transition effect when sliding down (and up) */ } #head-bar .hamburger-inner, #head-bar .hamburger-inner:after, #head-bar .hamburger-inner:before { height: 1.5px; } #head-bar.white a, #head-bar.white .icon { color: #fff; } #head-bar.white .hamburger-inner, #head-bar.white .hamburger-inner::before, #head-bar.white .hamburger-inner::after { background-color: #fff; } #head-bar.white #mainNavbar ul > li ul { display: none; background-color: transparent; width: 100%; } #head-bar.white #mainNavbar ul > li ul li { width: 100%; } #head-bar.white #mainNavbar ul > li ul li a { display: block; width: 100%; } #head-bar.whiteoff a, #head-bar.whiteoff .icon { color: #000 !important; } #head-bar.whiteoff .hamburger-inner, #head-bar.whiteoff .hamburger-inner::before, #head-bar.whiteoff .hamburger-inner::after { background-color: #000 !important; } #head-bar.open a, #head-bar.open .icon { color: #000; } #head-bar.open .hamburger-inner, #head-bar.open .hamburger-inner::before, #head-bar.open .hamburger-inner::after { background-color: #000; } @media (min-width: 768px) { #head-bar { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { #head-bar { font-size: 0.9375rem; line-height: 1.0625rem; } } .calendrier #head-bar, .programme #head-bar { background-color: #fff; } .moveuponscroll { transition: top 0.5s; /* Transition effect when sliding down (and up) */ z-index: 80; position: fixed; } #mainNavbar ul { list-style: none; margin: 0; padding: 0; } #mainNavbar ul > li { display: inline-block; position: relative; font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { #mainNavbar ul > li { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { #mainNavbar ul > li { font-size: 0.9375rem; line-height: 1.0625rem; } } #mainNavbar ul > li a { padding-right: 1.2rem; text-decoration: none; } #mainNavbar ul > li:last-of-type a { padding-right: 0; } #mainNavbar ul > li ul { position: absolute; background-color: #fff; display: none; } #mainNavbar ul > li ul li { display: block; position: relative; } #mainNavbar ul > li:hover ul { display: block; } .utility { display: flex; justify-content: flex-end; } #languages-switch { list-style: none; margin: 0 0.5rem 0 0; padding: 0; margin-left: 0.7rem; } #languages-switch li { display: inline-block; } #languages-switch a { text-decoration: none; } #languages-switch a.active { color: #000; } #btn-search { padding: 0; margin-right: 0.5rem; margin-top: -2px; } body.search, #searchForm { height: 100%; /*h2 { margin-top: calc($spacer*2.5); font-size: rem(15); line-height: rem(17); border-bottom: 2px solid $black; padding-bottom: .25rem; margin-bottom: .25rem; }*/ } body.search .nb-results, #searchForm .nb-results { font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body.search .nb-results, #searchForm .nb-results { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.search .nb-results, #searchForm .nb-results { font-size: 0.9375rem; line-height: 1.0625rem; } } body.search #search-field, #searchForm #search-field { background-color: #efefef; border: none; } body.search #search-field:focus, #searchForm #search-field:focus { border: none; box-shadow: none; } body.search .result-item a, #searchForm .result-item a { font-size: 0.9375rem; line-height: 1.0625rem; text-decoration: none; font-size: 15pxw; line-height: 17px; } @media (min-width: 768px) { body.search .result-item a, #searchForm .result-item a { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.search .result-item a, #searchForm .result-item a { font-size: 0.9375rem; line-height: 1.0625rem; } } body.search .result-item .txt-preview, #searchForm .result-item .txt-preview { color: #AAAAAA; } body.search .result-item .txt-preview a, #searchForm .result-item .txt-preview a { color: #AAAAAA; } body.search .pagination-wrapper ul, #searchForm .pagination-wrapper ul { padding: 0; font-size: 0.9375rem; line-height: 1.0625rem; } body.search .pagination-wrapper ul a, #searchForm .pagination-wrapper ul a { text-decoration: none; color: #AAAAAA; } #thesearch-form { position: relative; } #thesearch-form .btns-search { position: absolute; top: 0; right: 0; } #thesearch-form button#closeSearch { padding-top: 15px; padding-right: 8px; } #thesearch-form button#btn-loop { padding-right: 0px; border: none; background: transparent; } #suggest-search .search-proposition { margin-bottom: 0; } #suggest-search .search-proposition a { font-size: 45px !important; line-height: 43px !important; letter-spacing: -0.9px; } #hamburger-menu { width: 100%; height: 84vh; background-color: #fff; position: fixed; top: -100%; z-index: 82; transition: top 0.5s; overflow-y: auto; } #hamburger-menu .hamburger-wrapper { padding-top: 5px; } @media (min-width: 768px) { #hamburger-menu .hamburger-wrapper { width: 50%; margin-left: auto; } } #hamburger-menu.open { top: 0; border-bottom: 1.5px solid #000; } #hamburger-menu ul { list-style-type: none; padding: 0 12px; } #hamburger-menu ul > li { display: flex; border-bottom: 1.5px solid #000; padding-top: 0.25rem; padding-bottom: 1.5rem; } #hamburger-menu ul > li:first-of-type { border-top: 1.5px solid #000; } #hamburger-menu ul > li > a { width: 180px; } #hamburger-menu ul > li:last-of-type { border-bottom: none; } #hamburger-menu ul li a { text-decoration: none; } #hamburger-menu ul ul li { padding: 0 0 0.125rem; border-bottom: none; } #hamburger-menu ul ul li:first-of-type { border-top: none; } #searchForm { width: 100%; height: 100vh; background-color: #fff; position: fixed; top: -100vh; z-index: 82; transition: top 0.5s; overflow-y: auto; padding-top: 33px; } #searchForm.open { top: 0; } /* Footer */ #footer { margin-top: 3rem; } #footer .logo-footer { font-size: 15vw; line-height: 13vw; margin-bottom: 1.25rem; } @media (min-width: 1200px) { #footer .logo-footer { font-size: 13rem; line-height: 10.6875rem; } } #footer .logo-footer span.d { display: block; float: right; } #footer .logo-footer span.automne { display: block; text-align: center; } #footer .menu-wrapper a { text-decoration: none; color: #000; } #footer .menu-wrapper > ul { list-style: none; margin: 0; padding: 0; -moz-columns: 2; columns: 2; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } @media (max-width: 767.98px) { #footer .menu-wrapper > ul { -moz-columns: 1; columns: 1; } } #footer .menu-wrapper > ul li { width: 100%; border-top: 1.5px solid #000; padding: 0.25rem 0; font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { #footer .menu-wrapper > ul li { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { #footer .menu-wrapper > ul li { font-size: 0.9375rem; line-height: 1.0625rem; } } #footer .menu-wrapper > ul li ul { display: inline; margin: 0; padding: 0; } #footer .menu-wrapper > ul li ul li { display: inline; border: none; padding-right: 1rem; } #footer .menu-wrapper > ul li:last-child { border-bottom: 1.5px solid #000; } #footer .menu-wrapper .inactive { cursor: auto; } #footer .menu-wrapper .networks { display: none; } #footer .social .intro { margin-right: 10px; } #footer .social a { margin-right: 10px; } #footer.normal-footer { margin-top: 8rem; } #footer.normal-footer .lntop { border-top: 1.5px solid #000; } #footer.normal-footer .social { font-size: 0.9375rem; line-height: 1.0625rem; padding: 0.25rem 0; } @media (max-width: 767.98px) { #footer.normal-footer .social { border-top: 1.5px solid #000; } #footer.normal-footer .social .intro { margin-right: 0; } } #footer .petit-logo { display: flex; flex-direction: column; justify-content: space-between; } #footer .legal { padding-bottom: 0.25rem; } #footer .legal a { color: #AAAAAA; text-decoration: none; } .pagination { list-style: none; } .pagination li { display: inline-block; padding: 4px; } body.programme { /*.mobile-gallery { overflow: hidden; height: 60px; position: relative; img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); // text-align: center; width: 100%; } }*/ } body.programme .edition_tag { display: inline-block; } @media (min-width: 768px) { body.programme #head-bar { width: 93%; } body.programme #mainNavbar ul { padding-left: 2px; } body.programme #hamburger-menu ul { padding-left: 16px; } } @media (min-width: 768px) { body.programme #hamburger-menu .hamburger-wrapper { width: 53.5%; } } body.programme #main-content { margin-right: 6.6vw; } body.programme #gallery { height: 100%; width: 100%; overflow: hidden; cursor: pointer; /*img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); // text-align: center; width: 100%; }*/ } body.programme #gallery .secret-wrapper { display: flex; position: absolute; width: 100%; height: 100%; } body.programme #gallery .hidden-link { width: 20%; height: 100%; } @media (min-width: 768px) { body.programme #gallery .hidden-link { width: 33.3334%; height: 100%; } } body.programme #gallery .infos { display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; color: #fff; font-family: "NeueHaasGrotesk", Arial, sans-serif; } @media (min-width: 768px) { body.programme #gallery .infos { width: 33.3334%; } } body.programme #gallery .infos .periode { padding-right: 10px; } body.programme #gallery .infos a { text-decoration: none; color: #FFF; display: block; } body.programme #gallery .btn-wrapper { display: none; position: absolute; top: 8px; right: auto; bottom: auto; left: 30px; } body.programme #gallery .btn-wrapper button { border: none; border-radius: 50%; width: 34px; height: 34px; background-color: #fff; font-family: "fap"; text-align: center; } body.programme #gallery .btn-wrapper .btn-prev { left: 0px; font-size: 1.4rem; padding-right: 7px; } body.programme #gallery .btn-wrapper .btn-prev:before { content: "\e800"; } body.programme #gallery .btn-wrapper .btn-next { left: 50px; padding-left: 5px; font-size: 1.4rem; } body.programme #gallery .btn-wrapper .btn-next:before { content: "\e801"; } body.programme #gallery .btn-wrapper .gallery-link { background-color: #fff; color: #000; display: inline-block; padding: 5px; } body.programme #gallery .btn-close { display: none; position: absolute; top: 8px; right: 12px; bottom: auto; left: auto; border: none; border-radius: 50%; width: 22px; height: 22px; background-color: #fff; text-align: center; } body.programme #gallery .btn-close:focus { box-shadow: none; } body.programme #gallery-wrapper { background-color: #fff; position: fixed; padding: 0; border: none; top: auto; height: 85%; right: 0; bottom: -78%; top: auto; width: 100%; z-index: 89; transition: right 0.5s, bottom 0.5s; /* Transition effect when sliding down (and up) */ } body.programme #gallery-wrapper.open { bottom: 0; } @media (min-width: 768px) { body.programme #gallery-wrapper { border-top: none; border-left: 1.5px solid #000; padding-left: 6px; top: auto; height: 85%; right: 0; bottom: -78%; top: 0; right: -78%; height: 100%; width: 85%; } } body.programme #gallery-wrapper.open { right: 0; cursor: auto; /*&:before{ content: ''; position: fixed; top: 0; left: 0; background-color: transparent; width: 15%; height: 100%; //opacity: 0; }*/ } body.programme #gallery-wrapper.open .btn-close { display: block; } body.programme #gallery-wrapper.open .btn-wrapper { display: block; /*@include media-breakpoint-up(md) { display: block; }*/ } body.programme #gallery-wrapper.open .hidden-link { display: block; } body.programme #gallery-wrapper.mobile { padding: 0; border: none; border-top: 1.5px solid #000; padding-top: 6px; top: auto; height: 95%; right: 0; bottom: -78%; top: auto; width: 100%; } body.programme #gallery-wrapper.mobile.open { bottom: 0; /*&:before{ content: ''; position: fixed; top: 0; left: 0; background-color: transparent; height: 30%; width: 100%; //opacity: 0; }*/ } body.programme #gallery-wrapper.mobile.open .hidden-link { display: block; } body.programme #gallery-wrapper.mobile #gallery { position: relative; } body.programme #gallery-wrapper.mobile #gallery .btn-wrapper { top: 8px; left: 12px; right: auto; } body.programme #gallery-wrapper.mobile #gallery .btn-wrapper .btn-prev:before { margin-left: -15px; color: black; } body.programme #gallery-wrapper.mobile #gallery .btn-wrapper .btn-next:before { margin-left: 8px; color: black; } @media (max-width: 767.98px) { body.programme #gallery-wrapper.mobile #gallery .infos { text-align: center; } body.programme #gallery-wrapper.mobile #gallery .infos .col-6 { width: 100%; } } body.programme #gallery-wrapper .hidden-link { display: none; } body.programme #programme-filtres { width: 100%; background-color: #fff; height: 75px; padding-top: 20px; } @media (max-width: 575.98px) { body.programme #programme-filtres #bouton-filtrer { width: 70%; } } @media (min-width: 992px) { body.programme #programme-filtres #bouton-filtrer { margin-left: 95px; padding: 0.4rem 1rem; font-size: 0.9375rem; line-height: 1.0625rem; background: #efefef; border-color: #efefef; } } @media (min-width: 992px) and (min-width: 768px) { body.programme #programme-filtres #bouton-filtrer { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 992px) and (min-width: 1200px) { body.programme #programme-filtres #bouton-filtrer { font-size: 0.9375rem; line-height: 1.0625rem; } } body.programme #programme-filtres #filters-selected { margin-top: 0.5rem; } body.programme #programme-filtres #filters-selected .badge { font-size: 0.9375rem; line-height: 1.0625rem; padding: 0.4rem 0.5rem; margin-right: 5px; } @media (min-width: 768px) { body.programme #programme-filtres #filters-selected .badge { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.programme #programme-filtres #filters-selected .badge { font-size: 0.9375rem; line-height: 1.0625rem; } } body.programme #programme-filtres #filters-selected .badge:last-of-type { margin-right: 0; } body.programme #programme-filtres #count-filters { display: none; } @media (max-width: 767.98px) { body.programme #programme-filtres #count-filters { display: inline-block; margin-left: -40px; color: #AAAAAA; } } body.programme #programme-filtres #active_filters_wrapper { display: flex; } @media (min-width: 992px) { body.programme #programme-filtres #active_filters_wrapper { display: inherit; position: absolute; top: 0; left: 373px; display: flex; padding-top: 20px; } body.programme #programme-filtres #active_filters_wrapper #filters-selected { margin-top: 0.25rem; } } @media (max-width: 767.98px) { body.programme #programme-filtres #active_filters_wrapper { display: none; } } body.programme #programme-filtres #reset-filters { background-color: #000; color: #fff; border-radius: 50%; height: 28px; width: 28px; line-height: 28px; padding: 0; margin-top: 3px; } @media (min-width: 992px) { body.programme #programme-filtres #reset-filters { position: absolute; top: 0; margin-top: 0; left: 76px; background-color: #000; color: #fff; position: unset; margin-left: 5px; } } body.programme #programme-filtres .dropdown-toggle:after { border: none; margin: 0; } body.programme #programme-filtres .dropdown-menu { z-index: 200; height: 80vh; border: none; } @media (max-width: 767.98px) { body.programme #programme-filtres .dropdown-menu .row > div:first-of-type ul.list-group { border-top: 1.5px solid #000; } } @media (min-width: 992px) { body.programme #programme-filtres .dropdown-menu .col-12 { max-width: 273px; } } body.programme #programme-filtres .dropdown-menu.show { border-bottom: 1.5px solid #000; } @media (min-width: 992px) { body.programme #programme-filtres .dropdown-menu { width: 100%; padding: 2rem 0.5rem 0; } } body.programme #programme-filtres .dropdown-menu ul { list-style-type: none; padding: 0; margin: 0 0.75rem; padding: 0.5rem; background-color: #fff; } @media (min-width: 992px) { body.programme #programme-filtres .dropdown-menu ul { margin: 0; padding: 0 0.25rem; } } body.programme #programme-filtres .dropdown-menu ul li { font-size: 0.9375rem; line-height: 1.0625rem; } body.programme #programme-filtres .dropdown-menu ul li:first-of-type { border-top: 1.5px solid #000; } @media (min-width: 768px) { body.programme #programme-filtres .dropdown-menu ul li { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.programme #programme-filtres .dropdown-menu ul li { font-size: 0.9375rem; line-height: 1.0625rem; } } body.programme #programme-filtres .dropdown-menu ul li a { text-decoration: none; display: block; padding: 0.25rem 0; border-bottom: 1.5px solid #000; } body.programme #programme-filtres .dropdown-menu ul li a:hover { background-color: #efefef; color: #000; } @media (max-width: 767.98px) { body.programme #programme-filtres .dropdown-menu ul.list-group { padding: 0; } body.programme #programme-filtres .dropdown-menu ul.list-group li:last-of-type, body.programme #programme-filtres .dropdown-menu ul.list-group li:first-of-type { border: none; } } body.programme #programme-filtres.with-filters { position: fixed; width: 100%; } body.programme #programme-filtres .btn { border-radius: 20px; height: 30px; line-height: 15px; font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 992px) { body.programme #programme-filtres .btn { width: 272px; } } @media (min-width: 768px) { body.programme #programme-filtres .btn { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.programme #programme-filtres .btn { font-size: 0.9375rem; line-height: 1.0625rem; } } body.programme .programme-filtre.active { background-color: #000; color: #efefef; padding-left: 0.25rem; } body.programme p.heading { background-color: #fff; border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0.5rem; } body.programme .btn-bordure-noire:hover { background-color: #000; color: #fff; border-color: #000; } a.spectacle-row, div.spectacle-row { margin-bottom: 2.5rem; font-size: 0.9375rem; line-height: 1.0625rem; text-decoration: none; } @media (min-width: 768px) { a.spectacle-row, div.spectacle-row { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { a.spectacle-row, div.spectacle-row { font-size: 0.9375rem; line-height: 1.0625rem; } } a.spectacle-row a, div.spectacle-row a { text-decoration: none; } a.spectacle-row h2.titres, a.spectacle-row .titres.h2, div.spectacle-row h2.titres, div.spectacle-row .titres.h2 { font-size: 2.6875rem; line-height: 2.5625rem; } @media (min-width: 1200px) { a.spectacle-row h2.titres, a.spectacle-row .titres.h2, div.spectacle-row h2.titres, div.spectacle-row .titres.h2 { font-size: 2.8125rem; line-height: 2.6875rem; } } a.spectacle-row h2.titres .surtitre, a.spectacle-row .titres.h2 .surtitre, div.spectacle-row h2.titres .surtitre, div.spectacle-row .titres.h2 .surtitre { color: #000; } a.spectacle-row h2.titres span, a.spectacle-row .titres.h2 span, div.spectacle-row h2.titres span, div.spectacle-row .titres.h2 span { display: block; } a.spectacle-row h2.titres span.titre, a.spectacle-row .titres.h2 span.titre, div.spectacle-row h2.titres span.titre, div.spectacle-row .titres.h2 span.titre { color: #AAAAAA; } a.spectacle-row h2.titres span.sous-titre, a.spectacle-row .titres.h2 span.sous-titre, div.spectacle-row h2.titres span.sous-titre, div.spectacle-row .titres.h2 span.sous-titre { font-size: 1rem; } a.spectacle-row .intro, div.spectacle-row .intro { margin-top: 0.5rem; color: #AAAAAA; } .old-spectacles h2, .old-spectacles .h2 { font-size: 2.6875rem; line-height: 2.5625rem; } @media (min-width: 1200px) { .old-spectacles h2, .old-spectacles .h2 { font-size: 2.8125rem; line-height: 2.6875rem; } } .old-spectacles a { text-decoration: none; } .old-spectacles h3, .old-spectacles .h3 { font-size: 0.9375rem; line-height: 1.0625rem; font-weight: normal; } @media (min-width: 768px) { .old-spectacles h3, .old-spectacles .h3 { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { .old-spectacles h3, .old-spectacles .h3 { font-size: 0.9375rem; line-height: 1.0625rem; } } .old-spectacles h3 span, .old-spectacles .h3 span { display: block; } .old-spectacles h3 span.titre, .old-spectacles .h3 span.titre { color: #AAAAAA; } .discipline { margin-right: 0.5rem; border-bottom: 1.5px solid #000; line-height: 1.4; } .discipline:last-of-type { margin-right: 0; } .slide { width: 100%; position: relative; } .slide video { -o-object-fit: cover; object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .slide img { width: 100vw; height: 100vh; -o-object-fit: cover; object-fit: cover; position: absolute; -o-object-position: center top; object-position: center top; } .slide img.top { -o-object-position: center top; object-position: center top; } .slide img.bottom { -o-object-position: center bottom; object-position: center bottom; } .slide img.cover { /*object-fit: cover; height: 100vh; top: 50%; left: 50%; transform: translate(-50%,-50%);*/ -o-object-position: 50% 50%; object-position: 50% 50%; /* default position */ } .slide .slide-infos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; z-index: 2; } .slide .slide-infos .title, .slide .slide-infos .subtitle { font-size: 1.5625rem; } @media (min-width: 768px) { .slide .slide-infos .title, .slide .slide-infos .subtitle { font-size: 5.9375rem; line-height: 5.6875rem; } } @media (min-width: 768px) { .slide .slide-infos .title.medium, .slide .slide-infos .subtitle.medium { font-size: 3.75rem; line-height: 3.5rem; } } .slide .slide-credits { position: absolute; left: auto; right: 0.825rem; bottom: 9px; font-size: 1rem; /* @include media-breakpoint-down(sm) { position: absolute; left:auto; right:15px; bottom:15px; } */ } .slide .slide-credits p span { opacity: 0; transition: opacity 0.5s; } .slide .slide-credits p:hover span { opacity: 1; } @media (max-width: 575.98px) { .slide .slide-credits { /* transform: rotate(-90deg); transform-origin: left; bottom: 15px; right: 15px; width:97%; left:auto;*/ } .slide .slide-credits span { opacity: 1; } } section { width: 100%; } .carousel-caption { position: absolute; top: auto; right: 14px; bottom: 15px; left: auto; z-index: 100; text-align: left; color: #fff; } .carousel-caption p { margin: 0; } @media (max-width: 575.98px) { .carousel-caption { /*transform: rotate(-90deg); transform-origin: right; bottom: 33%;*/ } } .meta-slide { position: absolute; left: 0.825rem; z-index: 4; bottom: auto; top: 2.015rem; } .meta-slide span { background: #fff; padding: 0.4rem 0.65rem; display: inline-block; margin-right: 0.125rem; margin-bottom: 0.125rem; } .meta-slide span:last-of-type { margin-right: 0; } .meta-slide span.year { border-radius: 25px; } .fp-arrow { bottom: auto; top: 4.53rem; font-size: 1.4rem; border: none; border-radius: 50%; width: 34px; height: 34px; line-height: 34px; background-color: #fff; font-family: "fap"; text-align: center; margin-bottom: 0; } .fp-arrow.fp-prev { left: 68px; } .fp-arrow.fp-prev:before { content: "\e800"; } .fp-arrow.fp-next { right: auto; left: 108px; } .fp-arrow.fp-next:before { content: "\e801"; } @media (max-width: 575.98px) { .fp-arrow { display: none; } } .Slidercounter { height: 34px; line-height: 34px; position: absolute; z-index: 4; border-radius: 40px; bottom: auto; top: 2rem; left: 0.825rem; padding: 9px 15px; background-color: #fff; font-size: 0.9375rem; line-height: 1.0625rem; } @media (max-width: 575.98px) { .Slidercounter { top: auto; bottom: 15px; } } @media (min-width: 768px) { .Slidercounter { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { .Slidercounter { font-size: 0.9375rem; line-height: 1.0625rem; } } #Fullpage.fix-fullpager { transform: translate3d(0px, 0px, 0px) !important; } body.home { /* #footer{ position:absolute; bottom:0; } */ } body.home #footer { position: absolute; bottom: 0; } body.home .Slidercounter { top: auto; bottom: 15px; } @media (min-width: 768px) { body.home .Slidercounter { bottom: auto; top: 4.5rem; } } body.home .fp-arrow { top: auto; bottom: 1rem; } @media (min-width: 768px) { body.home .fp-arrow { bottom: auto; top: 7.03rem; } } @media (max-width: 575.98px) { body.home .fp-arrow { display: none; } } body.home #head-bar { background-color: transparent; } body.home .section-calendrier { padding-top: 2.5rem; } body.home .section-calendrier .calendar-wrapper { padding-bottom: 3rem; } body.home .section-calendrier .day-name { border-bottom: 1.5px solid #000; margin-bottom: 0.25rem; padding-bottom: 0.25rem; } body.home .section-calendrier .day-name h3, body.home .section-calendrier .day-name .h3 { font-size: 1rem; margin-bottom: 0.25rem; } body.home .section-calendrier .one-date { margin-bottom: 0.5rem; } body.home .section-calendrier .one-date h3, body.home .section-calendrier .one-date .h3 { font-size: 1rem; margin: 0; padding: 0; } body.home .section-calendrier .one-date .titre { color: #AAAAAA; } body.home .section-calendrier .one-date a { text-decoration: none; } body.home .section-calendrier .row-demain { margin-top: 0.5rem; } body.home .section-editorial { /*@include media-breakpoint-up(md) { .fp-overflow{ min-height:100vh; } }*/ font-size: 1.5625rem; line-height: 1.6875rem; overflow-wrap: break-word; /* .really-big { color:inherit; font-size: 130px; line-height: 126px; overflow-wrap: break-word; //font-weight: 600; a{ color:inherit; } @include media-breakpoint-down(md) { font-size: 60px; line-height: 56px; //word-break: break-all; } } h2 { @include media-breakpoint-up(md) { font-size: rem(110); line-height: rem(104); } }*/ } body.home .section-editorial .wrapper-content { padding-top: 2rem; position: relative; } @media (min-width: 768px) { body.home .section-editorial { font-size: 1.375rem; line-height: 1.5rem; } } @media (min-width: 1200px) { body.home .section-editorial { font-size: 1.5625rem; line-height: 1.6875rem; } } @media (min-width: 768px) { body.home .section-editorial h2, body.home .section-editorial .h2 { font-size: 12vw; line-height: 10vw; letter-spacing: -0.3vw; } } @media (max-width: 767.98px) { body.home .section-editorial h2, body.home .section-editorial .h2 { font-size: 12vw; line-height: 10vw; letter-spacing: -0.3vw; } } @media (min-width: 768px) { body.home .section-editorial h3, body.home .section-editorial .h3 { font-size: 6.875rem; line-height: 6.5rem; } } body.home .section-artistes .artistes { padding: 2rem 0 0 0; padding-bottom: 3rem; } body.home .section-artistes h1, body.home .section-artistes .h1 { font-size: 1rem; margin-bottom: 1rem; } body.home .section-artistes h2, body.home .section-artistes .h2 { margin: 0; font-size: 1.5625rem; line-height: 1.6875rem; } @media (min-width: 768px) { body.home .section-artistes h2, body.home .section-artistes .h2 { font-size: 2.8125rem; line-height: 2.9375rem; } } body.home .section-artistes h2 a, body.home .section-artistes .h2 a { position: relative; } body.home .section-artistes h2 a span.portrait, body.home .section-artistes .h2 a span.portrait { position: absolute; top: 0.25rem; padding-left: 0.5rem; font-size: 0.9375rem; line-height: 0.9375rem; } @media (min-width: 768px) { body.home .section-artistes h2 a span.portrait, body.home .section-artistes .h2 a span.portrait { font-size: 0.875rem; line-height: 0.875rem; } } @media (min-width: 1200px) { body.home .section-artistes h2 a span.portrait, body.home .section-artistes .h2 a span.portrait { font-size: 0.9375rem; line-height: 0.9375rem; } } body.home .section-lieux iframe { overflow: hidden; width: 100%; height: 100%; min-height: 100%; border: 0; position: absolute; } body.home .section-lieux #map { position: relative; width: 100%; min-height: 100vh; border: 0; overflow: hidden; } body.home .section-lieux #map .mapboxgl-map { font-family: "NeueHaasGrotesk", Arial, sans-serif; } body.home .section-lieux .mapboxgl-ctrl-top-right { z-index: 100; } body.home .section-lieux .btn-carte { position: absolute; top: 30px; left: 30px; background-color: #000; color: #fff; z-index: 100; border-radius: 18px; text-align: left; width: 272px; } .artiste-page h1, .artiste-page .h1 { font-size: 2.6875rem; line-height: 2.5625rem; } @media (min-width: 1200px) { .artiste-page h1, .artiste-page .h1 { font-size: 2.8125rem; line-height: 2.6875rem; } } .artiste-page figure.portrait { margin-bottom: 0.5rem; } .artiste-page .presentation { margin-bottom: 12rem; } .artiste-page p.heading { border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0.25rem; } .artiste-page hr.old { margin: 0 0 0.25rem 0; color: #000; border-top-color: #000; border-top: 1.5px solid #000; opacity: 1; } body.calendrier { /* .calendar-separator{ padding-top:3.5rem; div{ border-bottom: $border-thickness solid #000; } } .day-0 { padding-top:0!important; } .day-name { //border-top: $border-thickness solid $black; padding-top: 0!important; }*/ /*.separator{ border-bottom: $border-thickness solid #000; width: 100%; position: fixed; background-color: #FFF; margin-top:0px; }*/ } body.calendrier .edition_tag { border-bottom: 0; } body.calendrier .currentday { background-color: #fff; width: 100%; } body.calendrier .currentday #bigdate { background: #fff; padding-top: 2rem; font-size: 3.5rem; padding-bottom: 0.5rem; border-bottom: 1.5px solid #000; /* @include media-breakpoint-up(xl) { .big-day-month { width: 42.2222%; } #big-day, #big-month { width: 128px; } }*/ } body.calendrier .currentday #bigdate #big-day, body.calendrier .currentday #bigdate #big-month { width: 70px; } @media (min-width: 576px) { body.calendrier .currentday #bigdate { font-size: 6.5rem; height: 100px; } body.calendrier .currentday #bigdate .big-day-month { width: 50%; height: 100px; padding-top: 10px; } body.calendrier .currentday #bigdate #big-day, body.calendrier .currentday #bigdate #big-month { width: 129px; } } @media (min-width: 768px) { body.calendrier .currentday #bigdate #big-year { margin-left: 0; } } body.calendrier .btn-change-day, body.calendrier .btn-change-month { font-size: 0.9375rem; line-height: 1.0625rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 2.625rem; margin-top: -12px; cursor: ns-resize; } @media (min-width: 768px) { body.calendrier .btn-change-day, body.calendrier .btn-change-month { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.calendrier .btn-change-day, body.calendrier .btn-change-month { font-size: 0.9375rem; line-height: 1.0625rem; } } @media (min-width: 768px) { body.calendrier .btn-change-day, body.calendrier .btn-change-month { margin-top: -28px; font-size: 1.3125rem; height: 4.875rem; } } body.calendrier .btn-change-day .icon, body.calendrier .btn-change-month .icon { display: block; } body.calendrier #calendar { font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body.calendrier #calendar { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.calendrier #calendar { font-size: 0.9375rem; line-height: 1.0625rem; } } body.calendrier #calendar .row { margin-bottom: 0.25rem; } body.calendrier #calendar .row .spectacle-title a { text-decoration: none; } body.calendrier #calendar .row h2.titres, body.calendrier #calendar .row .titres.h2 { margin-bottom: 0; font-size: 0.9375rem; line-height: 1.0625rem; font-weight: normal; } @media (min-width: 768px) { body.calendrier #calendar .row h2.titres, body.calendrier #calendar .row .titres.h2 { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.calendrier #calendar .row h2.titres, body.calendrier #calendar .row .titres.h2 { font-size: 0.9375rem; line-height: 1.0625rem; } } body.calendrier #calendar .row h2.titres span, body.calendrier #calendar .row .titres.h2 span { display: block; } body.calendrier #calendar .row h2.titres span.titre, body.calendrier #calendar .row .titres.h2 span.titre { color: #AAAAAA; } body.calendrier #calendar .row .btn-reserver { margin-top: 0.5rem; } @media (min-width: 768px) { body.calendrier #calendar .row .btn-reserver { margin-top: 0; } } body.calendrier #calendar .row .un-horaire { margin-bottom: 0.5rem; } body.calendrier #calendar .new-day { margin-top: 0.75rem; } body.calendrier #calendar .new-day.day-0 { margin-top: 0; } body.calendrier #calendar .new-day.day-0 .day-name { padding-top: 0.25rem; } body.calendrier #calendar .new-day .activedate > div { padding-top: 0.25rem; } body.calendrier #calendar .day-name { border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0.25rem; } body.calendrier .btn-creer-alerte { color: #fff; background-color: #D9D9D9; text-decoration: none; border: none; padding: 0.25rem 0.5rem; } body.calendrier .btn-creer-alerte:hover { background-color: #000; } @media (min-width: 768px) { .btn-change-day { margin-right: 1.5rem; margin-left: 1.5rem; } .btn-change-month { margin-right: 1.5rem; margin-left: 1.5rem; } } body.spectacle { font-size: 0.9375rem; line-height: 1.0625rem; } body.spectacle .edition_tag { display: inline-block; } @media (min-width: 768px) { body.spectacle { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.spectacle { font-size: 0.9375rem; line-height: 1.0625rem; } } body.spectacle h1, body.spectacle .h1, body.spectacle h2, body.spectacle .h2 { font-size: 2.8125rem; line-height: 2.9375rem; } @media (min-width: 768px) { body.spectacle h1, body.spectacle .h1, body.spectacle h2, body.spectacle .h2 { font-size: 3.125rem; line-height: 3rem; } } @media (min-width: 992px) { body.spectacle h1, body.spectacle .h1, body.spectacle h2, body.spectacle .h2 { font-size: 6.875rem; line-height: 6.5rem; } } body.spectacle h2, body.spectacle .h2 { color: #DADADA; } body.spectacle .archive-bandeau { background-color: #D9D9D9; color: #efefef; padding: 0.5rem 0.5rem 10rem 0.5rem; font-size: 1.875rem; line-height: 1.75rem; } @media (min-width: 768px) { body.spectacle .archive-bandeau { font-size: 3.125rem; line-height: 3rem; } } @media (min-width: 992px) { body.spectacle .archive-bandeau { font-size: 6.875rem; line-height: 6.5rem; } } body.spectacle .fp-overflow > .container-fluid, body.spectacle .fp-overflow > .container-sm, body.spectacle .fp-overflow > .container-md, body.spectacle .fp-overflow > .container-lg, body.spectacle .fp-overflow > .container-xl, body.spectacle .fp-overflow > .container-xxl { min-height: 100vh; /* 1 */ display: flex; /* 2 */ flex-direction: column; /* 3 */ } body.spectacle .fp-overflow > .container-fluid .titraille, body.spectacle .fp-overflow > .container-sm .titraille, body.spectacle .fp-overflow > .container-md .titraille, body.spectacle .fp-overflow > .container-lg .titraille, body.spectacle .fp-overflow > .container-xl .titraille, body.spectacle .fp-overflow > .container-xxl .titraille { padding-top: 1.75rem; } body.spectacle .fp-overflow > .container-fluid .disciplines-portraits, body.spectacle .fp-overflow > .container-sm .disciplines-portraits, body.spectacle .fp-overflow > .container-md .disciplines-portraits, body.spectacle .fp-overflow > .container-lg .disciplines-portraits, body.spectacle .fp-overflow > .container-xl .disciplines-portraits, body.spectacle .fp-overflow > .container-xxl .disciplines-portraits { position: absolute; bottom: 0; width: 100%; padding-bottom: 2.5rem; } body.spectacle .fp-overflow > .container-fluid .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-sm .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-md .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-lg .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-xl .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-xxl .disciplines-portraits .taxonomie { margin-bottom: 1rem; } @media (min-width: 992px) { body.spectacle .fp-overflow > .container-fluid .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-sm .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-md .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-lg .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-xl .disciplines-portraits .taxonomie, body.spectacle .fp-overflow > .container-xxl .disciplines-portraits .taxonomie { margin-bottom: 0; } } body.spectacle .fp-overflow > .container-fluid .disciplines-portraits .taxonomie a, body.spectacle .fp-overflow > .container-sm .disciplines-portraits .taxonomie a, body.spectacle .fp-overflow > .container-md .disciplines-portraits .taxonomie a, body.spectacle .fp-overflow > .container-lg .disciplines-portraits .taxonomie a, body.spectacle .fp-overflow > .container-xl .disciplines-portraits .taxonomie a, body.spectacle .fp-overflow > .container-xxl .disciplines-portraits .taxonomie a { text-decoration: none; } body.spectacle .periodes .une-periode { padding: 0; margin-bottom: 0.5rem; } body.spectacle .description, body.spectacle .introduction { padding-top: 1rem; } body.spectacle .description p, body.spectacle .introduction p { font-size: 1.25rem; line-height: 1.375rem; } @media (min-width: 768px) { body.spectacle .description p, body.spectacle .introduction p { font-size: 1.5625rem; line-height: 1.6875rem; } } body.spectacle .credits-media span { opacity: 0; transition: all 0.6s; } body.spectacle .credits-media span.out-copy { opacity: 1; } body.spectacle .credits-media:hover span { opacity: 1; } body.spectacle .credits-media:hover span.out-copy { opacity: 0; } body.spectacle .description { text-indent: 2rem; } body.spectacle .description .wysiwyg_txt_withstartspace { text-indent: 0rem; padding-left: 2rem; } body.spectacle .description h1, body.spectacle .description .h1, body.spectacle .description h2, body.spectacle .description .h2, body.spectacle .description h3, body.spectacle .description .h3, body.spectacle .description h4, body.spectacle .description .h4, body.spectacle .description h5, body.spectacle .description .h5, body.spectacle .description h6, body.spectacle .description .h6 { text-indent: 0rem; } body.spectacle .introduction p { margin-bottom: 0; } body.spectacle .description ul { padding-left: 1rem; margin-bottom: 0.25rem; } body.spectacle .meta-spectacle { margin-top: 4rem; padding-top: 0.25rem; margin-bottom: 2rem; } @media (min-width: 768px) { body.spectacle .meta-spectacle { margin: 0; padding: 1rem 0 1.5rem 0; } } body.spectacle .meta-spectacle p { margin-bottom: 0; } body.spectacle .tab-wrapper { border-left: 1.5px solid #000; padding-left: 0.5rem; margin-bottom: 3rem; } body.spectacle .nav-tabs { border: none; border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0; } body.spectacle .nav-tabs .btn { color: #AAAAAA; padding: 0 0.5rem 0 0; } body.spectacle .nav-tabs .btn:last-of-type { padding-right: 0; } body.spectacle .nav-tabs .btn.active { border: none; color: #000; } body.spectacle #agenda-spectacle .lieuname { padding-bottom: 0.25rem; padding-top: 0.25rem; margin-top: 60px; border-bottom: 1.5px solid #000; } body.spectacle #agenda-spectacle .lieuname:first-child { margin-top: 30px; } body.spectacle #agenda-spectacle .an-item { padding: 0.25rem 0; display: flex; border-bottom: 1.5px solid #000; } @media (min-width: 768px) { body.spectacle #agenda-spectacle .an-item.withendhour .date-heure p.date { width: 50%; } body.spectacle #agenda-spectacle .an-item.withendhour .date-heure p.heure { width: 33.5%; } } body.spectacle #agenda-spectacle .an-item .date-heure { width: 70%; display: flex; justify-content: space-between; } body.spectacle #agenda-spectacle .an-item .date-heure p { margin: 0; } body.spectacle #agenda-spectacle .an-item .date-heure p.heure { padding-left: 1rem; } body.spectacle #agenda-spectacle .an-item .date-heure p.date { width: 80%; } body.spectacle #agenda-spectacle .an-item .date-heure p.heure { padding: 0; width: 20%; } @media (min-width: 768px) { body.spectacle #agenda-spectacle .an-item .date-heure { width: 60%; } body.spectacle #agenda-spectacle .an-item .date-heure p.date { width: 70%; } body.spectacle #agenda-spectacle .an-item .date-heure p.heure { width: 13.5%; } } body.spectacle #agenda-spectacle .an-item .actions { width: 40%; text-align: right; padding-right: 0.5rem; } body.spectacle #agenda-spectacle .an-item .actions a { text-decoration: none; } body.spectacle #agenda-spectacle .an-item .actions a.message { color: #AAAAAA; } body.spectacle #agenda-spectacle .an-item .actions span.message { color: #AAAAAA; } @media (min-width: 768px) { body.spectacle #agenda-spectacle .an-item .actions { padding-left: 20%; padding-right: auto; text-align: left; } } body.spectacle .tab-content { margin-bottom: 4rem; } @media (min-width: 768px) { body.spectacle .tab-content { margin-bottom: 1rem; } } body.spectacle .partners { margin-bottom: 4rem; } body.spectacle .spectacles-same-artist p.heading { border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0.25rem; } body.spectacle .spectacles-same-artist .dates { margin-bottom: 0.25rem; } body.spectacle .spectacles-same-artist .dates > .row { margin-bottom: 0.25rem; } body.spectacle .spectacles-same-artist a.titraille { text-decoration: none; } body.spectacle .spectacles-same-artist a.titraille h2, body.spectacle .spectacles-same-artist a.titraille .h2 { margin-bottom: 1rem; } body.spectacle .spectacles-same-artist a.titraille h2 .surtitre, body.spectacle .spectacles-same-artist a.titraille .h2 .surtitre { color: #000; } @media (min-width: 768px) { body.spectacle .spectacles-same-artist a.titraille h2, body.spectacle .spectacles-same-artist a.titraille .h2 { font-size: 2.6875rem; line-height: 2.5625rem; } } @media (min-width: 768px) and (min-width: 1200px) { body.spectacle .spectacles-same-artist a.titraille h2, body.spectacle .spectacles-same-artist a.titraille .h2 { font-size: 2.8125rem; line-height: 2.6875rem; } } body.spectacle .spectacles-same-artist .tags { margin-bottom: 0.5rem; } body.spectacle .spectacles-same-artist .intro { color: #AAAAAA; } @media (min-width: 768px) { body.spectacle .spectacles-same-artist .spectacle-row { margin-bottom: 2.5rem; } } @media (min-width: 768px) { body.spectacle .spectacles-same-artist { margin-bottom: 4rem; } } body.spectacle .logo-in-spectacle { display: inline-block; vertical-align: top; } body.spectacle .logo-in-spectacle img { height: 50px; width: auto; margin: 10px; } body.spectacle .logo-in-spectacle a { display: block; } .btn { transition-duration: 0.25s; } .btn-bordure-noire { border: 1.5px solid #000; } .btn-bordure-noire:hover { background-color: #efefef; border-color: #efefef; } .artists-index .artistes { text-align: center; } .artists-index h1, .artists-index .h1 { font-size: 0.9375rem; line-height: 1.0625rem; margin: 1rem 0; } @media (min-width: 768px) { .artists-index h1, .artists-index .h1 { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { .artists-index h1, .artists-index .h1 { font-size: 0.9375rem; line-height: 1.0625rem; } } .artists-index h2.artiste, .artists-index .artiste.h2 { margin: 0; font-weight: normal; font-size: 1.5625rem; line-height: 1.6875rem; } @media (min-width: 768px) { .artists-index h2.artiste, .artists-index .artiste.h2 { font-size: 2.8125rem; line-height: 2.9375rem; } } .artists-index .countryname { font-size: 0.8rem; vertical-align: middle; } .tournee .spectacle-title a { text-decoration: none; } .tournee h2.titres, .tournee .titres.h2 { font-size: 2.6875rem; line-height: 2.5625rem; } @media (min-width: 1200px) { .tournee h2.titres, .tournee .titres.h2 { font-size: 2.8125rem; line-height: 2.6875rem; } } .tournee h2.titres span, .tournee .titres.h2 span { display: block; } .tournee h2.titres span.titre, .tournee .titres.h2 span.titre { color: #AAAAAA; } /* Utilitaires */ .btn-primary { background: #fff; border: 1.5px solid #000; color: #000; font-size: 0.9375rem; line-height: 1.0625rem; font-weight: normal; padding: 0.25rem 0.5rem; } @media (min-width: 768px) { .btn-primary { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { .btn-primary { font-size: 0.9375rem; line-height: 1.0625rem; } } #AIPrivacy.display_middle #AIPrivacy_wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } #AIPrivacy.display_middle .aip_acceptall { cursor: pointer !important; font-size: 2em; } .tox-notification { display: none !important; } img { max-width: 100%; pointer-events: none; } label.form-label { margin: 2rem 0 0.5rem 0; } .field-help { margin: 0.25rem 0 0 0; font-size: 0.725rem; opacity: 0.6; } #admin-edit-icone { font-size: 30px; position: fixed; bottom: 30px; right: 30px; z-index: 200; background-color: white; padding: 3px 10px; text-decoration: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } #admin-edit-icone::after { content: ""; border-radius: 5px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } #admin-edit-icone:hover { transform: scale(1.25, 1.25); } #admin-edit-icone:hover::after { opacity: 1; } #code-confirm-account input { font-size: 3em; } #code-confirm-account > div { display: flex; } #code-confirm-account > div > input:not(:last-child) { margin-right: calc(var(--spacing) * 2); } body.admin.spectacle-statut-0 #admin-edit-icone::before, body.admin.home-statut-0 #admin-edit-icone::before, body.admin.page-statut-N #admin-edit-icone::before, body.admin.page-statut-0 #admin-edit-icone::before { content: "page non publiée"; width: 230px; font-size: 1.5rem; text-align: right; position: absolute; top: 15px; right: 60px; z-index: 9999; color: black; background-color: yellow; padding: 4px; font-style: italic; text-align: center; } #ticketsFrame { overflow: hidden; width: 100%; min-width: 100%; min-height: 100vh; border: 0; margin: 0; padding: 0; display: block; vertical-align: middle; } body.archive .liner { border-top: 1.5px solid #000; margin-top: 0.25rem; } body.archive .Slidercounter { top: auto; bottom: 15px; } @media (min-width: 768px) { body.archive .Slidercounter { bottom: auto; top: 4.5rem; } } body.archive .fp-arrow { top: auto; bottom: 1rem; } @media (min-width: 768px) { body.archive .fp-arrow { bottom: auto; top: 7.03rem; } } body.archive h1, body.archive .h1 { font-size: 2.6875rem; line-height: 2.5625rem; margin: 2.5rem 0 12rem; } @media (min-width: 1200px) { body.archive h1, body.archive .h1 { font-size: 2.8125rem; line-height: 2.6875rem; } } body.archive #search-archive { background-color: #efefef; border: none; color: #000; margin-bottom: 2rem; } body.archive a.archive-year { text-decoration: none; font-size: 1.5625rem; line-height: 1.6875rem; } @media (min-width: 768px) { body.archive a.archive-year { font-size: 1.375rem; line-height: 1.5rem; } } @media (min-width: 1200px) { body.archive a.archive-year { font-size: 1.5625rem; line-height: 1.6875rem; } } body.archive .nav-tabs { border: none; border-bottom: 1.5px solid #000; padding-bottom: 0.25rem; margin-bottom: 0.25rem; } body.archive .nav-tabs li { padding: 0 1rem 0 0; } body.archive .nav-tabs li:last-of-type { padding-right: 0; } body.archive .nav-tabs button { font-size: 0.9375rem; line-height: 1.0625rem; color: #AAAAAA; padding: 0; border: none; } @media (min-width: 768px) { body.archive .nav-tabs button { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.archive .nav-tabs button { font-size: 0.9375rem; line-height: 1.0625rem; } } body.archive .nav-tabs button.active { border: none; color: #000; } body.archive .archive-year, body.archive .filter-alpha { text-decoration: none; font-size: 1.5625rem; line-height: 1.6875rem; color: #AAAAAA; } @media (min-width: 768px) { body.archive .archive-year, body.archive .filter-alpha { font-size: 1.375rem; line-height: 1.5rem; } } @media (min-width: 1200px) { body.archive .archive-year, body.archive .filter-alpha { font-size: 1.5625rem; line-height: 1.6875rem; } } body.archive .archive-year.active, body.archive .filter-alpha.active { color: #000; } body.archive #programme-archive ul, body.archive #artistes-archive ul { list-style: none; margin: 0; padding: 0; -moz-columns: 2; columns: 2; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } @media (max-width: 767.98px) { body.archive #programme-archive ul, body.archive #artistes-archive ul { -moz-columns: 1; columns: 1; } } body.archive #programme-archive ul li, body.archive #artistes-archive ul li { width: 100%; margin-bottom: 0.5rem; font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body.archive #programme-archive ul li, body.archive #artistes-archive ul li { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.archive #programme-archive ul li, body.archive #artistes-archive ul li { font-size: 0.9375rem; line-height: 1.0625rem; } } body.archive #programme-archive ul li a, body.archive #artistes-archive ul li a { text-decoration: none; font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body.archive #programme-archive ul li a, body.archive #artistes-archive ul li a { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.archive #programme-archive ul li a, body.archive #artistes-archive ul li a { font-size: 0.9375rem; line-height: 1.0625rem; } } body.archive #programme-archive ul li a .titre, body.archive #artistes-archive ul li a .titre { color: #AAAAAA; display: block; } body.archive #programme-archive ul li ul, body.archive #artistes-archive ul li ul { display: inline; margin: 0; padding: 0; } body.archive #programme-archive ul li ul li, body.archive #artistes-archive ul li ul li { display: inline; border: none; padding-right: 1rem; } body.archive #artistes-archive ul { -moz-columns: 4; columns: 4; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } @media (max-width: 767.98px) { body.archive #artistes-archive ul { -moz-columns: 1; columns: 1; } } body.archive #artistes-archive ul li { margin-bottom: 0; } body.archive #edition-archive { border-top: 1.5px solid #000; margin-top: 0.25rem; padding-top: 1rem; } @media (max-width: 767.98px) { body.archive #edition-archive { border-bottom: 1.5px solid #000; margin-bottom: 0.25rem; padding-bottom: 1rem; } } body.archive #edition-archive .affiche { width: 160px; height: auto; } body.archive #edition-archive ul.edition-files { margin: 0; padding: 0; list-style: none; } body.archive #edition-archive ul.edition-files a { padding: 2px 0; display: inline-block; } body.archive #archive-search { background-color: #efefef; } body.archive #archive-search:focus { border: none; box-shadow: none; } body.archive .archive-search-wrapper { position: relative; } body.archive #suggest-archive { position: absolute; left: 0; top: 30px; background-color: #FFF; width: 100%; } body.archive #suggest-archive .result-item { margin-bottom: 1rem; } body.archive #suggest-archive .result-item a { font-size: 0.9375rem; line-height: 1.0625rem; text-decoration: none; font-size: 15pxw; line-height: 17px; } @media (min-width: 768px) { body.archive #suggest-archive .result-item a { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.archive #suggest-archive .result-item a { font-size: 0.9375rem; line-height: 1.0625rem; } } body.archive #suggest-archive .result-item .txt-preview { color: #AAAAAA; } body.archive #suggest-archive .result-item .txt-preview a { color: #AAAAAA; } #map { max-height: 100%; } #map .mapboxgl-ctrl-attrib-button, #map .mapboxgl-ctrl-bottom-left { display: none; } #map .markermapbox { width: 12px; height: 12px; border-radius: 50%; background-color: #FF4AED; border: 1.5px solid #FF0000; } @media (max-width: 575.98px) { #map .markermapbox { width: 15px; height: 15px; } } #map .markermapbox.inactive { background-color: #AAAAAA; border: 1.5px solid #AAAAAA; } #map .markermapbox.highlight { background-color: #000; border-color: #000; } #map .mapboxgl-ctrl-bottom-right { display: none; } #map .mapboxgl-ctrl-top-right { bottom: 0; top: auto; } #map .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group { margin: 20px; border: none; box-shadow: none; border-radius: 18px; background-color: transparent; } #map .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button { display: inline-block; background-color: #000; border: none; } #map .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass { display: none; } #map .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button.mapboxgl-ctrl-zoom-in { border-top-left-radius: 18px; border-bottom-left-radius: 18px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; } #map .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button.mapboxgl-ctrl-zoom-out { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 18px; border-top-right-radius: 18px; } #map .mapboxgl-popup { top: 10px; } #map .mapboxgl-popup-content { background: #fff; border-radius: 0; box-shadow: none; border: 1.5px solid #000; padding: 0.5rem; pointer-events: auto; position: relative; line-height: 1; } #map .mapboxgl-popup-close-button { display: none; } #map .mapboxgl-map, #map .lieu-name { font-family: "NeueHaasGrotesk", Arial, sans-serif !important; } #map .mapboxgl-popup-tip { display: none; border: none; } #map .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon { background-image: url('data:image/svg+xml;charset=utf-8,'); } #map .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon { background-image: url(/images/minus_2.svg?d329c56739e500beb00e0ad854637840); } .btn-creer-alerte { color: #fff; background-color: #D9D9D9; border: none; border: 1.5px solid #D9D9D9; } .btn-creer-alerte:hover { background-color: #000; color: #fff; } body.lieux #big-wrapper { height: 100%; } @media (min-width: 992px) { body.lieux #big-wrapper { padding-left: 0; } } @media (max-width: 991.98px) { body.lieux #big-wrapper { height: auto; } } body.lieux #main-content { margin-top: 10px; } body.lieux #spectacles-list { overflow-y: auto; max-height: 100%; } @media (max-width: 991.98px) { body.lieux #spectacles-list { max-height: auto; } } body.lieux #spectacles-list .une-periode { margin-bottom: 3rem; } body.lieux #spectacles-list .une-periode .meta { font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body.lieux #spectacles-list .une-periode .meta { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.lieux #spectacles-list .une-periode .meta { font-size: 0.9375rem; line-height: 1.0625rem; } } body.lieux #spectacles-list .une-periode .meta p { margin: 0; } body.lieux #spectacles-list a { text-decoration: none; } body.lieux #spectacles-list a h2.titres, body.lieux #spectacles-list a .titres.h2 { margin-top: 0.5rem; font-size: 1.5625rem; line-height: 1.6875rem; } @media (min-width: 768px) { body.lieux #spectacles-list a h2.titres, body.lieux #spectacles-list a .titres.h2 { font-size: 1.375rem; line-height: 1.5rem; } } @media (min-width: 1200px) { body.lieux #spectacles-list a h2.titres, body.lieux #spectacles-list a .titres.h2 { font-size: 1.5625rem; line-height: 1.6875rem; } } body.lieux #spectacles-list a h2.titres span, body.lieux #spectacles-list a .titres.h2 span { display: block; } body.lieux #spectacles-list a h2.titres span.titre, body.lieux #spectacles-list a .titres.h2 span.titre { color: #AAAAAA; } body.lieux #lieuxfilters { position: absolute; top: 20px; left: 15px; width: 100%; } @media (min-width: 992px) { body.lieux #lieuxfilters { left: 0px; } } body.lieux #lieuxfilters .dropdown-menu { width: 97vw; z-index: 69; height: 83.5vh; top: -52px !important; left: -10px !important; padding: 5rem 5px 0 24px; border-bottom: 1.5px solid #000; } @media (min-width: 992px) { body.lieux #lieuxfilters .dropdown-menu .col-12 { max-width: 277px; } } body.lieux #lieuxfilters .dropdown-menu a:hover { background-color: #efefef; color: #000; } @media (min-width: 992px) { body.lieux #lieuxfilters .dropdown-menu { left: 0px !important; width: 100vw; padding: 5rem 5px 0 10px; } } @media (max-width: 767.98px) { body.lieux #lieuxfilters .dropdown-menu li.list-group-item { width: 97%; } } body.lieux #btn-filter { z-index: 70; background-color: #000; color: #fff; border-radius: 18px; width: 272px; text-align: left; padding: 0.4rem 1rem; position: relative; font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { body.lieux #btn-filter { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.lieux #btn-filter { font-size: 0.9375rem; line-height: 1.0625rem; } } body.lieux #btn-filter.show { border: 1px solid #000; } @media (min-width: 992px) { body.lieux #btn-filter { margin-left: 112px; } } body.lieux .filtres ul { list-style: none; margin: 0; padding: 0; } body.lieux .filtres ul li:first-of-type { border-top: 1.5px solid #000; } body.lieux .filtres ul li a { text-decoration: none; display: block; padding: 0.25rem 0; border-bottom: 1.5px solid #000; } body.lieux .filtres ul li:last-of-type a { border-bottom: none; } body.lieux .filtres #active_filters_wrapper #filters-selected { margin-top: 0.25rem; background-color: #000; padding: 3px 8px; display: inline-block; } body.lieux .filtres #active_filters_wrapper #filters-selected .bg-secondary { background-color: transparent !important; color: #fff; } @media (min-width: 992px) { body.lieux .filtres #active_filters_wrapper { position: absolute; top: 0; left: 393px; display: flex; } } body.lieux .filtres #reset-filters-lieux { background-color: #000; color: #fff; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; padding: 0; position: relative; display: inline-block; margin-left: 6px; /*@include media-breakpoint-up(lg) { background-color: $black; color: $white; position: unset; margin-left: 5px; position: absolute; top: 0; left: 76px; }*/ } body.lieux #wrapper-carte-programme { height: 100%; position: relative; } body.lieux #wrapper-carte-programme .carte-wrapper-col { height: 100%; position: relative; } body.lieux #map { height: 100vh; } @media (max-width: 575.98px) { body.lieux #map { height: 96vh; } } body.lieux .dropdown-menu { border: none; padding: 0.25rem; } body.lieux .dropdown-menu a { text-decoration: none; } body.lieux .une-periode .carte-lieu-infos { border-top: 1.5px solid #000; border-bottom: 1.5px solid #000; padding: 5px 0; margin: 5px 0; display: none; font-size: 0.9375rem; line-height: 1.0625rem; } body.lieux .une-periode.selected_lieu .carte-lieu-infos { display: block; } body.page { /* .carousel-inner{ img{ width:auto; height:auto; position:relative; } } .carousel-caption{ position:relative; top:auto; left:auto; bottom:auto; right:auto; padding-top:0; font-size:10px; line-height:12px; color:#000; padding-bottom:1rem; @include media-breakpoint-down(sm) { transform: rotate(0deg); transform-origin: right; bottom: auto; // right: 0; // left: auto; // width:97% } } .carousel-control-prev, .carousel-control-next { display:inline-block; width: 34px; height:34px; opacity:1; .fp-arrow { display:inline-block; width: 34px; height:34px; &::before{ color:$black; } } } .fp-arrow{ font-size:1rem; } .carousel-control-prev { left: 10px; bottom:35px; top: auto; } .carousel-control-next { left: 50px; bottom:35px; top: auto; } */ } body.page #page-navigation { margin: 0.5rem 0 1rem; } @media (min-width: 768px) { body.page #page-navigation { position: fixed; margin: 0; } } body.page #page-navigation a { font-size: 0.9375rem; line-height: 1.0625rem; text-decoration: none; color: #AAAAAA; } @media (min-width: 768px) { body.page #page-navigation a { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { body.page #page-navigation a { font-size: 0.9375rem; line-height: 1.0625rem; } } body.page #page-navigation a.active, body.page #page-navigation a.activecl { color: #000; } body.page h1, body.page .h1 { font-size: 1.5625rem; line-height: 1.6875rem; margin-bottom: 0; margin-top: 1rem; margin-bottom: 1rem; } @media (min-width: 768px) { body.page h1, body.page .h1 { font-size: 1.375rem; line-height: 1.5rem; } } @media (min-width: 1200px) { body.page h1, body.page .h1 { font-size: 1.5625rem; line-height: 1.6875rem; } } body.page h2, body.page .h2 { font-size: 1.5625rem; line-height: 1.6875rem; margin-bottom: 6px; /* margin-top: calc($spacer*2.5); @include labeur; border-bottom: $border-thickness solid $black; padding-bottom: .25rem; margin-bottom: .25rem;*/ } @media (min-width: 768px) { body.page h2, body.page .h2 { font-size: 1.375rem; line-height: 1.5rem; } } @media (min-width: 1200px) { body.page h2, body.page .h2 { font-size: 1.5625rem; line-height: 1.6875rem; } } body.page .wysiwyg_zone .carousel-caption { display: none !important; } body.page .carousel-inner img { width: 100%; height: auto; position: relative; } body.page .carousel-caption { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding-top: 0; font-size: 15px; line-height: 15px; color: #000; padding-bottom: 0; } @media (max-width: 575.98px) { body.page .carousel-caption { transform: rotate(0deg); transform-origin: right; bottom: auto; } } body.page .carousel-control-prev, body.page .carousel-control-next { display: inline-block; width: 34px; height: 34px; background-color: #fff; border-radius: 50%; opacity: 1; } body.page .carousel-control-prev .fp-arrow, body.page .carousel-control-next .fp-arrow { display: inline-block; width: 34px; height: 34px; } body.page .carousel-control-prev .fp-arrow::before, body.page .carousel-control-next .fp-arrow::before { color: #000; } body.page .fp-arrow { font-size: 1rem; font-weight: bold; } body.page .carousel-control-prev { left: 10px; bottom: 25px; top: auto; } body.page .carousel-control-next { left: 50px; bottom: 25px; top: auto; } body.page .wysiwyg_blocgris { margin-top: 0.8rem !important; } body.page #map { width: 100%; height: 480px; max-height: 480px; } body.page .slide video { width: 100% !important; height: auto !important; } .sticky { position: sticky; top: 96px; } body.page #head-bar, body.search #head-bar, body.artiste-page #head-bar, body.billetterie #head-bar, body.artists-index #head-bar, body.archive #head-bar { padding: 10px 0; background-color: #fff; } body.archive.with-slide #head-bar { background-color: transparent; } #head-bar.with-bg { background-color: #fff !important; } body.skretchpagefooter #main-content { display: flex; flex-direction: column; } body.skretchpagefooter .container-fluid, body.skretchpagefooter .container-sm, body.skretchpagefooter .container-md, body.skretchpagefooter .container-lg, body.skretchpagefooter .container-xl, body.skretchpagefooter .container-xxl { alignSelf: "stretch"; flex: 1; } .btn { font-size: 0.9375rem; line-height: 1.0625rem; } @media (min-width: 768px) { .btn { font-size: 0.875rem; line-height: 1rem; } } @media (min-width: 1200px) { .btn { font-size: 0.9375rem; line-height: 1.0625rem; } } span.gratuit { display: inline-block; border: 1.5px solid transparent; padding: 0.25rem 0; } .wysiwyg_zone h4, .wysiwyg_zone .h4 { margin-top: 3rem; } .offcanvas-body { padding-top: 2.25rem; } body.presse-index h1, body.presse-index .h1 { font-size: 15px; line-height: 17px; } body.presse-index .btn-dwn { border: 1.5px solid #000; display: inline-block; text-decoration: none; padding: 0.3rem; } body.presse-index .Slidercounter { top: auto; bottom: 15px; } @media (min-width: 768px) { body.presse-index .Slidercounter { bottom: auto; top: 4.5rem; } } body.presse-index .fp-arrow { top: auto; bottom: 1rem; } @media (min-width: 768px) { body.presse-index .fp-arrow { bottom: auto; top: 7.03rem; } } @media (max-width: 575.98px) { body.presse-index .fp-arrow { display: none; } } body.presse-index .global-files { max-width: 400px; border-left: 1.5px solid #000; padding-left: 7px; margin-top: 7px; margin-left: 120px; } @media (max-width: 575.98px) { body.presse-index .global-files { margin-left: 0px; padding-right: 7px; max-width: 100%; } } body.presse-index .global-files .un-fichier { padding: 2px 0; } body.presse-index .global-files .inttitle { padding-right: 8px; } body.presse-index .presscontact { padding-left: 7px; margin-top: 7px; margin-left: 60px; } @media (max-width: 575.98px) { body.presse-index .presscontact { margin-left: 0px; padding-right: 7px; max-width: 100%; } } body.presse-index #presseSerachSpectacle { background-color: #D9D9D9; color: #000; border: none; box-shadow: none; } body.presse-index #presseSerachSpectacle:focus { border: none; box-shadow: none; } body.presse-index #presseSerachSpectacle ::-moz-placeholder { color: #000; opacity: 1; /* Firefox */ } body.presse-index #presseSerachSpectacle ::placeholder { color: #000; opacity: 1; /* Firefox */ } body.presse-index #presseSerachSpectacle ::-ms-input-placeholder { /* Edge 12 -18 */ color: #000; } body.presse-index .search-presse-wrapper { position: relative; } body.presse-index .search-presse-wrapper button#btn-loop { padding-right: 0px; border: none; background: transparent; position: absolute; right: 5px; top: 5px; } body.presse-index #suggest-presse { position: absolute; width: 100%; background-color: #fff; } body.presse-index .rdv-name { border-bottom: 1.5px solid #000; margin-bottom: 10px; margin-top: 80px; } body.presse-index .discipline-name { border-bottom: 1.5px solid #000; margin-bottom: 10px; margin-top: 80px; } body.presse-index .spectacle-item { display: inline-block; width: 100%; } body.presse-index .spectacle-item span { display: inline-block; width: 100%; } body.presse-index .spectacle-item .surtitre, body.presse-index .spectacle-item .sous-titre { font-size: 15px; color: #000; } body.presse-index .spectacle-item .titre { font-size: 15px; color: #AAAAAA; } body.presse-index .result-item .surtitre, body.presse-index .result-item .sous-titre { font-size: 15px; color: #000; } body.presse-index .result-item .titre { font-size: 15px; color: #AAAAAA; } body.presse-index .result-item a { text-decoration: none; } body.presse-index ul.spectacles { margin: 0; padding: 0; list-style: none; /*.portrait{ border-bottom:1.5px solid $black; display: inline-block; width: 100%; padding-bottom: 2px; margin-bottom: 10px; }*/ } @media (min-width: 768px) { body.presse-index ul.spectacles { columns: 3; -webkit-columns: 3; -moz-columns: 3; } } body.presse-index ul.spectacles a { text-decoration: none; } body.presse-index ul.spectacles li { margin-bottom: 7px; /*&.isportrait::last-of-class{ margin-bottom:30px; }*/ } body.presse-index ul.spectacles .portrait { padding-right: 30%; /* border-bottom: 1.5px solid #000; */ display: inline-block; width: 100%; /* padding-bottom: 2px; */ /* margin-bottom: 10px; */ text-align: right; text-decoration: underline; margin-bottom: 10px; } body.presse-item #main-content { padding-top: 10px; } body.presse-item h1, body.presse-item .h1 { font-size: 45px; color: #000; line-height: 43px; } @media (max-width: 767.98px) { body.presse-item h1, body.presse-item .h1 { font-size: 40px; line-height: 37px; } } body.presse-item h2, body.presse-item .h2 { color: #AAAAAA; font-size: 45px; line-height: 43px; } @media (max-width: 767.98px) { body.presse-item h2, body.presse-item .h2 { font-size: 40px; line-height: 37px; } } body.presse-item #spectacleCarousel { width: 100%; /*button{ display:none; }*/ } body.presse-item .carousel-inner img { width: 100%; height: auto; position: relative; } body.presse-item .carousel-caption { margin-top: 5px; position: relative; top: auto; left: auto; bottom: auto; right: auto; padding-top: 0; font-size: 15px; line-height: 15px; color: #000; padding-bottom: 0; } @media (max-width: 575.98px) { body.presse-item .carousel-caption { transform: rotate(0deg); transform-origin: right; bottom: auto; } } body.presse-item .carousel-control-prev, body.presse-item .carousel-control-next { display: inline-block; width: 30%; height: 100%; opacity: 1; } body.presse-item .carousel-control-prev .fp-arrow, body.presse-item .carousel-control-next .fp-arrow { display: inline-block; width: 34px; height: 34px; } body.presse-item .carousel-control-prev .fp-arrow::before, body.presse-item .carousel-control-next .fp-arrow::before { color: #000; } body.presse-item .fp-arrow { font-size: 1rem; } body.presse-item .carousel-control-prev { left: 0px; top: 0; } body.presse-item .carousel-control-next { right: 0px; top: 0; } body.presse-item .heading { margin-top: 100px; font-size: 15px; border-bottom: 1.5px solid #000; } @media (min-width: 768px) { body.presse-item .othershows { max-width: 75%; } } body.presse-item .othershows .dates, body.presse-item .othershows .disciplines-portraits { display: none; } body.presse-item .othershows .titres { font-size: 15px; line-height: 15px; } body.presse-item .othershows a { margin-bottom: 10px; } body.presse-item .buttons { margin-top: 20px; } body.presse-item .btnpresse { display: inline-block; text-decoration: none; padding: 5px 10px; border: 1.5px solid #000; margin-right: 5px; margin-bottom: 5px; font-size: 15px; } body.presse-item .btnpresse.round { border-radius: 16px; } body.presse-item #ModalPress #FpressPass { background-color: #D9D9D9; border: none; } body.presse-item #ModalPress .btn-primary { background-color: #D9D9D9; border: none; } body.presse-item #ModalPress h2, body.presse-item #ModalPress .h2 { font-size: 15px; line-height: 15px; } body.presse-item #ModalPress .surtitre, body.presse-item #ModalPress .sous-titre { font-size: 15px; line-height: 15px; color: #000; } body.presse-item #ModalPress .titre { font-size: 15px; line-height: 15px; color: #AAAAAA; } body.presse-item #ModalPress ul { list-style: none; margin: 0; padding: 0; columns: 2; -webkit-columns: 2; -moz-columns: 2; } body.presse-item #ModalPress ul li { display: inline-block; } body.presse-item #ModalPress #dwnallphoto { display: inline-block; text-decoration: none; padding: 5px 10px; border: 1.5px solid #000; margin-right: 5px; margin-bottom: 5px; font-size: 15px; } body.presse-item #photos-list .onephoto { margin-bottom: 8px; } .slide .hidden-link-slider { height: 100%; width: 25%; position: absolute; top: 0; left: 0; } .slide .hidden-link-slider.hidden-next { left: auto; right: 0; } body.production-index .intro-wrapper { font-size: 2.813rem; } body.production-index .intro-wrapper p { font-size: 2.813rem; line-height: 2.688rem; letter-spacing: -2%; } body.production-index .spectacle-row .edition { font-size: 0.938rem; line-height: 1.063rem; margin-bottom: 2px; } body.production-index .spectacle-row h2, body.production-index .spectacle-row .h2 { font-size: 2.813rem; line-height: 2.688rem; } body.production-index .spectacle-row .intro { font-size: 0.938rem; color: #000; line-height: 1.063rem; } body.production-index .spectacle-row .btnfile { font-size: 0.938rem; padding: 6px 7px; border: 1.5px solid #000; display: inline-block; margin-right: 10px; } body.production-index .contacts { font-size: 0.938rem; } body.production-index .contacts .contact-info { border-top: 1.5px solid #000; padding-top: 5px; } body.production-index .contacts .contact-info a { text-decoration: underline; } #ModalProduction #FpressPass { background-color: #D9D9D9; border: none; } #ModalProduction .btn-primary { background-color: #D9D9D9; border: none; } #LieuInfos .modal-body img { filter: grayscale(1); } .ico-infos { display: inline-block; background-color: #000; color: #fff; padding: 5px 12px; border-radius: 50%; }